/* Styles mobiles pour la page produit */
@media (max-width: 767px) {
    /* Layout général */
    .page .container {
        padding: 0 10px;
    }
    
    /* Fil d'ariane */
    .breadcrumb {
        padding: 10px 0;
        margin-bottom: 15px;
        overflow-x: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }
    
    /* Grille produit */
    .product .row {
        margin: 0;
    }
    
    .product .col-md-5,
    .product .col-md-7 {
        padding: 0;
    }
    
    /* Slider produit */
    .prod-slider {
        height: 300px;
        margin-bottom: 15px;
    }
    
    .prod-slider li {
        height: 300px;
        background-size: contain;
    }
    
    #prod-pager {
        display: flex;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        margin: 10px -5px;
        padding-bottom: 10px;
    }
    
    .prod-pager-thumb {
        flex: 0 0 60px;
        height: 60px;
        margin: 0 5px;
    }
    
    /* Informations produit */
    .p-title h2 {
        font-size: 20px;
        margin: 15px 0;
    }
    
    .p-short-des {
        font-size: 14px;
        margin-bottom: 15px;
    }
    
    /* Sélecteurs */
    .select2-container {
        width: 100% !important;
        margin-bottom: 10px;
    }
    
    .p-quantity {
        margin: 15px 0;
    }
    
    .p-quantity .input-text.qty {
        width: 100%;
        max-width: 120px;
        margin: 10px 0;
    }
    
    /* Prix */
    .p-price {
        margin: 15px 0;
        font-size: 18px;
    }
    
    .p-price del {
        font-size: 16px;
    }
    
    /* Bouton d'ajout au panier */
    .btn-cart input[type="submit"] {
        width: 100%;
        padding: 12px;
        font-size: 16px;
        margin: 10px 0;
    }
    
    /* Onglets */
    .nav-tabs {
        display: flex;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        border-bottom: 1px solid #ddd;
    }
    
    .nav-tabs > li {
        flex: 0 0 auto;
        margin-bottom: 0;
    }
    
    .nav-tabs > li > a {
        padding: 10px 15px;
        margin-right: 2px;
        font-size: 14px;
        white-space: nowrap;
    }
    
    .tab-content {
        padding: 15px 0;
    }
    
    /* Boutons de partage */
    .share {
        margin: 20px 0;
    }
}