.composition-image-grid{padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);padding-left:15px;padding-right:15px;max-width:1600px;margin:0 auto}.composition-image-grid__title{margin-bottom:50px;font-size:20px;line-height:1.2}@media (max-width: 768px){.composition-image-grid__title{margin-bottom:10px}}.composition-image-grid:has(.composition-image-grid__description) .composition-image-grid__title{margin-bottom:20px}.composition-image-grid__description{margin-bottom:30px;font-size:15px;text-align:center}.composition-image-grid__container{display:grid;grid-template-columns:1fr 1fr;gap:32px 10px;margin-top:60px}@media (max-width: 768px){.composition-image-grid__container{margin-top:48px}}.composition-image-grid__image-wrapper{width:100%;position:relative;overflow:hidden;border-radius:6px}.composition-image-grid__icon{position:absolute;top:10px;right:10px;padding:5px;background-color:#fff;border-radius:4px;display:flex}@media (min-width: 1024px){.composition-image-grid__icon{display:none}}.composition-image-grid__icon svg{width:20px;height:20px}.composition-image-grid__image{width:100%;height:auto;object-fit:cover;border-radius:6px}.composition-image-grid__image--mobile{display:block}.composition-image-grid__image--desktop{display:none}.composition-image-grid__item{display:flex;justify-content:space-evenly;align-items:center;flex-direction:column;gap:10px;cursor:pointer}.composition-image-grid__item img{transform:scale(1);transition:transform .3s ease}.composition-image-grid__content{flex:1}.composition-image-grid__content p{font-size:14px;line-height:1.2}.composition-image-grid__content--description{display:none}.composition-image-grid__mobile-popup{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;padding:20px}.composition-image-grid__mobile-popup.active{opacity:1;visibility:visible}.composition-image-grid__popup-content{position:relative;background-color:#fff;max-width:90%;height:100%;max-height:80vh;width:100%;max-width:600px;border-radius:8px;overflow-y:auto;padding:50px 20px 60px;display:flex;flex-direction:column}.composition-image-grid__popup-details{overflow-y:auto}.composition-image-grid__popup-close{position:absolute;top:10px;right:10px;background:none;border:none;cursor:pointer;padding:5px;z-index:10;color:#000}.composition-image-grid__popup-image-wrapper{margin-bottom:15px}.composition-image-grid__popup-image-wrapper img{width:100%;height:auto;display:block;border-radius:6px}.composition-image-grid__popup-title{font-size:18px;font-weight:700;margin-bottom:10px}.composition-image-grid__popup-description{font-size:14px;line-height:1.5;margin-bottom:20px}@media (min-width: 768px){.composition-image-grid__popup-description{margin-bottom:40px}}.composition-image-grid__popup-additional-info{font-size:14px;line-height:1.5}.composition-image-grid__popup-additional-info ul{margin:0;padding:0}.composition-image-grid__popup-additional-info li{list-style:none;padding-left:20px}.composition-image-grid__popup-additional-info li:before{content:"\2014  ";margin-left:-20px}@media screen and (min-width: 768px){.composition-image-grid__container{grid-template-columns:repeat(2,1fr)}.composition-image-grid__image--mobile{display:none}.composition-image-grid__image--desktop{display:block}}@media screen and (min-width: 1024px){.composition-image-grid{padding-left:60px;padding-right:60px}.composition-image-grid__title{font-size:30px}.composition-image-grid__container{grid-template-columns:repeat(5,1fr)}.composition-image-grid__item:hover img{transform:scale(1.1)}.composition-image-grid__image-wrapper svg{display:none}}.composition-image-grid__navigation{max-width:1440px;padding:0;margin:0;list-style:none;display:flex;gap:8px;padding-block:16px;overflow-x:auto;scrollbar-width:none}@media (max-width: 768px){.composition-image-grid__navigation{padding-block:8px}}.composition-image-grid__navigation li{display:inline-block;padding:10px 35px;width:auto;margin:0;text-decoration:none;text-align:center;text-wrap:nowrap;vertical-align:middle;line-height:1.6;cursor:pointer;border:1px solid;-webkit-appearance:none;-moz-appearance:none;border-radius:var(--alt-btn-border-radius);background-color:var(--primary-btn-text-color);color:var(--primary-btn-bg-color);font-family:var(--button-font-stack);font-weight:var(--button-font-weight);font-style:var(--button-font-style);font-size:var(--button-font-size-px);letter-spacing:var(--button-text-spacing-px);transition:all .15s ease-in}.composition-image-grid__navigation li.current{background-color:#cdd2cf}@media (min-width: 990px){.composition-image-grid__navigation li:hover{background-color:var(--primary-btn-bg-color);color:var(--primary-btn-text-color)}}.composition-image-grid__tab{display:none}.composition-image-grid__tab.current{display:inherit}.composition-image-grid__intro-content{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;gap:36px;padding-top:32px}@media (max-width: 1023px){.composition-image-grid__intro-content{flex-direction:column}}@media (max-width: 768px){.composition-image-grid__intro-content{padding-top:15px}}.composition-image-grid__intro-text{font-size:30px;letter-spacing:-.96px;line-height:1.05}@media (max-width: 768px){.composition-image-grid__intro-text{font-size:20px;letter-spacing:-.72px}}.composition-image-grid__intro-button{margin-top:32px}@media (max-width: 768px){.composition-image-grid__intro-button{margin-top:24px}}.composition-image-grid__intro-benefits ul{margin:0;padding:0;list-style:none;white-space:nowrap;font-size:32px;line-height:1.05;letter-spacing:-.96px}@media (max-width: 768px){.composition-image-grid__intro-benefits ul{font-size:24px;letter-spacing:-.72px}}@media (min-width: 1200px){.composition-image-grid__intro-benefits{-ms-flex:0 0 456px;flex:0 0 456px}}.composition-image-grid__intro-benefits p{font-size:20px;line-height:1.6;text-transform:uppercase}@media (max-width: 768px){.composition-image-grid__intro-benefits p{font-size:18px;margin-bottom:8px}}.composition-image-grid__intro-benefits li{margin:0;opacity:0;-webkit-transition:.4s;transition:.4s;-webkit-transform:translateX(20px);transform:translate(20px)}.composition-image-grid__intro-benefits li:before{content:"\2014  "}.composition-image-grid__intro-benefits li:first-child{-webkit-transition-delay:.3s;transition-delay:.3s}.composition-image-grid__intro-benefits li:nth-child(2){-webkit-transition-delay:.6s;transition-delay:.6s}.composition-image-grid__intro-benefits li:nth-child(3){-webkit-transition-delay:.9s;transition-delay:.9s}.composition-image-grid__intro-benefits li:nth-child(4){-webkit-transition-delay:1.2s;transition-delay:1.2s}.composition-image-grid__intro-benefits li:nth-child(5){-webkit-transition-delay:1.5s;transition-delay:1.5s}.composition-image-grid__intro-benefits.active li{opacity:1;-webkit-transform:none;transform:none}.composition-image-grid__popup-navigation{position:absolute;bottom:0;left:0;right:0;padding:20px;display:flex;justify-content:space-between;align-items:center}.composition-image-grid__popup-arrows{display:-ms-flexbox;display:flex;gap:8px}.composition-image-grid__popup-arrows button,.composition-image-grid__nav-arrows button{width:20px;height:20px;background:transparent;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;margin:0;border:0;border-radius:0;vertical-align:middle;color:inherit;text-decoration:none;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;-webkit-tap-highlight-color:transparent;cursor:pointer;overflow:hidden;white-space:nowrap}.composition-image-grid__nav-arrows{display:-ms-flexbox;display:flex;gap:8px;justify-content:space-between}@media (min-width: 769px){.composition-image-grid__nav-arrows{display:none}}.composition-image-grid__nav-arrows button{width:24px;height:24px;opacity:1;transition:opacity .2s ease;pointer-events:auto}.composition-image-grid__nav-arrows button.hidden{opacity:0;pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/30/assets/section-composition-image-grid.css.map */