.accordion-grid{--accordion-list-columns: 1;--accordion-list-columns-tablet: 1;display:grid;grid-template-columns:1fr;gap:30px}.accordion-list{--color-background: transparent;display:grid;grid-template-columns:1fr;column-gap:var(--grid-gap-horizontal);height:fit-content}.accordion-list .accordion{background-color:var(--color-background);border-radius:var(--border-radius-size-5);overflow:hidden;transition:var(--duration-default) var(--transition-primary);transition-property:box-shadow,background-color}.accordion-list .accordion .details__marker{color:var(--color-base)}.accordion-list .accordion+.accordion{margin-top:10px}.accordion-column{display:flex;flex-direction:column}@media screen and (max-width:576px){.accordion-grid__content-wrapper{margin-top:0!important}.accordion-column+.accordion-column{margin-top:10px}}.accordion-grid__content-wrapper{display:grid;grid-template-columns:1fr;gap:30px}.accordion-grid__content-wrapper .heading-wrapper{margin-bottom:0}@media screen and (min-width:577px)and (max-width:1024px){.accordion-list{grid-template-columns:repeat(var(--accordion-list-columns-tablet),minmax(0,1fr))}.accordion-column+.accordion-column{margin-top:calc(10px * (2 - var(--accordion-list-columns-tablet)))}.accordion-grid.align-center:has(.accordion-grid__image) .accordion-list,.accordion-grid.align-self-center:has(.accordion-grid__image) .accordion-list,.accordion-grid.align-self-center .accordion-grid__image,.accordion-grid.align-center .accordion-grid__image{align-self:center}.accordion-grid.align-end:has(.accordion-grid__image) .accordion-list,.accordion-grid.align-end .accordion-grid__image{align-self:flex-end}.accordion-grid__content-wrapper:has(.accordion-grid__image){grid-template-columns:calc(var(--accordion-content-width) - (var(--accordion-grid-gap) * .5)) 1fr;grid-template-areas:"top top" "content image"}.accordion-grid__content-wrapper:has(.accordion-grid__image){grid-template-columns:1fr calc(var(--accordion-content-width) - (var(--accordion-grid-gap) * .5));grid-template-areas:"top top" "image content"}.accordion-grid__content-wrapper:has(.accordion-grid__image) .heading-wrapper{grid-area:top}.accordion-grid__content-wrapper .accordion-grid__image{grid-area:image}.accordion-grid__content-wrapper:has(.accordion-grid__image) .accordion-list{grid-area:content}}@media screen and (min-width:1025px){.accordion-list{grid-template-columns:repeat(var(--accordion-list-columns),1fr)}.accordion-column+.accordion-column{margin-top:calc(10px * (2 - var(--accordion-list-columns)))}.accordion-grid:not(:has(.accordion-grid__image)){width:var(--accordion-content-width);margin-inline:auto}.accordion-grid:has(.accordion-grid__image){gap:var(--accordion-grid-gap)}.accordion-grid--position-left:has(.accordion-grid__image){grid-template-columns:calc(var(--accordion-content-width) - (var(--accordion-grid-gap) * .5)) 1fr;grid-template-areas:"content image"}.accordion-grid--position-right:has(.accordion-grid__image){grid-template-columns:1fr calc(var(--accordion-content-width) - (var(--accordion-grid-gap) * .5));grid-template-areas:"image content"}.accordion-grid__image{grid-area:image}.accordion-grid:has(.accordion-grid__image) .accordion-grid__content{grid-area:content}}.accordion-grid .accordion__content{padding:13px 30px 15px}.accordion-grid .media{border-radius:var(--border-radius-size-5)}.accordion-grid .media:has(.placeholder-svg){aspect-ratio:1.1728}.accordion-grid .media :is(img,svg){display:block}.accordion__icon{display:flex;align-items:center;justify-content:center;margin-inline-end:10px;border-radius:var(--border-radius-round);flex-shrink:0;color:var(--color-accent)}.accordion__icon:not(.accordion__icon--transparent){background-color:var(--color-secondary-background)}.accordion__icon:has(>svg){width:44px;height:44px}.accordion__icon:has(>img){width:44px;height:auto}.accordion__icon img{display:block;width:100%;height:auto}.accordion__icon svg{display:block;width:20px;height:20px}.accordion-list .details__summary{grid-template-columns:minmax(0,1fr) 24px;min-height:78px;padding:17px 30px}.accordion-list .details__summary:has(.accordion__icon){grid-template-columns:44px minmax(0,1fr) 24px;padding-inline-start:17px}.accordion-list .accordion.has-underlay-hover:has(.details__checkbox:checked):after{opacity:var(--white-underlay-opacity)}.accordion-grid>.accordion-grid__image{display:none}@media screen and (min-width:1025px){.accordion-grid .accordion-grid__content .accordion-grid__image{display:none}.accordion-grid>.accordion-grid__image{display:block}}
/*# sourceMappingURL=/cdn/shop/t/3363/assets/section-accordion.css.map */