.product-accordions{
    width:100%;
    margin-top:28px;
    border-top:1px solid var(--border);
}

.product-accordion{
    width:100%;
    border-bottom:1px solid var(--border);
}

.product-accordion-title{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    width:100%;
    padding:22px 0;
    color:var(--text-heading);
    font-size:16px;
    font-weight:600;
    cursor:pointer;
    list-style:none;
    user-select:none;
    -webkit-user-select:none;
}

.product-accordion-title::-webkit-details-marker{
    display:none;
}

.product-accordion-title::marker{
    content:"";
}

.product-accordion-title:hover{
    color:var(--text);
}

.product-accordion-icon{
    position:relative;
    flex:0 0 18px;
    width:18px;
    height:18px;
    color:var(--text-muted);
}

.product-accordion-icon::before,
.product-accordion-icon::after{
    content:"";
    position:absolute;
    top:50%;
    left:50%;
    width:14px;
    height:1px;
    background:currentColor;
    transform:translate(-50%,-50%);
    transition:
        transform .36s cubic-bezier(.22,1,.36,1),
        opacity .36s cubic-bezier(.22,1,.36,1);
}

.product-accordion-icon::after{
    transform:
        translate(-50%,-50%)
        rotate(90deg);
}

.product-accordion[open]
.product-accordion-icon::after{
    transform:
        translate(-50%,-50%)
        rotate(0deg);
}

.product-accordion[data-state="closing"]
.product-accordion-icon::after{
    transform:
        translate(-50%,-50%)
        rotate(90deg);
}

.product-accordion[data-state="opening"]
.product-accordion-icon::after{
    transform:
        translate(-50%,-50%)
        rotate(0deg);
}

.product-accordion-content{
    padding:0 0 24px;
    color:var(--text-muted);
    font-size:16px;
    will-change:opacity,transform;
}

.product-accordion-content > :first-child{
    margin-top:0;
}

.product-accordion-content > :last-child{
    margin-bottom:0;
}

.product-accordion-content p{
    margin:0 0 18px;
}

.product-accordion-content ul,
.product-accordion-content ol{
    margin:0 0 18px;
    padding-left:20px;
}

.product-accordion-content li + li{
    margin-top:6px;
}

.product-accordion-content strong{
    color:var(--text-heading);
}

.product-accordion-content a{
    color:var(--text-heading);
    text-decoration:underline;
    text-underline-offset:2px;
}

.product-accordion-content a:hover{
    color:var(--brand);
}

.product-accordion-content table{
    width:100%;
    border-collapse:collapse;
}

.product-accordion-content th,
.product-accordion-content td{
    padding:8px 0;
    border-bottom:1px solid var(--border);
    text-align:left;
    vertical-align:top;
}

.product-accordion-content th{
    padding-right:20px;
    color:var(--text-heading);
    font-weight:600;
}

@media (min-width:768px){
    .product-accordion-title{
        padding:24px 0;
    }

    .product-accordion-content{
        padding-bottom:28px;
    }
}