/* iWrap v1.2 — no flex or DOM restructuring of Amelia's Extra. */
.iwrap-yn-card {
  position:relative!important;
  box-sizing:border-box!important;
  padding-top:70px!important;
  padding-bottom:75px!important;
  min-height:174px!important;
}
.iwrap-yn-card::before {
  content:'Does your vehicle have existing window tint that needs to be removed?';
  position:absolute!important;
  top:14px!important; left:16px!important; right:16px!important;
  color:#fff!important;
  font:600 15px/1.4 Arial,sans-serif!important;
  text-align:left!important;
  white-space:normal!important;
  overflow-wrap:break-word!important;
  pointer-events:none!important;
}
.iwrap-yn-card.iwrap-yn-added[data-iwrap-yn-price]::after {
  content:'Additional charge: ' attr(data-iwrap-yn-price);
  display:block!important;
  position:absolute!important;
  top:128px!important; left:16px!important; right:16px!important;
  color:#fff!important;
  font:600 14px/1.4 Arial,sans-serif!important;
  pointer-events:none!important;
  text-align:left!important;
}
.iwrap-yn-card .iwrap-yn-original-label,
.iwrap-yn-card .iwrap-yn-native-price {
  font-size:0!important;
  line-height:0!important;
  color:transparent!important;
  max-width:0!important;
  width:0!important;
  min-width:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  overflow:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
.iwrap-yn-card .iwrap-yn-buttons {
  position:absolute!important;
  top:76px!important;
  left:16px!important;
  right:16px!important;
  box-sizing:border-box!important;
  display:flex!important;
  justify-content:flex-start!important;
  align-items:center!important;
  gap:12px!important;
  min-width:0!important;
  width:auto!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  border:0!important;
  background:transparent!important;
}
.iwrap-yn-card .iwrap-yn-buttons .iwrap-yn-no,
.iwrap-yn-card .iwrap-yn-buttons .iwrap-yn-yes {
  position:relative!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  width:110px!important;
  min-width:110px!important;
  max-width:110px!important;
  height:42px!important;
  min-height:42px!important;
  flex:0 0 auto!important;
  padding:0!important;
  margin:0!important;
  background:#474852!important;
  border:1px solid #7a7a84!important;
  border-radius:7px!important;
  box-sizing:border-box!important;
  color:transparent!important;
  font-size:0!important;
  overflow:hidden!important;
  cursor:pointer!important;
}
.iwrap-yn-card .iwrap-yn-buttons .iwrap-yn-no.iwrap-yn-active,
.iwrap-yn-card .iwrap-yn-buttons .iwrap-yn-yes.iwrap-yn-active {
  border-color:#e63624!important;
  background:#e63624!important;
}
.iwrap-yn-card .iwrap-yn-buttons .iwrap-yn-no::after,
.iwrap-yn-card .iwrap-yn-buttons .iwrap-yn-yes::after {
  content:'No';
  position:absolute!important;
  inset:0!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  font:600 15px/1 Arial,sans-serif!important;
  color:#fff!important;
  pointer-events:none!important;
}
.iwrap-yn-card .iwrap-yn-buttons .iwrap-yn-yes::after {content:'Yes'}
.iwrap-yn-card .iwrap-yn-buttons .iwrap-yn-no svg,
.iwrap-yn-card .iwrap-yn-buttons .iwrap-yn-yes svg {opacity:0!important;pointer-events:none!important}
.iwrap-yn-card .iwrap-yn-buttons .iwrap-yn-number {
  width:0!important; min-width:0!important; max-width:0!important;
  height:0!important; min-height:0!important; max-height:0!important;
  font-size:0!important; line-height:0!important; border:0!important;
  color:transparent!important; opacity:0!important; padding:0!important; margin:0!important;
  overflow:hidden!important; pointer-events:none!important;
}
.iwrap-yn-card .iwrap-native-prompt {display:none!important}
@media(max-width:480px) {
 .iwrap-yn-card{padding-top:84px!important;min-height:188px!important;}
 .iwrap-yn-card::before{font-size:14px!important;}
 .iwrap-yn-card .iwrap-yn-buttons{top:95px!important;gap:10px!important;}
 .iwrap-yn-card .iwrap-yn-buttons .iwrap-yn-no,
 .iwrap-yn-card .iwrap-yn-buttons .iwrap-yn-yes{width:calc((100% - 10px)/2)!important;min-width:0!important;max-width:170px!important;}
 .iwrap-yn-card.iwrap-yn-added[data-iwrap-yn-price]::after{top:146px!important;}
}

/* 1.2.1 VISUAL PATCH ONLY: mask orphan number background to the right.
   No changes to booking data, pricing, events, or native buttons. */
.iwrap-yn-card .iwrap-yn-buttons .iwrap-yn-number-shell {
  display:none!important;
  visibility:hidden!important;
}
@media (min-width:481px) {
  .iwrap-yn-card .iwrap-yn-buttons {
    right:auto!important;
    width:232px!important; /* 110px No + 12px gap + 110px Yes */
    max-width:calc(100% - 32px)!important;
    overflow:hidden!important;
  }
}
@media (max-width:480px) {
  .iwrap-yn-card .iwrap-yn-buttons {
    overflow:hidden!important;
  }
}

/* v1.2.2: visual adjustment ONLY. The native Amelia controls, their
   click handlers, price and service duration remain untouched.
   Reserve enough space for both button borders in the clipped row. */
.iwrap-yn-card .iwrap-yn-buttons {
  height:48px!important;
  min-height:48px!important;
  max-height:none!important;
  align-items:flex-start!important;
  box-sizing:border-box!important;
}