/* OLV order-choice redesign: visual-only layer. Existing buttons and chooseMode() remain untouched. */
.choice{
  position:fixed;
  inset:0;
  z-index:850;
  display:none;
  align-items:flex-start;
  justify-content:center;
  overflow-y:auto;
  padding:26px 14px 34px;
  background:
    radial-gradient(70% 45% at 50% 0%,rgba(190,157,83,.18),transparent 72%),
    linear-gradient(145deg,#26311e 0%,#171c13 52%,#0f120e 100%);
}
.choice.open{display:flex}
.choice:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(35% 55% at 0% 40%,rgba(126,143,82,.18),transparent 72%),
    radial-gradient(35% 55% at 100% 72%,rgba(180,154,98,.13),transparent 72%);
}
.choice-card{
  position:relative;
  z-index:1;
  width:min(94vw,620px);
  margin:auto;
  text-align:center;
}
.choice-back{
  top:16px;
  inset-inline-start:16px;
  position:fixed;
  z-index:5;
  background:rgba(25,30,20,.72);
  border-color:rgba(214,183,108,.35);
  color:#eee7d8;
  backdrop-filter:blur(10px);
}
.choice-logo{
  width:min(48vw,190px);
  height:auto;
  max-height:105px;
  object-fit:contain;
  margin:8px auto 10px;
  filter:drop-shadow(0 8px 20px rgba(0,0,0,.3));
}
.choice-card h1{
  margin:6px 0 4px;
  color:#f3ecdf;
  font:500 clamp(30px,7vw,42px)/1.35 var(--display);
  text-shadow:0 3px 18px rgba(0,0,0,.35);
}
.choice-card>p{
  margin:0 auto 22px;
  color:rgba(243,236,223,.76);
  font-size:14px;
}
.choice-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
}
.choice-box{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  width:100%;
  min-height:154px;
  padding:18px 20px;
  border:1px solid rgba(213,181,104,.48);
  border-radius:26px;
  background-color:#242c1b;
  background-size:cover;
  background-position:center;
  color:#f4eddf;
  text-align:right;
  box-shadow:0 14px 35px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.12);
  display:grid;
  grid-template-columns:72px minmax(0,1fr) 46px;
  grid-template-rows:auto 1fr;
  column-gap:14px;
  align-items:center;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.choice-box:nth-child(1){
  background-image:url("https://images.unsplash.com/photo-1517248135467-4c7edcad34c4?auto=format&fit=crop&w=1200&q=82");
}
.choice-box:nth-child(2){
  background-image:url("https://images.unsplash.com/photo-1521017432531-fbd92d768814?auto=format&fit=crop&w=1200&q=82");
}
.choice-box:nth-child(3){
  background-image:url("https://images.unsplash.com/photo-1579684947550-22e945225d9a?auto=format&fit=crop&w=1200&q=82");
}
.choice-box:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    linear-gradient(90deg,rgba(16,21,12,.86) 0%,rgba(22,28,16,.82) 48%,rgba(20,25,14,.5) 100%),
    linear-gradient(0deg,rgba(16,20,11,.62),transparent 55%);
}
.choice-box:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(90deg,transparent 42%,rgba(211,177,92,.08));
  pointer-events:none;
}
.choice-box:hover{
  transform:translateY(-2px);
  border-color:rgba(232,202,128,.78);
  box-shadow:0 18px 40px rgba(0,0,0,.35),0 0 0 1px rgba(212,180,99,.08);
}
.choice-box:active{transform:scale(.985)}
.choice-icon{
  grid-column:3;
  grid-row:1 / 3;
  width:56px;
  height:56px;
  border:1px solid rgba(228,195,117,.72);
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#d9b96d;
  background:rgba(25,29,17,.64);
  box-shadow:inset 0 0 20px rgba(211,174,85,.08),0 6px 16px rgba(0,0,0,.2);
}
.choice-icon svg{
  width:30px;
  height:30px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.55;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.choice-box strong{
  grid-column:2;
  grid-row:1;
  align-self:end;
  color:#fff7e8;
  font:600 22px/1.35 var(--font);
  text-shadow:0 2px 10px rgba(0,0,0,.55);
}
.choice-box>span{
  grid-column:2;
  grid-row:2;
  align-self:start;
  margin-top:4px;
  color:rgba(250,244,232,.78);
  font-size:13px;
  line-height:1.7;
  text-shadow:0 2px 8px rgba(0,0,0,.55);
}
.choice-box>span:after{
  content:"›";
  display:block;
  margin-top:5px;
  color:#d9b96d;
  font:400 22px/1 Arial,sans-serif;
}
.choice-phone{
  margin-top:18px;
  color:rgba(242,234,218,.76);
  font-size:13px;
}
@media(max-width:480px){
  .choice{padding:24px 10px 26px}
  .choice-card{width:min(94vw,430px)}
  .choice-logo{width:155px;max-height:90px;margin-top:12px}
  .choice-card h1{font-size:29px}
  .choice-card>p{font-size:13px;margin-bottom:16px}
  .choice-grid{gap:10px}
  .choice-box{
    min-height:148px;
    border-radius:22px;
    padding:15px 14px;
    grid-template-columns:58px minmax(0,1fr) 48px;
    column-gap:10px;
  }
  .choice-icon{width:48px;height:48px}
  .choice-icon svg{width:26px;height:26px}
  .choice-box strong{font-size:19px}
  .choice-box>span{font-size:12px;line-height:1.55}
}
:root[data-olv-theme="light"] .choice{
  background:
    radial-gradient(70% 45% at 50% 0%,rgba(180,154,98,.18),transparent 72%),
    linear-gradient(145deg,#eee8da 0%,#d9d2c2 52%,#c8bfad 100%);
}
:root[data-olv-theme="light"] .choice-box:before{
  background:
    linear-gradient(90deg,rgba(35,43,27,.76) 0%,rgba(35,43,27,.68) 48%,rgba(35,43,27,.4) 100%),
    linear-gradient(0deg,rgba(25,31,20,.5),transparent 55%);
}