@import url("styles.css");

/* Styles exacts nécessaires à la page gourde de la version Titi */
.product-showcase-approved{
  width:100%;
  padding:0;
  overflow:hidden;
  background:#0d3a31;
}
.product-showcase-approved img{
  display:block;
  width:100%;
  height:auto;
}
.product-detail-hero{position:relative}
.product-detail-hotspot{
  position:absolute;
  left:46.83%;
  top:87.46%;
  width:17.64%;
  height:7.33%;
  border-radius:999px;
}
.product-detail-hotspot:hover,.product-detail-hotspot:focus-visible{
  outline:3px solid #fffdf8;
  outline-offset:-5px;
  background:rgba(255,255,255,.08);
}
.product-sheet-section{
  position:relative;
  padding:90px 0;
  background:
    linear-gradient(90deg,rgba(8,42,29,.58),rgba(8,42,29,.24),rgba(8,42,29,.50)),
    url("fiche-produit-prairie-chien-chat-logo.webp") center/cover no-repeat;
  scroll-margin-top:86px;
}
.product-sheet-section:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,38,27,.12),rgba(8,38,27,.30));pointer-events:none}
.product-sheet{display:grid;gap:38px;position:relative;z-index:1}
.product-sheet-heading{display:grid;gap:18px;max-width:900px;padding:26px 30px;border:1px solid rgba(255,255,255,.62);border-radius:24px;background:linear-gradient(135deg,rgba(255,255,255,.42) 0%,rgba(255,246,205,.20) 36%,rgba(255,255,255,.08) 72%);backdrop-filter:blur(2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 18px 45px rgba(8,42,29,.18),0 0 28px rgba(255,220,130,.20)}
.product-sheet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.product-sheet-grid article{display:grid;gap:9px;padding:25px;border:1px solid rgba(255,255,255,.62);border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,.42) 0%,rgba(255,246,205,.20) 36%,rgba(255,255,255,.08) 72%);backdrop-filter:blur(2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.88),0 16px 36px rgba(8,42,29,.16),0 0 24px rgba(255,220,130,.20)}
.product-sheet-grid strong{font-family:Georgia,"Times New Roman",serif;font-size:1.15rem;font-weight:800;color:#050505;text-shadow:0 1px 2px rgba(255,255,255,.95)}
.product-sheet-grid span{font-weight:600;color:#fff;text-shadow:0 1px 3px rgba(5,35,25,.95)}
.product-sheet-heading .lead{font-weight:600;color:#fff;text-shadow:0 1px 3px rgba(5,35,25,.95)}
.product-sheet>.btn{width:max-content}
@media(max-width:900px){.product-sheet-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.product-sheet-section{padding:62px 0;scroll-margin-top:76px}.product-sheet-grid{grid-template-columns:1fr}}