.article-detail{font-family:var(--font-family-primary, "Poppins", sans-serif);color:var(--color-text-primary, #232427)}.article-detail__inner{max-width:var(--grid-width-row, 1380px);margin-right:auto;margin-left:auto;display:flex;flex-flow:row wrap;padding:0 16px}@media only screen and (min-width:768px){.article-detail__inner{padding:0 35px}}.article-detail__header{margin-bottom:24px}@media only screen and (min-width:900px){.article-detail__header{margin-bottom:32px}}.article-detail__title{margin:0 0 16px;font-size:clamp(28px,4vw,40px);word-break:break-all;font-weight:600;line-height:1.2;letter-spacing:-.04em;color:var(--color-text-primary, #232427)}.article-detail__meta-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px}.article-detail__meta{display:inline-flex;align-items:center;gap:8px;font-size:16px;line-height:1.4;letter-spacing:-.02em;color:var(--color-text-secondary, #7a7a80)}.article-detail__meta-logo{width:20px;height:20px;object-fit:contain;flex-shrink:0}.article-detail__share .share-article{display:inline-flex;align-items:center;margin-bottom:0}.article-detail__share .share-article label{display:none}.article-detail__share .share-article .social,.article-detail__share .share-article .email-share{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:4px;border:none;background:transparent;color:var(--color-text-tertiary, #afafb2);cursor:pointer}.article-detail__share .share-article .social svg{width:20px;height:20px}.article-detail__share .share-article .social.clipboard-success{color:var(--color-text-primary, #232427)}.article-detail__layout{display:grid;grid-template-columns:1fr;gap:24px;align-items:start}.article-detail__main{order:1}.article-detail__sidebar{order:2}.article-detail__toc{display:none;order:0}@media only screen and (min-width:900px){.article-detail__layout{grid-template-columns:270px minmax(0,1fr);gap:54px}.article-detail__layout--has-sidebar{grid-template-columns:270px minmax(0,1fr) 270px}.article-detail__main,.article-detail__sidebar,.article-detail__toc{order:unset}.article-detail__toc{display:block;position:sticky;top:100px;align-self:start;max-height:calc(100vh - 120px);overflow-y:auto;background:var(--color-bg-primary, #fff);border-radius:var(--radius-big-pc, 16px);padding:24px;z-index:2}}.article-detail__toc-title{margin:0 0 16px;font-size:20px;font-weight:500;line-height:1.2;letter-spacing:-.04em}.article-detail__toc-list{list-style:none;margin:0;padding:0;border-left:1px solid var(--color-border, #e4e5e6)}.article-detail__toc-item{position:relative;margin:0}.article-detail__toc-item a{display:block;padding:8px 0 8px 16px;font-size:14px;line-height:1.4;letter-spacing:-.02em;color:var(--color-text-tertiary, #afafb2);text-decoration:none;transition:color .2s ease}.article-detail__toc-item a:hover,.article-detail__toc-item a.is-active{font-size:16px;color:var(--color-text-primary, #232427)}.article-detail__toc-item a.is-active:before{content:"";position:absolute;left:-2px;top:8px;width:3px;height:calc(100% - 16px);min-height:20px;background:var(--color-brand, #0062c4);border-radius:2px}.article-detail__toc-item--h3 a{padding-left:28px;font-size:15px}.article-detail__toc-item--h4 a{padding-left:40px;font-size:14px}.article-detail__content.rte{font-size:16px;line-height:1.4;letter-spacing:-.02em;color:var(--color-text-primary, #232427)}.article-detail__content.rte h2,.article-detail__content.rte h3,.article-detail__content.rte h4{scroll-margin-top:110px;font-weight:500;line-height:1.2;letter-spacing:-.04em}.article-detail__content.rte h2{font-size:clamp(24px,3vw,32px);margin:32px 0 16px}.article-detail__content.rte h3{font-size:clamp(20px,2.5vw,24px);margin:24px 0 12px}.article-detail__content.rte h4{font-size:18px;margin:20px 0 10px}.article-detail__content.rte img{margin-top:32px;border-radius:var(--radius-big-pc, 16px);max-width:100%;height:auto}.article-detail__sidebar{display:flex;flex-direction:column;gap:24px}.article-detail__sidebar .article-detail__promo-banner{min-height:280px;padding:24px;width:100%}.article-detail__sidebar .blog-hub-promo__banner-bg img{width:100%;height:100%;object-fit:cover;object-position:center}@media only screen and (min-width:900px){.article-detail__sidebar .article-detail__promo-banner{min-height:400px}}.article-detail__sidebar .blog-hub-promo__banner-title{font-size:clamp(18px,2.5vw,24px)}.article-detail__sidebar .blog-hub-promo__banner-subtitle{font-size:14px}.article-detail__products{display:flex;flex-direction:column;gap:var(--spacing-element-pc, 16px)}.article-detail__products-title{margin:0 0 var(--spacing-element-pc, 16px);font-size:20px;font-weight:500;line-height:var(--line-height-title, 1.2);letter-spacing:var(--letter-spacing-title, -.04em);color:var(--color-text-primary, #232427)}.article-detail__product-card{width:100%;max-width:270px;background:var(--color-bg-tertiary, #eaeaec);border-radius:var(--radius-big-pc, 16px);overflow:hidden}.article-detail__product-image{display:block;width:100%;min-height:200px;overflow:hidden;background:var(--color-bg-primary, #fff)}.article-detail__product-image img{width:100%;height:100%;display:block}.article-detail__product-body{display:flex;flex-direction:column;padding:16px 24px 24px}.article-detail__product-name{margin:0 0 8px;font-size:16px;font-weight:400;line-height:var(--line-height-body, 1.4);letter-spacing:var(--letter-spacing-body, -.02em);color:var(--color-text-primary, #232427)}.article-detail__product-price{margin-bottom:16px}.article-detail__product-price .price{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px}.article-detail__product-price .price ins{text-decoration:none}.article-detail__product-price .price ins .amount,.article-detail__product-price .price>.amount{font-size:16px;font-weight:500;line-height:var(--line-height-title, 1.2);letter-spacing:var(--letter-spacing-title, -.04em);color:var(--color-text-primary, #232427)}.article-detail__product-price .price del .amount{font-size:16px;font-weight:400;line-height:var(--line-height-body, 1.4);letter-spacing:var(--letter-spacing-body, -.02em);color:var(--color-text-secondary, #7a7a80)}.article-detail__product-price .price-sale,.article-detail__product-price .price-regular{font-size:20px;font-weight:500;line-height:var(--line-height-title, 1.2);letter-spacing:var(--letter-spacing-title, -.04em);color:var(--color-text-primary, #232427)}.article-detail__product-price .price-compare{font-size:16px;color:var(--color-text-secondary, #7a7a80);text-decoration:line-through}.article-detail__product-actions{display:flex;flex-direction:column;gap:8px}.article-detail__product-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:38px;padding:10px 20px 11px;border-radius:19px;font-size:14px;font-weight:500;line-height:var(--line-height-title, 1.2);letter-spacing:var(--letter-spacing-body, -.02em);text-decoration:none;border:1px solid transparent}.article-detail__product-btn--primary{background:var(--color-text-primary, #232427);color:var(--color-bg-primary, #fff)}.article-detail__product-btn--secondary{background:transparent;border-color:var(--color-text-primary, #232427);color:var(--color-text-primary, #232427)}.article-detail__product-form{margin:0}.article-detail__product-btn.buy-now-button{position:relative;cursor:pointer}.article-detail__product-btn.buy-now-button:disabled{opacity:.8;cursor:wait}.article-detail__product-btn.buy-now-button .loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.article-detail__product-btn.buy-now-button .loading-overlay svg{width:18px;height:18px}@media only screen and (max-width:899px){.article-detail__product-card{max-width:none}.article-detail__products{gap:var(--spacing-element-mobile, 8px)}.article-detail__products-title{margin-bottom:var(--spacing-element-mobile, 8px)}}.article-detail__related{margin-top:var(--spacing-section-mobile, 64px);padding-top:32px;border-top:1px solid var(--color-border, #e4e5e6)}@media only screen and (min-width:768px){.article-detail__related{margin-top:var(--spacing-section-pc, 128px)}}.article-detail__related-title{margin:0 0 24px;font-size:clamp(28px,4vw,40px);font-weight:600;line-height:1.2;letter-spacing:-.04em}.article-detail__related-grid{display:grid;grid-template-columns:1fr;gap:20px}@media only screen and (min-width:768px){.article-detail__related-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}}.article-detail__related-card{display:flex;flex-direction:column;background:var(--color-bg-primary, #fff);border-radius:var(--radius-big-pc, 16px);overflow:hidden;text-decoration:none;color:inherit;min-height:100%}.article-detail__related-card-image{aspect-ratio:308 / 206;overflow:hidden}.article-detail__related-card-image img{width:100%;height:100%;object-fit:cover}.article-detail__related-card-body{display:flex;flex-direction:column;flex:1;padding:24px;gap:8px}.article-detail__related-card-category{font-size:14px;line-height:1.4;letter-spacing:-.02em;color:var(--color-text-secondary, #7a7a80)}.article-detail__related-card-title{margin:0;font-size:20px;font-weight:500;line-height:1.2;letter-spacing:-.04em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.article-detail__related-card-meta{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:16px;color:var(--color-text-secondary, #7a7a80)}.article-detail__related-card-author{display:inline-flex;align-items:center;gap:6px;min-width:0}.article-detail__tags{margin-top:32px}.article-detail .article-tags .tag-link{display:inline-flex;align-items:center;font-size:13px;padding:5px 15px;height:31px;border-radius:var(--radius-small-pc, 8px);font-weight:500;margin:0 8px 8px 0;background:var(--color-bg-secondary, #f5f5f7);color:var(--color-text-secondary, #7a7a80);text-decoration:none}.article-detail .article-tags .tag-link:hover{color:#fff;background:var(--color-brand, #0062c4)}
/*# sourceMappingURL=/cdn/shop/t/17/assets/article-detail.css.map */