@media screen and (max-width:749px){body.template-blog main,body.template-article main,body.template-blog .featured-blog-posts{max-width:100%;overflow-x:clip}body.template-blog h1,body.template-blog h2,body.template-blog h3,body.template-blog h4,body.template-article h1,body.template-article h2,body.template-article h3,body.template-article h4,.featured-blog-posts h1,.featured-blog-posts h2,.featured-blog-posts h3,.featured-blog-posts h4{max-width:100%;overflow-wrap:anywhere;word-break:normal;text-wrap:balance}body.template-blog p,body.template-blog li,body.template-blog a,body.template-article p,body.template-article li,body.template-article a,.featured-blog-posts p,.featured-blog-posts a{overflow-wrap:anywhere;word-break:normal}body.template-blog [id^=hl-]{width:100%;max-width:100%;overflow-x:clip}body.template-blog [id^=hl-] .hl-wrap{width:100%;padding-inline:18px}body.template-blog [id^=hl-] .hl-block,body.template-blog [id^=hl-] .hl-block--tight{padding-block:48px}body.template-blog [id^=hl-] .hl-shead{width:100%;max-width:none;margin-bottom:28px;text-align:left}body.template-blog [id^=hl-] .hl-shead h2{margin-top:10px;font-size:clamp(29px,9vw,36px);line-height:1.12}body.template-blog [id^=hl-] .hl-shead p{margin-top:10px;font-size:16px;line-height:1.6}body.template-blog [id^=hl-] .hl-eyebrow{max-width:100%;gap:7px;font-size:11px;line-height:1.45;letter-spacing:.13em;white-space:normal}body.template-blog [id^=hl-] .hl-eyebrow:before{width:18px;flex:0 0 18px}body.template-blog [id^=hl-] .hl-hero__inner{width:100%;padding:68px 18px 42px}body.template-blog [id^=hl-] .hl-hero__body{width:100%;max-width:100%}body.template-blog [id^=hl-] .hl-hero h1{max-width:100%;font-size:clamp(35px,10vw,46px);line-height:1.05}body.template-blog [id^=hl-] .hl-hero__sub{max-width:100%;margin-top:16px;font-size:16px;line-height:1.58}body.template-blog [id^=hl-] .hl-hero__meta{align-items:flex-start;gap:8px 12px;margin-top:20px;line-height:1.4}body.template-blog [id^=hl-] .hl-badge{max-width:100%;padding:6px 11px;white-space:normal}body.template-blog [id^=hl-] .hl-search{display:grid;grid-template-columns:22px minmax(0,1fr);width:100%;max-width:none;margin-top:22px;padding:12px;gap:6px 10px;border-radius:16px}body.template-blog [id^=hl-] .hl-search input[type=search]{width:100%;min-width:0;height:42px;font-size:16px}body.template-blog [id^=hl-] .hl-search button{grid-column:1 / -1;width:100%;min-height:46px;padding-inline:18px}body.template-blog [id^=hl-] .hl-stickysearch .hl-wrap{gap:0;padding-block:9px}body.template-blog [id^=hl-] .hl-stickysearch form{width:100%;max-width:none;min-width:0;padding-left:13px}body.template-blog [id^=hl-] .hl-stickysearch input{width:100%;min-width:0}body.template-blog [id^=hl-] .hl-feature{gap:22px}body.template-blog [id^=hl-] .hl-feature__media{width:100%;aspect-ratio:16 / 10}body.template-blog [id^=hl-] .hl-feature__flag{top:12px;left:12px;max-width:calc(100% - 24px);padding:6px 10px;font-size:10px;line-height:1.35;white-space:normal}body.template-blog [id^=hl-] .hl-feature__meta,body.template-blog [id^=hl-] .hl-card__meta{flex-wrap:wrap;align-items:baseline;gap:4px 9px;line-height:1.45}body.template-blog [id^=hl-] .hl-feature h3{margin-top:12px;font-size:clamp(29px,8.5vw,37px);line-height:1.12}body.template-blog [id^=hl-] .hl-feature__excerpt{margin-top:13px;font-size:16px;line-height:1.65}body.template-blog [id^=hl-] .hl-cta{margin-top:20px}body.template-blog [id^=hl-] .hl-topics{grid-template-columns:1fr;width:100%}body.template-blog [id^=hl-] .hl-topic{width:100%;min-width:0;min-height:0;padding:21px 18px}body.template-blog [id^=hl-] .hl-topic h3{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px;font-size:17px;line-height:1.35}body.template-blog [id^=hl-] .hl-topic__count{align-self:start;font-size:11px;line-height:1.4}body.template-blog [id^=hl-] .hl-topic p{font-size:14px;line-height:1.55}body.template-blog [id^=hl-] .hl-masonry{columns:1;column-gap:0}body.template-blog [id^=hl-] .hl-card{width:100%;min-width:0;margin-bottom:32px}body.template-blog [id^=hl-] .hl-card__media{margin-bottom:14px}body.template-blog [id^=hl-] .hl-card h3{margin:9px 0 7px;font-size:clamp(24px,7.2vw,29px);line-height:1.2}body.template-blog [id^=hl-] .hl-card p{font-size:15px;line-height:1.62}body.template-blog [id^=hl-] .hl-pagination{gap:5px;margin-top:18px}body.template-blog [id^=hl-] .hl-pagination a,body.template-blog [id^=hl-] .hl-pagination span{min-width:42px;height:42px;padding-inline:10px}body.template-blog [id^=hl-] .hl-collections{gap:18px}body.template-blog [id^=hl-] .hl-coll,body.template-blog [id^=hl-] .hl-coll:nth-child(2n){grid-template-columns:minmax(0,1fr);width:100%}body.template-blog [id^=hl-] .hl-coll__media{min-height:0;aspect-ratio:16 / 10}body.template-blog [id^=hl-] .hl-coll__body{min-width:0;padding:22px 18px 24px}body.template-blog [id^=hl-] .hl-coll__body h3{margin-top:8px;font-size:clamp(24px,7.2vw,30px);line-height:1.18}body.template-blog [id^=hl-] .hl-coll__body p{margin-top:10px;font-size:15px;line-height:1.62}body.template-blog [id^=hl-] .hl-why__grid{gap:28px}body.template-blog [id^=hl-] .hl-why h2{font-size:clamp(29px,8.5vw,37px);line-height:1.12}body.template-blog [id^=hl-] .hl-why__body{margin-top:15px;font-size:16px;line-height:1.68}body.template-blog [id^=hl-] .hl-why__body p{margin-block:0 14px}body.template-blog [id^=hl-] .hl-why__sign{margin-top:18px;font-size:16px;line-height:1.5}body.template-blog [id^=hl-] .hl-news__inner{width:100%;max-width:none;padding-inline:0}body.template-blog [id^=hl-] .hl-news h2{font-size:clamp(30px,9vw,38px);line-height:1.1}body.template-blog [id^=hl-] .hl-news p{margin-top:13px;font-size:16px;line-height:1.6}body.template-blog [id^=hl-] .hl-news form{flex-direction:column;width:100%;max-width:none;margin-top:22px}body.template-blog [id^=hl-] .hl-news input[type=email],body.template-blog [id^=hl-] .hl-news button{width:100%;min-height:52px}body.template-blog [id^=hl-] .hl-tools__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}body.template-blog [id^=hl-] .hl-prod{min-width:0}body.template-blog [id^=hl-] .hl-prod h3{font-size:15px;line-height:1.4}body.template-article [id^=ar-]{width:100%;max-width:100%;overflow-x:clip}body.template-article [id^=ar-] .ar-hero{height:clamp(250px,70vw,360px);min-height:0}body.template-article [id^=ar-] .ar-head{width:100%;max-width:none;padding:36px 18px 24px}body.template-article [id^=ar-] .ar-meta{gap:6px 11px;font-size:12px;line-height:1.45}body.template-article [id^=ar-] .ar-meta .ar-sep{display:none}body.template-article [id^=ar-] .ar-head h1{margin-top:14px;font-size:clamp(32px,9.5vw,42px);line-height:1.1}body.template-article [id^=ar-] .ar-intro{max-width:100%;margin-top:16px;font-size:18px;line-height:1.52}body.template-article [id^=ar-] .ar-byline{flex-wrap:wrap;margin-top:20px;line-height:1.45}body.template-article [id^=ar-] .ar-mobilebar{flex-wrap:wrap;gap:8px 12px;width:100%;padding:0 18px 12px;line-height:1.4}body.template-article [id^=ar-] .ar-mobilebar>.ar-sep{display:none!important}body.template-article [id^=ar-] .ar-layout{width:100%;padding:6px 18px 52px}body.template-article [id^=ar-] .ar-main,body.template-article [id^=ar-] .ar-body{width:100%;max-width:100%;min-width:0}body.template-article [id^=ar-] .ar-body{font-size:17px;line-height:1.74}body.template-article [id^=ar-] .ar-body>p{margin-bottom:21px}body.template-article [id^=ar-] .ar-body>p:first-of-type:first-letter{float:none;padding:0;font-family:inherit;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit}body.template-article [id^=ar-] .ar-body h2{margin:39px 0 14px;font-size:clamp(27px,8vw,33px);line-height:1.16}body.template-article [id^=ar-] .ar-body h3{margin:30px 0 11px;font-size:clamp(22px,6.5vw,27px);line-height:1.2}body.template-article [id^=ar-] .ar-body h4{line-height:1.25}body.template-article [id^=ar-] .ar-body ul,body.template-article [id^=ar-] .ar-body ol{margin-bottom:22px}body.template-article [id^=ar-] .ar-body ul li,body.template-article [id^=ar-] .ar-body ol li{padding-left:30px;margin-bottom:10px;line-height:1.62}body.template-article [id^=ar-] .ar-body blockquote{margin:31px 0;padding:4px 0 4px 18px;font-size:clamp(20px,6vw,24px);line-height:1.42}body.template-article [id^=ar-] .ar-body img,body.template-article [id^=ar-] .ar-body figure,body.template-article [id^=ar-] .ar-body iframe,body.template-article [id^=ar-] .ar-body video{max-width:100%;margin-block:26px}body.template-article [id^=ar-] .ar-body img,body.template-article [id^=ar-] .ar-body iframe,body.template-article [id^=ar-] .ar-body video{border-radius:10px}body.template-article [id^=ar-] .ar-body table{display:block;width:100%;max-width:100%;margin:26px 0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;border-radius:10px}body.template-article [id^=ar-] .ar-body th,body.template-article [id^=ar-] .ar-body td{min-width:130px;padding:11px 12px;font-size:14px;line-height:1.45}body.template-article [id^=ar-] .ar-body pre,body.template-article [id^=ar-] .ar-body code{max-width:100%;overflow-wrap:normal}body.template-article [id^=ar-] .ar-body pre{overflow-x:auto;-webkit-overflow-scrolling:touch}body.template-article [id^=ar-] .ar-insight{flex-direction:column;gap:14px;margin:32px 0;padding:21px 18px}body.template-article [id^=ar-] .ar-insight__ic{width:42px;height:42px}body.template-article [id^=ar-] .ar-insight h4{font-size:19px;line-height:1.3}body.template-article [id^=ar-] .ar-insight p{font-size:15px;line-height:1.65}body.template-article [id^=ar-] .ar-wrap{width:100%;padding:48px 18px}body.template-article [id^=ar-] .ar-shead{width:100%;max-width:none;margin-bottom:27px}body.template-article [id^=ar-] .ar-shead h2{margin-top:9px;font-size:clamp(28px,8.2vw,35px);line-height:1.15}body.template-article [id^=ar-] .ar-shead p{margin-top:9px;font-size:15px;line-height:1.58}body.template-article [id^=ar-] .ar-prods{gap:18px}body.template-article [id^=ar-] .ar-prod,body.template-article [id^=ar-] .ar-prod:nth-child(2n){grid-template-columns:minmax(0,1fr);width:100%}body.template-article [id^=ar-] .ar-prod__media{min-height:0;aspect-ratio:16 / 10}body.template-article [id^=ar-] .ar-prod__body{min-width:0;padding:22px 18px 24px}body.template-article [id^=ar-] .ar-prod__body h3{font-size:clamp(22px,6.7vw,27px);line-height:1.2}body.template-article [id^=ar-] .ar-prod__body p{font-size:15px;line-height:1.62}body.template-article [id^=ar-] .ar-prod__foot{flex-wrap:wrap;align-items:center;gap:12px;margin-top:17px}body.template-article [id^=ar-] .ar-btn{min-height:46px;justify-content:center}body.template-article [id^=ar-] .ar-path{grid-template-columns:minmax(0,1fr);gap:17px}body.template-article [id^=ar-] .ar-step__body{min-width:0;padding:18px}body.template-article [id^=ar-] .ar-step h3{font-size:20px;line-height:1.28}body.template-article [id^=ar-] .ar-news{width:100%;max-width:none}body.template-article [id^=ar-] .ar-news h2{font-size:clamp(30px,9vw,38px);line-height:1.1}body.template-article [id^=ar-] .ar-news p{margin-top:13px;font-size:16px;line-height:1.6}body.template-article [id^=ar-] .ar-news form{flex-direction:column;width:100%;max-width:none;margin-top:22px}body.template-article [id^=ar-] .ar-news input[type=email],body.template-article [id^=ar-] .ar-news button{width:100%;min-height:52px}body.template-article [id^=ar-] .ar-comments{width:100%;padding:42px 18px}body.template-article [id^=ar-] .ar-form{padding:19px 16px}body.template-article [id^=ar-] .ar-form .row{grid-template-columns:minmax(0,1fr)}body.template-article [id^=ar-] .ar-bottom{padding:0 18px 52px}body.template-article [id^=ar-] .ar-bottom a{max-width:100%;justify-content:center;font-size:18px;line-height:1.4}body.template-blog .blog-posts-container{grid-template-columns:minmax(0,1fr)!important;gap:30px!important}body.template-blog .blog-post-item{grid-column:1 / -1!important;min-width:0;width:100%}body.template-blog .blog-post-card,body.template-blog .blog-post-item--horizontal .blog-post-card{grid-template-columns:minmax(0,1fr)!important;width:100%;min-width:0}body.template-blog .blog-post-card__content,body.template-blog .blog-post-card__content-text,body.template-blog .blog-post-card__title-link,body.template-blog .blog-post-card__title-link .spacing-style{width:100%;max-width:100%;min-width:0;text-align:left}.featured-blog-posts .editorial-blog__item-0,.featured-blog-posts .editorial-blog__item-1,.featured-blog-posts .editorial-blog__item-2,.featured-blog-posts .editorial-blog__item-3{align-self:stretch!important;width:100%!important}.featured-blog-posts .featured-blog-posts-card,.featured-blog-posts .featured-blog-posts-card__inner,.featured-blog-posts .featured-blog-posts-card__content{width:100%;max-width:100%;min-width:0}.featured-blog-posts .featured-blog-posts-card__content{text-align:left}body.template-article .section-content-wrapper,body.template-article .blog-post-content,body.template-article .blog-post-comments-container,body.template-article .blog-post-featured-image{width:100%;max-width:100%;min-width:0}body.template-article .blog-post-content,body.template-article .blog-post-comments-container{padding-inline:18px}body.template-article .blog-post-content{font-size:17px;line-height:1.72}body.template-article .blog-post-content h1,body.template-article .blog-post-content h2,body.template-article .blog-post-content h3{line-height:1.18}body.template-article .blog-post-content img,body.template-article .blog-post-content iframe,body.template-article .blog-post-content video{max-width:100%;height:auto}body.template-article .blog-post-content table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}body.template-article .blog-post-comment__author{flex-wrap:wrap;align-items:baseline;line-height:1.45}}@media screen and (max-width:430px){body.template-blog [id^=hl-] .hl-wrap,body.template-blog [id^=hl-] .hl-hero__inner,body.template-article [id^=ar-] .ar-head,body.template-article [id^=ar-] .ar-layout,body.template-article [id^=ar-] .ar-wrap,body.template-article [id^=ar-] .ar-comments,body.template-article [id^=ar-] .ar-mobilebar{padding-inline:16px}body.template-blog [id^=hl-] .hl-tools__grid{grid-template-columns:minmax(0,1fr)}body.template-blog [id^=hl-] .hl-prod__media{aspect-ratio:4 / 3}body.template-article [id^=ar-] .ar-prod__foot .ar-btn{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/111/assets/ccg-blog-mobile.css.map */