@media screen and (min-width: 768px){.Commodity_box{position:sticky;left:0;top:16%}.article--container.AA0718{display:flex;justify-content:space-around;gap:20px}.Commodity_box{width:280px;display:flex;flex-direction:column;gap:30px}.Commodity{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background-color:#f6f6f6;padding:20px;border-radius:8px}.Commodity{text-decoration:none;color:inherit;font-size:18px}.Commodity:hover .Commodity_tit{color:#1b7fc2}.BlogsNavigation{width:280px;flex:none;background:#f6f6f6;height:fit-content;max-height:700px;position:sticky;left:0;top:16%;overflow:hidden;border-radius:8px;display:flex;flex-direction:column;font-size:16px;padding:20px 0;justify-content:center;align-items:center;gap:10px}.BlogsNavigation a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;width:260px;font-size:14px;color:#333;text-decoration:none;border-radius:6px;transition:all .3s ease;padding:5px 0}.BlogsNavigation_close-btn,#BlogButton,.nav-overlay{display:none}}@media screen and (max-width: 768px){.article--container.AA0718{display:flex;flex-direction:column;gap:20px}.BlogsNavigation{display:none}.Commodity_box{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:20px}.Commodity{min-width:220px;display:flex;flex-direction:column;align-items:center;gap:10px;background-color:#f6f6f6;padding:10px;border-radius:8px}.BlogsNavigation{position:fixed;bottom:0;left:0;right:0;background:#fff;border-radius:12px 12px 0 0;padding:20px;max-height:50vh;overflow-y:auto;z-index:1001;transform:translateY(100%);transition:transform .3s ease-in-out;display:flex;flex-direction:column;gap:10px}.BlogsNavigation.show{transform:translateY(0)}.nav-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:1000}.nav-overlay.hidden{display:none}#BlogButton{position:fixed;left:20px;bottom:14.5%;z-index:999;background-color:#1b7fc2;color:#fff;border:none;border-radius:50px;padding:10px 16px;font-size:16px;box-shadow:0 2px 10px #00000026}}.BlogsNavigation a:hover,.BlogsNavigation a:focus{background-color:#f0f0f0;color:#000}.BlogsNavigation a.nav-h1{font-weight:700;font-size:15px}.BlogsNavigation a.nav-h2{color:#666;border-left:1px solid #e0e0e0;padding-left:5px}.BlogsNavigation a.active{border-left:1px solid #1b7fc2;color:#1b7fc2;font-weight:700;padding-left:10px}
/*# sourceMappingURL=/cdn/shop/t/21/assets/BlogsNavigation.css.map */