/* GATARD Product Pro 4.6.24 — modal de disponibilité des commandes.
   Scope volontairement isolé : aucun style du header, slider ou contenu natif. */
.gpp-ordering-notice{
  position:fixed;
  inset:0;
  z-index:2147481200;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:clamp(15px,3vw,36px);
  box-sizing:border-box;
  background:rgba(23,20,15,.52);
  -webkit-backdrop-filter:blur(7px);
  backdrop-filter:blur(7px);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .22s ease,visibility .22s ease;
}
.gpp-ordering-notice.is-open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}
body.gpp-ordering-notice-open{
  overflow:hidden!important;
}
.gpp-ordering-notice__dialog{
  position:relative;
  width:min(100%,590px);
  margin:auto;
  max-height:min(760px,calc(100dvh - 30px));
  overflow:auto;
  overscroll-behavior:contain;
  box-sizing:border-box;
  padding:clamp(28px,5vw,48px) clamp(20px,5vw,44px) clamp(24px,5vw,38px);
  border:1px solid rgba(133,118,80,.36);
  border-radius:24px;
  background:linear-gradient(180deg,#fffdf9 0%,#fbf7f2 100%);
  box-shadow:0 28px 80px rgba(23,20,15,.24),0 3px 10px rgba(23,20,15,.08);
  color:#17140f;
  text-align:center;
  transform:translateY(14px) scale(.985);
  transition:transform .22s ease;
}
.gpp-ordering-notice.is-open .gpp-ordering-notice__dialog{
  transform:translateY(0) scale(1);
}
.gpp-ordering-notice__dialog::before{
  content:"";
  position:absolute;
  top:0;
  left:50%;
  width:96px;
  height:4px;
  transform:translateX(-50%);
  border-radius:0 0 999px 999px;
  background:#a7a590;
}
.gpp-ordering-notice__close{
  position:absolute;
  top:13px;
  right:13px;
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid rgba(133,118,80,.22);
  border-radius:999px;
  background:rgba(255,255,255,.82);
  color:#6f6345;
  font:inherit;
  font-size:26px;
  line-height:1;
  cursor:pointer;
  transition:transform .18s ease,background .18s ease,border-color .18s ease;
}
.gpp-ordering-notice__close:hover{
  transform:rotate(4deg) scale(1.04);
  background:#fff;
  border-color:rgba(133,118,80,.42);
}
.gpp-ordering-notice__close:focus-visible,
.gpp-ordering-notice__button:focus-visible{
  outline:2px solid #857650;
  outline-offset:3px;
}
.gpp-ordering-notice__icon{
  width:76px;
  height:76px;
  margin:0 auto 18px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:rgba(167,165,144,.16);
  box-shadow:inset 0 0 0 1px rgba(133,118,80,.18);
  color:#857650;
}
.gpp-ordering-notice__icon svg{
  width:38px;
  height:38px;
  fill:currentColor;
}
.gpp-ordering-notice__eyebrow{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:30px;
  margin:0 auto 12px;
  padding:5px 13px;
  border:1px solid rgba(133,118,80,.18);
  border-radius:999px;
  background:rgba(255,255,255,.74);
  color:#83764f;
  font:inherit;
  font-size:11px;
  font-weight:800;
  letter-spacing:.12em;
}
.gpp-ordering-notice__dialog h2{
  margin:0 auto 14px;
  max-width:490px;
  color:#17140f;
  font:inherit;
  font-size:clamp(25px,4.4vw,35px);
  font-weight:800;
  line-height:1.14;
  letter-spacing:-.025em;
}
.gpp-ordering-notice__dialog>p{
  margin:0 auto;
  max-width:490px;
  color:#625c50;
  font:inherit;
  font-size:clamp(15px,2.1vw,17px);
  line-height:1.65;
}
.gpp-ordering-notice__info{
  display:grid;
  grid-template-columns:auto 1fr;
  grid-template-areas:"star strong" "star text";
  gap:2px 10px;
  align-items:center;
  width:100%;
  margin:24px 0 22px;
  padding:15px 17px;
  box-sizing:border-box;
  border:1px solid rgba(133,118,80,.2);
  border-radius:16px;
  background:rgba(167,165,144,.1);
  color:#554e42;
  text-align:left;
}
.gpp-ordering-notice__info>span:first-child{
  grid-area:star;
  align-self:start;
  margin-top:1px;
  color:#857650;
  font-size:17px;
}
.gpp-ordering-notice__info strong{
  grid-area:strong;
  font-size:14px;
  line-height:1.35;
}
.gpp-ordering-notice__info>span:last-child{
  grid-area:text;
  color:#71695a;
  font-size:13px;
  line-height:1.45;
}
.gpp-ordering-notice__button{
  width:100%;
  min-height:50px;
  padding:13px 20px;
  border:0;
  border-radius:999px;
  background:#857650;
  box-shadow:0 10px 22px rgba(133,118,80,.18);
  color:#fff;
  font:inherit;
  font-size:15px;
  font-weight:800;
  line-height:1.2;
  cursor:pointer;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}
.gpp-ordering-notice__button:hover{
  transform:translateY(-1px);
  background:#766946;
  box-shadow:0 12px 26px rgba(133,118,80,.24);
}
@media (max-width:640px){
  .gpp-ordering-notice{
    align-items:center;
    justify-content:center;
    padding:15px;
  }
  .gpp-ordering-notice__dialog{
    width:100%;
    max-height:calc(100dvh - 30px);
    padding:35px 18px 20px;
    border-radius:22px;
  }
  .gpp-ordering-notice__close{
    top:10px;
    right:10px;
    width:38px;
    height:38px;
  }
  .gpp-ordering-notice__icon{
    width:64px;
    height:64px;
    margin-bottom:14px;
  }
  .gpp-ordering-notice__icon svg{
    width:32px;
    height:32px;
  }
  .gpp-ordering-notice__info{
    margin:20px 0 18px;
    padding:13px 14px;
  }
}
@media (prefers-reduced-motion:reduce){
  .gpp-ordering-notice,
  .gpp-ordering-notice__dialog,
  .gpp-ordering-notice__close,
  .gpp-ordering-notice__button{
    transition:none!important;
  }
}
