/* Pages secondaires STMGUSTO — DA de la référence */
.g-page{padding:clamp(110px, 12vw, 160px) 0 clamp(60px, 8vw, 120px);background:var(--g-cream);color:var(--g-brown);overflow:clip}
.g-wrap{max-width:1280px;margin:0 auto;padding:0 clamp(18px, 4vw, 48px)}
.g-giant--page{display:block;margin:0 0 .25em;font-size:clamp(56px, 12vw, 200px)}
.g-giant--center{text-align:center}.g-giant--center .g-giant__m{text-align:center}
.g-giant--dark .g-giant__m:first-child .g-giant__l{color:var(--g-brown)}
.g-giant--small{font-size:clamp(46px, 8.6vw, 140px)}
[data-reveal]{opacity:0;transform:translateY(34px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1)}
[data-reveal].is-in{opacity:1;transform:none}
.g-giant[data-reveal]{opacity:1;transform:none}
.g-lead{max-width:760px;font:500 clamp(17px, 1.6vw, 22px)/1.55 Figtree,sans-serif;margin:0 0 clamp(40px, 6vw, 80px)}
.g-giant--center + .g-lead{margin-left:auto;margin-right:auto;text-align:center}
.g-h2{font:900 clamp(30px, 4vw, 54px)/1 "Figtree Var",Figtree,sans-serif;text-transform:uppercase;letter-spacing:-.03em;color:var(--g-hot);margin:0 0 28px}
.g-small{font-size:13px;opacity:.75}
/* panneaux orange / vert avec image posée en bas (comme « About ») */
.g-panel{position:relative;display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:clamp(20px, 4vw, 70px);border-radius:30px;margin:0 clamp(10px, 2vw, 24px) clamp(18px, 2.5vw, 30px);padding:clamp(34px, 5vw, 80px) clamp(24px, 5vw, 80px) 0;min-height:420px;overflow:hidden;color:var(--g-cream)}
.g-panel--orange{background:var(--g-hot)}.g-panel--vert{background:#053626}
.g-panel::before{content:"";position:absolute;inset:0;background:url(../wp-content/uploads/2025/10/Vector-1.svg) center/120% no-repeat;opacity:.1;pointer-events:none}
.g-panel__img{align-self:end;display:flex;justify-content:center}
.g-panel__img img{max-height:440px;width:auto;max-width:100%;display:block;filter:drop-shadow(0 20px 30px rgba(30,4,0,.3));transition:transform 1s cubic-bezier(.16,1,.3,1)}
.g-panel.is-in .g-panel__img img{animation:g-up 1.1s cubic-bezier(.16,1,.3,1) both}
@keyframes g-up{from{transform:translateY(60px) rotate(-3deg);opacity:0}to{transform:none;opacity:1}}
.g-panel__txt{padding-bottom:clamp(34px, 5vw, 80px)}
.g-panel__txt h2{font:500 clamp(28px, 3.4vw, 50px)/1.05 Figtree,sans-serif;text-transform:uppercase;margin:0 0 18px;letter-spacing:-.01em}
.g-panel__txt p{font:400 clamp(15px, 1.25vw, 18px)/1.6 Figtree,sans-serif;margin:0 0 14px;max-width:560px}
.g-panel--flip .g-panel__img{order:2}
.g-list{list-style:none;padding:0;margin:0 0 14px;font:500 17px/1.6 Figtree,sans-serif}.g-list li{padding:8px 0;border-bottom:1px solid rgba(250,232,223,.2)}
/* tuiles */
.g-tiles,.g-steps{display:grid;grid-template-columns:repeat(auto-fit, minmax(230px, 1fr));gap:18px;margin:0 0 clamp(40px, 6vw, 80px)}
.g-tiles--3{grid-template-columns:repeat(auto-fit, minmax(280px, 1fr))}
.g-tile{background:#fff;border-radius:24px;padding:28px;box-shadow:0 18px 40px -30px rgba(95,14,0,.5);transition:transform .5s cubic-bezier(.16,1,.3,1)}
.g-tile:hover{transform:translateY(-6px)}
.g-tile h3{font:900 24px/1.05 "Figtree Var",Figtree,sans-serif;text-transform:uppercase;letter-spacing:-.02em;margin:10px 0 10px;color:var(--g-brown)}
.g-tile p{font:400 15.5px/1.55 Figtree,sans-serif;margin:0}
.g-tile__tag{display:inline-block;background:var(--g-hot);color:#fff;font:700 11px/1 Figtree,sans-serif;letter-spacing:.08em;text-transform:uppercase;padding:7px 10px;border-radius:999px}
/* produits */
.g-prods{display:grid;grid-template-columns:repeat(4, 1fr);gap:20px;margin:0 0 clamp(40px, 6vw, 80px)}
.g-prods--3{grid-template-columns:repeat(3, 1fr)}
.g-prod{position:relative;text-align:center;padding:10px 10px 24px;border-radius:26px;transition:background .4s}
.g-prod:hover{background:#fff}
.g-prod img{width:100%;aspect-ratio:1.43;object-fit:contain;animation:g-float 4.6s ease-in-out infinite}
.g-prod:nth-child(2n) img{animation-delay:-1.4s}
.g-prod h3{font:700 19px/1.2 Figtree,sans-serif;text-transform:uppercase;margin:8px 0 6px;color:var(--g-brown)}
.g-prod p{font:400 14.5px/1.45 Figtree,sans-serif;margin:0 auto 10px;max-width:240px;opacity:.85}
.g-prod b{font:800 16px Figtree,sans-serif;color:var(--g-hot)}
.g-prod__add{position:absolute;right:14px;top:14px;z-index:2;width:44px;height:44px;border-radius:50%;border:0;background:var(--g-hot);color:#fff;font:700 24px/1 Figtree,sans-serif;cursor:pointer;transition:transform .35s cubic-bezier(.16,1,.3,1)}
.g-prod__add:hover{transform:scale(1.12) rotate(90deg)}
.g-prod__tag{position:absolute;left:14px;top:18px;background:var(--g-brown);color:var(--g-cream);font:700 10.5px/1 Figtree,sans-serif;letter-spacing:.08em;text-transform:uppercase;padding:7px 10px;border-radius:999px}
/* encadrés, boutons */
.g-note{background:#fff;border-radius:24px;padding:clamp(22px, 3vw, 40px);margin:0 0 40px}
.g-note h3{font:900 26px/1 "Figtree Var",Figtree,sans-serif;text-transform:uppercase;margin:0 0 12px}
.g-note p{font:400 16px/1.6 Figtree,sans-serif;margin:0 0 16px}
.g-note--hot{background:var(--g-hot);color:var(--g-cream)}
.g-cta{display:inline-flex;align-items:center;gap:12px;background:var(--g-hot);color:#fff!important;border:0;border-radius:999px;padding:16px 26px;font:800 15px/1 Figtree,sans-serif;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;cursor:pointer;margin:6px 8px 6px 0;transition:background .3s,transform .35s cubic-bezier(.16,1,.3,1)}
.g-cta:hover{background:var(--g-brown);transform:translateY(-2px)}.g-cta i{font-style:normal}
.g-cta--light,.g-note--hot .g-cta{background:var(--g-cream);color:var(--g-brown)!important}
.g-center{text-align:center}
/* FAQ */
.g-faq{max-width:900px;margin:0 auto}
.g-faq__i{border-bottom:2px solid rgba(95,14,0,.14);padding:4px 0}
.g-faq__i summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;font:700 clamp(17px, 1.6vw, 21px)/1.3 Figtree,sans-serif}
.g-faq__i summary::-webkit-details-marker{display:none}
.g-faq__i summary i{flex:none;width:34px;height:34px;border-radius:50%;background:var(--g-hot);position:relative;transition:transform .4s}
.g-faq__i summary i::before,.g-faq__i summary i::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:2.5px;background:#fff;translate:-50% -50%}
.g-faq__i summary i::after{rotate:90deg;transition:rotate .4s}
.g-faq__i[open] summary i::after{rotate:0deg}
.g-faq__a{font:400 16px/1.65 Figtree,sans-serif;padding:0 0 20px}.g-faq__a a{color:var(--g-hot);font-weight:700}
/* carte fidélité */
.g-stampcard{max-width:720px;margin:0 auto clamp(40px, 6vw, 80px);background:var(--g-hot);color:var(--g-cream);border-radius:28px;padding:30px;box-shadow:0 30px 60px -30px rgba(95,14,0,.6);transform:rotate(-2deg)}
.g-stampcard.is-in{transform:rotate(-2deg)}
.g-stampcard__h{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:22px}
.g-stampcard__h b{font:900 30px/1 "Figtree Var",Figtree,sans-serif;text-transform:uppercase}.g-stampcard__h span{font:700 13px Figtree,sans-serif;letter-spacing:.14em}
.g-stamps{display:grid;grid-template-columns:repeat(9, 1fr);gap:10px}
.g-stamp{aspect-ratio:1;border-radius:50%;border:2px dashed rgba(250,232,223,.6);display:grid;place-items:center;overflow:hidden}
.g-stamp img{width:86%;opacity:0;transform:scale(1.6) rotate(-20deg)}
.g-stampcard.is-in .g-stamp img{animation:g-tamp .5s cubic-bezier(.34,1.56,.64,1) both;animation-delay:calc(.3s + var(--i)*.18s)}
@keyframes g-tamp{to{opacity:1;transform:none}}
.g-stamp--free{background:var(--g-cream);color:var(--g-hot);border-style:solid;line-height:1;text-align:center}
.g-stamp--free b{font:900 clamp(14px, 2vw, 22px) "Figtree Var",Figtree,sans-serif}.g-stamp--free small{display:block;font:700 9px Figtree,sans-serif;text-transform:uppercase}
/* lieux (comme « Locations ») */
.g-places{list-style:none;padding:0;margin:0 0 clamp(40px, 6vw, 80px);display:grid;grid-template-columns:repeat(3, 1fr);gap:clamp(20px, 3vw, 44px) 20px;text-align:center}
.g-places b{display:block;font:900 clamp(24px, 2.8vw, 40px)/1 Deacon,Figtree,sans-serif;text-transform:uppercase;color:var(--g-brown)}
.g-places span{font:500 14px Figtree,sans-serif;opacity:.7}
.g-hours{width:100%;border-collapse:collapse;font:500 16px Figtree,sans-serif;margin:0 0 14px}.g-hours td{padding:12px 0;border-bottom:1px solid rgba(250,232,223,.2)}.g-hours td:last-child{text-align:right}
/* mascottes */
.g-mascots__row{display:grid;grid-template-columns:repeat(4, 1fr);gap:20px}
.g-mascots figure{margin:0;background:#fff;border-radius:24px;padding:20px 16px;text-align:center;transition:transform .5s cubic-bezier(.16,1,.3,1)}
.g-mascots figure:hover{transform:translateY(-8px) rotate(-1deg)}
.g-mascots img{width:100%;aspect-ratio:1;object-fit:contain}
.g-mascots figcaption{font:400 14px/1.4 Figtree,sans-serif}.g-mascots figcaption b{display:block;font:800 18px Figtree,sans-serif;text-transform:uppercase;margin:8px 0 4px}
/* contact / légal */
.g-contact{display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(24px, 4vw, 60px)}
.g-form{display:grid;gap:16px;background:#fff;border-radius:26px;padding:clamp(22px, 3vw, 40px)}
.g-form label{display:grid;gap:8px;font:700 13px Figtree,sans-serif;text-transform:uppercase;letter-spacing:.06em}
.g-form input,.g-form textarea{font:400 16px Figtree,sans-serif;border:2px solid rgba(95,14,0,.15);border-radius:14px;padding:14px;background:var(--g-cream);color:var(--g-brown);outline:none;transition:border-color .3s}
.g-form input:focus,.g-form textarea:focus{border-color:var(--g-hot)}
.g-contact__side h3{font:900 22px "Figtree Var",Figtree,sans-serif;text-transform:uppercase;margin:0 0 6px;color:var(--g-hot)}
.g-contact__side p{font:400 16px/1.55 Figtree,sans-serif;margin:0 0 24px}.g-contact__side a{color:var(--g-brown);font-weight:700}
.g-legal{max-width:860px}.g-legal h2{font:800 20px Figtree,sans-serif;text-transform:uppercase;margin:34px 0 8px;color:var(--g-hot)}.g-legal p{font:400 16px/1.65 Figtree,sans-serif;margin:0}
.g-quote{max-width:640px;margin:clamp(60px, 9vw, 140px) auto;text-align:center;font:500 clamp(18px, 1.8vw, 24px)/1.6 Figtree,sans-serif}
[aria-current="page"] .e-n-menu-title-text,a[aria-current="page"]{color:var(--g-hot)!important}
@media (max-width:900px){
  .g-panel{grid-template-columns:1fr;padding-top:34px}.g-panel--flip .g-panel__img{order:0}.g-panel__img img{max-height:300px}
  .g-prods{grid-template-columns:repeat(2, 1fr)}.g-prods--3{grid-template-columns:repeat(3, 1fr)}
  .g-places{grid-template-columns:repeat(2, 1fr)}.g-mascots__row{grid-template-columns:repeat(2, 1fr)}.g-contact{grid-template-columns:1fr}
  .g-stamps{grid-template-columns:repeat(5, 1fr)}
}
@media (max-width:767px){.g-prods--3{grid-template-columns:repeat(2, 1fr)}}