/* ==========================================================================
   Smouche · boutique à un seul produit (Konate, 06/11/2026)
   Chargée sur /boutique/ seulement, après smouche.css. Même style que l'accueil simple.
   Retour arrière : remettre archive-product.php et retirer l'appel dans functions.php.
   ========================================================================== */

.shop-page-simple{padding:0 0 100px}

/* 1. Titre (sans photo) */
.shop-simple-head{text-align:center;padding:70px 0 34px}
.shop-simple-head p{margin:0 0 10px;font-size:16px;letter-spacing:.12em;text-transform:uppercase;color:#555}
.shop-simple-head h1{margin:0;font-family:"DM Sans",sans-serif;font-size:clamp(42px,5vw,68px);line-height:1.05;font-weight:600;letter-spacing:-.03em;color:#111}
.shop-simple-head h1 em{font-family:"Playfair Display",serif;font-weight:700;color:#b84f75}

/* 2. Bande des avantages : textes lisibles */
.shop-page-simple .shop-benefits{height:auto;padding:16px 0;border-top:1px solid #eee;border-bottom:1px solid #eee}
.shop-page-simple .shop-benefits .sm-container{display:flex;justify-content:center;gap:40px;flex-wrap:wrap}
.shop-page-simple .shop-benefits .sm-container>div{display:flex;align-items:center;gap:10px}
.shop-page-simple .shop-benefits img{width:26px;height:26px}
.shop-page-simple .shop-benefits strong{font-size:16px;font-weight:600;color:#151515}

/* 3. La carte du produit */
.shop-simple{padding-top:50px}
.shop-simple-card{display:grid;grid-template-columns:1fr 1fr;align-items:center;max-width:1040px;margin:0 auto;background:#f4e6e9;border-radius:18px;overflow:hidden;color:#111;text-decoration:none}
.shop-simple-media{background:#f5f5f1;height:100%}
.shop-simple-media img{display:block;width:100%;height:100%;min-height:440px;object-fit:contain}
.shop-simple-info{padding:50px 46px}
.shop-simple-info .home-stars{display:block;margin:0 0 14px;color:#b84f75;font-size:17px}
.shop-simple-info .home-stars b{display:block;margin-top:4px;color:#111;font-size:16px;font-weight:500}
.shop-simple-info h2{margin:0 0 14px;font-size:34px;line-height:1.12;letter-spacing:-.02em}
.shop-simple-price{margin:0 0 18px;font-size:26px}
.shop-simple-price strong{font-weight:700;color:#151515}
.shop-simple-price del{margin-left:10px;font-size:19px;color:#777}
.shop-simple-offre{display:inline-block;margin:0 0 14px;padding:6px 14px;border-radius:999px;background:#111;color:#fff;font-size:15px;font-weight:700;letter-spacing:.04em}
.shop-simple .home-offre-liste{list-style:none;margin:0 0 28px;padding:0;display:grid;gap:8px;font-size:18px;line-height:26px;color:#333}
.shop-simple .home-offre-liste li::before{content:"✓";margin-right:10px;color:#1f7a45;font-weight:700}
.shop-simple .home-offre-liste b{font-weight:700;color:#151515}
.shop-simple-info .sm-btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:58px;border-radius:999px;font-size:15px;font-weight:700;letter-spacing:.1em}
.shop-simple-card:hover .sm-btn{background:#333}

/* 4. Tablette */
@media (min-width:641px) and (max-width:900px){
  .shop-simple-card{width:calc(100% - 10px)}
  .shop-simple-info{padding:36px 30px}
  .shop-simple-info h2{font-size:28px}
  .shop-simple-media img{min-height:360px}
}

/* 5. Téléphone : une colonne, textes de 17-18 px, bouton de 56 px */
@media (max-width:640px){
  .shop-simple-head{padding:46px 0 24px}
  .shop-simple-head p{font-size:15px}
  .shop-simple-head h1{font-size:40px}
  .shop-page-simple .shop-benefits .sm-container{gap:10px 22px;justify-content:flex-start;padding:0 20px}
  .shop-page-simple .shop-benefits strong{font-size:15px}
  .shop-simple{padding-top:30px}
  .shop-simple-card{grid-template-columns:1fr;border-radius:16px}
  .shop-simple-media img{min-height:0;aspect-ratio:1/1}
  .shop-simple-info{padding:28px 22px 30px}
  .shop-simple-info h2{font-size:27px}
  .shop-simple-price{font-size:24px}
  .shop-simple .home-offre-liste{font-size:17px}
  .shop-simple-info .sm-btn{min-height:56px;font-size:14px}
}