/* The sidebar owns one full-width carousel. Its format follows actual card width. */
.site-aside,.content-layout .site-aside{display:block;min-width:0;max-width:100%}
.site-aside .aside-sticky{display:block;min-width:0;width:100%}
.site-aside .aside-promo-slider{container:slowly-aside / inline-size;display:block;min-width:0;width:100%;max-width:none;background:#eef2e7}
.site-aside .aside-promo-slider [data-slide]{width:100%;min-width:0}
.site-aside .aside-promo-slider [data-slide]>section{min-height:max(306px,100cqi)!important}
.site-aside .aside-promo-slider [data-slide]>section{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:100%;max-width:none;min-width:0;min-height:306px;margin:0;padding:22px 24px 25px;border:0;border-radius:0;gap:13px;box-sizing:border-box}
.site-aside .aside-promo-slider .app-banner{background:#e6ebdc url(banner.webp) right -115px center / auto 100% no-repeat}
.site-aside .aside-promo-slider .meditation-banner{background:radial-gradient(ellipse at 110% 10%,#dbe4d0 0,transparent 66%),#f1f4ec}
.site-aside .aside-promo-slider .banner-brand{position:relative;flex:none;width:min(100%,260px);height:90px;max-width:100%;margin:0;overflow:hidden}
.site-aside .aside-promo-slider .banner-brand img{display:block;position:absolute;height:auto;max-width:none;top:50%;transform:translateY(-50%)}
.site-aside .aside-promo-slider .sleeping-logo{width:min(100%,225px)}
.site-aside .aside-promo-slider .sleeping-logo img{width:146.34%;left:-25.36%}
.site-aside .aside-promo-slider .bamboo-logo img{width:103.45%;left:-3.45%}
.site-aside .sidebar-banner-copy{min-width:0;width:100%;max-width:100%}
.site-aside .aside-promo-slider h2{font:400 28px/1.12 var(--serif);letter-spacing:-.45px;margin:0 0 12px;overflow-wrap:normal}
.site-aside .aside-promo-slider p{font:13px/1.6 var(--sans);max-width:340px;margin:0 0 18px;color:#4b5742}
.site-aside .aside-promo-slider .button{min-height:44px;max-width:100%;padding:11px 18px;font:12px/1.4 var(--sans);white-space:normal;text-align:center;color:#fff}
.site-aside .aside-promo-slider .button svg{width:18px;height:18px}
.site-aside .aside-slider-controls{min-height:42px;padding:0 16px 7px}
.site-aside .aside-slider-controls button{min-width:30px;min-height:30px}
.site-aside .aside-slider-controls button[data-dot]{min-width:8px;min-height:8px}
.site-aside .categories-box{width:100%;max-width:none;margin:16px 0 0;grid-column:auto}
.site-aside .aside-promo-slider [data-slide]>.start-sidebar-promo{padding:0;display:block;min-height:0}
.start-sidebar-link,.start-sidebar-link picture,.start-sidebar-link img{display:block;width:100%;height:auto}
.start-sidebar-link .start-sidebar-wide{display:none}
@media(max-width:1000px){
 .home-layout>.site-aside,.content-layout>.site-aside{position:static;display:block;width:100%;margin-top:24px}
 .site-aside .aside-sticky{display:flex;flex-direction:column;gap:18px}
 .site-aside .categories-box{margin:0;grid-column:auto}
}
@container slowly-aside (min-width:520px){
 .site-aside .aside-promo-slider [data-slide]>section{min-height:max(215px,33.333cqi)!important}
 .start-sidebar-link picture{display:none}
 .start-sidebar-link .start-sidebar-wide{display:block}
 .site-aside .aside-promo-slider [data-slide]>.start-sidebar-promo{padding:0;min-height:0;display:flex;justify-content:center}
 .site-aside .aside-promo-slider [data-slide]>section{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(0,1.2fr);gap:24px;align-items:center;min-height:215px;padding:27px 34px}
 .site-aside .aside-promo-slider .banner-brand{justify-self:center;width:min(100%,260px);height:105px}
 .site-aside .aside-promo-slider .sleeping-logo{width:min(100%,240px)}
 .site-aside .aside-promo-slider h2{font-size:32px}
 .site-aside .aside-promo-slider p{max-width:450px;font-size:14px;margin-bottom:17px}
 .site-aside .aside-slider-controls{min-height:38px;padding-bottom:5px}
}
@media(min-width:601px) and (max-width:1000px){
 .site-aside .categories-box ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:25px}
 .site-aside .categories-box li:first-child a{padding-top:10px}
}
@container slowly-aside (max-width:519px){
 .site-aside .aside-promo-slider [data-slide]>section{min-height:306px;padding:23px 25px 26px}
 .site-aside .aside-promo-slider p{font-size:14px}
 .site-aside .aside-promo-slider .button{font-size:13px}
}