.blog-dtc-banner{position:relative;width:100%;height:25rem;overflow:hidden}.blog-dtc-banner-image{width:100%;height:100%;object-fit:cover;object-position:center}.blog-dtc-banner-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:flex-start;align-items:flex-start;padding:12.5rem 0 0 22.938rem}.blog-dtc-banner-title{font-family:Roboto,sans-serif;font-weight:700;font-size:2.5rem;line-height:3rem;text-align:left;color:#000;margin:0;width:22.625rem}.blog-list-dtc-section{background-color:#f9f9f9;padding:3.75rem 19.125rem 2rem;min-height:100vh}.blog-list-dtc-container{max-width:1308px;margin:0 auto}.blog-list-dtc-title{font-family:Roboto,sans-serif;font-weight:700;font-size:2.5rem;line-height:3rem;text-align:center;color:#000;margin-bottom:2.5rem}.blog-list-dtc-tags{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:1rem;margin-bottom:3rem}.blog-dtc-tag-item{display:inline-flex;justify-content:center;align-items:center;padding:1rem 2rem;background-color:#fff;border:1px solid transparent;border-radius:.5rem;font-family:Roboto,sans-serif;font-weight:700;font-size:1.25rem;line-height:1.875rem;color:#444;text-decoration:none;transition:all .3s ease;white-space:nowrap;cursor:pointer;min-width:14.916666667rem}.blog-dtc-tag-item:hover{color:#1b8c91;background-color:#fff}.blog-dtc-tag-item.is-active{border-color:#1b8c91;color:#1b8c91}.blog-list-dtc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.blog-dtc-card{background:transparent}.blog-dtc-card-link{display:flex;flex-direction:column;gap:1rem;text-decoration:none}.blog-dtc-card-image{width:100%;aspect-ratio:422 / 281;border-radius:.5rem;overflow:hidden;background-color:#e8e8e8}.blog-dtc-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.blog-dtc-card-link:hover .blog-dtc-card-image img{transform:scale(1.05)}.blog-dtc-card-image--placeholder{display:flex;align-items:center;justify-content:center}.blog-dtc-card-image--placeholder svg{width:3rem;height:3rem;color:#ccc}.blog-dtc-card-content{display:flex;flex-direction:column;gap:.75rem}.blog-dtc-card-title{font-family:Roboto,sans-serif;font-weight:500;font-size:1rem;line-height:1.25rem;color:#111;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s ease}.blog-dtc-card-link:hover .blog-dtc-card-title{color:#1b8c91}.blog-dtc-card-date{font-family:Roboto,sans-serif;font-weight:500;font-size:1rem;line-height:1.25rem;color:#111;opacity:.4}.blog-dtc-pagination{display:flex;justify-content:center;margin-top:3rem}.blog-dtc-pagination-list{display:flex;align-items:center;gap:.5rem}.blog-dtc-pagination-item{display:flex;justify-content:center;align-items:center;min-width:2.5rem;height:2.5rem;padding:.5rem .75rem;border-radius:.5rem;font-family:Inter,sans-serif;font-weight:400;font-size:1rem;color:#1e1e1e;text-decoration:none;transition:all .3s ease}.blog-dtc-pagination-item:hover{background-color:#1b8c911a}.blog-dtc-pagination-item.is-current{background-color:#1b8c91;color:#f5f5f5}.blog-dtc-pagination-gap{color:#000;font-weight:700}.blog-dtc-pagination-prev,.blog-dtc-pagination-next{color:#1e1e1e}.blog-dtc-pagination-prev:hover,.blog-dtc-pagination-next:hover{color:#1b8c91}.blog-dtc-empty{grid-column:1 / -1;text-align:center;padding:4rem 2rem;color:#444;font-family:Roboto,sans-serif;font-size:1.125rem}.blog-dtc-empty p{margin:0}@media screen and (max-width:1600px){.blog-list-dtc-section{padding:3.75rem 12.5rem 2rem}}@media screen and (max-width:1400px){.blog-list-dtc-section{padding:3.75rem 8rem 2rem}}@media screen and (max-width:1200px){.blog-list-dtc-section{padding:3.75rem 5rem 2rem}.blog-list-dtc-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:1024px){.blog-dtc-banner{height:18.75rem}.blog-dtc-banner-overlay{justify-content:center;align-items:center;padding:0}.blog-dtc-banner-title{font-size:2rem;line-height:2.5rem;width:auto}.blog-list-dtc-section{padding:2.5rem 2.5rem 1.5rem}.blog-list-dtc-title{font-size:2rem;line-height:2.5rem}.blog-dtc-tag-item{padding:.75rem 1.5rem;font-size:1rem;line-height:1.5rem}}@media screen and (max-width:768px){.blog-dtc-banner{height:15rem}.blog-dtc-banner-title{font-size:1.5rem;line-height:1.875rem}.blog-list-dtc-section{padding:2rem 2.5rem 1.5rem}.blog-list-dtc-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.blog-dtc-card-title{font-size:.875rem;line-height:1.125rem}.blog-dtc-card-date{font-size:.75rem;line-height:1rem}}@media screen and (max-width:480px){.blog-dtc-banner{height:12.5rem}.blog-dtc-banner-title{font-size:1.667rem;line-height:2rem}.blog-list-dtc-section{padding:2.5rem 2.5rem 1.5rem}.blog-list-dtc-tags{gap:.5rem;margin-bottom:2rem;overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start;padding-bottom:.5rem;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.blog-list-dtc-tags::-webkit-scrollbar{display:none}.blog-dtc-tag-item{width:auto;padding:.667rem 1.333rem;font-size:.833rem;line-height:1.25rem;flex-shrink:0}.blog-list-dtc-grid{grid-template-columns:1fr;gap:1rem}.blog-dtc-card-image{aspect-ratio:16 / 9}.blog-dtc-card-title{font-size:1rem;line-height:1.25rem}.blog-dtc-card-date{font-size:.833rem;line-height:1rem}.blog-dtc-pagination-item{min-width:2.25rem;height:2.25rem;padding:.417rem .667rem;font-size:.875rem}}@media screen and (min-width:2001px){.blog-list-dtc-section{padding:3.75rem calc(19.125rem + (100vw - 2000px)/2) 2rem}}
/*# sourceMappingURL=/cdn/shop/t/58/assets/blog-list-dtc.css.map */