.cs-article-hero-section{width:100%;box-sizing:border-box;position:relative;font-family:Montserrat,sans-serif;display:flex;flex-direction:column;gap:16px;padding-bottom:40px}.cs-article-hero-hero{position:relative;width:100%;height:320px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:0 16px 16px;box-sizing:border-box;flex-shrink:0}.cs-article-hero-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.cs-article-hero-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000000b3,#0000 60%);pointer-events:none}.cs-article-hero-content{position:relative;display:flex;flex-direction:column;gap:12px;max-width:343px}.cs-article-hero-back{display:inline-flex;align-items:center;gap:8px;font-weight:500;font-size:14px;line-height:1.5;color:#fff;text-decoration:none}.cs-article-hero-back svg{flex-shrink:0}.cs-article-hero-title{margin:0;font-weight:500;font-size:22px;line-height:1.3;color:#fff}.cs-article-hero-description{margin:0;font-weight:400;font-size:14px;line-height:1.5;color:#fff}.cs-article-hero-description p{margin:0}.cs-article-hero-scent-cards{width:343px;max-width:calc(100% - 32px);margin:0 16px;display:grid;grid-template-columns:1fr;gap:10px}.cs-article-hero-scent-card{min-width:0;padding:16px;border:1px solid #d5d5d5;border-radius:20px;background:#fff;display:flex;flex-direction:column;gap:14px;box-sizing:border-box}.cs-article-hero-scent-top{display:flex;align-items:center;gap:16px}.cs-article-hero-scent-thumb{width:92px;height:92px;border-radius:14px;background:#f9f5ed;overflow:hidden;flex-shrink:0}.cs-article-hero-scent-thumb img{width:100%;height:100%;object-fit:cover;display:block}.cs-article-hero-scent-info{min-width:0;display:flex;flex-direction:column;gap:8px}.cs-article-hero-scent-label{font-weight:600;font-size:12px;line-height:1.3;letter-spacing:.08em;text-transform:uppercase;color:#9c968c}.cs-article-hero-scent-name{margin:0;font-weight:600;font-size:14px;line-height:1.3;color:#1e1e1e}.cs-article-hero-scent-btn{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border-radius:16px;background:#1e1e1e;font-weight:500;font-size:14px;line-height:1.2;color:#fff;text-align:center;text-decoration:none}.cs-article-hero-scent-btn:hover{background:#333}.cs-article-hero-scent-cards--two{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.cs-article-hero-scent-cards--two .cs-article-hero-scent-card{padding:12px;border-radius:16px;gap:10px}.cs-article-hero-scent-cards--two .cs-article-hero-scent-top{align-items:flex-start;gap:8px}.cs-article-hero-scent-cards--two .cs-article-hero-scent-thumb{width:56px;height:56px;border-radius:10px}.cs-article-hero-scent-cards--two .cs-article-hero-scent-info{gap:0}.cs-article-hero-scent-cards--two .cs-article-hero-scent-label{display:none}.cs-article-hero-scent-cards--two .cs-article-hero-scent-name{font-size:12px;line-height:1.35}.cs-article-hero-scent-cards--two .cs-article-hero-scent-btn{min-height:36px;padding:7px 8px;border-radius:10px;font-size:12px;white-space:nowrap}@media(min-width:1024px){.cs-article-hero-section{display:block;padding-bottom:0}.cs-article-hero-hero{height:720px;padding:0 85px 70px;overflow:hidden}.cs-article-hero-content{max-width:640px}.cs-article-hero-back{font-size:18px}.cs-article-hero-title{font-size:44px;line-height:1.1}.cs-article-hero-description{font-size:16px;line-height:1.6}.cs-article-hero-scent-cards{position:absolute;right:80px;bottom:60px;z-index:3;width:380px;max-width:calc(100% - 160px);margin:0}.cs-article-hero-scent-cards--two{width:520px;grid-template-columns:repeat(2,minmax(0,1fr))}.cs-article-hero-scent-cards--two .cs-article-hero-scent-card{padding:12px;border-radius:16px;gap:10px}.cs-article-hero-scent-cards--two .cs-article-hero-scent-top{gap:10px}.cs-article-hero-scent-cards--two .cs-article-hero-scent-thumb{width:60px;height:60px;border-radius:10px}.cs-article-hero-scent-cards--two .cs-article-hero-scent-info{gap:4px}.cs-article-hero-scent-cards--two .cs-article-hero-scent-label{display:block;font-size:10px}.cs-article-hero-scent-cards--two .cs-article-hero-scent-name{font-size:13px}.cs-article-hero-scent-cards--two .cs-article-hero-scent-btn{min-height:40px;padding:8px 12px;border-radius:12px;font-size:13px}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/cs-article-hero.css.map */