.blog-banner{height:473px;position:relative;margin-top:20px}.swiper-content{position:absolute;left:0;width:100%;height:100%;overflow:hidden}.blog-swiper-container{position:relative;height:100%;padding-left:calc(50% - 437px);padding-right:calc(50% - 437px)}.swiper-slide{position:relative;text-align:center;font-size:18px;height:100%;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;overflow:hidden}.swiper-slide img{width:100%;height:100%;object-fit:cover;position:absolute;left:0;top:0}.swiper-slide .mask{position:absolute;left:0;top:0;height:100%;width:100%;background:#edeff2;opacity:.5;transition:opacity .5s ease-out;transition-delay:.3s}.blog-banner .swiper-button-prev,.blog-banner .swiper-button-next{width:48px;height:48px;border-radius:50%;background:#00000059;top:50%;transform:translateY(-50%);margin-top:0!important;overflow:hidden;color:#fff!important}.blog-banner .swiper-button-prev svg,.blog-banner .swiper-button-next svg{width:18px!important;height:18px!important}.blog-banner .swiper-button-prev{left:16%}.blog-banner .swiper-button-next{right:16%}.swiper-horizontal>.swiper-pagination-bullets{bottom:0}.swiper-pagination{position:relative;z-index:1}.swiper-slide-active .mask{opacity:0;transition:opacity .5s ease;transition-delay:.3s}.blog-banner .swiper-pagination{display:flex;gap:4px;position:absolute;justify-content:center;bottom:-30px;left:50%;transform:translate(-50%)}.blog-banner .swiper-pagination span{cursor:pointer;width:6px;height:6px;border-radius:50%;background:#000;opacity:.3}.blog-banner .swiper-pagination .swiper-pagination-bullet-active{opacity:1}.swiper-slide-link{width:842px;height:473px;border-radius:16px;position:relative;overflow:hidden;display:block}.wrapper-title{background:linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.5) 50%,transparent);position:absolute;left:0;bottom:0;width:100%;height:180px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.swiper-slide-title{margin-bottom:32px;width:624px;font-weight:700;font-size:24px;line-height:32px;text-align:center;color:#fff}@media screen and (max-width:1280px){.blog-banner{padding:0}.blog-banner .swiper-slide{border-radius:0}.blog-swiper-container{padding:0}}@media(max-width:1280px)and (min-width:720px){.swiper-button-next,.swiper-button-prev{display:none}.swiper-slide-link{width:100%;height:0;padding-bottom:56.25%;border-radius:0}.wrapper-title{height:150px}.blog-banner{padding-bottom:56.25%;height:0;margin-top:0}}@media(max-width:719px){.swiper-button-next,.swiper-button-prev{display:none}.swiper-slide-title{width:100%;font-size:14px;margin:0 24px 16px;line-height:140%}.swiper-slide-link{width:100%;height:100%;border-radius:0}.wrapper-title{height:auto;min-height:68px}.blog-banner{padding-bottom:65.25%;height:0;margin-top:0}}.blog-articles{display:grid;grid-gap:1rem;column-gap:var(--grid-mobile-horizontal-spacing);row-gap:var(--grid-mobile-vertical-spacing)}.blog-articles .card-wrapper{width:100%}.wrapper-view-more{margin-top:40px;display:flex;justify-content:center;width:100%;display:none}.main-blog .title-primary-wrapper{display:flex;align-items:center;justify-content:space-between}.wrapper-view-more .view-more{padding:17px 28px;border:2px solid #000;border-radius:50px;font-size:14px;font-weight:700;line-height:14px;letter-spacing:1px;color:#262629;text-transform:uppercase;text-decoration:none;display:none}.custom-select{position:relative;width:264px;min-width:150px}.select-selected{padding:8px 30px 8px 16px;border:1px solid #e5e5e5;border-radius:8px;font-size:16px;color:#262629;background-color:#fff;cursor:pointer;position:relative}.select-items{position:absolute;top:100%;left:0;right:0;z-index:99;background-color:#fff;border:1px solid #e5e5e5;border-radius:8px;margin-top:4px;max-height:200px;overflow-y:auto;box-shadow:0 2px 10px -2px #626f830d,0 4px 12px #606c800d,0 4px 14px #707f960f}.main-blog .title--primary{font-size:40px;margin:30px 0;font-weight:500}.select-item{padding:8px 16px;cursor:pointer;font-size:16px;color:#262629;text-align:left;display:block;text-decoration:none}.select-item:hover{background:#edeff2}.select-hide{display:none}.select-selected:after{position:absolute;right:12px;top:50%;transform:translateY(-50%);content:"";width:10px;height:6px;background-image:url('{{ "icon-arrow-down.svg" | asset_url }}');background-repeat:no-repeat;background-position:center}.dropdown-arrow{position:absolute;right:5px;top:50%;height:30px;pointer-events:none;transform:translateY(-50%)}.dropdown-arrow svg{width:30px;height:30px}@media screen and (min-width:1024px){#header-group header{position:fixed;width:100%;top:0;transition:all .3s ease}.announcement-bar-wrapper{position:fixed;width:100%;top:0;transition:all .25s ease}.blog-header-section{-webkit-box-shadow:0 2px 7px #0000000d;box-shadow:0 2px 7px #0000000d}}@media screen and (max-width:1280px){.blog-category .blog-category-content{grid-template-columns:repeat(2,1fr)}.blog-card .blog-card-title{font-size:16px;max-height:72px;margin-top:16px}.blog-card .blog-card-info{margin-top:0}.blog-category .blog-category-content{row-gap:50px}.custom-select{width:auto;min-width:unset}.custom-select .select-selected{border:none;padding-right:35px}.custom-select .select-items{width:240px;left:unset;right:0}}@media screen and (max-width:720px){.main-blog .blog-category-header{margin-top:20px}.main-blog .blog-category-title{margin-bottom:0}.main-blog .title--primary{font-size:30px}.blog-category .blog-category-content{grid-template-columns:1fr}.blog-category-title{font-size:32px}.blog-card .blog-card-title{max-height:72px;height:auto}.blog-card-title{margin-top:0}.blog-category .blog-category-view-all{display:none}.wrapper-view-more .view-more{display:block}.wrapper-view-more{display:flex}.blog-card .blog-card-info{margin-top:12px}}
/*# sourceMappingURL=/cdn/shop/t/264/assets/gzh-blog.css.map */