#menu,#menu button{color:var(--neutral-color);width:100%;display:flex}#menu a,#menu button,#menu button svg{transition:.3s cubic-bezier(.2, 0, 0, 1)}#menu .wrapper--dropdown,#menu .wrapper--dropdown>*{visibility:hidden;opacity:0}#menu .active>button svg path,#menu .menu_trigger--lang.active svg path,#menu .menu_trigger--social.active svg path,#menu .sub_menu .menu_info a:hover svg path,#menu button:hover svg path{stroke:var(--primary-color)}:root{--primary-color:#007ED4;--secondary-color:#E9F5FC;--tertiary-color:#F8F8F8;--neutral-color:#595959;--neutral-variant-color:#757575;--gradient-color:linear-gradient(90deg, rgba(0, 160, 233, 1) 0%, rgba(0, 126, 212, 1) 100%)}#menu *,#menu :after,#menu :before{box-sizing:border-box;margin:0;padding:0;border:0}#menu h1{font-weight:600}#menu h2,#menu h3,#menu h4{font-weight:500}#menu,#menu h5,#menu h6{font-weight:400}#menu p{font-weight:300;color:var(--neutral-color)}#menu .LANG_MENU,#menu .product_list .list_title,#menu .product_list .list_title p,#menu .product_list a,#menu .sub_menu .menu_info p,#menu .wrapper--menu .fw500,#menu button{font-weight:500}#menu a{color:var(--neutral-variant-color)}#menu a:hover,#menu a:hover p{color:var(--primary-color);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}#menu{z-index:999;position:fixed;top:0;transition:top .3s;height:60px;background-color:#fff;justify-content:center;box-shadow:rgba(92,154,189,.15) 0 0 10px}#menu button{appearance:none;outline:0;border:0;background:0 0;justify-content:left;align-items:center;text-align:left;column-gap:6px;line-height:1;cursor:pointer}#menu .sub_menu,#menu .sub_menu_trigger>li{backdrop-filter:blur(20px);border-radius:5px}#menu .active>button,#menu .sub_menu_trigger>li.active button,#menu .sub_menu_trigger>li:hover button,#menu button:hover{color:var(--primary-color)}#menu button svg{margin-top:4px}#menu .active>button svg{transform:rotate(180deg)}#menu .wrapper--menu{max-width:1200px;width:90%;display:flex;justify-content:space-between;align-items:center}#menu .inner_wrapper--menu{display:flex;justify-content:start;column-gap:40px;align-items:center}#menu .logo--cayin{display:flex;justify-content:center}#menu .logo--cayin img{width:85px;user-select:none}#menu li,#menu ul{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;text-align:left}#menu .inner_wrapper--menu>ul{column-gap:16px}#menu .dropdown_trigger{padding:12px 8px}#menu .wrapper--dropdown{position:absolute;top:60px;left:0;background:url(../images/index/menu_bg.jpg) top/cover;width:100%;box-shadow:rgba(92,154,189,.3) 0 5px 10px;max-height:0;transition:visibility .5s cubic-bezier(.2, 0, 0, 1),opacity .5s cubic-bezier(.2, 0, 0, 1),max-height .5s cubic-bezier(.2, 0, 0, 1) .2s}#menu .btn--link,#menu .menu--btn>li{position:relative}#menu .sub_menu,#menu .sub_menu_trigger>li.active{background-color:rgba(255,255,255,.4);box-shadow:rgba(92,154,189,.15) 0 5px 10px}#menu .active .wrapper--dropdown{max-height:900px;visibility:visible;opacity:1;transition:visibility .5s cubic-bezier(.2, 0, 0, 1),opacity .5s cubic-bezier(.2, 0, 0, 1),max-height .5s cubic-bezier(.2, 0, 0, 1)}#menu .btn--link::before,#menu .sub_menu .menu_info svg,#menu .sub_menu .menu_info svg path,#menu .sub_menu_trigger>li,#menu .sub_menu_trigger>li button{transition:.3s cubic-bezier(.2, 0, 0, 1)}#menu .active .wrapper--dropdown>*{visibility:visible;opacity:1}#menu .wrapper--dropdown::after{content:"";position:absolute;top:0;left:0;width:100%;height:20px;background:#5c9abd;background:linear-gradient(180deg,rgba(92,154,189,.1) 0,rgba(92,154,189,0) 80%)}#menu .mega-dropdown{display:grid;grid-template-columns:minmax(200px,18%) auto;column-gap:20px;width:90%;max-width:1200px;margin:24px auto}#menu .sub_menu_trigger{flex-direction:column;justify-content:start;align-items:stretch;row-gap:8px}#menu .sub_menu_trigger>li{cursor:pointer;background-color:rgba(255,255,255,0);box-shadow:rgba(92,154,189,0) 0 5px 10px;justify-content:start}#menu .sub_menu_trigger>li button{padding:18px 20px 16px;font-weight:500;line-height:1}#menu .sub_menu{padding:28px 32px}#menu .sub_menu>li{width:100%;grid-template-columns:1fr 1fr 1fr;justify-content:space-between;align-items:start;column-gap:20px;row-gap:32px;display:none}#menu .sub_menu>li.active{display:grid}#menu .product_list,#menu .product_list>li{flex-direction:column;align-items:start}#menu .product_list{row-gap:20px;max-height:450px;height:100%;flex-wrap:nowrap;overflow-y:auto;justify-content:start}#menu ::-webkit-scrollbar{width:8px;opacity:.5}#menu ::-webkit-scrollbar-track{background:rgba(255,255,255,.4);border-radius:10px}#menu ::-webkit-scrollbar-thumb{background:#bbe7fb;border-radius:10px}#menu ::-webkit-scrollbar-thumb:hover{background:#8fcfed}#menu .product_list>li{row-gap:4px;width:100%}#menu .wrapper--menu .fw900{font-weight:900}#menu .wrapper--menu .fw600{font-weight:600}#menu .product_list .list_title{flex-direction:row;align-items:center;justify-content:start;column-gap:12px;flex-wrap:nowrap}#menu .product_list .list_title p{display:flex;flex-wrap:wrap}#menu .product_list .list_title span{font-size:16px}#menu .product_list .list_title>img{width:38px;border-radius:3px}#menu .sub_menu .menu_info{grid-column-start:1;grid-column-end:span 4;justify-content:start}#menu .sub_menu .menu_info>li{flex-direction:row;column-gap:16px;align-items:center}#menu .sub_menu .menu_info span{border-left:2px solid var(--neutral-variant-color);padding-left:16px}#menu .sub_menu .menu_info svg{transform:rotate(-90deg);margin-bottom:1px}#menu .sub_menu .menu_info a:hover svg{transform:rotate(-90deg) translateY(2px)}#menu .menu--btn{column-gap:24px}#menu .btn--link{line-height:1;background:#00a0e9;background:var(--gradient-color);color:#fff;padding:9px 24px;border-radius:50px;user-select:none}#dropdown--social,#menu .LANG_MENU{position:absolute;top:40px;left:50%;transform:translateX(-50%);background-color:#fff;border-radius:5px;box-shadow:rgba(92,154,189,.15) 0 -8px 20px;max-height:0;visibility:hidden;opacity:0;transition:visibility .5s cubic-bezier(.2, 0, 0, 1),opacity .5s cubic-bezier(.2, 0, 0, 1),max-height .5s cubic-bezier(.2, 0, 0, 1) .2s}#menu .btn--link::before{position:absolute;content:'';top:0;right:0;bottom:0;left:0;border-radius:50px;background:#00a0e9;background:linear-gradient(90deg,#00a0e9 0,#00a0e9 100%);z-index:-1;opacity:0}#menu .btn--link:hover{text-decoration:none;color:#fff}#menu .btn--link:hover::before{opacity:1}#menu .btn--icon>i::before{font-size:2em}#menu .menu_trigger--lang.active,#menu .menu_trigger--lang:hover,#menu .menu_trigger--social.active,#menu .menu_trigger--social:hover{color:var(--primary-color)}#menu .menu_trigger--lang svg,#menu .menu_trigger--social svg{margin-top:4px;transition:.3s cubic-bezier(.2, 0, 0, 1)}#menu .menu_trigger--lang.active svg,#menu .menu_trigger--social.active svg{transform:rotate(180deg)}#dropdown--social{flex-direction:column;gap:12px;padding:16px}#menu .menu_trigger--lang.active~.LANG_MENU,.menu_trigger--social.active~#dropdown--social{max-height:900px;visibility:visible;opacity:1;transition:visibility .5s cubic-bezier(.2, 0, 0, 1),opacity .5s cubic-bezier(.2, 0, 0, 1),max-height .5s cubic-bezier(.2, 0, 0, 1)}#dropdown--social i{font-size:1.6em}#menu .LANG_MENU{flex-direction:column}#menu .LANG_MENU a{width:100%;word-break:keep-all;white-space:nowrap}#menu .LANG_MENU li{width:100%}#menu .LANG_MENU li a{padding:12px 16px;text-align:center}#menu .LANG_MENU a:hover{text-decoration:none}#menu .LANG_MENU li .nowlang{background:var(--gradient-color);color:#fff}#menu .LANG_MENU li:first-child .nowlang{border-radius:5px 5px 0 0}#menu .LANG_MENU li:last-child .nowlang{border-radius:0 0 5px 5px}