.expanding-panels{overflow:hidden}.expanding-panels__title{margin-bottom:2rem;font-weight:500;letter-spacing:.5px;font-size:clamp(1.75rem,4vw,3rem);font-family:var(--expanding-panels-font-family),var(--font-body-family)}.expanding-panels__container{display:flex;height:493px;border-radius:12px;overflow:hidden;gap:20px;margin:0 auto;padding:0 60px}.expanding-panel{flex:1;position:relative;transition:all .5s ease;cursor:pointer;overflow:hidden;border-radius:20px}.expanding-panel:hover,.expanding-panel.active{flex:4.4}.panel__image{position:relative;width:100%;height:100%;overflow:hidden}.panel__image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.panel__number{position:absolute;width:40px;height:40px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;background:#341b1066;border:2px solid #FFFFFF;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.1rem;transition:all .3s ease;z-index:10;font-family:var(--expanding-panels-font-family),var(--font-body-family)}.expanding-panel:not(:hover):not(.active) .panel__number{top:1.5rem;left:50%;right:auto;transform:translate(-50%)}.expanding-panel:hover .panel__number,.expanding-panel.active .panel__number{top:1.5rem;left:1.5rem;right:auto;transform:none}.panel__content{position:absolute;bottom:0;left:0;right:0;padding:4.3rem;color:#fff}.panel__text-content{transform:translateY(140%);transition:transform .5s ease}.expanding-panel:hover .panel__text-content,.expanding-panel.active .panel__text-content{transform:translateY(0)}.panel__title{margin:0 0 .5rem;font-weight:500;font-size:clamp(1.25rem,2.5vw,2rem);line-height:1.2;font-family:var(--expanding-panels-font-family),var(--font-body-family)}.panel__subtitle{margin:0;font-size:clamp(1rem,2vw,1.5rem);font-family:var(--expanding-panels-font-family),var(--font-body-family);line-height:1.4}.expanding-panels__carousel-buttons{display:none;justify-content:center;gap:20px;margin-top:20px;z-index:10}.expanding-panels__carousel-btn{color:#333;border:1px solid #ddd;background:#fff;border-radius:50%;font-size:18px;width:44px;height:44px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.expanding-panels__carousel-btn:hover{background:#f5f5f5;border-color:#999}.expanding-panels__carousel-btn:disabled{opacity:.5;cursor:not-allowed}.expanding-panels__carousel-btn svg{width:16px;height:16px;fill:currentColor}@media screen and (max-width:768px){.expanding-panels__container{flex-direction:row;height:410px;gap:10px;padding:0;flex-wrap:nowrap;transition:transform .4s ease;overflow:visible;border-radius:0}.expanding-panel{height:100%;flex:0 0 80%;min-width:80%;max-width:80%;transition:none;display:block!important;visibility:visible!important}.expanding-panel:hover,.expanding-panel.active{flex:0 0 80%}.panel__image{display:block;position:relative;width:100%;height:100%}.panel__image img{display:block!important;width:100%;height:100%;object-fit:cover}.panel__content{background:linear-gradient(transparent,#000c);padding:1.5rem;opacity:0;visibility:hidden}.expanding-panel.active .panel__content{opacity:1;visibility:visible}.panel__text-content{transform:translateY(0)}.panel__number{top:1rem;left:1rem;width:35px;height:35px;font-size:1rem;opacity:0;visibility:hidden}.expanding-panel.active .panel__number{opacity:1;visibility:visible}.panel__title{font-size:1.25rem}.panel__subtitle{font-size:.9rem}.expanding-panels__carousel-buttons{display:flex}}@media screen and (max-width:480px){.expanding-panels__title{font-size:1.5rem;margin-bottom:1.5rem}.expanding-panel:hover,.expanding-panel.active{height:410px}.panel__content{background:linear-gradient(transparent,#000c);padding:2rem}.panel__text-content{transform:translateY(0)}.panel__number{width:30px;height:30px;font-size:.9rem}.panel__title{font-size:1.1rem}.panel__subtitle{font-size:.85rem}}@media(min-width:768px){.expanding-panels__title{font-size:2.25rem}.panel__title{font-size:1.5rem}.panel__subtitle{font-size:1.125rem}.expanding-panels__container{height:493px}.panel__content{padding:2.3rem}.expanding-panel:not(:hover):not(.active) .panel__number{width:46px;height:46px;font-size:1.6875rem}.expanding-panel:hover .panel__number,.expanding-panel.active .panel__number{top:1.5rem;right:1.5rem;width:46px;height:46px;font-size:1.6875rem}}.expanding-panels__wrapper.section-spacing{margin-top:0}
/*# sourceMappingURL=/cdn/shop/t/222/assets/sleep-expanding-panels.css.map */