/*
Theme Name: Pricom - Child
Theme URI: https://harutheme.com/pricom
Author: HaruTheme
Author URI: https://harutheme.com/
Description: This is child theme of Pricom
Template: pricom
Version: 1.0.0
*/

/*---------------------------------
  	Write your css code from here
------------------------------------*/



/*  GUIDE DES TAILLES  */

 .container {
      display: flex;
      flex-wrap: wrap;
      gap: 20px;
      align-items: flex-start;
      justify-content: center;
   /*   max-width: 1000px;*/
      margin: auto;
    }

    /* Colonne gauche : image */
    .left {
      flex: 1 1 320px;
      display: flex;
      align-items: center;
      justify-content: center;
     background: none!important;
      border:  none!important;
      border-radius: 0px!important;
      padding: 20px;
    }

    .left img {
      max-width: 100%;
      height: auto;
      object-fit: contain;
    }

    /* Colonne droite : tableau */
    .right {
      flex: 2 1 500px;
      border: 1px solid #ddd;
      border-radius: 8px;
      overflow: hidden;
      box-shadow: 0 4px 10px rgba(0,0,0,0.05);
    }

    .header {
      background: #f5f5f5;
      padding: 15px;
      border-bottom: 1px solid #ddd;
    }

    .header h2 {
      margin: 0;
      /*font-size: 18px;
      font-weight: bold;
   */ }

    .header small {
      color: #555;
    }

  /*  table {
      width: 100%;
      border-collapse: collapse;
      text-align: center;
      font-size: 14px;
    }

    th, td {
      border: 1px solid #ddd;
      padding: 10px;
    }

    th {
      background: #f9f9f9;
      font-weight: bold;
    }
*/
    caption {
      caption-side: bottom;
      padding: 10px;
      font-size: 13px;
      color: #666;
    }

    @media (max-width: 700px) {
      .container {
        flex-direction: column;
        align-items: center;
      }

      .right {
        width: 100%;
      }
    }