.template-article{--h2o-teal: #00838F;--h2o-dark: #1a1a2e;--h2o-light: #f4f9fa;--h2o-text: #2d2d2d;--h2o-muted: #666;--h2o-accent: #00adb5;background:var(--h2o-light)}.template-article .main-content{background:var(--h2o-light)}.template-article #shopify-section-article-template{float:none;width:100%;padding:0}.template-article .sidebar_mobile_wrapper{display:none!important}.template-article .article-hero{background:linear-gradient(135deg,#00838f,#1a1a2e);color:#fff;padding:60px 24px 50px;text-align:center}.template-article .article-hero .article-hero__category{font-family:Arial,sans-serif;font-size:.75rem;letter-spacing:2px;text-transform:uppercase;color:#9be9ee;margin:0 0 16px}.template-article .article-hero .article-hero__title{font-family:Georgia,serif;font-size:clamp(1.6rem,4vw,2.6rem);font-weight:700;line-height:1.3;letter-spacing:normal;text-transform:none;color:#fff;max-width:780px;margin:0 auto 18px;padding:0}.template-article .article-hero .article-hero__meta{font-family:Arial,sans-serif;font-size:.85rem;letter-spacing:normal;color:#fff;opacity:.75;margin:0}.template-article .article-hero__meta span+span:before{content:"\a0\a0\b7\a0\a0"}.template-article .page.page-article{max-width:760px;width:100%;margin:0 auto;padding:48px 0 64px;float:none}.template-article .page-article .blog{margin:0;padding:0!important;border:0!important}.template-article .page-article .blog-post-figure{margin:0 0 32px}.template-article .page-article .blog-post-figure img{border-radius:10px}.template-article .page-article .blog .blog-post{font-family:Georgia,serif;font-size:1.05rem;line-height:1.75;letter-spacing:normal;color:var(--h2o-text);text-align:left}.template-article .page-article .blog .blog-post p{font-size:1.05rem;line-height:1.75;margin-bottom:1.4em}.template-article .page-article .blog .blog-post h2{font-family:Arial,sans-serif;font-size:1.4rem;font-weight:700;line-height:1.3;letter-spacing:normal;text-transform:none;color:var(--h2o-teal);margin:2em 0 .7em}.template-article .page-article .blog .blog-post h3{font-family:Arial,sans-serif;font-size:1.15rem;font-weight:700;letter-spacing:normal;text-transform:none;color:var(--h2o-teal);margin:1.6em 0 .6em}.template-article .page-article .blog .blog-post a{color:var(--h2o-teal);text-decoration:underline}.template-article .page-article .blog .blog-post a:hover{color:var(--h2o-accent)}.template-article .page-article .blog .blog-post ul,.template-article .page-article .blog .blog-post ol{padding-left:24px;margin-bottom:1.4em}.template-article .page-article .blog .blog-post li{line-height:1.75}.template-article .cta-box{background:var(--h2o-dark);color:#fff;border-radius:12px;padding:36px 32px;margin:3em 0 2em;text-align:center}.template-article .cta-box .cta-box__title,.template-article .cta-box h3,.template-article .page-article .blog .blog-post .cta-box h3{font-family:Georgia,serif;font-size:1.4rem;font-weight:700;letter-spacing:normal;text-transform:none;line-height:1.3;color:var(--h2o-accent);margin:0 0 12px}.template-article .cta-box .cta-box__text,.template-article .cta-box p,.template-article .page-article .blog .blog-post .cta-box p{font-family:Georgia,serif;font-size:1rem;line-height:1.75;color:#fff;opacity:.9;margin:0 0 22px}.template-article .cta-box .cta-btn,.template-article .page-article .blog .blog-post .cta-box a.cta-btn{display:inline-block;background:var(--h2o-accent);color:#fff;text-decoration:none;padding:14px 36px;border-radius:30px;font-family:Arial,sans-serif;font-weight:700;font-size:1rem;letter-spacing:.5px;transition:background .2s}.template-article .cta-box .cta-btn:hover,.template-article .page-article .blog .blog-post .cta-box a.cta-btn:hover{background:#00c8d1;color:#fff}.template-article .page-article .total-tags-social{background:#fff;border:1px solid #dde6ea;border-radius:10px;padding:28px;margin-top:3em;font-family:Arial,sans-serif}.template-article .page-article .total-tags-social .tags,.template-article .page-article .total-tags-social .tags.custom{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;font-size:.8rem}.template-article .page-article .total-tags-social .tag{margin:0;padding:0}.template-article .page-article .total-tags-social .tag.tag_title{flex:0 0 100%;margin:0 0 6px;padding:0}.template-article .page-article .total-tags-social .tag_title span{border:0;color:var(--h2o-dark);font-size:1rem;font-weight:700;letter-spacing:1px;text-transform:uppercase}.template-article .page-article .total-tags-social .tag a{background:var(--h2o-light);border:1px solid #b0d0d5;border-radius:20px;color:var(--h2o-teal);font-size:.8rem;letter-spacing:normal;line-height:1.4;padding:5px 12px;text-decoration:none}.template-article .page-article .total-tags-social .tag:hover a{background:var(--h2o-teal);border-color:var(--h2o-teal);color:#fff}.template-article .page-article .total-tags-social .social-sharing{width:auto;margin-top:22px}.template-article .page-article .total-tags-social .title-share,.template-article .page-article .total-tags-social .title-share span{color:var(--h2o-dark);font-weight:700;letter-spacing:1px;text-transform:uppercase;border-bottom:0}.template-article .page-article .button-group a{background:transparent;border:1px solid var(--h2o-teal);border-radius:30px;color:var(--h2o-teal);font-family:Arial,sans-serif;font-weight:700;padding:12px 28px}.template-article .page-article .button-group a:hover{background:var(--h2o-teal);border-color:var(--h2o-teal);color:#fff}.template-article .page-article .comments-wrapper{border-top:1px solid #dde6ea}.template-article .page-article .comments-wrapper .page-heading,.template-article .page-article .form-vertical .page-heading{font-family:Arial,sans-serif;color:var(--h2o-teal);letter-spacing:normal;text-transform:none}.template-article .page-article .form-vertical{background:#fff;border:1px solid #dde6ea;border-radius:10px}.template-article .page-article .form-vertical .btn,.template-article .page-article .form-vertical .btn:hover{background:var(--h2o-accent);border-color:var(--h2o-accent);border-radius:30px;color:#fff;font-family:Arial,sans-serif;font-weight:700}.template-article .page-article .form-vertical .btn:hover{background:#00c8d1;border-color:#00c8d1}.template-article .blog-products .section-header h2,.template-article .section-product-blog .section-header h2{font-family:Arial,sans-serif;font-weight:700;letter-spacing:normal;text-transform:none;color:var(--h2o-teal)}.template-article .blog-products .slick-arrow .group_arrow span{font-family:Arial,sans-serif;color:var(--h2o-teal)}.template-article .blog-products .slick-arrow svg{fill:var(--h2o-teal)}.template-article .blog-products .product-card{background:#fff;border:1px solid var(--h2o-border, #dde6ea);border-radius:12px;overflow:hidden}.template-article .blog-products .product-card .product-content{padding:14px 16px 18px}.template-article .blog-products .product-card .product-title,.template-article .blog-products .product-card .product-title a{font-family:Georgia,serif;font-size:.95rem;line-height:1.4;letter-spacing:normal;color:var(--h2o-dark)}.template-article .blog-products .product-card .product-title a:hover{color:var(--h2o-teal)}.template-article .blog-products .product-card .product-price .price-item,.template-article .blog-products .product-card .product-price .money{font-family:Arial,sans-serif;font-weight:700;color:var(--h2o-teal)}.template-article .blog-products .product-card em.form-pr{color:var(--h2o-muted)}.template-article .blog-products .product-card .product-btn{background:var(--h2o-accent)!important;border:1px solid var(--h2o-accent);border-radius:30px;color:#fff!important;font-family:Arial,sans-serif;font-size:.8rem;font-weight:700;letter-spacing:.5px}.template-article .blog-products .product-card .product-btn:hover{background:#00c8d1!important;border-color:#00c8d1}.template-article .blog-products .badge.new-badge{background:var(--h2o-teal)!important;color:#fff!important;font-family:Arial,sans-serif;font-weight:700}@media(max-width:767px){.template-article .article-hero{padding:44px 18px 36px}.template-article .page.page-article{padding:32px 0 48px}.template-article .cta-box{padding:28px 20px}.template-article .page-article .total-tags-social{padding:20px}.template-article .page-article .form-vertical{padding:8px 20px 32px}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/article-style.css.map */
