/* APP296 — grouped visual polish without touching routes/endpoints */
:root{
  --asn296-gold:#ffd86f;
  --asn296-orange:#ff8c33;
  --asn296-blue:#6ec8ff;
  --asn296-panel:linear-gradient(145deg,rgba(10,15,28,.97),rgba(5,8,17,.98));
}

/* ACCESS PANEL — two cards in one row, premium and clearer */
html body #asnProfilePanel .asn-web190-sheet{
  width:min(100%,430px)!important;
  max-width:430px!important;
  background:radial-gradient(circle at 50% 0%,rgba(255,171,59,.16),transparent 52%),var(--asn296-panel)!important;
  border:1px solid rgba(255,214,111,.72)!important;
  box-shadow:0 22px 72px rgba(0,0,0,.72),0 0 28px rgba(255,179,62,.16)!important;
}
html body #asnProfilePanel .asn-web190-sheet>header{
  background:linear-gradient(90deg,rgba(255,196,64,.12),rgba(10,17,31,.92))!important;
}
html body #asnProfilePanel .asn-web190-profile{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  padding:14px!important;
}
html body #asnProfilePanel .asn-web190-profile>a{
  min-height:174px!important;
  padding:14px 10px!important;
  border-radius:20px!important;
  display:grid!important;
  grid-template-rows:auto auto auto!important;
  justify-items:center!important;
  align-content:center!important;
  text-align:center!important;
  gap:10px!important;
  background:linear-gradient(155deg,rgba(31,38,57,.95),rgba(9,14,24,.98))!important;
  border:1px solid rgba(255,209,99,.42)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.11),0 10px 28px rgba(0,0,0,.35),0 0 18px rgba(255,177,58,.10)!important;
}
html body #asnProfilePanel .asn-web190-profile>a:nth-child(1){
  background:linear-gradient(155deg,rgba(70,36,12,.82),rgba(13,17,27,.98))!important;
  border-color:rgba(255,197,84,.64)!important;
}
html body #asnProfilePanel .asn-web190-profile>a:nth-child(2){
  background:linear-gradient(155deg,rgba(14,39,70,.82),rgba(8,13,24,.98))!important;
  border-color:rgba(101,189,255,.55)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.09),0 10px 28px rgba(0,0,0,.35),0 0 18px rgba(90,177,255,.12)!important;
}
html body #asnProfilePanel .asn-web190-profile>a:active{transform:scale(.985)!important}
html body #asnProfilePanel .asn296-card-icon{
  width:58px;height:58px;border-radius:18px;display:grid;place-items:center;
  font-size:30px;font-weight:900;line-height:1;
  color:#fff8e1;
  box-shadow:inset 0 1px rgba(255,255,255,.16),0 0 18px rgba(255,182,59,.17);
}
html body #asnProfilePanel .asn296-card-icon.crown{
  background:linear-gradient(145deg,rgba(255,217,108,.24),rgba(255,143,35,.22));
  border:1px solid rgba(255,205,90,.64);
  text-shadow:0 0 10px rgba(255,213,112,.60);
}
html body #asnProfilePanel .asn296-card-icon.question{
  background:linear-gradient(145deg,rgba(97,193,255,.22),rgba(36,95,196,.18));
  border:1px solid rgba(111,196,255,.58);
  text-shadow:0 0 10px rgba(111,196,255,.65);
}
html body #asnProfilePanel .asn296-card-title{
  display:block!important;
  font-size:15px!important;
  line-height:1.15!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  color:#fff4d0!important;
  text-transform:uppercase!important;
}
html body #asnProfilePanel .asn296-card-sub{
  display:block!important;
  font-size:11px!important;
  line-height:1.25!important;
  font-weight:700!important;
  letter-spacing:.035em!important;
  color:rgba(255,245,217,.82)!important;
}

/* GLOBAL COMPA — raise above bottom dock */
@media(max-width:799px){
  html body #comGuide.comGuide:not(.dragging){
    bottom:calc(304px + env(safe-area-inset-bottom,0px))!important;
  }
}
@media(max-width:370px){
  html body #comGuide.comGuide:not(.dragging){
    bottom:calc(288px + env(safe-area-inset-bottom,0px))!important;
  }
}

/* REMOVE DUPLICATED ORDER ONLINE INSIDE LOCATION VIEWS / CARDS */
html body .loc94OrderCorner,
html body .homeLocationActions .order-link,
html body .eaBtnOrder.premiumOrderBtn,
html body #locationExperienceOrder{
  display:none!important;
}

/* LOCATION CARDS — richer borders and new-location emphasis */
html body .homeLocationCard{
  border:1px solid rgba(255,209,110,.16)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.18)!important;
}
html body .homeLocationCard.isNew{
  border:1px solid rgba(255,214,111,.58)!important;
  box-shadow:0 18px 52px rgba(0,0,0,.24),0 0 22px rgba(255,200,82,.15)!important;
}
html body .homeLocationCard.isNew .homeLocationVisualWrap,
html body .homeLocationCard.isNew .homeLocationContent{
  box-shadow:0 0 0 1px rgba(255,215,112,.18) inset!important;
}
html body .homeLocationCard.isNew .homeLocationNew{
  background:linear-gradient(135deg,#ffe27f,#ff9a30)!important;
  color:#1b1409!important;
  box-shadow:0 0 14px rgba(255,196,79,.35)!important;
}
html body .homeLocationVisualWrap{
  min-height:215px!important;
}
html body .homeLocationVisualWrap img,
html body .homeLocationVisualWrap video{
  object-fit:cover!important;
  width:100%!important;
  height:100%!important;
}

/* modal close buttons slightly more reachable */
html body .asn-web190-x,
html body .location-experience-close,
html body .app81ModalClose{
  min-width:44px!important;min-height:44px!important;
}

/* Keep location banner cleaner */
html body .homeLocationActions{grid-template-columns:repeat(3,minmax(0,1fr))!important}
html body .homeLocationActions .homeAction{font-weight:800!important}

@media(max-width:390px){
  html body #asnProfilePanel .asn-web190-profile{gap:10px!important;padding:12px!important}
  html body #asnProfilePanel .asn-web190-profile>a{min-height:160px!important;padding:12px 9px!important}
  html body #asnProfilePanel .asn296-card-title{font-size:13px!important}
  html body #asnProfilePanel .asn296-card-sub{font-size:10px!important}
}