/* =========================================================
   SPIRALÉE 4.3.10 — MOBILE BOTTOM NAV
   ========================================================= */
.spa-mobile-bottom-nav,
.spa-mobile-explore,
.spa-mobile-explore-overlay{display:none}

@media(max-width:800px){
  body.spa-has-mobile-nav{
    padding-bottom:calc(68px + env(safe-area-inset-bottom))!important;
  }

  .spa-mobile-bottom-nav{
    position:fixed;z-index:999960;left:0;right:0;bottom:0;
    height:calc(66px + env(safe-area-inset-bottom));
    padding:0 4px env(safe-area-inset-bottom);
    display:grid;grid-template-columns:repeat(4,1fr);
    background:rgba(3,3,3,.98);
    border-top:1px solid rgba(212,175,55,.27);
    box-shadow:0 -12px 32px rgba(0,0,0,.38);
    backdrop-filter:blur(12px);
  }
  .spa-mobile-bottom-nav>a,
  .spa-mobile-bottom-nav>button{
    position:relative;min-width:0;margin:0;padding:7px 2px 5px;
    display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
    border:0;background:transparent;color:#b8afa6!important;text-decoration:none!important;
    font:inherit;cursor:pointer;
  }
  .spa-mobile-bottom-nav svg{
    width:22px;height:22px;display:block;
    fill:none;stroke:currentColor;stroke-width:1.35;
    stroke-linecap:round;stroke-linejoin:round;
  }
  .spa-mobile-bottom-nav>*>span:last-child{
    max-width:100%;font-size:7px;line-height:1;letter-spacing:.075em;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  }
  .spa-mobile-bottom-nav>a.is-active,
  .spa-mobile-bottom-nav>button.is-active{color:#d8af58!important}
  .spa-mobile-bottom-nav>a.is-active:before{
    content:"";position:absolute;top:0;left:32%;right:32%;height:1px;background:#d4af37;
  }
  .spa-mobile-wish-icon{position:relative;display:block!important}
  .spa-mobile-wish-icon b{
    position:absolute;top:-6px;right:-9px;min-width:15px;height:15px;padding:0 3px;
    display:grid;place-items:center;border-radius:99px;
    background:#d4af37;color:#060504;font-size:7px;font-weight:700;line-height:1;
  }

  .spa-mobile-explore-overlay{
    display:block;position:fixed;z-index:999948;inset:0;
    background:rgba(0,0,0,.74);backdrop-filter:blur(3px);
    opacity:0;visibility:hidden;transition:.23s;
  }
  .spa-mobile-explore-overlay.is-open{opacity:1;visibility:visible}

  .spa-mobile-explore{
    display:block;position:fixed;z-index:999955;
    left:0;right:0;bottom:calc(66px + env(safe-area-inset-bottom));
    max-height:min(72dvh,660px);overflow:auto;
    background:linear-gradient(180deg,#080706,#030303 78%);
    border-top:1px solid rgba(212,175,55,.3);
    transform:translateY(calc(100% + 80px));visibility:hidden;
    transition:transform .28s ease,visibility .28s;
    color:#eee7df;
  }
  .spa-mobile-explore.is-open{transform:none;visibility:visible}
  .spa-mobile-explore>header{
    position:sticky;top:0;z-index:3;
    display:flex;align-items:flex-end;justify-content:space-between;gap:15px;
    padding:20px 18px 16px;
    background:rgba(5,5,5,.97);border-bottom:1px solid rgba(212,175,55,.17);
  }
  .spa-mobile-explore>header div{display:grid;gap:5px}
  .spa-mobile-explore>header span{font-size:7px;letter-spacing:.19em;color:#82632e}
  .spa-mobile-explore>header strong{
    font-family:Georgia,serif;font-size:17px;font-weight:400;letter-spacing:.045em;color:#eadfd4
  }
  .spa-mobile-explore>header button{
    border:0;background:none;color:#93887d;padding:6px 0;
    font-size:7px;letter-spacing:.11em;
  }

  .spa-mobile-explore-group{border-bottom:1px solid rgba(212,175,55,.13)}
  .spa-mobile-explore-group-toggle{
    width:100%;min-height:58px;padding:0 18px;
    display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:7px;
    border:0;background:none;color:#eee7df;text-align:left;
  }
  .spa-mobile-explore-group-toggle>span{font-family:Georgia,serif;font-size:10px;color:#80612d}
  .spa-mobile-explore-group-toggle>strong{
    font-family:Georgia,serif;font-size:14px;font-weight:400;letter-spacing:.09em;color:#d7b05c
  }
  .spa-mobile-explore-group-toggle>i{
    font-family:Georgia,serif;font-style:normal;font-size:20px;color:#987536;font-weight:300
  }
  .spa-mobile-explore-links{display:none;padding:0 18px 13px 59px}
  .spa-mobile-explore-group.is-open .spa-mobile-explore-links{display:grid}
  .spa-mobile-explore-links a{
    padding:11px 0;border-bottom:1px solid rgba(255,255,255,.035);
    color:#b8aea4!important;text-decoration:none!important;
    font-family:Georgia,serif;font-size:15px;
  }

  .spa-mobile-explore>footer{
    display:grid;grid-template-columns:1fr 1.45fr;gap:8px;padding:16px 18px 20px;
  }
  .spa-mobile-explore>footer a{
    min-height:42px;display:flex;align-items:center;justify-content:center;text-align:center;
    border:1px solid rgba(212,175,55,.27);
    color:#baaa98!important;text-decoration:none!important;font-size:7px;letter-spacing:.09em;
  }
  .spa-mobile-explore>footer a:last-child{
    border-color:rgba(212,175,55,.55);color:#d5ad58!important;
  }

  body.spa-mobile-explore-open{overflow:hidden!important}
}

/* Never interfere with checkout/payment. */
body.woocommerce-checkout .spa-mobile-bottom-nav,
body.woocommerce-checkout .spa-mobile-explore,
body.woocommerce-checkout .spa-mobile-explore-overlay{display:none!important}
body.woocommerce-checkout{padding-bottom:0!important}