/* ============================================================
   H2B V64 — lueurs de présentation ultra-fines + raccourci Boutique profil
   ============================================================ */

/* Lueurs de l'intro encore plus fines, sur téléphone / tablette / PC. */
.login-intro-light{
  height:.55px!important;
  background:linear-gradient(90deg,
    transparent 0%,
    rgba(255,255,255,0) 31%,
    rgba(255,255,255,.035) 43%,
    rgba(255,255,255,.26) 48.5%,
    rgba(255,255,255,.72) 50%,
    rgba(255,255,255,.28) 51.5%,
    rgba(255,255,255,.04) 57%,
    transparent 68%)!important;
  box-shadow:
    0 0 .7px rgba(255,255,255,.58),
    0 0 2.3px rgba(255,255,255,.17),
    0 0 5px rgba(255,255,255,.055)!important;
  filter:none!important;
}
.login-intro::after{
  width:min(46vw,560px)!important;
  background:radial-gradient(circle,
    rgba(255,255,255,.62) 0%,
    rgba(255,255,255,.36) 4%,
    rgba(255,255,255,.16) 9%,
    rgba(255,255,255,.055) 18%,
    rgba(255,255,255,.015) 29%,
    rgba(255,255,255,0) 48%)!important;
  filter:blur(4px)!important;
}
@media(max-width:760px){
  .login-intro-light{height:.5px!important;box-shadow:0 0 .7px rgba(255,255,255,.52),0 0 2px rgba(255,255,255,.14),0 0 4px rgba(255,255,255,.045)!important}
  .login-intro::after{width:76vw!important;filter:blur(3.5px)!important}
}
@media(min-width:1200px){
  .login-intro-light{height:.55px!important}
  .login-intro::after{width:min(42vw,600px)!important}
}

/* Boutique directement à côté de la photo dans Mon espace. */
.member-profile-shop-shortcut{
  appearance:none;
  border:1px solid rgba(108,183,246,.34);
  background:linear-gradient(145deg,rgba(10,22,34,.78),rgba(5,11,18,.68));
  color:#eef7ff;
  min-width:205px;
  max-width:265px;
  min-height:78px;
  padding:8px 10px;
  border-radius:16px;
  display:flex;
  align-items:center;
  gap:10px;
  text-align:left;
  cursor:pointer;
  box-shadow:0 12px 28px rgba(0,0,0,.22),inset 0 0 0 1px rgba(255,255,255,.018);
  -webkit-backdrop-filter:blur(7px);
  backdrop-filter:blur(7px);
  transition:transform .16s ease,border-color .16s ease,background .16s ease;
}
.member-profile-shop-shortcut:hover,
.member-profile-shop-shortcut:focus-visible{
  transform:translateY(-1px);
  border-color:rgba(130,201,255,.58);
  background:linear-gradient(145deg,rgba(13,30,47,.84),rgba(5,13,22,.74));
  outline:none;
}
.member-profile-shop-thumb{
  width:58px;
  height:58px;
  flex:0 0 58px;
  border-radius:12px;
  overflow:hidden;
  display:grid;
  place-items:center;
  background:rgba(3,8,13,.72);
  border:1px solid rgba(255,255,255,.08);
}
.member-profile-shop-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.member-profile-shop-thumb .member-profile-shop-placeholder{
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
  color:#eaf5ff;
}
.member-profile-shop-copy{min-width:0;display:flex;flex-direction:column;gap:3px;line-height:1.1}
.member-profile-shop-copy small{font-size:9px;letter-spacing:.13em;font-weight:900;color:#7fc1f5}
.member-profile-shop-copy strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:165px}
.member-profile-shop-copy em{font-size:10px;color:#9fb2c5;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:165px}
.member-profile-shop-shortcut.has-stock .member-profile-shop-copy em{color:#8bd8b2}
.member-profile-shop-shortcut.out-stock .member-profile-shop-copy em{color:#ffbd91}

@media(max-width:560px){
  #memberHomePanel .profile-card{gap:12px}
  .member-profile-shop-shortcut{min-width:0;max-width:none;flex:1 1 190px;min-height:72px;padding:7px 9px}
  .member-profile-shop-thumb{width:54px;height:54px;flex-basis:54px}
}