.sp-product {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
    font-family: Arial, sans-serif;
}

.sp-breadcrumb { font-size: 14px; margin-bottom: 20px; color: #666; }

.sp-main {
    display: flex;
    gap: 40px;
    flex-wrap: nowrap;
}

.sp-gallery { flex: 1 1 50%; }

.sp-gallery .sp-main-image img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

.sp-gallery .sp-thumbnails {
    display: flex;
    gap: 10px;
    margin-top: 10px;
}

.sp-gallery .sp-thumb img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    cursor: pointer;
}

.sp-info { flex: 1 1 50%; display: flex; flex-direction: column; gap: 20px; }

.sp-title { font-size: 28px; font-weight: 700; }

.sp-price { font-size: 24px; font-weight: 600; color: #000; }
.sp-price .sp-discount { color: #d00; font-weight: bold; margin-left: 10px; }

.sp-variations { display: flex; flex-wrap: wrap; gap: 10px; }
.sp-variations button { border: 1px solid #000; background: #fff; padding: 10px 16px; cursor: pointer; font-weight: bold; }
.sp-variations button.selected { background: #000; color: #fff; }

.quantity input[type=number] { width: 80px; height: 45px; text-align: center; font-size: 16px; }

.single_add_to_cart_button {
    background-color: #000 !important;
    color: #fff !important;
    padding: 16px;
    font-size: 16px;
    text-transform: uppercase;
    border: none;
    cursor: pointer;
    margin-top: 15px;
}

.single_add_to_cart_button:hover { background-color: #333 !important; }

.sp-warning { font-size: 14px; color: #d00; }

.sp-description { margin-top: 40px; font-size: 16px; line-height: 1.6; }

/* RESPONSIVO */
@media (max-width: 1024px) { .sp-main { flex-direction: column; } .sp-gallery, .sp-info { flex: 1 1 100%; } }
@media (max-width: 768px) {
    .sp-title { font-size: 22px; }
    .sp-price { font-size: 20px; }
    .single_add_to_cart_button { font-size: 14px; padding: 14px; }
    .sp-gallery .sp-main-image { width: 100%; }
    .sp-gallery .sp-thumbnails { gap: 5px; overflow-x: auto; }
}
