/* 1. СТРУКТУРА СТРАНИЦЫ И КОНТЕЙНЕРЫ  */
.product-page {
    margin-top: 0rem;
    margin-left: 1rem;
    margin-right: 1rem;
    padding: 1.7rem 0;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0; 
}

.product-container {
    display: flex;
    gap: 5rem; 
    flex-wrap: wrap; 
}

/* 2. ГАЛЕРЕЯ (СЛЕВА)  */
/* .photo_cont {
    margin-left: 3rem;
}

@media (max-width: 1280px) {
    .photo_cont {
        margin-left: 0rem;
}
} */

.product-gallery {
    flex: 2; 
    min-width: 300px;
    padding: 0 1rem 1rem 1rem; 
}

.main-image {
    width: 100%;
    height: 480px; 
    object-fit: cover;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

/* Кастомный блок обертки галереи (Alpine) */
.relative.w-full.max-w-2xl.mx-auto.shadow-2xl.rounded-xl.overflow-hidden.bg-white.p-4.fotos {
    background-color: #e4e4e4;
    margin-left: 2rem;
}

/* 3. ИНФОРМАЦИЯ О ТОВАРЕ (СПРАВА)  */
.product-info-side {
    flex: 1.5; 
    min-width: 300px;
    padding: 0 1rem 1rem 0;
}

.product-info-side h1 {
    font-size: 2.5rem;
    color: #2c3e50;
    margin-bottom: 1rem;
}

.price {
    font-size: 2rem;
    font-weight: 700;
    color: #333; 
    margin-bottom: 2rem;
}

/* Характеристики */
.characteristics {
    margin-bottom: 2rem;
    border-top: 1px solid #eee;
    padding-top: 1rem;
}

.char-item {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.5rem;
    font-size: 1rem;
}

.char-item span:first-child { color: #777; }
.char-item span:last-child { font-weight: 600; }

.material-text {
    display: block;
    width: fit-content;
    max-width: fit-content;
    margin-left: auto;
    margin-right: 0;
    text-align: left;
    padding-right: 0;
}

/* Описание и кнопки */
.description { margin-bottom: 2rem; }
.description h3 { margin-bottom: 0.5rem; }
.description p { color: #555; line-height: 1.7; }

.order-btn-big {
    width: 100%;
    padding: 1.2rem;
    background: #5a7650;
    color: white;
    border: none;
    border-radius: 8px;
    font-size: 1.1rem;
    font-weight: 700;
    cursor: pointer;
    transition: 0.3s;
}

.order-btn-big:hover {
    background: #177c3e;
    transform: scale(1.02);
}

button { outline: none !important; border: none; }

/* 4. АДАПТИВ (MEDIA QUERIES)  */
@media (max-width: 768px) {
    .product-container { 
        flex-direction: column; 
        gap: 1.5rem; 
    }

    .product-page {
        padding-top: 0rem;
    }

    .product-gallery, .product-info-side {
        padding: 0 1rem;
    }

    .main-image {
        height: auto;
        box-shadow: 0 5px 15px rgba(0,0,0,0.1); 
    }
    
    .product-info-side h1 { font-size: 2rem; }
    .price { font-size: 1.5rem; }
    textarea { width: 100%; }

    /* Обертка галереи на мобилках */
    .relative.w-full.max-w-2xl.mx-auto.shadow-2xl.rounded-xl.overflow-hidden.bg-white.p-4.fotos {
        background-color: #e4e4e4;
        margin-left: 0rem;
        padding-top: 1.5rem;
    }
}