/* ===============================
======= Banniere info Cookie ===*/
.privacy-info-banner {
  position: fixed;
  left: 1rem;
  right: 1rem;
  bottom: 1rem;
  z-index: 9999;
  display: flex;
  justify-content: center;
}

.privacy-info-banner__inner {
  width: 100%;
  max-width: 920px;
  background: rgba(255, 248, 239, 0.98);
  color: #3e3128;
  border: 1px solid rgba(92, 137, 113, 0.5);
  border-radius: 18px;
  box-shadow: 0 0 5px rgba(92, 137, 113, 0.7);
  backdrop-filter: blur(6px);
}

.privacy-info-banner__content {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.2rem;
}

.privacy-info-banner__text {
  flex: 1 1 auto;
}

.privacy-info-banner__text strong {
  display: inline-block;
  margin-bottom: 0.35rem;
  font-size: 1.400rem;
  letter-spacing: 0.02em;
}

.privacy-info-banner__text p {
  margin: 0.35rem 0 0;
  font-size: 1.100rem;
  color: rgb(82, 82, 82);
  line-height: 1.55;
}

.privacy-info-banner__text a {
  color: #7a5c49;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.privacy-info-banner__text a:hover,
.privacy-info-banner__text a:focus {
  color: #5e4435;
}

.privacy-info-banner__actions {
  flex: 0 0 auto;
  display: flex;
  align-items: flex-start;
  gap: 0.6rem;
}

.privacy-info-banner__form {
  margin: 0;
}

.privacy-info-banner__btn,
.privacy-info-banner__close {
  appearance: none;
  border: 0;
  cursor: pointer;
  font: inherit;
}

.privacy-info-banner__btn {
  background: #43634f;
  color: #fff;
  padding: 0.65rem 1rem;
  border-radius: 999px;
  line-height: 1;
  white-space: nowrap;
}

.privacy-info-banner__btn:hover,
.privacy-info-banner__btn:focus {
  background: #5a8469;
}

.privacy-info-banner__close {
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 999px;
  background: transparent;
  color: #7a5c49;
  border: 1px solid rgba(122, 92, 73, 0.25);
  font-size: 1.2rem;
  line-height: 1;
}

.privacy-info-banner__close:hover,
.privacy-info-banner__close:focus {
  background: rgba(122, 92, 73, 0.08);
  color: #5e4435;
}

@media (max-width: 720px) {
  .privacy-info-banner {
    left: 0.6rem;
    right: 0.6rem;
    bottom: 0.6rem;
  }

  .privacy-info-banner__content {
    flex-direction: column;
    align-items: stretch;
    padding: 0.95rem 1rem;
  }

  .privacy-info-banner__actions {
    justify-content: space-between;
    align-items: center;
  }

  .privacy-info-banner__btn {
    width: 100%;
  }
}

@-ms-viewport{width:device-width;}

@media screen and (max-width:340px) {
  table.contact button.btn {margin-top:60px;}
}

@media screen and (max-width:400px) {
  ul.list2 li {margin-left:10px;}
}

@media screen and (max-width:450px) {
  ul.inline li {margin-bottom: 2px;}
  h2.heading {font-size:18px;}
  .citation {width:98%;}
  .title-h2, .title-h2-b {font-size:1.150em;}
  h1.h1-title {font-size:1.400em;text-align: center;}
  .contactMe .btn {margin-top: 60px;}
  .bio-annee {width: 28%;}
}

@media screen and (max-width: 550px) {
  img.img-tel {box-shadow:none !important;}
}

@media screen and (max-width: 600px) {
  .images-altawayama div.imgspace, 
  .images-altawayama div.imgspace-right {margin:0 auto;padding: 15px 0 0 0;}
}

@media screen and (max-width:650px) {
  .contactMe .checkbox-radio span.rgpd p.txt-rgpd {font-size: 12px;}
  .contactMe .checkbox-radio span.rgpd a {font-size: 12px;}
  .space-rgpd {margin: 40px 0px 10px 0px;}
  span.head-joris2 {float: none;}
  p.marge {margin: 0px 0px 20px 20px;}
}

@media screen and (max-width:700px) {
  div.shadow img {box-shadow: none;}
  div.wrap-parallaxe, table.ban-wrap {display:none;}
  .txt-cgs p {margin-bottom:20px;}
  .modif-comm {padding-left:0px;}
  .modif-client {padding-left:0px;}
}

@media screen and (max-width: 768px) {
  .menutop {display: block;}
  .header-title-line span {
      margin-left: 20px;
      margin: 0 auto;
      text-align: center;
      display: block;
    }

  .modal-content {
      width: 95%;
      max-width: none;
      margin: 10% auto;
      padding: 10px;
    }

  .wrap-header {
    display:none;
  }
}

/* =========================
   CHECKOUT LAYOUT
========================= */

.checkout-layout{
  display:block;
}

.checkout-fullwidth,
.checkout-top,
.checkout-bottom,
.checkout-infos-fullwidth{
  width:100%;
}

.checkout-top-grid,
.checkout-bottom-grid{
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);
  gap:24px;
  align-items:start;
}

.checkout-col{
  min-width:0;
}

.col-panier{
  width:100%;
  overflow-x:auto;
}

.col-panier table{
  width:100%;
  table-layout:auto;
}

.code-promo,
.bloc-livraison,
.recap-table,
.checkout-sticky-total{
  width:100%;
}

.shipping-choice{
  padding:12px 14px;
  background:#fff;
}

.checkout-sticky-total{
  position:sticky;
  top:20px;
  background:#fff;
  border:1px solid #e5e5e5;
  padding:12px 14px;
  z-index:10;
  margin-top:16px;
  border-radius:8px;
}

.comd-total-ttc{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}

.recap-table th{
  font-weight:600;
  background:#fafafa;
}

.recap-table td,
.recap-table th{
  vertical-align:middle;
}

/* =========================
   TABLE PANIER
========================= */

.cart-table-checkout th,
.cart-table-checkout td{
  vertical-align:middle;
}

.cart-table-checkout .col-article{
  min-width:320px;
}

.cart-table-checkout .col-type{
  min-width:110px;
  white-space:nowrap;
}

.cart-table-checkout .col-qty{
  min-width:90px;
}

.cart-table-checkout .col-price,
.cart-table-checkout .col-total,
.cart-table-checkout .col-vat{
  min-width:110px;
  white-space:nowrap;
}

.cart-table-checkout .col-action{
  width:72px;
  min-width:72px;
}

.cart-table-checkout .qty-input{
  max-width:72px;
  margin:0 auto;
}

/* =========================
   TABLET
========================= */

@media (max-width: 991.98px){
  .checkout-top-grid,
  .checkout-bottom-grid{
    grid-template-columns:1fr;
    gap:20px;
  }

  .cart-table-checkout{
    font-size:0.95rem;
  }

  .cart-table-checkout .col-article{
    min-width:220px;
  }

  .cart-table-checkout .col-price,
  .cart-table-checkout .col-total,
  .cart-table-checkout .col-vat{
    min-width:95px;
  }

  .checkout-sticky-total{
    position:static;
  }
}

/* =========================
   MOBILE
========================= */

@media (max-width: 767.98px){
  .cart-table-checkout{
    font-size:0.9rem;
  }

  .cart-table-checkout .col-article{
    min-width:170px;
  }

  .cart-table-checkout .badge{
    font-size:0.75rem;
  }

  .shipping-choice{
    padding:10px 12px;
  }

  .checkout-sticky-total{
    position:static;
    margin-top:12px;
  }

  .comd-total-ttc{
    flex-direction:column;
    align-items:flex-start;
  }
}

@media screen and (max-width:750px) {
  .fl_left, .fl_right {display: block; float: none;}
  .one_half, .one_third, .two_third, .one_quarter, .two_quarter, .three_quarter {display: block;float: none;width:auto;margin: 0 0 30px 0;padding: 0;}
  .wrap-menu {background-image: inherit;}
  img {display: block;text-align: center;margin: 0 auto;}
  ul.sub-menu, ul.sub-menu2 {margin-top:0;}
  .bio-annee {width: auto;}
}

@media screen and (max-width:850px) {
  .bg-banner {display:none !important;}
}

@media screen and (max-width:950px) {
  ul.h3bio li,h3.bio-title {text-align:left;}
  div.backtop {display: none;}
  h5.cc-contact {width: 95% !important;padding:0 10px;color:#7F7F7F;}
}

@media screen and (max-width: 1100px) {
  .center { margin: 0 3px; display: block;}
  .bg-wrap-geobio {padding: 0 5px;display:block;}
}


@media screen and (min-width: 770px) {
  .mob-quarter {display: block; margin-bottom: 20px;}
  .margin-txt, .reiki {display: block;}
  .content-geobio {margin: 0 5px;}
}

#wrap, #container, #bg-container { width:100%; }

.wrap-container{
  flex: 1;
  max-width: 100%;
  margin: 0 auto;
  padding: 0;
}

.wrap-container-header {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.wrap-container-header .header-left,
.wrap-container-header .header-right{
  width: 50%;
  vertical-align: top;
}

@media screen and (max-width: 950px) {
  .wrap-container-header { flex-direction: column; }
  .wrap-container-header .header-left,
  .wrap-container-header .header-right{ width: 100%; }
}

.wrap-header{
  min-width: 320px;
  max-width: 1300px;
  padding: 0;
  margin: 0;
}

.wrap-container-header .wrap-header img {
  width: 100%;
  height: auto;
  display: block;
  box-shadow: none;
  margin-top: 0;
}

.header .header-title-line{ margin:0; }

.header span{
  font-family: 'Open Sans Condensed', Arial, sans-serif;
  font-size: 5rem;
  font-weight: 300;
  line-height: normal;
  margin: 0 0 0 20px;
  color: rgb(196, 66, 46);
}

.header span.h1title {
  font-style: normal;
  font-weight: 300;
  font-size: 2.4rem;
  margin: 0;
  white-space: nowrap;
}

.header .mob-img img {
  width: 65%;
  height: auto;
  display: block;
  text-align: left;
  box-shadow: 5px 4px 3px rgba(0, 0, 0, 0.3);
}

.bloc-clients {background-color: #ffaac2;padding: 10px;margin-top: 15px;border-radius: 4px;}
.bg-cmd-modifs {background-color: #82d1ff;padding-bottom: 15px;border-radius: 4px;}
.cmd-details {margin-top:0;margin-bottom:6px;}
.p-details {padding :1.5rem;}
.row .row-details{margin: 0 !important;}
.mb-3 .row-details {margin-bottom:15px !important;margin-left:0 !important;}
.border-cmd {
  border: var(--bs-border-width) var(--bs-border-style) #cfcfcf !important;
}

.bg-suivi-compta {background-color: #d5fde8;margin-top:10px;}
h5.compta {display: inline;font-weight: 700;font-size:1.600rem;margin-top:0;padding-bottom:5px;border-bottom:1px solid rgb(24, 136, 84);}

@media (min-width: 768px) {
  .col-md-6 {
    width: 72%;
  }
}

@media screen and (max-width: 750px) {
  .header .mob-img img{ width: 95%; text-align:center; margin:0 auto; }
}

@media screen and (min-width: 1200px) {
  .header .mob-img img{ width: 62%; }
}

@media screen and (min-width: 950px) and (max-width: 1199px) {
  .header .mob-img img{ width: 75%; }
  .header span{ font-size:3.200em; }
}

.wrap-white{
  width: 100%;
  background-color: rgb(252, 252, 252);
  padding: 0;
  margin-top: 20px;
}

.wrap-beige{
  width: 100%;
  background-color: rgb(244, 236, 230);
  padding: 10px 0 20px 0;
  margin-top: 20px;
  max-width: 100%;
}

.wrap-contact, .wrap-geo {
  margin-top: 0;
}

.content-ee{
  min-width:320px;
  max-width:1300px;
  padding: 5px 0 0 0;
}

.content-width{
  min-width:320px;
  max-width:1300px;
  padding: 0;
}

.widthbar{ margin: 0 auto; }

.row {
  display:flex;
  gap:20px;
  align-items:flex-start;
  flex-wrap:wrap;
}

.row .img-medit {max-width:500px; width:100%;}
.row .img-medit2 {max-width:572px; width:100%;}

.images-altawayama.media-row{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
}

.images-altawayama.media-row .media-col{
  flex: 1 1 0;
  min-width: 280px;
}

.images-altawayama.media-row .media-img{ flex: 0 1 auto; }
.images-altawayama.media-row .media-text{ flex: 1 1 0; }

.media-col .img-footer{
  margin: 0;
  float: left;
  clear: left;
}

.images-altawayama .imgspace { margin: 10px 20px 0 0; }
.images-altawayama .imgspace-right { margin: 10px 0 0 20px; }

.images-altawayama .imgspace img.img-hopono {margin:0 auto;}

.form-width {
  width:100%;
  text-align:center;
}

.form-h1 {
  text-transform:none;
  font-weight:normal;
  margin-bottom:0;
  margin-top: 1px;
}

.form-h2 {
  color:var(--c_hex_c4422e);
  font-weight:400;
  letter-spacing:inherit;
  line-height:1.5;
  text-decoration:none;
  padding:8px 0;
}

.form-txt {
  font-size:1.200em;
  margin-bottom:12px;
}

.bg-border {border: 2px solid #ccc;padding: 10px 20px;border-radius: 4px;}

a.title-a-geo {
  background-color:#b48e48;
  color:var(--c_hex_fff);
  padding:4px 15px;
  border-radius: 4px;
  font-size:1.800rem;
}

.title-geo {
  color: var(--c_hex_fff);
  margin: 0;
  font-size: 1.372em;
  font-weight: 400;
  background-color: var(--c_hex_c4422e);
  padding: 5px 10px;
  border-radius: 4px;
}

.media-text.tablet.td-marge span.new-geo-title {
  display: inline-block;
  font-family: 'Open Sans', Helvetica, sans-serif;
  font-weight: 400;
  font-size: 2.2rem;
  color:var(--c_hex_c4422e);
  background: 0;
  margin-top: 12px;
  text-align: center;
  text-transform: inherit;
}

.top-index {margin-left:20px;}

.blog-a-link {display: block;margin:0 auto;}

.blog-a-link a {margin:0 auto;}

.blog-a-link span.span-blog {font-size: 1.800rem;color:var(--c_hex_c52a57);}

.blog-a-link span.new-blog {font-weight:400;background-color:var(--c_hex_c52a57);color:#ffffff;padding:3px 12px;}

.blog-a-link a.link-blog-index {
  display: block;
  text-align: center;
  font-size: 1.800rem;
  color:#115D84;
}

.media-img img.logo-blog {box-shadow:none;}

.media-text .links-hanka {
  display:flex;
  align-items:center;
}

.media-col.media-text.links-hanka h4 {
  margin-top:15px;
}

.list-btn ul {
  margin-top: 20px;
  margin-bottom: 20px;
}

@media screen and (max-width:950px) {
  .images-altawayama.media-row{ display:block; }
  .images-altawayama.media-row .media-col{ width:100%; }
  .images-altawayama.media-row img{ display:block; margin:0 auto; text-align:center; }
  .top-index {margin-left:0;}
  .blog-a-link span.span-blog, .blog-a-link span.new-blog {display:block;}
  .blog-a-link span.span-blog {font-size:1.600rem;margin-left:120px;}
  .blog-a-link span.new-blog {margin:0 auto;}
  .media-img img.logo-blog {float:left;margin-top:50px;}
  .blog-a-link a.link-blog-index {font-size:1.500rem;}
}

.info-blog{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px;
  width:100%;
  margin: 20px auto;
}

a.blog-link {
  font-size: 1.4rem;
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
  background-color: rgb(26, 127, 178);
  padding: 6px 16px;
  border-radius: 3px;
  color: var(--c_hex_fff);
}

h3.txt-h3-index {
  font-family: 'Open Sans Condensed', Arial, sans-serif;
  font-size: 1.8rem;
  margin: 20px auto;
  line-height: normal;
  font-weight: 400;
  color: #ffffff;
  text-align: center;
  max-width: 54%;
  background-color: rgb(92, 137, 113);
  padding: 12px 12px;
  border-radius: 4px;
}

@media screen and (max-width:700px) {
  .info-blog { display:block; }
  .info-blog a { display:block; margin:20px auto; text-align:center; }
}

.u-spacer-xs { height: 8px; }
.u-spacer-sm { height: 6px; }
.u-spacer-md { height: 10px; }
.u-spacer-lg { height: 40px; }
.u-spacer-xl { height: 250px; }
.u-mt-sm { margin-top: 16px; }
.u-mt-md { margin-top: 24px; }
.u-mb-sm { margin-bottom: 16px; }
.u-mb-md { margin-bottom: 24px; }
.u-clear { clear: both; }
.u-hidden { display: none !important; }

.partner-row{
  display: flex;
  gap: 20px;
  align-items: center;
}

.partner-row.is-top{
  align-items: flex-start;
}

.partner-media{
  width: 22%;
  text-align: center;
}

.partner-body{
  flex: 1;
  min-width: 0;
}

.partner-img{
  display: inline-block;
  max-width: 100%;
  height: auto;
  box-shadow: none !important;
}

.partner-mediaTitle{
  width: 22%;
  text-align: center;
}


.link-bottom {
  text-align: center;
}


.citation {
  margin:0 auto;
  text-align:center;
}

.txt-citation {
  display: block;
  margin-bottom: 20px;
  margin-top: 20px;
}

.table-striped td.produit-thumb-cell a img {max-width: 50px;box-shadow:none;}

.table .table-light tr th a {color:#953800;}

.border-warning {
  --bs-border-opacity: 1;
  border-color: rgb(218, 164, 0) !important;
}

.border {border:0 !important;}
.form-control, .form-select {border: var(--bs-border-width) solid #c9c9c9;}
.border-primary {padding: 0 7px;}

.ct-center h3, .ct-center p { text-align:center; }
.form-control.boutique-product-qty-input {max-width: 70px;padding: 0.120rem 0.75rem;line-height: 1.4;margin-top: -4px;}
.bg-footer {
  min-height: 200px;
  background-color: #718D7B;
  border-top: 1px solid var(--c_hex_fff);
  padding: 0 5px;
  display: flex;
  align-items: center;
}

.bg-footer > .tablet {
  width: 100%;
}

.footer {
  width: 100%;
  min-width: 320px;
  max-width: 1300px;
  margin: 0 auto;
  font-size: 1.3rem;
  color: var(--c_hex_fff);
}

.footer-row {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
}

.footer-left {
  justify-self: start;
}

.footer-left h4 {
  font-family: Open Sans, Arial, sans-serif;
  font-weight: 300;
  margin: 0;
}

.tree-of-life {
  justify-self: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.footer-right {
  justify-self: end;
  text-align: right;
}

.footer img{ box-shadow:none; }

.tree-of-life img{ width:72px; height:auto;}

.content-center hr.space-3 {
  text-align:center;
  display:block;
}

.tiny-txt {font-size: 1.050rem;}

hr.space-3 {
  display: block;
  min-width: 50%;
  max-width: 50%;
  width: auto;
  height: 1px;
  margin: 20px auto;
  border-color: rgba(118, 133, 142, 0.5);
  border-style: solid;
  border-width: 1px 0 0 0;
}

@media screen and (max-width:950px) {
  .header-title-line {display:block;margin:: 0 auto;text-align:center;}
  .wrap-container-header img {margin-left:20px;}
  .media-text.tablet.td-marge span.new-geo-title {margin-top:15px;}
}

@media screen and (max-width:700px) {
  .bg-footer{ height: 150px; }

  .title-geo {
      padding: 0 10px;
      font-size: 1.700rem;
    }
  .title-a-geo {font-size:1.500rem;}
}

@media screen and (max-width:700px) {
  #bg-container { padding:0 5px; }
  .wrap-white, .wrap-beige { margin: 0;padding:10px 5px 10px 5px; }
}

@media screen and (max-width:500px) {
  .content-width{ padding:0 5px; }
}

.wrap-header2{
  min-width: 320px;
  max-width: 1300px;
  padding: 0;
  margin: 15px auto;
  width: 100%;
}

.header2{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 0;
  box-sizing: border-box;
}

.header2 .left-header,
.header2 .right-header{
  width: 50%;
}

.header2 .left-header{
  font-family: 'Open Sans Condensed', Arial, sans-serif;
  font-size: 6.500rem;
  font-weight: 300;
  line-height: normal;
  color: rgb(196, 66, 46);
  text-align: left;
}

.header2 .right-header{
  text-align: right;
  margin-top: 32px;
}

.header2 .right-header .h1title2{
  font-family: 'Open Sans Condensed', Arial, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 2.300rem;
  color: rgb(196, 66, 46);
}

.mobile-nav{
  display:none;
  position:sticky;
  bottom:0;
  background:#fff;
  border-top:1px solid #ddd;
  padding:8px 4px;
  justify-content:space-around;
  gap:6px;
  z-index:500;
}

.mobile-nav a {
  font-size: 1.100rem;
  text-decoration: none;
  color: #fff;
  padding: 2px 8px;
  border-radius: 3px;
  white-space: nowrap;
  background-color: #c4422e;
}

.mobile-nav a:hover {
  text-decoration: underline;
}

@media screen and (max-width: 700px) {
.mobile-nav{display:flex;}
.link-bottom {display:none;}
}

@media screen and (max-width: 768px) {
  .header2 {
      flex-direction: column;
      align-items: stretch;
      padding: 0 5px;
      gap: 0;
    }

  .header2 .left-header,
    .header2 .right-header {
      width: 100%;
      text-align: center;
      margin: 0;
    }
}

.books{
  display:flex;
  flex-wrap:wrap;
  gap: 30px;
  justify-content: center;
  align-items: top;
}

.books .book,
.books .books-item{
  flex: 0 0 190px;
  max-width: 190px;
  text-align:center;
}

.books img{
  max-width: 100%;
  height: auto;
}

.books p {margin-bottom: 20px;}

@media (max-width: 800px) {
  .partner-row{
      flex-direction: column;
      align-items: stretch;
    }
  .partner-media,
    .partner-mediaTitle{
      width: 100%;
      text-align: left;
    }
}

.images-altawayama.media-row.is-3cols{
  flex-wrap: wrap;
}

.images-altawayama.media-row.is-3cols .media-img{
  flex: 0 1 572px;
}

.images-altawayama.media-row.is-3cols .media-text{
  flex: 1 1 420px;
}

.images-altawayama.media-row.is-3cols .media-aside{
  flex: 0 0 252px;
}

@media (max-width: 950px) {
  .images-altawayama.media-row.is-3cols{ display:block; }
  .images-altawayama.media-row.is-3cols .media-aside{ margin-top: 15px; }
}

.grid-2{
  display:flex;
  gap:20px;
  flex-wrap:wrap;
  align-items:stretch;
}

.grid-2 .grid-col{
  flex: 1 1 420px;
  min-width: 280px;
}

.mini-media{
  display:flex;
  gap:14px;
  align-items:center;
  flex-wrap:wrap;
}

.mini-media .mini-img{ flex: 0 0 172px; }

.mini-media .mini-body{ flex: 1 1 260px; min-width: 0; }

.txt-h34--accent{ color:var(--c_hex_c4422e); }

.callout-alt{
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 1.125em;
  border: 1px solid var(--c_hex_c4422e);
  background-color: var(--c_hex_fff);
  color: var(--c_hex_c4422e);
  border-radius: 4px;
  padding: 10px;
  margin: 30px 0;
}

.accent-rei{ color:var(--c_hex_c4422e); }

/* =========================================
   FIX responsive images / meditations-partagees
   (à placer en fin de fichier pour écraser)
   ========================================= */

/* 1) Les images ne doivent jamais dépasser */
.images-altawayama img,
.imgspace img,
.imgspace-right img,
.img-medit img,
.img-medit2 img{
  max-width: 100% !important;
  height: auto !important;
  display: block;
  margin: 20px 0 auto;
}

.row-index .imgspace img.img-logo-hanka {
  max-width: 100% !important;
  height: auto !important;
  display: block;
  margin:0 auto;
}

.row .img-medit,
.row .img-medit2{
  width: 100% !important;
  max-width: 572px; /* garde une "limite" desktop agréable */
  margin: 20px 0 auto;   /* centre le bloc */
}

/* 3) Mobile : on casse les colonnes à largeur fixe dans .row */
@media (max-width: 900px){
  .row > div{
    width: 100% !important;
    max-width: 100% !important;
    flex: 1 1 100% !important;
  }
}

#paiement-help {
  transition: opacity 0.2s ease;
  min-height: 20px;
}

/* css header2.php
-------------------*/
.clearfix::after{ content:""; display:block; clear:both; }
.u-spacer-sm{ height:20px; }
.qty-input {max-width:90px;}

/* cartes panier mobile (déjà chez toi) */
@media (max-width: 768px) {
  .panier-card {
    display: block;
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 15px;
    margin-bottom: 15px;
    background: #fff;
  }
  .panier-card .row {
    margin-bottom: 5px;
  }
}

.cgs-box{
  border:1px solid #ccc;
  padding:10px;
  max-height:200px;
  overflow-y:auto;
  font-size:.9em;
  background:#f9f9f9;
  margin-bottom:15px;
}

.honeypot {
  position:absolute;
  left:-10000px;
  top:auto;
  width:1px;
  height:1px;
  overflow:hidden;
}

.box-700{max-width:700px;}
.height-retry {min-height:300px;height:auto;}
.qty-in{width:70px;}

.size-txt {font-size:0.92em;}
.txt-mb2 {font-size:1.200em;}
.form-text {display:none;}
.form-display {color: #6d787f; font-size: 1.05rem;}
.text-muted {font-size:0.9em;}
.pay-help {font-size:0.95em;}
.comd-total-ttc {display:flex; justify-content:space-between; align-items:center;}
.annul-comd {font-size:0.950em;text-align:left;}
.height-2 {height:60px;}
.tree {text-align:center;}
.foot {text-align:right;}
.ui-autocomplete.ui-front{ z-index: 999999 !important; }
.variantes-h5 {background-color: #ace0c1;width: 100%;padding:10px 0 10px 5px;margin: 0;}
.stock-h5 {background-color: #8bcae3;width: 100%;padding:10px 0 10px 5px;margin: 0;}
.exp-h5 {background-color: #c9c69b;width: 100%;padding:10px 0 10px 5px;margin: 0;}
.images-h5 {background-color: #d49f8a;width: 100%;padding:10px 0 10px 5px;margin: 0;}
.seo-h5 {background-color: #86a5ee;width: 100%;padding:10px 0 10px 5px;margin: 0;}
.tarif-h5 {background-color: #d2a63f;width: 100%;padding:10px 0 10px 5px;margin: 0;}
h5.cc-contact {color:#7F7F7F;}
.div-pad {padding:20px 0 40px 0;}
.div-contact-a {display:block;font-size:1.375em;margin-top:8px;color:#825c34;}
.div-contact-h2 {margin-top:0;}
.kpi-position {position: relative; height: 280px;}
.alert-pay {max-width:700px;font-size:1.2em;border-left:6px solid #d39e00;}
.virement-bloc {max-width:700px;text-align:left;}
.p-mute {font-size:0.95em;}
.breadcrumb {margin: 8px 0 18px 0; font-size: 0.98em;}

/* Utilitaires de visibilité */
.is-hidden {display: none;}

/* Mini panier */
.mini-panier-preview {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  background: #fff;
  border: 1px solid #ccc;
  padding: 15px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  z-index: 1000;
  width: 226px;
  font-size: 0.95em;
}

/* Titre page confidentialité */
.heading-privacy {font-size: 1.7em;}

/* Alignements */
.text-center {text-align: center;}
.text-right {text-align: right;}
/* Marges utilitaires */
.m-0 {margin: 0;}
.m-5-0-0-0 {margin: 5px 0 0 0;}
.m-5-0-10-0 {margin: 5px 0 10px 0;}

/* Utilitaires de texte */
.text-left {text-align: left;}
.text-justify {text-align: justify;}
.valign-top {vertical-align: top;}

/* Marges utilitaires */
.m-20-y {margin: 20px 0;}
.m-5-0-10-0 {margin: 5px 0 10px 0;}
.m-5-0-20-0 {margin: 5px 0 20px 0;}
.m-0-0-10-0 {margin: 0 0 10px 0;}
.m-0-0-20-0 {margin: 0 0 20px 0;}
.m-0-0-30-0 {margin: 0 0 30px 0;}

/* Petit texte dans les explications cookies */
.font-small-note {font-size: 0.95em;}

.height-2 {height:145px;margin:0;padding:0;}
.case-1 {min-width:50px;}

.btn-bulk-action {
  height: 30px;
  line-height: 1;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 900px) and (orientation: landscape) {
  .bg-footer {
    margin-top:50px;
    min-height: 120px;
    padding: 10px 5px;
  }

  .footer-row {
    min-height: 120px;
  }

  .footer {
    font-size: 1rem;
  }

  .tree-of-life img {
    max-height: 70px;
    width: auto;
  }
}


/* Variante Bootstrap custom : btn-confirm */
.btn.btn-confirm{
  --bs-btn-color: #fff;
  --bs-btn-bg: #47915d;
  --bs-btn-border-color: #47915d;

  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #397a4b;
  --bs-btn-hover-border-color: #397a4b;

  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #397a4b;
  --bs-btn-active-border-color: #397a4b;

  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #47915d;
  --bs-btn-disabled-border-color: #47915d ;
}

.btn-confirm {padding: 2rem;line-height:0;font-size: 1.5rem;}

.height-panier {height:50px;}
.height-merci {min-height:200px;max-height:100%;height:auto;}
.num-box {display:none;}
.btn-export {text-align: right;}
.margin-h3{
  background-color: #41a471;
  margin-bottom: 10px;
  padding: 3px 12px;
  font-weight: 400;
  color: #fff;
  font-size: 1.700rem;
  text-transform: uppercase;
  border-radius: 5px 5px 0 0;
}

.margin-h3-annul{
  background-color: #e34352;
  margin-bottom: 10px;
  padding: 3px 12px;
  font-weight: 400;
  color: #fff;
  font-size: 1.700rem;
  text-transform: uppercase;
  border-radius: 5px 5px 0 0;
}
.marge-1{margin-bottom:5px !important;}
.gap-1{gap: 10px;}
.gap-2{gap: 10px;flex-wrap: wrap;}
.width-1{max-width: 200px;}
.form-1{display:inline;}
.h3-404{margin:0;}
.height-auto-footer {min-height:50px;max-height:50px;height:auto;}
.panier {max-width:700px;}
.alert-cb {max-width:700px;font-size:1.2em;border-left:6px solid #28a745;}
.text-muted {font-size:1.200rem;}
.serv-cmd {max-width: 820px;}
.mc-1 {gap:15px;}
.mc-2 {max-width:700px;font-size:1.2em;}
.mc-container {min-height: calc(100vh - 230px);}
.totaux {font-size:16px; color:#0b6b2d;}
.width-cmd {width:110px;}
.toast-width {z-index:9999; min-width:300px;}
.h5-marge {margin-top:0;}
.h5-infos-cmd {font-weight: bold;color: #444;padding-bottom:15px;}
.h5-infos-cmd2 {display:block;font-weight: bold;padding: 8px;background-color:#d6460e;color: #fff;margin-bottom: 0px;}
.h5-infos-cmd3 {font-weight: bold;color: #444;border-bottom:1px solid #ccc;padding-bottom:7px;}
.txt-th-center {width:50px;}
.alert-vente {padding-left: 20px;}
.alert-vente strong {margin-left: -10px;color: #b61616;}
.txt-mr {margin-right:10px;}
.mg-options label {margin-top: 5px;font-size: 1.4rem;}
.div-h5 {
  padding:10px 0 40px 0;
}

/* ===== Panier: table -> cards on mobile (no duplicated inputs) ===== */

/* Mobile: transforme les lignes en cartes */
@media (max-width: 767.98px) {
  table.panier-stack thead {
    display: none;
  }

  table.panier-stack,
  table.panier-stack tbody,
  table.panier-stack tr,
  table.panier-stack td {
    display: block;
    width: 100%;
  }

  table.panier-stack tr {
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    padding: 10px 12px;
    margin-bottom: 12px;
    background: #fff;
  }

  table.panier-stack td {
    border: none !important;
    padding: 6px 0 !important;
  }

  /* Chaque cellule devient une ligne "label : valeur" */
  table.panier-stack td[data-label] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: baseline;
  }

  table.panier-stack td[data-label]::before {
    content: attr(data-label);
    font-weight: 600;
    opacity: 0.85;
    flex: 0 0 auto;
  }

  /* Quantité : laisse respirer l’input */
  table.panier-stack td[data-label="Quantité"] .panier-qty-form {
    justify-content: flex-end;
  }

  table.panier-stack td[data-label="Quantité"] .qty-input {
    max-width: 110px;
  }
}

.table {
  --bs-table-border-color: #c5c5c5;}

/* cellule quantité */
td[data-label="Quantité"] {
  min-width: 100px;
}

/* form quantité */
.panier-qty-form {
  margin: 0;
}

/* ligne horizontale : - [input] + */
.qty-control {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex-wrap: nowrap;
  vertical-align: middle;
}

/* boutons +/- */
.qty-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  min-width: 34px;
  padding: 0;
  border: 1px solid #ced4da;
  border-radius: 6px;
  background: #fff;
  line-height: 1;
  overflow: hidden;
  cursor: pointer;
}

/* input quantité */
.qty-input {
  width: 70px;
  min-width: 70px;
  max-width: 70px;
  height: 34px;
  text-align: center;
  padding: 4px 6px;
}

/* icônes */
.qty-btn .qty-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.qty-btn .qty-icon-ok,
.qty-btn .qty-icon-err {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  opacity: 0;
  transform: scale(.85);
  pointer-events: none;
  font-weight: 700;
}

/* états */
.qty-btn.is-ok,
.qty-btn.is-err,
.qty-btn.is-pending {
  z-index: 1;
}

.qty-btn.is-pending {
  opacity: .75;
}

.qty-btn.is-ok {
  border-color: #198754;
  box-shadow: 0 0 0 2px rgba(25, 135, 84, .18);
}

.qty-btn.is-err {
  border-color: #dc3545;
  box-shadow: 0 0 0 2px rgba(220, 53, 69, .14);
}

/* masque l'icône normale pendant l'état */
.qty-btn.is-ok .qty-icon-plus,
.qty-btn.is-ok .qty-icon-minus,
.qty-btn.is-err .qty-icon-plus,
.qty-btn.is-err .qty-icon-minus {
  opacity: 0;
}

/* icône succès */
.qty-btn.is-ok .qty-icon-ok {
  opacity: 1;
  transform: scale(1);
  color: #198754;
}

/* icône erreur */
.qty-btn.is-err .qty-icon-err {
  opacity: 1;
  transform: scale(1);
  color: #dc3545;
}

/* transitions */
.qty-btn,
.qty-btn .qty-icon,
.qty-btn .qty-icon-ok,
.qty-btn .qty-icon-err {
  transition: opacity .12s ease, transform .12s ease, border-color .12s ease, box-shadow .12s ease;
}

.panier-qty-form{
  position: relative;
  margin: 0;
}

.qty-feedback{
  position: absolute;
  left: calc(35% + 8px);
  top: 35%;
  transform: translateY(-50%);
  min-height: 0;
  margin: 0;
  line-height: 1;
  white-space: nowrap;
  pointer-events: none;
  z-index: 2;
}

.qty-feedback.is-ok {
  color: #198754;
}

.qty-feedback.is-err {
  color: #dc3545;
}

@media (max-width: 767.98px){
  .qty-feedback{
    display: none;
  }
}

@media (max-width: 576px) {

  .qty-icon-ok,
  .qty-icon-err {
    display:none;
  }

  .qty-btn.is-ok{
    outline:none;
    background:#e8f6ee;
  }

}

/* --------------------------
 commande feedback
 ---------------------------*/

/* cellule quantité */
.qty-cell,
td[data-label="Quantité"] {
  position: relative;
}

/* wrapper local quantité */
.qty-wrap,
.panier-qty-form {
  position: relative;
  display: inline-block;
}

/* contrôle quantité */
.qty-control {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex-wrap: nowrap;
}

/* feedback à droite, sans pousser la cellule */
.qty-feedback {
  position: absolute;
  left: calc(100% + 8px);
  top: 30%;
  transform: translateY(-50%);
  margin: 0;
  white-space: nowrap;
  line-height: 1;
  pointer-events: none;
  z-index: 2;
}

.qty-feedback.is-ok {
  color: #198754;
}

.qty-feedback.is-err {
  color: #dc3545;
}


/* -----------------------------------
  Tableau dans lib-core-functions
  --------------------------------- */
  .merci-table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  font-size: 14px;
  border: 1px solid #e6e6e6;
  background: #fff;
}

.merci-table thead th {
  vertical-align: middle;
}

.merci-table tbody td {
  vertical-align: middle;
}

.merci-table col.col-service { width: 40%; }
.merci-table col.col-qty     { width: 10%; }
.merci-table col.col-pu      { width: 15%; }
.merci-table col.col-tva     { width: 10%; }
.merci-table col.col-total   { width: 25%; }

.merci-table th,
.merci-table td {
  padding: 12px 14px;
  box-sizing: border-box;
  vertical-align: middle;
}

.merci-table thead th {
  background: #2a6389;
  color: #fff;
  font-weight: 700;
  border-bottom: 1px solid #d9e3ea;
}

.merci-table tbody td {
  border-bottom: 1px solid #eef2f5;
  color: #2c3e50;
}

.merci-table tbody tr:nth-child(even) {
  background: #f9fbfc;
}

.merci-table .ta-left,
.merci-table thead th.ta-left,
.merci-table tbody td.ta-left {
  text-align: left !important;
}

.merci-table .ta-right,
.merci-table thead th.ta-right,
.merci-table tbody td.ta-right {
  text-align: right !important;
  white-space: nowrap;
}

.merci-table thead th,
.merci-table tbody td {
  line-height: 1.35;
}

.merci-table .ttc {
  color: #0b6b2d;
  font-weight: 700;
}

.merci-table td:first-child,
.merci-table th:first-child {
  word-break: break-word;
  white-space: normal;
}

/* --------------------------
 affiche dans merci --------*/
 .merci-status{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  margin:20px auto 30px;
  padding:14px 18px;
  max-width:520px;
  background:#f0f7ff;
  border:1px solid #d9e9ff;
  border-left:4px solid #3399ff;
  border-radius:8px;
  font-size:15px;
}

.merci-status .status-icon{
  font-size:22px;
}

.merci-status .status-text{
  text-align:left;
  color:#2c3e50;
}

/* --------------------------
-------------------------- */
.merci-next{
  margin:30px auto;
  background:#fafafa;
  border:1px solid #dedede;
  border-radius:8px;
  text-align:left;
}

.merci-next h4{
  margin-bottom:10px;
  font-weight:500;
  font-size:16px;
  color:#2c3e50;
}

.merci-next ul{
  padding-left:18px;
  margin:0;
}

.merci-next li{
  margin-bottom:6px;
  font-size:14px;
  color:#444;
}

.merci-section-title {margin:18px 0 10px; color:#2c3e50;}
.merci-summary {margin:14px 0 16px; padding:12px 14px; background:#f0f7ff; border:1px solid #d9e9ff; border-left:4px solid #3399ff; border-radius:7px;}
.total-see {font-size:15px; color:#2c3e50;}
.total-ht-see {margin-top:6px; font-size:13px; color:#666;}