.collapsible-tab collapsible-button {
    display: block;
    cursor: pointer;
    user-select: none
}

.collapsible-tab collapsible-button:focus-visible {
    border: 1px solid var(--border-color);
    border-radius: 3px
}

.collapsible-tab .summary {
    padding: 0;
    list-style-type: none;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.collapsible-tab .summary .text-with-icon {
    margin: 15px 0
}

.collapsible-tab .summary span svg {
    vertical-align: middle
}

.collapsible-tab .summary .minus-icon {
    display: none
}

@media screen and (prefers-reduced-motion:no-preference) {
    .collapsible-tab .summary .chevron-down {
        transition: all .1s ease-in
    }
}

.collapsible-tab .collapsible-content {
    opacity: 0;
    overflow: hidden
}

@media screen and (prefers-reduced-motion:no-preference) {
    .collapsible-tab .collapsible-content {
        transition: opacity 1s cubic-bezier(.25, .46, .45, .94), height .35s cubic-bezier(.25, .46, .45, .94)
    }
}

.collapsible-tab .collapsible-content .content {
    visibility: hidden
}

@media screen and (prefers-reduced-motion:no-preference) {
    .collapsible-tab .collapsible-content .content {
        transform: translateY(30px);
        transition: transform .5s cubic-bezier(.25, .46, .45, .94)
    }
}

#ShopNowContainer .collapsible-tab .collapsible-content .content {
    text-align: left
}

.collapsible-tab.open collapsible-button .summary .plus-icon {
    display: none
}

.collapsible-tab.open collapsible-button .summary .minus-icon {
    display: block
}

.collapsible-tab.open collapsible-button .summary .chevron-down {
    transform: scaleY(-1)
}

.collapsible-tab.open .collapsible-content {
    opacity: 1
}

.collapsible-tab.open .collapsible-content .content {
    transform: translateY(0);
    visibility: visible
}

.no-js .collapsible-tab details summary .chevron-down,
.no-js .collapsible-tab details summary .plus-icon {
    display: block
}

.no-js .collapsible-tab details summary .chevron-up,
.no-js .collapsible-tab details summary .minus-icon {
    display: none
}

.no-js .collapsible-tab details[open] .chevron-down,
.no-js .collapsible-tab details[open] .plus-icon {
    display: none
}

.no-js .collapsible-tab details[open] .chevron-up,
.no-js .collapsible-tab details[open] .minus-icon {
    display: block
}

.accordion-with-image .main-content-wrapper {
    margin: 0 auto;
    display: flex;
    /* flex-direction: column; */
    width: 100%;
    align-items: flex-start;
    justify-content: space-between;
    /* column-gap: 15px; */
    /* row-gap: 30px */
}
.main-content-wrapper{
    position: relative;
}
.sticky-heading .section-title--wrapper .section-title
{
text-align: left;
margin: 0;
}
@media screen and (min-width:768px) {

    .accordion-with-image .main-content-wrapper {
        flex-direction: row
    }
    .main-content-wrapper .sticky-heading{
        position: sticky;
        top: 75px;
        max-width: 500px;
        padding-right: 40px;
    }
}

.accordion-with-image .accordion-wrapper {
    flex-grow: 1
}

.accordion-with-image .image-wrapper {
    max-width: 100%
}

.accordion-with-image .accordion-wrapper .collapsible-tab {
    border-bottom: 1px solid var(--color-scheme-border-color)
}

.accordion-with-image .accordion-wrapper .collapsible-tab {
    margin-bottom: 15px
}
.accordion-with-image .accordion-wrapper .summary {
    font-weight: 600;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    margin-bottom: 15px;
    font-size: 18px;
}

.accordion-with-image .image-wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    max-width: 350px;
    overflow: hidden
}

.accordion-with-image .image-wrapper img {
    object-fit: cover;
    max-width: 350px;
    height: 200px
}

.accordion-with-image .content-wrapper {
    padding: 15px
}

.accordion-with-image .content-wrapper a {
    text-decoration: none
}

.accordion-with-image .content-wrapper h2,
.accordion-with-image .content-wrapper p {
    margin-top: 15px
}

.accordion-with-image .content-wrapper h2 {
    font-size: 1.2em
}

.accordion-with-image .content-wrapper .accordion--button {
    display: block;
    /* margin-left: auto; */
    min-width: 150px;
    max-width: 100%;
    align-self: flex-end;
    margin-top: 20px
}

.accordion-with-image .image--container {
    height: 200px;
    max-width: 350px;
    overflow: hidden
}

@media screen and (max-width:768px) {
    .accordion-with-image .accordion-wrapper .summary {
font-size: 16px;
    }
}