*{ box-sizing: border-box; }
body{margin: 0;}
.site-header .nav .has-child{position:relative;}
.site-header .nav .has-child:hover > .sub, .site-header .nav .has-child:focus-within > .sub{opacity:1;visibility:visible;}
.tpl-header_query{position:relative;display:inline-flex;align-items:center;height:var(--NaviHeight, 80px);}
.tpl-header_query .query-toggle-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:#0000;border:0;color:var(--TextColorPrimary, #606266);cursor:pointer;}
.tpl-header_query .query-toggle__icon{display:inline-flex;align-items:center;justify-content:center;line-height:0;}
.tpl-header_query .query-toggle__badge{position:absolute;top:2px;right:5px;display:flex;align-items:center;justify-content:center;width:16px;height:16px;border:1.5px solid #fff;border-radius:50%;font-size:9px;font-weight:700;line-height:1;background-color:#ff3b30;color:#fff;box-shadow:0 1px 2px #0000001f;overflow:hidden;}
.tpl-header_query .query-toggle__badge[hidden]{display:none;}
.tpl-header_query .query-panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;overflow:hidden;pointer-events:none;}
.tpl-header_query .query-panel__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0009;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);opacity:0;transition:opacity .3s ease;}
.tpl-header_query .query-panel__drawer{position:absolute;top:0;right:0;display:flex;flex-direction:column;width:100%;max-width:450px;height:100%;padding:2.5rem;background-color:#fff;box-shadow:-10px 0 30px #00000026;transform:translate(100%);transition:transform .3s ease-in-out;}
.tpl-header_query.is-open .query-panel{pointer-events:auto;}
.tpl-header_query.is-open .query-panel__overlay{opacity:1;}
.tpl-header_query.is-open .query-panel__drawer{transform:translate(0);}
.tpl-header_query .query-panel__header{flex-shrink:0;display:flex;justify-content:space-between;align-items:center;padding-bottom:2rem;margin-bottom:2.5rem;border-bottom:1px solid var(--BorderColorSecondary, #DCDFE6);}
.tpl-header_query .query-panel__title{font-size:var(--FontSizeBody, .875rem);font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--TextColorTitle, #303133);}
.tpl-header_query .query-panel__close{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:#0000;border:0;color:var(--TextColorTitle, #303133);opacity:.5;cursor:pointer;}
.tpl-header_query .query-panel__body{flex:1;min-height:0;overflow-y:auto;}
.tpl-header_query .query-list{display:flex;flex-direction:column;gap:2.5rem;margin:0;padding:0;list-style:none;}
.tpl-header_query .query-item{display:flex;gap:1.5rem;padding-bottom:2.5rem;border-bottom:1px solid #f0f0f0;}
.tpl-header_query .query-item:last-child{border-bottom:0;padding-bottom:0;}
.tpl-header_query .query-item__thumb{flex-shrink:0;display:block;width:96px;height:96px;border:1px solid #e5e7eb;background-color:#f5f5f5;overflow:hidden;}
.tpl-header_query .query-item__thumb img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;}
.tpl-header_query .query-item__info{flex:1;min-width:0;display:flex;flex-direction:column;}
.tpl-header_query .query-item__name{margin:0;font-size:1rem;font-weight:500;line-height:1.6;color:var(--TextColorTitle, #303133);}
.tpl-header_query .query-item__category{margin:.5rem 0 0;font-size:.75rem;font-weight:400;letter-spacing:.15em;text-transform:uppercase;color:var(--TextColorSecondary, #606266);}
.tpl-header_query .query-item__meta{display:flex;justify-content:space-between;align-items:center;margin-top:1.5rem;font-size:.875rem;font-weight:500;text-transform:uppercase;}
.tpl-header_query .query-item__qty{color:var(--TextColorSecondary, #606266);}
.tpl-header_query .query-item__remove{display:inline-flex;align-items:center;gap:.25rem;padding:0 0 2px;background:#0000;border:0;border-bottom:1px solid var(--TextColorTitle, #303133);font-size:.875rem;font-weight:500;letter-spacing:.05em;color:var(--TextColorTitle, #303133);cursor:pointer;}
.tpl-header_query .query-item__remove-icon{display:inline-flex;align-items:center;line-height:0;}
.tpl-header_query .query-panel__footer{flex-shrink:0;padding-top:2.5rem;border-top:1px solid var(--BorderColorSecondary, #DCDFE6);}
.tpl-header_query .query-panel__confirm{display:flex;align-items:center;justify-content:center;width:100%;height:48px;background-color:var(--TextColorTitle, #303133);color:#fff;font-size:var(--FontSizeBody, 1rem);font-weight:500;letter-spacing:.05em;text-transform:uppercase;text-decoration:none;}
.tpl-header_search_full{position:relative;display:inline-flex;align-items:center;height:var(--NaviHeight, 80px);}
.tpl-header_search_full .search-toggle-btn{position:relative;z-index:1001;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:transparent;border:0;border-radius:4px;color:var(--TextColorPrimary, #666666);cursor:pointer;}
.tpl-header_search_full.is-open .search-toggle-btn{display:none;}
.tpl-header_search_full .search-panel{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;background-color:#000c;transition:opacity .3s ease-in-out,visibility .3s ease-in-out;z-index:1000;pointer-events:none;overflow-y:auto;}
.tpl-header_search_full.is-open .search-panel{opacity:1;visibility:visible;pointer-events:auto;}
.tpl-header_search_full .search-panel-inner{display:flex;align-items:center;gap:1.5rem;width:var(--ContainerDefaultWidth, 85%);max-width:1080px;margin:0 auto;padding:2.25rem 0;}
.tpl-header_search_full .search-input-wrap{position:relative;flex:1;display:flex;align-items:center;min-width:0;border-bottom:1px solid rgba(255,255,255,.5);}
.tpl-header_search_full .search-input-wrap .search-icon{height:26px;}
.tpl-header_search_full .search-input-label{flex:1;display:flex;align-items:center;min-width:0;margin:0;}
.tpl-header_search_full .search-label-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.tpl-header_search_full .search-input{flex:1;min-width:0;padding:.75rem 1rem;background:transparent;border:0;outline:0;font-size:1.125rem;color:#fff;}
.tpl-header_search_full .search-input::-moz-placeholder{color:#fff9;}
.tpl-header_search_full .search-input::placeholder{color:#fff9;}
.tpl-header_search_full .search-input:focus{outline:0;}
.tpl-header_search_full .search-submit-btn{position:absolute;top:50%;transform:translateY(-50%);right:0;flex-shrink:0;display:flex;align-items:center;gap:.5rem;background:transparent;border:0;cursor:pointer;color:#fff;font-size:var(--FontSizeBody, .9375rem);font-weight:700;text-transform:uppercase;letter-spacing:.05em;line-height:1;transition:opacity .3s ease;}
.tpl-header_search_full .search-close-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:transparent;border:0;cursor:pointer;color:#fff;transition:opacity .3s ease;}
.tpl-header_search_full .search-close-btn svg{width:26px;height:26px;}
@media (hover:hover) {
.tpl-header_query .query-toggle-btn{transition:color .3s ease,opacity .3s ease;}
.tpl-header_query .query-toggle-btn:hover{color:var(--TextColorTitle, #303133);opacity:.6;}
.tpl-header_query .query-panel__close{transition:opacity .3s ease;}
.tpl-header_query .query-panel__close:hover{opacity:1;}
.tpl-header_query .query-item__remove{transition:opacity .3s ease;}
.tpl-header_query .query-item__remove:hover{opacity:.6;}
.tpl-header_query .query-panel__confirm{transition:background-color .3s ease;}
.tpl-header_query .query-panel__confirm:hover{background-color:#4a4b4d;}
.tpl-header_search_full .search-toggle-btn{transition:color .3s ease,background-color .3s ease;}
.tpl-header_search_full .search-toggle-btn:hover{color:var(--TextColorSecondary, #333333);}
.tpl-header_search_full .search-submit-btn:hover{opacity:.6;}
.tpl-header_search_full .search-close-btn:hover{opacity:.6;}
}
@media (max-width:768px) {
.tpl-header_query .query-panel__drawer{padding:1.5rem;}
}
@media (min-width: 481px) {
.site-header .nav > ul.nav-extra{display:none;}
}
@media (max-width: 480px) {
.site-header .nav > ul.nav-extra{padding-top:0;}
}
.site-footer .footer-brand .template-wrapper[class*="newsletter001-"]{margin-top:22px;max-width:460px;}
.template-wrapper.newsletter001-4hs7t{display:flex;align-items:stretch;width:100%;padding:6px 6px 6px 20px;background:#fff;border:1px solid #dcdfe6;border-radius:999px;box-shadow:0 2px 8px #0000000a;overflow:hidden;box-sizing:border-box;transition:border-color .2s,box-shadow .2s;}
.template-wrapper.newsletter001-4hs7t *{box-sizing:border-box;}
.template-wrapper.newsletter001-4hs7t:focus-within{border-color:#409eff;box-shadow:0 0 0 2px #409eff26;}
.template-wrapper.newsletter001-4hs7t[data-button-position=left]{flex-direction:row-reverse;padding:6px 20px 6px 6px;}
.template-wrapper.newsletter001-4hs7t .newsletter-input{flex:1 1 auto;min-width:0;border:0;outline:none;background:transparent;font-family:inherit;font-size:14px;line-height:1.6;color:#606266;padding:10px 12px;margin:0;}
.template-wrapper.newsletter001-4hs7t .newsletter-input::-moz-placeholder{color:#909399;opacity:1;}
.template-wrapper.newsletter001-4hs7t .newsletter-input::placeholder{color:#909399;opacity:1;}
.template-wrapper.newsletter001-4hs7t .newsletter-input:disabled{color:#c0c4cc;cursor:not-allowed;}
.template-wrapper.newsletter001-4hs7t .newsletter-actions{display:flex;align-items:center;flex-shrink:0;}
.template-wrapper.newsletter001-4hs7t .newsletter-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;padding:8px 18px;font-size:14px;line-height:1.6;color:#303133;cursor:pointer;transition:color .2s,background-color .2s;font-family:inherit;position:relative;}
.template-wrapper.newsletter001-4hs7t .newsletter-btn:hover{color:#409eff;}
.template-wrapper.newsletter001-4hs7t .newsletter-btn--subscribe{font-weight:600;}
.template-wrapper.newsletter001-4hs7t .newsletter-btn--unsubscribe{color:#909399;}
.template-wrapper.newsletter001-4hs7t .newsletter-actions .newsletter-btn+.newsletter-btn:before{content:"";display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:16px;background:#dcdfe6;}
@media (max-width:640px) {
.template-wrapper.newsletter001-4hs7t{padding:4px 4px 4px 14px;}
.template-wrapper.newsletter001-4hs7t[data-button-position=left]{padding:4px 14px 4px 4px;}
.template-wrapper.newsletter001-4hs7t .newsletter-input{font-size:13px;padding:8px;}
.template-wrapper.newsletter001-4hs7t .newsletter-btn{padding:6px 12px;font-size:13px;}
}