/**
* 2007-2025 PrestaShop
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@prestashop.com so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs please refer to http://www.prestashop.com for more information.
*
*  @author    PrestaShop SA <contact@prestashop.com>
*  @copyright 2007-2025 PrestaShop SA
*  @license   http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
*  International Registered Trademark & Property of PrestaShop SA
*
* Don't forget to prefix your containers with your own identifier
* to avoid any conflicts with others containers.
*/

.stand-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  margin-top: 41px;
}

.stand-block {
  transition: transform 1s;
}

.video-block {
  width: 30%;
  overflow: hidden;
  border-radius: 10px;
}

.video-block video {
  width: 100%;
  display: block;
  border-radius: 10px;
  object-fit: cover;
}

/* Texte central */
.text-block {
  width: 40%;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 20px;
}

.stand-text {
  padding: 20px;
  border-radius: 10px;
  transition: background 1s;
}

/* Couleurs quand actif */
.standard.active {
  background-color: #c0f2c6;
}

.penderie.active {
  
  background-color: #256c43;
}
.penderie.active p {
	color: #fff!important;
}
.penderie.active h2 {
	color: #fff!important;
}
/* Zoom vidéo */
.video-block.active {
  transform: scale(1.1);
}

.video-block.inactive {
  transform: scale(0.9);
}

/* Style spécifique pour la div info/astuce */
.stand-info {
  padding: 15px 20px;
  border-left: 4px solid #256c43;
  background-color: #f0f0f0;
  color: #000;
  border-radius: 6px;
  font-style: italic;
}



/*Responsive*/
@media screen and (max-width: 1024px) {
  .stand-container {
    align-items: center;
    flex-direction: column;
  }
  .text-block {
    width: 80%;
  }
  .video-block {
    width: 100%!important;
  }
}


@media screen and (max-width: 375px) {
  .text-block {
    width: 100%;
  }
  .video-block {
    width: 100%!important;
  }
}