header#nara{--radius:7px}header#nara a{text-decoration:none}header#nara .drop{position:relative}header#nara .sub{height:0;left:0;min-width:fit-content;opacity:0;overflow:hidden;padding:0;pointer-events:none;position:absolute;transform:translateY(40px);transition:.3s;width:auto}header#nara .drop:hover>.sub{display:block;height:auto;opacity:1;pointer-events:auto;transform:translateY(20px)}header#nara .sub .sub-content{overflow:hidden}header#nara nav .drop:hover{z-index:15}header#nara nav .sub .sub-content{padding:1px}header#nara .sub .sub-content>.container-fluid{padding:0;width:100%}header#nara nav .sub .sub-content>.row>div>ul,header#nara nav .sub .sub-content>ul{gap:15px}header#nara .sub .sub-content>.row>div>ul li a,header#nara .sub .sub-content>ul li a{color:#f5f5f5;display:inline-block;font-weight:500;opacity:.8;transition:.1s;white-space:nowrap}header#nara .sub .sub-content>.row>div>ul li a{font-weight:600}header#nara .sub .sub-content>ul li a:hover{opacity:1}nav .sub .sub-content>.row>div>ul li a:hover,nav .sub .sub-content>ul li a:hover{opacity:1;transform:translateX(10px)}.sub .sub-content>ul li{box-sizing:border-box}header#nara nav .drop .toggle:before{background-color:transparent;bottom:-22px;content:"";height:100%;left:-30px;position:absolute;width:calc(100% + 60px)}header#nara .drop .toggle:after{border-bottom:10px solid #d6d6d6;border-left:10px solid transparent;border-right:10px solid transparent;bottom:-20px;color:#fff;content:"";height:0;left:0;line-height:6px;opacity:0;pointer-events:none;position:absolute;transform:translateY(20px);transition:.3s;width:0;z-index:15}header#nara .drop:hover .toggle:after{opacity:1;transform:translateY(0)}header#nara .button{align-items:center;border-radius:var(--radius);cursor:pointer;display:flex;font-size:14px;font-weight:400;gap:5px;line-height:36px;padding:0 35px;text-align:center;transition:.3s;white-space:nowrap;width:auto}header#nara .button i{line-height:0}header#nara .button.fill{background-color:var(--primary-color);border:1px solid transparent;color:#fff!important}header#nara .button.fill:hover{background-color:var(--primary-color-hover)!important;border-color:var(--primary-color-hover)!important;color:#fff}header#nara .button.outline{background-color:#f5f5f5;box-shadow:0 0 0 1px var(--primaryColor);color:var(--textColor)}header#nara .button.outline:hover{background-color:var(--primary-color);box-shadow:0 0 0 1px transparent;color:#fff!important}header#nara .inputBox,header#nara .labelBox{position:relative}header#nara .inputBox label{align-items:center;display:flex;height:100%;position:absolute;text-indent:26px;transform:translateY(0);transition:.3s;width:auto}header#nara .inputBox:focus label,header#nara .inputBox:hover label{font-size:12px;transform:translateY(-14px)}header#nara .inputBox input,header#nara .inputBox select,header#nara .inputBox textarea{background-color:#f5f5f5;border:none;border-radius:10px;box-shadow:0 0 0 1px rgba(0,0,0,.1)!important;height:60px;line-height:20px;outline:none!important;padding:10px 25px 0;width:100%}header#nara .searchContent{position:relative;width:100%}header#nara .searchContent input{box-shadow:none!important;padding-right:0}header#nara .searchContent input::placeholder{color:color-mix(in srgb,var(--text-primary) 50%,transparent 50%);font-size:14px}header#nara .navbar{position:relative}header#nara .navbar nav>ul>li{width:100%}header#nara .searchToggle{display:flex;height:17px;position:relative;width:17px}header#nara .searchToggle>svg{position:absolute!important}header#nara .searchToggle>svg:first-child{transform:scaleY(1);transition:.3s}header#nara .searchToggle>svg:last-child{opacity:0;transform:scaleY(0);transition:.3s}header#nara .searchContent button{color:var(--text-primary);left:0;padding:0;position:absolute;top:7px;z-index:5}header#nara .searchContent button svg{height:18px;width:18px}header#nara .searchContent input{background-color:transparent;border:none;border-radius:60px;height:43px;padding-top:0}header#nara .searchContent:before{background-color:color-mix(in srgb,var(--primary-color) 7%,transparent);border-radius:60px;content:"";height:100%;left:-30px;opacity:1;pointer-events:none;position:absolute;top:0;transition:.2s;width:calc(100% + 60px);z-index:-1}header#nara .searchContent:hover:before{background-color:color-mix(in srgb,var(--primary-color) 15%,transparent)}header#nara .searchContent label{color:color-mix(in srgb,var(--text-primary) 70%,transparent);font-size:15px;font-weight:300}header#nara .navbar{transition:.3s;width:100%}header#nara .navbar:hover{position:relative;z-index:10}header#nara .navbar nav{transition:.3s;width:100%}header#nara .navbar nav ul{display:flex;gap:10px;justify-content:space-between}header#nara .navbar nav>ul>li>a{align-items:center;background-color:color-mix(in srgb,var(--primary-color) 7%,transparent);border-radius:var(--radius);color:var(--text-primary);display:flex;flex-wrap:nowrap;font-size:14px;font-weight:400;height:auto;justify-content:center;padding:15px;transition:.3s;white-space:nowrap;width:100%}header#nara .navbar nav>ul>li:hover>a{box-shadow:0 0 0 1px var(--primary-color)}header#nara .navbar nav>ul>li.customLast>a{animation:pulse 2s infinite}@-webkit-keyframes pulse{0%{-webkit-box-shadow:0 0 0 0 color-mix(in srgb,var(--primary-color) 40%,transparent)}70%{-webkit-box-shadow:0 0 0 15px color-mix(in srgb,var(--primary-color) 0,transparent)}to{-webkit-box-shadow:0 0 0 0 color-mix(in srgb,var(--primary-color) 0,transparent)}}@keyframes pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--primary-color) 40%,transparent)}70%{box-shadow:0 0 0 15px color-mix(in srgb,var(--primary-color) 0,transparent)}to{box-shadow:0 0 0 0 color-mix(in srgb,var(--primary-color) 0,transparent)}}header#nara .navbar nav>ul>li>a .sayfaUst{border-radius:5px;color:var(--text-primary);display:flex;font-size:12px;font-weight:600;justify-content:center;left:0;line-height:12px;position:absolute;text-align:center;text-transform:none;top:-24px;transition:.3s;width:100%;z-index:2}header#nara .navbar nav>ul>li>a .sayfaUst>span{--mixed:color-mix(in srgb,var(--primary-color) 20%,#fff);background-color:var(--primary-color);border-radius:var(--radius);color:var(--mixed);display:inline-flex;font-size:11px;font-weight:500;justify-content:center;padding:5px 10px;width:fit-content}header#nara .navbar nav>ul>li:hover>a .sayfaUst{z-index:20}header#nara .sub{box-shadow:0 0 0 1px rgba(0,0,0,.161)!important}header#nara .navbar nav .sub{box-shadow:none!important;left:0;position:fixed;width:100%}header#nara .navbar nav .sub .sub-content .container{background-color:color-mix(in srgb,var(--primary-color) 7%,transparent);background-position:104% top;background-repeat:no-repeat;background-size:25%;border-radius:25px;box-shadow:0 0 0 1px var(--primary-color);max-width:1420px;overflow:hidden;padding:90px calc(50px + var(--bs-gutter-x)*.5)!important;padding-right:13%!important;position:relative}header#nara .navbar nav .sub .sub-content .container:before{background-color:#fff;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:-1}header#nara .drop .sub .sub-content{background-color:#fff;border-radius:0;padding:15px}header#nara .navbar .drop .sub .sub-content{background-color:transparent;border-radius:0;box-shadow:none!important;padding:1px}header#nara .navbar nav .sub a{align-items:center;color:var(--text-primary);display:flex;gap:2px;position:relative;width:fit-content}header#nara .navbar nav .sub a:before{background-color:var(--primary-color-hover);border-radius:30px;content:"";height:calc(100% + 10px);left:-15px;opacity:0;pointer-events:none;position:absolute;top:-5px;width:calc(100% + 45px);z-index:-1}header#nara .navbar nav .sub a:hover:before{opacity:1}header#nara .navbar nav .sub a .img{aspect-ratio:1/1;background-position:50%;background-repeat:no-repeat;background-size:80%;display:flex;width:30px}header#nara .navbar nav a.toggle:after{display:none!important}header#nara .navbar nav .drop:hover>.sub{transform:translateY(20px)}header#nara .navbar nav .drop .sub .sub-content>.container{display:flex}header#nara .navbar nav .drop .sub ul{display:flex;flex-flow:column;gap:10px!important;justify-content:flex-start;width:100%!important}header#nara .navbar nav .drop .sub ul a{font-size:13px}header#nara .navbar nav .drop .sub ul a:hover{color:#fff;opacity:1}header#nara .navbar nav .drop:after{background-color:var(--primary-color);border-top-left-radius:10px;border-top-right-radius:10px;bottom:-20px;content:"";height:5px;left:0;opacity:0;position:absolute;transition:.5s;width:100%;z-index:0}header#nara .navbar nav .drop:hover:after{opacity:1}header .navbar nav .drop .sub ul a:hover{transform:none!important}header#nara .homeIcon{align-items:center;aspect-ratio:1/1;display:flex;position:relative;transition:.2s}header#nara .homeIcon a{padding:0!important}header#nara .homeIcon svg{height:18px}header#nara .homeIcon i{transition:.2s}header#nara .homeIcon:hover svg{color:#fff!important}header#nara .homeIcon:hover:after{background-color:var(--primary-color)}header#nara .categoryName{align-items:center;display:flex;flex-flow:column;font-weight:500;justify-content:center;min-width:100%;position:relative;text-transform:uppercase}header#nara .categoryName .category-image{height:40px;margin-bottom:7px;margin-top:10px;object-fit:cover;transition:.3s}header#nara .sub.no-transition{transition:none!important}header#nara .socials{display:flex;font-size:16px;gap:18px;justify-content:center}header#nara .socials i{align-items:center;aspect-ratio:1/1;display:flex;justify-content:center}header#nara .socials img{aspect-ratio:1/1;display:flex;height:16px;width:auto}header#nara .socials a{align-items:center;aspect-ratio:1/1;color:#fff;display:flex}header#nara .socials a:hover{opacity:1}header#nara .userButtons a{align-items:center;color:#fff;display:flex;font-size:14px;gap:7px;position:relative}header#nara .userButtons .languageBox{border-right:1px solid hsla(0,0%,100%,.3);margin-right:10px;padding-left:20px;padding-right:20px}header#nara .userButtons a #cardExists{align-items:center;background-color:var(--accent-color);border-radius:100%;bottom:40%;box-shadow:0 0 0 2px #fff;color:#fff;display:flex;font-size:8px;font-weight:600;height:15px;justify-content:center;position:absolute;right:-40%;width:15px;z-index:22}header#nara .userButtons .drop .sub .sub-content ul li a{align-items:center;color:var(--text-primary);display:flex;font-size:14px;font-weight:500;gap:5px;padding:7px 0}header#nara .userButtons a.toggle{align-items:center;color:#fff;display:flex;font-size:14px;gap:5px;position:relative;z-index:2}header#nara .userButtons a>i,header#nara .userButtons a>img,header#nara .userButtons a>svg{align-items:center;aspect-ratio:1/1;color:#fff;display:flex;font-size:19px;height:19px;opacity:.8;position:relative;width:auto;z-index:2}header#nara .userButtons a:hover>i,header#nara .userButtons a:hover>img,header#nara .userButtons a:hover>svg{opacity:1}header#nara .userButtons{align-items:center;display:flex;gap:20px;margin-left:auto;margin-right:0;transition:.3s;width:fit-content}body.stickyOn header#nara .userButtons{position:relative;transform:translateY(89px);z-index:20}body.stickyOn header#nara .customLast{opacity:0;pointer-events:none}header#nara .corporateList{display:flex;gap:25px}header#nara .corporateList a{align-items:center;color:#fff;display:flex;font-size:12px;gap:5px;position:relative;white-space:nowrap;z-index:2}header#nara .corporateList a>i,header#nara .corporateList a>img,header#nara .corporateList a>svg{align-items:center;aspect-ratio:1/1;color:#fff;display:flex;font-size:17px;height:17px;opacity:.8;position:relative;width:auto;z-index:2}header#nara .shopButtons a{align-items:center;color:var(--text-primary);display:flex;font-size:14px;gap:10px;position:relative}header#nara .shopButtons a #cardExists{align-items:center;background-color:var(--primary-color);border-radius:100%;box-shadow:0 0 0 2px #fff;color:#fff;display:flex;font-size:10px;font-weight:600;height:18px;justify-content:center;left:10px;position:absolute;top:-7px;width:18px;z-index:22}header#nara .shopButtons .drop .sub .sub-content ul li a{align-items:center;color:var(--text-primary);display:flex;font-size:14px;font-weight:500;gap:5px;padding:7px 0}header#nara .shopButtons a.toggle{align-items:center;color:var(--text-primary);display:flex;font-size:14px;gap:5px;position:relative;z-index:2}header#nara .shopButtons a>i,header#nara .shopButtons a>img,header#nara .shopButtons a>svg{align-items:center;aspect-ratio:1/1;color:var(--text-primary);display:flex;font-size:19px;height:22px;opacity:.5;position:relative;width:auto;z-index:2}header#nara .shopButtons a>svg{min-width:22px}header#nara .shopButtons a:hover>i,header#nara .shopButtons a:hover>img,header#nara .shopButtons a:hover>svg{color:var(--accent-color);opacity:1}header#nara .drop:hover:before{background-color:transparent;content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(2.5) scaleX(2.3);transform-origin:top;width:100%;z-index:0}header#nara .navbar .drop:hover:before{transform:scaleY(2.5) scaleX(1.3)}header#nara .shopButtons{align-items:center;display:flex;gap:20px;margin-left:auto;margin-right:0;transition:.3s;width:fit-content}body.stickyOn header#nara.sticky .shopButtons{position:relative;transform:translateY(74px);z-index:20}header#nara .shopButtons li:hover a,header#nara .shopButtons li:hover a i{color:var(--accent-color)}header#nara{position:relative;z-index:50}header#nara.sticky{position:sticky;top:-125px}header#nara .top{background-color:var(--primary-color);padding:10px 0}header#nara .top .flex-content{display:flex;margin-left:auto}header#nara .top>.row>div{position:relative}header#nara .top:hover{position:relative;z-index:80}header#nara .top .header-logo{display:flex;margin:auto;width:fit-content}header#nara .nav-logo{left:0;opacity:0;pointer-events:none;position:absolute;top:17px;transition:.5s;z-index:5}header#nara .nav-logo img{height:13px}header#nara .top .header-logo img{height:18px;transition:.3s}header#nara .userButtons>li:last-child .drop .sub{left:auto;right:0}header#nara .drop .sub .sub-content ul{width:max-content}header#nara .header-logo img{height:19px;transition:.3s}header#nara .bottom{padding:15px 0;position:relative;transition:.3s}header#nara .bottom:hover{z-index:10}body.stickyOn .sticky{background-color:#fff;box-shadow:0 0 20px 0 rgba(0,0,0,.1);position:sticky!important;top:-125px}header#nara .middle .header-logo{display:flex;justify-content:flex-start;width:fit-content}header#nara .middle>.container>.row>div{align-items:center;display:flex}header#nara .middle{padding:20px 0}header#nara .middle:hover{position:relative;z-index:50}