/* =========================
LAYOUT
========================= */

.single-product-wrapper {
    display: flex;
    gap: clamp(var(--sp-4xl), 6vw, 80px);
    align-items: flex-start;
}

.product-gallery-column {
    max-width: 620px;
    width: 100%;
}

.product-summary-column {
    width: 100%;
}

/* =========================
GALLERY
========================= */

.product-gallery .woocommerce-product-gallery__image {
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border-radius: var(--radius-lg);
}

.product-gallery .woocommerce-product-gallery__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* =========================
TITLE + PRICE
========================= */

.product_title {
    font-size: clamp(24px, 2vw, 28px);
    margin: var(--sp-xs) 0;
}

.summary {
    display: flex;
    flex-direction: column;
}

.summary .price {
    margin-bottom: var(--sp-sm);
}

/* =========================
FORM (simple + variable)
========================= */

.product-form {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 20px;
}

.product-actions {
    display: flex;
    align-items: center;
    gap: 12px;
}

.product-actions .quantity input {
    width: 60px;
    height: 44px;
    text-align: center;
}

/* =========================
BUTTON
========================= */

.single_add_to_cart_button {
    height: 44px;
    padding: 0 24px;
    background: var(--color-primary);
    color: #fff;
    border-radius: var(--radius-sm);
}

/* =========================
ACCORDIONS
========================= */

.product-accordions details {
    border-top: 1px solid var(--color-border-light);
    padding: var(--sp-lg) 0;
}

.product-accordions summary {
    display: flex;
    justify-content: space-between;
    cursor: pointer;
}

.product-accordions summary::after {
    content: "+";
}

.product-accordions details[open] summary::after {
    content: "−";
}
/* =========================
RELATED PRODUCTS
========================= */

/* =========================
RELATED PRODUCTS
========================= */

.related.products {
    display: block;
    width: 100%;
    margin-top: 60px;
}

.related.products h2 {
    display: block;
    width: 100%;
    margin-bottom: 24px;
}