/* =====================================================================
   v899 — phone home: navy hero (no photo), cleaner search card,
   "Where to next?" cards and a trust row. Linked with
   media="(max-width: 900px)" and scoped to #te733-mobile-home, so the
   computer home page cannot change. Same form, ids, names and actions.
   ===================================================================== */

/* hero: navy night with a golden glow, stars and hills + temple outline */
html body #te733-mobile-home .ys819-hero{height:300px;background:
  radial-gradient(circle at 84% 14%,rgba(255,184,0,.42),transparent 32%),
  linear-gradient(160deg,#0B2A55 0%,#17407A 60%,#1F4E8C 100%)}
html body #te733-mobile-home .ys899-art{position:absolute;left:0;right:0;bottom:56px;width:100%;height:96px;z-index:0}
html body #te733-mobile-home .ys899-stars{position:absolute;top:10px;right:14px;width:120px;height:60px;z-index:0}
html body #te733-mobile-home .ys899-stars i{position:absolute;width:2.5px;height:2.5px;border-radius:50%;background:#FFC861;opacity:.85}
html body #te733-mobile-home .ys899-stars i:nth-child(1){top:6px;left:10px}
html body #te733-mobile-home .ys899-stars i:nth-child(2){top:26px;left:52px;width:2px;height:2px}
html body #te733-mobile-home .ys899-stars i:nth-child(3){top:12px;left:94px}
html body #te733-mobile-home .ys899-stars i:nth-child(4){top:44px;left:28px;width:2px;height:2px}
html body #te733-mobile-home .ys899-stars i:nth-child(5){top:40px;left:110px;width:2px;height:2px}
html body #te733-mobile-home .ys819-copy{padding:30px 22px 0}
html body #te733-mobile-home .ys819-kicker{color:#FFFFFF;text-shadow:none;opacity:.92}
html body #te733-mobile-home .ys819-copy h1{text-shadow:none;color:#FFFFFF}
html body #te733-mobile-home .ys819-copy h1 em{color:#FFC079}
html body #te733-mobile-home .ys819-sub{color:#E6EEF8;text-shadow:none}

/* search card: straight, rounded, one "Where" box and one joined row */
html body #te733-mobile-home .ys819-card{margin:-62px 14px 0;padding:14px;border-radius:20px;transform:none;box-shadow:0 14px 34px rgba(10,30,60,.16)}
html body #te733-mobile-home .ys819-stamp{display:none}
html body #te733-mobile-home #te733-stayForm,html body #te733-mobile-home .ys819-card form{position:relative;transform:none}
html body #te733-mobile-home .ys819-letter{position:absolute;z-index:1;top:10px;left:16px;margin:0;padding:0;font:700 11px/1.2 Inter,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#6B7A8C;pointer-events:none}
html body #te733-mobile-home .ys819-where{width:100%;height:62px;margin:0;padding:22px 14px 6px;border:1.5px solid #D9E1EB;border-radius:14px;background:#fff;font:700 16px Inter,system-ui,sans-serif;color:#1D2635}
html body #te733-mobile-home .ys819-where:focus{border-color:#0B2A55;outline:none}
html body #te733-mobile-home .ys819-where::placeholder{color:#8A97A8;font-weight:600}
html body #te733-mobile-home .ys819-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,.8fr);gap:0;margin-top:8px;border:1.5px solid #D9E1EB;border-radius:14px;overflow:hidden}
html body #te733-mobile-home .ys819-row label{padding:9px 10px 6px 12px;border:0;border-bottom:0}
html body #te733-mobile-home .ys819-row label + label{border-left:1.5px solid #D9E1EB}
html body #te733-mobile-home .ys819-row label:focus-within{background:#F6F9FD}
html body #te733-mobile-home .ys819-row small{font-size:10.5px;letter-spacing:.06em;color:#6B7A8C}
html body #te733-mobile-home .ys819-row input,html body #te733-mobile-home .ys819-row select{height:26px;font-size:12.5px;color:#1D2635}
html body #te733-mobile-home .ys819-go{height:52px;margin-top:10px;border-radius:14px;background:#E8692A;font-size:15.5px}
html body #te733-mobile-home .ys819-promise{margin:8px 0 0;text-align:center;font-size:12px;color:#6B7A8C}

/* "Where to next?" swipe cards */
html body #te733-mobile-home .ys899-next{padding:22px 0 0 16px}
html body #te733-mobile-home .ys899-next h2{margin:0 0 4px;font:600 21px/1.2 Fraunces,Georgia,serif;color:#0B2A55;letter-spacing:-.01em}
html body #te733-mobile-home .ys899-next p{margin:0 16px 12px 0;font:400 12.5px/1.4 Inter,system-ui,sans-serif;color:#6B7A8C}
html body #te733-mobile-home .ys899-row{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x proximity;padding:0 16px 6px 0;scrollbar-width:none}
html body #te733-mobile-home .ys899-row::-webkit-scrollbar{display:none}
html body #te733-mobile-home .ys899-d{position:relative;flex:0 0 132px;height:168px;border-radius:16px;overflow:hidden;background:linear-gradient(160deg,#17407A,#0B2A55);scroll-snap-align:start;text-decoration:none}
html body #te733-mobile-home .ys899-d img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
html body #te733-mobile-home .ys899-d::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(6,20,45,.82))}
html body #te733-mobile-home .ys899-d span{position:absolute;left:10px;right:8px;bottom:9px;z-index:1;display:flex;flex-direction:column;gap:1px}
html body #te733-mobile-home .ys899-d b{font:800 15px/1.2 Inter,system-ui,sans-serif;color:#fff}
html body #te733-mobile-home .ys899-d small{font:500 11px/1.3 Inter,system-ui,sans-serif;color:#E6ECF5}

/* trust row */
html body #te733-mobile-home .ys899-trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:18px 16px 4px}
html body #te733-mobile-home .ys899-trust div{padding:10px 6px;border:1px solid #EEE3CF;border-radius:12px;background:#fff;text-align:center;font:700 11.5px/1.3 Inter,system-ui,sans-serif;color:#0B2A55}
html body #te733-mobile-home .ys899-trust i{display:block;margin-bottom:3px;font-style:normal;font-size:18px;color:#E8692A;font-weight:800}