/* CRO CUSTOMER BOOKING REVAMP — Step 3 amenity selling experience */
.step[data-step="3"] .lead{max-width:650px;margin-bottom:20px}
.step[data-step="3"] #addonGrid{position:relative;gap:18px}
.step[data-step="3"] #addonGrid:before{content:"Popular upgrades";grid-column:1/-1;display:block;margin:0 0 -3px;color:#9a7118;font-size:.72rem;font-weight:1000;letter-spacing:.14em;text-transform:uppercase}
html[lang="es"] .step[data-step="3"] #addonGrid:before{content:"Mejoras populares"}

/* All primary amenity cards are large and visual. Full photos are shown instead of center-cropped. */
.step[data-step="3"] #addonGrid .addon{position:relative;overflow:hidden;border:1px solid #d8e6e8;border-radius:22px;background:#fff;box-shadow:0 10px 28px rgba(18,74,84,.07);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.step[data-step="3"] #addonGrid .addon:hover{transform:translateY(-2px);border-color:#abd9dc;box-shadow:0 16px 34px rgba(18,74,84,.11)}
.step[data-step="3"] #addonGrid .addon-pick{position:relative;display:grid;grid-template-columns:32px minmax(0,1fr) auto;grid-template-areas:"photo photo photo" "check copy price";align-items:start;gap:12px;padding:0 16px 16px;cursor:pointer}
.step[data-step="3"] #addonGrid .addon-photo{grid-area:photo;width:calc(100% + 32px);height:235px;margin:0 -16px 4px;border-radius:0;object-fit:contain;background:#eef8f7}
.step[data-step="3"] #addonGrid .addon-photo.placeholder{display:block;min-height:235px;background:linear-gradient(145deg,#edf8f7,#e3f3f2)}
.step[data-step="3"] #addonGrid .addon-pick>input{grid-area:check;appearance:none;-webkit-appearance:none;width:29px;height:29px;margin:1px 0 0;border:2px solid #b9cfd2;border-radius:9px;background:#fff;display:grid;place-items:center;cursor:pointer}
.step[data-step="3"] #addonGrid .addon-pick>input:checked{border-color:#0b98a1;background:#0b98a1;box-shadow:0 0 0 4px rgba(11,152,161,.10)}
.step[data-step="3"] #addonGrid .addon-pick>input:checked:after{content:"✓";color:#fff;font-size:17px;line-height:1;font-weight:1000}
.step[data-step="3"] #addonGrid .addon-copy{grid-area:copy;min-width:0;padding-top:1px}
.step[data-step="3"] #addonGrid .addon-copy strong{display:block;color:#143e4b;font-size:1.12rem;line-height:1.2}
.step[data-step="3"] #addonGrid .addon-copy small{display:block;margin-top:5px;color:#72878d;font-size:.82rem;line-height:1.35;font-weight:750}
.step[data-step="3"] #addonGrid .addon-pick>b{grid-area:price;align-self:start;padding:7px 10px;border-radius:999px;background:#effafa;color:#087f87;font-size:.84rem;font-weight:1000;white-space:nowrap}
.step[data-step="3"] #addonGrid .addon-details{margin:0 16px 14px;padding:0;border:0;border-top:1px solid #edf2f3}
.step[data-step="3"] #addonGrid .addon-details summary{padding:11px 0 5px;color:#0c858e;font-size:.82rem;font-weight:950;cursor:pointer}
.step[data-step="3"] #addonGrid .addon-details p{margin:0 0 4px;color:#60777e;font-size:.85rem;line-height:1.5}

/* Birthday package is deliberately the hero offer. */
.step[data-step="3"] #addonGrid .addon:has(input[value*="irthday"]){grid-column:1/-1;border:2px solid #d9ad45;background:linear-gradient(180deg,#fffef8,#fff 78%);box-shadow:0 18px 42px rgba(153,111,23,.16)}
.step[data-step="3"] #addonGrid .addon:has(input[value*="irthday"]) .addon-photo{height:320px;background:#fffaf0}
.step[data-step="3"] #addonGrid .addon:has(input[value*="irthday"]) .addon-copy strong{font-size:1.34rem;color:#173f49}
.step[data-step="3"] #addonGrid .addon:has(input[value*="irthday"]) .addon-pick>b{background:#fff1c9;color:#8a6414;font-size:.95rem}
.step[data-step="3"] #addonGrid .addon:has(input[value*="irthday"]):before{content:"BEST VALUE FOR BIRTHDAYS";position:absolute;top:13px;left:13px;z-index:3;padding:7px 10px;border-radius:999px;background:rgba(11,51,71,.92);color:#fff;font-size:.66rem;font-weight:1000;letter-spacing:.08em}
html[lang="es"] .step[data-step="3"] #addonGrid .addon:has(input[value*="irthday"]):before{content:"MEJOR OPCIÓN PARA CUMPLEAÑOS"}

.step[data-step="3"] #addonGrid .addon:has(input:checked){border-color:#d9ad45;background:linear-gradient(180deg,#fff 0%,#fffdf5 100%);box-shadow:0 0 0 3px rgba(217,173,69,.10),0 16px 38px rgba(18,74,84,.11)}
.step[data-step="3"] #addonGrid .addon:has(input:checked):after{content:"ADDED";position:absolute;top:12px;right:12px;z-index:4;padding:6px 9px;border-radius:999px;background:rgba(10,127,136,.94);color:#fff;font-size:.64rem;font-weight:1000;letter-spacing:.09em}
html[lang="es"] .step[data-step="3"] #addonGrid .addon:has(input:checked):after{content:"AGREGADO"}
.step[data-step="3"] .addon.addon-included{opacity:1!important;filter:none!important;background:#f5f8f8!important;border-style:dashed!important;box-shadow:none!important}
.step[data-step="3"] .addon.addon-included .addon-photo{filter:saturate(.55);opacity:.72}
.step[data-step="3"] .addon.addon-included .addon-pick>b{background:#e7f4ec!important;color:#287154!important;white-space:normal;text-align:right;line-height:1.25}

/* Secondary extras are also full-size cards instead of tiny rows. */
.step[data-step="3"] .more-extras{margin-top:22px;padding:8px 14px 16px;border:1px solid #d7e6e8;border-radius:20px;background:#f9fdfd}
.step[data-step="3"] .more-extras>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 3px;color:#176d75;font-weight:950;cursor:pointer;list-style:none}
.step[data-step="3"] .more-extras>summary::-webkit-details-marker{display:none}
.step[data-step="3"] .more-extras>summary:after{content:"+";display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#e7f5f5;color:#087f87;font-size:20px;line-height:1}
.step[data-step="3"] .more-extras[open]>summary:after{content:"−"}
.step[data-step="3"] #moreAddonGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.step[data-step="3"] #moreAddonGrid .addon{position:relative;overflow:hidden;border:1px solid #d8e6e8;border-radius:20px;background:#fff}
.step[data-step="3"] #moreAddonGrid .addon-pick{display:grid;grid-template-columns:30px minmax(0,1fr);grid-template-areas:"photo photo" "check copy" "check price";gap:10px 12px;padding:0 14px 14px}
.step[data-step="3"] #moreAddonGrid .addon-photo{grid-area:photo;width:calc(100% + 28px);height:205px;margin:0 -14px 3px;border-radius:0;object-fit:contain;background:#eef8f7}
.step[data-step="3"] #moreAddonGrid .addon-pick>input{grid-area:check;width:28px;height:28px}
.step[data-step="3"] #moreAddonGrid .addon-copy{grid-area:copy}
.step[data-step="3"] #moreAddonGrid .addon-copy strong{font-size:1.05rem}
.step[data-step="3"] #moreAddonGrid .addon-pick>b{grid-area:price;justify-self:start}
.step[data-step="3"] #moreAddonGrid .addon-details{margin:0 14px 13px;border-top:1px solid #edf2f3;padding-top:0}

/* Actual CRO Concierge launcher: icon-only on phones and kept away from the booking footer. */
@media(max-width:620px){
  body .cro-concierge-launcher{right:8px!important;bottom:82px!important;width:46px!important;height:46px!important;min-width:46px!important;padding:7px!important;gap:0!important;justify-content:center!important;border-radius:50%!important}
  body .cro-concierge-launcher span{display:none!important}
  body .cro-concierge-launcher b{width:31px!important;height:31px!important;margin:0!important}
  .step[data-step="3"] #addonGrid{grid-template-columns:1fr;gap:16px}
  .step[data-step="3"] #addonGrid .addon-pick{grid-template-columns:30px minmax(0,1fr);grid-template-areas:"photo photo" "check copy" "check price";padding:0 15px 16px;gap:11px 12px}
  .step[data-step="3"] #addonGrid .addon-photo{width:calc(100% + 30px);height:250px;margin:0 -15px 4px}
  .step[data-step="3"] #addonGrid .addon:has(input[value*="irthday"]) .addon-photo{height:330px}
  .step[data-step="3"] #addonGrid .addon-copy strong{font-size:1.2rem}
  .step[data-step="3"] #addonGrid .addon-pick>b{justify-self:start}
  .step[data-step="3"] #moreAddonGrid{grid-template-columns:1fr;gap:14px}
  .step[data-step="3"] #moreAddonGrid .addon-pick{grid-template-columns:30px minmax(0,1fr);grid-template-areas:"photo photo" "check copy" "check price";padding:0 14px 14px}
  .step[data-step="3"] #moreAddonGrid .addon-photo{width:calc(100% + 28px);height:235px;margin:0 -14px 3px}
  .step[data-step="3"] #moreAddonGrid .addon-copy strong{font-size:1.12rem}
}