.article-page__banner{background-color:var(--color-blue-50);width:100%;padding:30px 0 40px;display:flex;flex-direction:column;align-items:center;gap:24px}.article-page__breadcrumb{display:flex;align-items:center;justify-content:center;gap:4px;padding:0 36px;width:100%}.article-page__breadcrumb a,.article-page__breadcrumb span{font-family:var(--font-family-host-gellix);font-size:var(--font-size-caption-13);font-weight:var(--font-weight-regular);line-height:var(--line-height-150);letter-spacing:var(--letter-spacing-positive-1);text-decoration:none;white-space:nowrap}.article-page__breadcrumb a{color:var(--color-grey-60)}.article-page__breadcrumb-separator{color:var(--color-grey-60);font-size:var(--font-size-caption-13);padding:0 2px}.article-page__breadcrumb-current{color:var(--color-black);font-weight:var(--font-weight-medium);overflow:hidden;text-overflow:ellipsis}.article-page__banner-content{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%}.article-page__title{font-family:var(--font-family-host-gellix);font-size:var(--font-size-h1);font-weight:var(--font-weight-medium);line-height:var(--line-height-104);letter-spacing:var(--letter-spacing-negative-1);color:var(--color-grey-80);text-align:center;max-width:582px;margin:0;padding:2px 0}.article-page__meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:center}.article-page__content-wrapper{max-width:892px;margin:-230px auto 0;padding:0 var(--container-gutter);display:flex;flex-direction:column;gap:32px;padding-bottom:80px;position:relative}.article-page__products{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;justify-items:center}.article-page__products-mobile-wrap{display:none}@media screen and (max-width:989px){.article-page__products{display:none}.article-page__products-mobile-wrap{display:block;margin-right:calc(-1 * var(--container-gutter));position:relative;overflow:hidden}.article-page__products-mobile{width:100%;min-width:0;overflow:hidden}.article-page__products-mobile .swiper-slide{height:auto;width:200px}.article-page__products-mobile .swiper-slide .pc{height:100%}.article-page__products-mobile .swiper-button-prev,.article-page__products-mobile .swiper-button-next{position:absolute;top:50%;transform:translateY(-50%);z-index:2}.article-page__products-mobile .swiper-button-prev{left:8px}.article-page__products-mobile .swiper-button-next{right:var(--container-gutter)}}.article-page__hero-image{width:100%;border-radius:var(--radius-m);overflow:hidden;aspect-ratio:892 / 356}.article-page__hero-image img{width:100%;height:100%;object-fit:cover}.article-page__body{display:flex;flex-direction:column;gap:40px}.article-page__body .prose{display:flex;flex-direction:column;gap:30px}.article-page__body .prose h2,.article-page__body .prose h3{font-family:var(--font-family-host-gellix);font-weight:var(--font-weight-medium);line-height:var(--line-height-110);color:var(--color-grey-80);margin:0}.article-page__body .prose h2{font-size:var(--font-size-h4)}.article-page__body .prose h3{font-family:var(--font-family-host-gellix);font-size:var(--font-size-h5);font-weight:var(--font-weight-semibold);line-height:var(--line-height-140);letter-spacing:var(--letter-spacing-positive-1)}.article-page__body .prose p{font-family:var(--font-family-host-gellix);font-size:var(--font-size-body-16);font-weight:var(--font-weight-regular);line-height:var(--line-height-150);color:var(--color-grey-80);margin:0}.article-page__body .prose ul,.article-page__body .prose ol{font-family:var(--font-family-host-gellix);font-size:var(--font-size-body-16);font-weight:var(--font-weight-regular);line-height:var(--line-height-150);color:var(--color-grey-80);padding-left:24px;margin:0}.article-page__body .prose img{border-radius:var(--radius-xxs);width:100%;height:auto}.article-page__divider{width:100%;height:1px;background-color:var(--color-blue-50);border:none;border-radius:16px;margin:0}.article-page__share{display:flex;align-items:center;justify-content:space-between}.article-page__share-label{font-family:var(--font-family-host-gellix);font-size:var(--font-size-body-20);font-weight:var(--font-weight-medium);line-height:var(--line-height-130);color:var(--color-grey-80)}.article-page__share-icons{display:flex;align-items:center;gap:18px}.article-page__share-icon{display:flex;align-items:center;justify-content:center;width:41px;height:41px;border-radius:var(--radius-full);border:1px solid var(--color-grey-80);color:var(--color-grey-80);text-decoration:none;transition:background-color var(--transition-normal),color var(--transition-normal)}.article-page__share-icon .theme-icon{--icon-size: 18px}@media(hover:hover){.article-page__share-icon:hover{background-color:var(--color-grey-80);color:var(--color-white)}}.article-page__nav{display:flex;align-items:center;justify-content:space-between;padding-top:4px}.article-page__nav-link{display:flex;align-items:center;gap:10px;font-family:var(--font-family-host-gellix);font-size:var(--font-size-body-18);font-weight:var(--font-weight-medium);line-height:var(--line-height-140);color:var(--color-grey-80);text-decoration:none;transition:opacity var(--transition-normal)}.article-page__nav-link:hover{opacity:.7}.article-page__nav-icon{--icon-size: 10px}.article-page__nav-link--prev .article-page__nav-icon{transform:rotate(180deg)}.article-page__more{display:flex;align-items:flex-start;gap:46px;padding:0 0 80px max(var(--container-gutter),calc((100vw - var(--scrollbar-width, 0px) - var(--container-max-width)) / 2 + var(--container-gutter)));overflow:hidden}.article-page__more-header{display:flex;flex-direction:column;gap:24px;flex-shrink:0}.article-page__more-header-bottom{display:flex;flex-direction:column;gap:16px}.article-page__more-title{font-family:var(--font-family-host-gellix);font-size:var(--font-size-h2);font-weight:var(--font-weight-medium);line-height:var(--line-height-102);color:var(--color-grey-80);margin:0}.article-page__more-link{font-family:var(--font-family-host-gellix);font-size:var(--font-size-body-16);font-weight:var(--font-weight-medium);line-height:var(--line-height-140);color:var(--color-black);text-decoration:underline;text-underline-offset:3px}.article-page__more-nav{display:flex;gap:8px}.article-page__more-slider{flex:1;min-width:0;overflow:visible;position:relative;margin-right:calc(-1 * var(--container-gutter))}.article-page__more-swiper{overflow:visible;clip-path:inset(0 0 0 0)}.article-page__more-swiper .swiper-slide{height:auto}.article-page__more-swiper .swiper-slide .main-blog-card{height:100%}.article-page__swiper-arrow{width:36px;height:36px;background-color:var(--color-blue-250);border-radius:var(--radius-xxs);color:var(--color-white);display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;padding:0}.article-page__swiper-arrow:after{display:none}.article-page__swiper-arrow.swiper-button-prev .theme-icon{transform:rotate(180deg)}.article-page__swiper-arrow.swiper-button-disabled{visibility:hidden}.article-page__more-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2}.article-page__more-arrow--prev{left:16px}.article-page__more-arrow--next{right:calc(max(var(--container-gutter),calc((100vw - var(--scrollbar-width, 0px) - var(--container-max-width)) / 2)) + 16px)}.article-page__more-nav{display:none}@media screen and (max-width:989px){.article-page__banner{padding:20px 16px;gap:10px}.article-page__breadcrumb{padding:0}.article-page__breadcrumb a,.article-page__breadcrumb span{font-size:var(--font-size-body-12);font-weight:var(--font-weight-medium)}.article-page__title{font-size:24px;line-height:1.28;letter-spacing:var(--letter-spacing-negative-1);max-width:294px}.article-page__banner-content{gap:10px}.article-page__hero-image{border-radius:var(--radius-xxs);aspect-ratio:auto;height:186px}.article-page__content-wrapper{margin-top:0;padding-bottom:40px;gap:30px;padding-top:30px}.article-page__body{gap:30px}.article-page__body .prose{gap:24px}.article-page__body .prose h2{font-size:var(--font-size-body-20);font-weight:var(--font-weight-medium);line-height:var(--line-height-140);letter-spacing:var(--letter-spacing-positive-1)}.article-page__body .prose h3{font-size:var(--font-size-body-18);font-weight:var(--font-weight-semibold);line-height:var(--line-height-130)}.article-page__products-mobile-wrap{margin-right:calc(-1 * var(--container-gutter))}.article-page__products-mobile .pc__media-inner{height:195px}.article-page__share{flex-direction:row;align-items:center;justify-content:space-between}.article-page__share-label{font-size:var(--font-size-body-18)}.article-page__share-icons{gap:12px}.article-page__share-icon{width:32px;height:32px}.article-page__share-icon .theme-icon{--icon-size: 14px}.article-page__swiper-arrow{width:26px;height:26px}.article-page__swiper-arrow .theme-icon{--icon-size: 14px}.article-page__nav{gap:6px}.article-page__nav-link{font-size:var(--font-size-body-16);gap:6px}.article-page__more{flex-direction:column;gap:24px;padding-bottom:40px;padding-left:var(--container-gutter);padding-right:0;overflow:hidden}.article-page__more-slider{width:100%;flex:none;overflow:hidden;margin-right:0}.article-page__more-swiper{overflow:hidden;clip-path:none}.article-page__more-swiper .main-blog-card__image{height:147px;aspect-ratio:auto}.article-page__more-title{font-size:var(--font-size-h2-mobile)}.article-page__more-arrow--next{right:calc(var(--container-gutter) + 8px)}.article-page__more-arrow--prev{left:8px}}@media screen and (min-width:990px){.article-page__banner{padding-bottom:270px}}
/*# sourceMappingURL=/cdn/shop/t/53/assets/section-main-article.css.map */