.cs-blog-center{background:#f7f7f7}.cs-blog-center__inner{max-width:1280px}.cs-blog-center__header{margin-bottom:32px}.cs-blog-center__header-top{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:20px;border-bottom:1px solid #e3e3e3}.cs-blog-center__title{margin:0;font-size:34px;line-height:1.2;font-weight:700;color:#303233}.cs-blog-center__nav-toggle{display:none}.cs-blog-center__nav-toggle-label{font-size:14px;line-height:1.4;color:#303233}.cs-blog-center__nav-toggle-icon{display:inline-flex;width:10px;height:10px;transition:transform .2s ease}.cs-blog-center__nav-toggle-icon svg{width:10px;height:10px}.cs-blog-center__header-top.is-nav-open .cs-blog-center__nav-toggle-icon{transform:rotate(180deg)}.cs-blog-center__nav-list{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px 24px;margin:0;padding:0}.cs-blog-center__nav-list a{color:#303233;text-decoration:none;font-size:14px;line-height:1.4;white-space:nowrap}.cs-blog-center__nav-list a:hover,.cs-blog-center__nav-list a.is-active{color:var(--color-red, #dc1b2d)}.cs-blog-center__breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:16px;font-size:14px;line-height:1.4;color:#666}.cs-blog-center__breadcrumb a{color:#666;text-decoration:none}.cs-blog-center__breadcrumb a:hover{color:var(--color-red, #dc1b2d)}.cs-blog-center__breadcrumb-sep{color:#999}.cs-blog-center-featured{margin-bottom:40px}.cs-blog-center-featured__layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:0;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 12px #0000000f}.cs-blog-center-hero{min-height:100%}.cs-blog-center-hero__link{display:block;height:100%;color:inherit;text-decoration:none}.cs-blog-center-hero__media{position:relative;height:100%;min-height:420px;overflow:hidden}.cs-blog-center-hero__image-wrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.cs-blog-center-hero__image-wrap--placeholder{background:#d8dde3}.cs-blog-center-hero__image{width:100%;height:100%;object-fit:cover;object-position:center}.cs-blog-center-hero__content{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:48px 28px 28px;background:linear-gradient(180deg,#0000,#0000008c 45%,#000000e0);color:#fff;pointer-events:none}.cs-blog-center-hero__link:hover .cs-blog-center-hero__title{text-decoration:underline;text-underline-offset:.2rem}.cs-blog-center-hero__meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px;font-size:13px;line-height:1.4;color:#ffffffd9}.cs-blog-center-hero__title{margin:0 0 12px;font-size:28px;line-height:1.25;font-weight:700;color:#fff}.cs-blog-center-hero__excerpt{margin:0;font-size:15px;line-height:1.55;color:#ffffffeb;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.cs-blog-center-featured__side{display:flex;flex-direction:column;border-left:1px solid #eee}.cs-blog-center-newsletter{margin-bottom:40px}.cs-blog-center-newsletter__inner{display:flex;align-items:flex-start;justify-content:space-between;gap:32px;padding:32px 36px;background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:8px;box-shadow:0 2px 12px #0000000f}.cs-blog-center-newsletter__intro{flex:1 1 42%;min-width:0}.cs-blog-center-newsletter__icon{margin-bottom:16px;line-height:0}.cs-blog-center-newsletter__heading{margin:0 0 12px;font-size:28px;line-height:1.25;font-weight:700;color:#303233}.cs-blog-center-newsletter__description{margin:0;font-size:15px;line-height:1.55;color:#666}.cs-blog-center-newsletter__form-wrap{flex:1 1 48%;min-width:0;max-width:520px}.cs-blog-center-newsletter__field-row{display:flex;align-items:stretch;width:100%;border-radius:999px;overflow:hidden;background:#fff;border:1px solid rgba(0,0,0,.12)}.cs-blog-center-newsletter__input{flex:1 1 auto;min-width:0;height:48px;padding:0 20px;border:0;background:transparent;font-size:15px;line-height:1.4;color:#303233;outline:none}.cs-blog-center-newsletter__input::placeholder{color:#999}.cs-blog-center-newsletter__button{flex:0 0 auto;height:48px;padding:0 28px;border:0;border-radius:999px;background:var(--color-red, #dc1b2d);color:#fff;font-size:15px;font-weight:600;line-height:1;cursor:pointer;transition:filter .2s ease}.cs-blog-center-newsletter__button:hover{filter:brightness(.92)}.cs-blog-center-newsletter__consents{display:flex;flex-direction:column;gap:10px;margin-top:14px}.cs-blog-center-newsletter__checkbox{display:flex;align-items:flex-start;gap:10px;cursor:pointer}.cs-blog-center-newsletter__checkbox-input{flex:0 0 auto;width:16px;height:16px;margin-top:2px;accent-color:var(--color-red, #dc1b2d)}.cs-blog-center-newsletter__checkbox-text{font-size:12px;line-height:1.5;color:#666}.cs-blog-center-newsletter__checkbox-text a{color:#303233;text-decoration:underline;text-underline-offset:.15rem}.cs-blog-center-newsletter__checkbox-text a:hover{color:var(--color-red, #dc1b2d)}.cs-blog-center-newsletter__message{margin:12px 0 0;font-size:14px;line-height:1.4}.cs-blog-center-newsletter__message--error{color:var(--color-red, #dc1b2d)}.cs-blog-center-newsletter__message--success{color:#1a7f37}.cs-blog-center-side-item{flex:1 1 auto;border-bottom:1px solid #eee}.cs-blog-center-side-item:last-child{border-bottom:0}.cs-blog-center-side-item__link{display:flex;align-items:stretch;gap:16px;height:100%;padding:20px;color:inherit;text-decoration:none}.cs-blog-center-side-item__link:hover .cs-blog-center-side-item__title{color:var(--color-red, #dc1b2d)}.cs-blog-center-side-item__content{flex:1 1 auto;min-width:0}.cs-blog-center-side-item__meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 8px;font-size:12px;line-height:1.4;color:#888}.cs-blog-center-side-item__title{margin:0 0 8px;font-size:16px;line-height:1.35;font-weight:700;color:#303233;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.cs-blog-center-side-item__excerpt{margin:0;font-size:14px;line-height:1.5;color:#666;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.cs-blog-center-side-item__media{flex:0 0 120px;width:120px}.cs-blog-center-side-item__image-wrap{width:100%;height:100%;min-height:80px;border-radius:6px;overflow:hidden;background:#e9ecef}.cs-blog-center-side-item__image-wrap--placeholder{background:#d8dde3}.cs-blog-center-side-item__image{width:100%;height:100%;min-height:80px;object-fit:cover;object-position:center}.cs-article-media{position:relative;width:100%;height:100%}.cs-article-media__image{display:block;width:100%;height:100%;object-fit:cover}.cs-article-media__play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);line-height:0}.cs-blog-center-grid{margin-bottom:0}.cs-blog-center-pagination.pagination-wrapper{margin-top:40px;margin-bottom:0}@media screen and (min-width:990px){.cs-blog-center-pagination.pagination-wrapper{margin-top:48px}}@media screen and (max-width:749px){.cs-blog-center-pagination.pagination-wrapper{margin-top:32px}}.cs-blog-center-grid__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.cs-blog-center-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 12px #0000000f}.cs-blog-center-card__link{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}.cs-blog-center-card__link:hover .cs-blog-center-card__title{color:var(--color-red, #dc1b2d)}.cs-blog-center-card__media{aspect-ratio:16 / 10;overflow:hidden;background:#e9ecef}.cs-blog-center-card__image-wrap{width:100%;height:100%}.cs-blog-center-card__image-wrap--placeholder{background:#d8dde3}.cs-blog-center-card__image{width:100%;height:100%;object-fit:cover;object-position:center}.cs-blog-center-card__body{display:flex;flex-direction:column;flex:1 1 auto;padding:20px}.cs-blog-center-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 10px;font-size:12px;line-height:1.4;color:#888}.cs-blog-center-card__meta-sep{color:#bbb}.cs-blog-center-card__title{margin:0 0 10px;font-size:18px;line-height:1.35;font-weight:700;color:#303233;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.cs-blog-center-card__excerpt{margin:0;font-size:14px;line-height:1.55;color:#666;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}@media screen and (min-width:750px){.cs-blog-center__nav{display:block;flex:0 1 auto}}@media screen and (max-width:989px){.cs-blog-center-featured__layout{grid-template-columns:1fr}.cs-blog-center-featured__side{border-left:0;border-top:1px solid #eee}.cs-blog-center-grid__list{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.cs-blog-center-newsletter__inner{flex-direction:column;gap:24px;padding:28px 24px}.cs-blog-center-newsletter__form-wrap{max-width:none;width:100%}}@media screen and (max-width:749px){.cs-blog-center__inner{padding-left:16px;padding-right:16px}.cs-blog-center__header{position:relative;z-index:5;margin-bottom:24px}.cs-blog-center__header-top{position:relative;z-index:2;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:12px;padding-bottom:16px}.cs-blog-center__title{flex:1 1 auto;margin:0;font-size:24px;min-width:0}.cs-blog-center__nav-toggle{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;margin:0;padding:0;border:0;background:transparent;cursor:pointer}.cs-blog-center__nav{position:absolute;top:100%;left:0;right:0;z-index:30;display:none;margin:0;padding:0}.cs-blog-center__header-top.is-nav-open .cs-blog-center__nav{display:block}.cs-blog-center__nav-list{flex-direction:column;align-items:stretch;gap:0;margin:0;padding:0;background:#f7f7f7;border-top:1px solid rgba(0,0,0,.1)}.cs-blog-center__nav-list li{border-bottom:1px solid rgba(0,0,0,.1)}.cs-blog-center__nav-list li:last-child{border-bottom:0}.cs-blog-center__nav-list a{display:block;padding:14px 16px;font-size:15px;line-height:1.4;text-align:center;white-space:normal}.cs-blog-center__breadcrumb{margin-top:12px}.cs-blog-center-hero__excerpt{display:none!important}.cs-blog-center-hero__media{min-height:280px}.cs-blog-center-hero__content{padding:36px 20px 20px}.cs-blog-center-hero__title{font-size:22px}.cs-blog-center-newsletter__inner{padding:24px 20px}.cs-blog-center-newsletter__heading{font-size:22px}.cs-blog-center-newsletter__field-row{flex-direction:column;border-radius:8px;overflow:visible;border:0;background:transparent;gap:12px}.cs-blog-center-newsletter__input{height:44px;border:1px solid rgba(0,0,0,.12);border-radius:999px;background:#fff}.cs-blog-center-newsletter__button{width:100%;border-radius:999px}.cs-blog-center-grid__list{grid-template-columns:1fr;gap:16px}.cs-blog-center-side-item__media{flex-basis:96px;width:96px}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/cs-blog-center.css.map */