/* GRANDEMANIA 3D fact cube — isolated homepage prototype, no global layout changes. */
#storeApp .homepage-benefits-cta{position:relative;isolation:isolate}
#storeApp .homepage-benefits-cta .gm-benefit-interactive{padding:0 7px}
#storeApp .gm-cube-benefit-trigger{
  display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;
  width:100%;height:100%;min-width:0;min-height:0;padding:2px 0;
  background:transparent;color:inherit;border:0;border-radius:12px;
  text-align:left;cursor:pointer;font-family:inherit;-webkit-tap-highlight-color:transparent;
}
#storeApp .gm-cube-benefit-trigger:hover .gm-cube-object{filter:brightness(1.15)}
#storeApp .gm-cube-benefit-trigger:focus-visible{
  outline:2px solid #b7e476;outline-offset:-3px
}
#storeApp .gm-cube-stage{
  --gm-cube-size:37px;
  display:grid;place-items:center;flex:0 0 49px;width:49px;height:49px;
  perspective:320px;perspective-origin:50% 42%;
}
#storeApp .gm-cube-object{
  position:relative;display:block;width:var(--gm-cube-size);height:var(--gm-cube-size);
  transform-style:preserve-3d;transform:rotateX(0deg) rotateY(0deg);
  filter:drop-shadow(0 5px 6px rgba(0,0,0,.29));
  will-change:transform
}
#storeApp .gm-cube-face{
  position:absolute;inset:0;
  display:grid;place-items:center;
  border:1px solid rgba(207,249,165,.62);
  border-radius:4px;
  box-shadow:inset 1px 1px 3px rgba(255,255,255,.27),
             inset -2px -3px 5px rgba(5,28,14,.35);
  backface-visibility:hidden;
  color:#eaffb3;font-size:21px;font-weight:850;line-height:1;
  font-family:Manrope,system-ui,sans-serif;
  text-shadow:0 1px 4px rgba(0,0,0,.25)
}
#storeApp .gm-cube-brand{
  display:block;width:76%;height:76%;object-fit:contain;
  background:#090c0b;border-radius:3px;
  box-shadow:0 1px 3px rgba(0,0,0,.22);
  pointer-events:none
}
#storeApp .gm-cube-face-front{
  background:linear-gradient(140deg,#58ad58 0%,#287046 62%,#174d36 100%);
  transform:translateZ(calc(var(--gm-cube-size)/2))
}
#storeApp .gm-cube-face-back{
  background:linear-gradient(135deg,#65ba53,#246d3d);
  transform:rotateY(180deg) translateZ(calc(var(--gm-cube-size)/2))
}
#storeApp .gm-cube-face-right{
  background:linear-gradient(145deg,#81ca71,#348b4c 65%,#245b38);
  transform:rotateY(90deg) translateZ(calc(var(--gm-cube-size)/2))
}
#storeApp .gm-cube-face-left{
  background:linear-gradient(145deg,#4da45a,#1d5739);
  transform:rotateY(-90deg) translateZ(calc(var(--gm-cube-size)/2))
}
#storeApp .gm-cube-face-top{
  background:linear-gradient(120deg,#b9e68f,#5aaa64);
  transform:rotateX(90deg) translateZ(calc(var(--gm-cube-size)/2))
}
#storeApp .gm-cube-face-bottom{
  background:linear-gradient(120deg,#2a7b42,#194f34);
  transform:rotateX(-90deg) translateZ(calc(var(--gm-cube-size)/2))
}
#storeApp .gm-cube-benefit-trigger.gm-cube-animating .gm-cube-object{
  animation:gm-fact-cube-turn 650ms cubic-bezier(.28,.7,.22,1) both
}
@keyframes gm-fact-cube-turn{
  0%{transform:rotateX(0deg) rotateY(0deg) scale3d(1,1,1)}
  15%{transform:rotateX(-8deg) rotateY(10deg) scale3d(1.08,.88,1.07)}
  32%{transform:rotateX(-7deg) rotateY(88deg) scale3d(.97,1.04,.96)}
  65%{transform:rotateX(15deg) rotateY(242deg) scale3d(1.03,.97,1.02)}
  88%{transform:rotateX(-5deg) rotateY(350deg) scale3d(.97,1.04,1.02)}
  100%{transform:rotateX(0deg) rotateY(360deg) scale3d(1,1,1)}
}
#storeApp .gm-cube-benefit-copy{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}
#storeApp .gm-cube-benefit-copy b{margin:0}
#storeApp .gm-delivery-fact{
  position:absolute;left:max(20px,calc((100% - 1180px)/2 + 16px));
  bottom:calc(100% - 18px);z-index:30;
  width:min(350px,calc(100vw - 36px));box-sizing:border-box;
  padding:17px 42px 17px 19px;
  border:1px solid #bad5b0;border-radius:18px;
  background:#fbfef9;color:#1a3928;
  box-shadow:0 18px 42px rgba(18,51,32,.22);
  animation:gm-fact-card-appear 230ms ease-out both
}
#storeApp .gm-delivery-fact[hidden]{display:none!important}
#storeApp .gm-delivery-fact::after{
  content:"";position:absolute;bottom:-7px;left:27px;width:13px;height:13px;
  background:#fbfef9;border-right:1px solid #bad5b0;border-bottom:1px solid #bad5b0;
  transform:rotate(45deg)
}
#storeApp .gm-delivery-fact p{
  margin:0 0 12px;max-width:none;color:#345644;
  font:500 13px/1.55 Manrope,system-ui,sans-serif
}
#storeApp .gm-delivery-fact .gm-delivery-fact-link{
  display:inline-flex;gap:5px;align-items:center;
  color:#2d7841;font:800 12px/1.3 Manrope,system-ui,sans-serif;
  text-decoration:none;border-bottom:1px solid #82b381;padding-bottom:2px
}
#storeApp .gm-delivery-fact .gm-delivery-fact-link:hover{color:#1b5731}
#storeApp .gm-delivery-fact-close{
  position:absolute;right:9px;top:8px;
  display:grid;place-items:center;width:30px;height:30px;
  border:0;border-radius:50%;background:#e9f4e7;
  color:#3d6946;font-size:23px;line-height:1;cursor:pointer
}
#storeApp .gm-delivery-fact-close:focus-visible,
#storeApp .gm-delivery-fact-link:focus-visible{outline:2px solid #348046;outline-offset:3px}
@keyframes gm-fact-card-appear{
  from{opacity:0;transform:translateY(8px) scale(.97)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
@media(max-width:780px){
  #storeApp .homepage-benefits-cta .gm-benefit-interactive{padding:0 3px}
  #storeApp .gm-cube-benefit-trigger{gap:5px;padding:0}
  #storeApp .gm-cube-stage{--gm-cube-size:24px;flex-basis:31px;width:31px;height:31px;perspective:220px}
  #storeApp .gm-cube-face{border-radius:3px;font-size:13px;border-width:1px}
  #storeApp .gm-cube-benefit-copy{gap:2px}
  #storeApp .gm-delivery-fact{left:14px;bottom:calc(100% - 5px);padding:16px 37px 15px 16px}
  #storeApp .gm-delivery-fact p{font-size:12px}
}
@media(max-width:360px){
  #storeApp .gm-cube-benefit-trigger{gap:2px}
  #storeApp .gm-cube-stage{--gm-cube-size:21px;flex-basis:28px;width:28px;height:28px}
}
@media(prefers-reduced-motion:reduce){
  #storeApp .gm-cube-benefit-trigger.gm-cube-animating .gm-cube-object{animation:none}
  #storeApp .gm-delivery-fact{animation:none}
}

/* All three benefits use the same upright square cube and equal-sized stage. */
#storeApp .homepage-benefits-cta>.gm-benefits-panel>.gm-benefit-interactive{padding:0 7px}
#storeApp .gm-cube-stage{--gm-cube-size:37px;flex:0 0 49px;width:49px;height:49px}
#storeApp .gm-cube-face{border-radius:4px;overflow:hidden}
#storeApp .gm-cube-face-front{
  box-shadow:inset 0 0 0 2px rgba(178,239,127,.29),
             inset 0 2px 5px rgba(255,255,255,.16),
             inset 0 -4px 6px rgba(0,25,10,.36),
             0 0 5px rgba(148,229,101,.24);
}
#storeApp .gm-cube-brand{
  display:block;width:78%;height:78%;background:transparent;
  box-shadow:none;border-radius:2px;object-fit:contain
}
#storeApp .gm-cube-symbol{
  display:block;width:76%;height:76%;fill:none;stroke:#e4f9b8;
  stroke-width:2.25;stroke-linejoin:round;stroke-linecap:round;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))
}
#storeApp .gm-cube-stock-mark{fill:#357d45;stroke:#d4f39e;stroke-width:1.8}
#storeApp .gm-cube-stock-check{stroke:#f6ffdf;stroke-width:1.7}
#storeApp .gm-delivery-fact[data-position="1"]{left:calc(50% - 175px)}
#storeApp .gm-delivery-fact[data-position="2"]{left:auto;right:max(20px,calc((100% - 1180px)/2 + 16px))}
#storeApp .gm-delivery-fact[data-position="1"]::after{left:calc(50% - 7px)}
#storeApp .gm-delivery-fact[data-position="2"]::after{left:auto;right:27px}
@media(max-width:780px){
  #storeApp .homepage-benefits-cta>.gm-benefits-panel>.gm-benefit-interactive{padding:0 3px}
  #storeApp .gm-cube-stage{--gm-cube-size:24px;flex:0 0 31px;width:31px;height:31px}
  #storeApp .gm-delivery-fact[data-position="0"],
  #storeApp .gm-delivery-fact[data-position="1"],
  #storeApp .gm-delivery-fact[data-position="2"]{
    left:14px;right:auto;width:min(350px,calc(100vw - 36px))
  }
  #storeApp .gm-delivery-fact[data-position="0"]::after{left:27px}
  #storeApp .gm-delivery-fact[data-position="1"]::after{left:calc(50% - 7px)}
  #storeApp .gm-delivery-fact[data-position="2"]::after{left:auto;right:27px}
}
@media(max-width:360px){
  #storeApp .gm-cube-stage{--gm-cube-size:21px;flex:0 0 28px;width:28px;height:28px}
}