/* Cindi's Rental Finder V7 — real semantic layout, individually positioned decorative art.
   All visible search fields, navigation, CTA buttons and destination cards are real controls. */
:root{--ink:#073874;--deep:#07346a;--pink:#e91676;--gold:#ffb833;--cream:#fff8e8}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:86px}
body.cindi-v7{margin:0;font-family:Arial,Helvetica,sans-serif;color:#113967;min-width:320px;background:linear-gradient(112deg,#fffcf3,#fff7e1 65%,#fff9f1)}
.cindi-v7 main{display:block}
.cindi-v7 a,.cindi-v7 button{touch-action:manipulation}
.cindi-v7 button,.cindi-v7 select,.cindi-v7 input{font:inherit}
.cindi-v7 a:focus-visible,.cindi-v7 button:focus-visible,.cindi-v7 input:focus-visible,.cindi-v7 select:focus-visible,.cindi-v7 textarea:focus-visible{outline:3px solid #00b9ea;outline-offset:3px;z-index:3}
.skip-link{position:absolute;left:15px;top:-100px;z-index:200;background:#fff;padding:12px 20px;color:#003d7a}.skip-link:focus{top:14px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
/* Header — exact compositional proportions from approved master */
.v7-site-header{height:72px;position:relative;z-index:10;padding:7px 5vw 3px;background:transparent;filter:drop-shadow(0 3px 4px #5b361f35)}
.v7-header-inner{height:63px;max-width:1280px;margin:0 auto;background:#fff;display:flex;align-items:center;justify-content:space-between;border-radius:50px;border:2px solid #fff;box-shadow:0 3px 0 #c77e3c8e,0 2px 10px #14416f24;gap:12px;padding:4px 9px 4px 17px}
.v7-brand{width:286px;height:60px;flex-shrink:0;display:flex;align-items:center;text-decoration:none}
.v7-brand img{width:100%;max-height:66px;object-fit:contain;display:block}
.v7-nav{display:flex;flex:1;justify-content:space-between;align-items:center;gap:4px;white-space:nowrap}
.v7-nav a{color:#003e8a!important;font-size:clamp(10px,.88vw,13px);font-weight:850;text-decoration:none!important;display:inline-flex;align-items:center;gap:5px;padding:11px 5px}
.v7-nav a:hover,.v7-nav a.active{color:#f02080!important;border-bottom:3px solid #f02180}
.v7-gloss{display:inline-flex;justify-content:center;align-items:center;gap:7px;color:#fff!important;text-align:center;font-weight:900;text-decoration:none!important;cursor:pointer;border-radius:999px;border:2px solid #fff;font-family:Arial,Helvetica,sans-serif;letter-spacing:-.01em;text-shadow:0 1px 2px #4f173280;box-shadow:0 4px 0 #aa2861,0 7px 12px #42143732;transition:filter .15s, transform .12s}
.v7-gloss:hover{filter:saturate(1.3) brightness(1.05);transform:translateY(-1px)}
.v7-gloss:active{transform:translateY(2px);box-shadow:0 2px 0 #a84b67}
.v7-gloss.pink{background:linear-gradient(#ff95b9 0%,#ff1684 45%,#e80061 92%)}
.v7-gloss.blue{background:linear-gradient(#72d9fc,#128cdb 48%,#0052ab 95%);box-shadow:0 4px 0 #044a96,0 8px 12px #16487b44}
.v7-gloss.green{background:linear-gradient(#a9f472,#25b83d 47%,#008135 95%);box-shadow:0 4px 0 #086d2d,0 8px 12px #21572a44}
.v7-gloss.orange{background:linear-gradient(#ffe577,#fca723 48%,#e67806 98%);box-shadow:0 4px 0 #a75b05,0 8px 12px #70471344}
.v7-gloss.purple{background:linear-gradient(#afa7ff,#6553ed 55%,#3321bb);box-shadow:0 4px 0 #3d25a1,0 7px 12px #34238155}
.v7-start{height:46px;min-width:148px;padding:0 16px;flex:none;font-size:16px}
.v7-mobile-nav{display:none}
/* Painted scenery is a standalone decorative collage, not a screenshot of any UI. */
.v7-hero{position:relative;height:338px;isolation:isolate;overflow:hidden;background:linear-gradient(180deg,#85b9fd,#ffd29d 65%,#6c9457)}
.v7-scenery{position:absolute;inset:0;background-image:url('assets/hero-landscape.webp');background-size:100% 100%;background-position:center;background-repeat:no-repeat;z-index:-3}
.v7-hero::before{position:absolute;content:"";left:0;right:0;bottom:0;height:70px;z-index:-1;background:linear-gradient(0deg,#113e4870,transparent);pointer-events:none}
.v7-hero::after{content:"✿ ✾ ❀";position:absolute;bottom:0;left:0;letter-spacing:-8px;color:#ff4f9a;text-shadow:3px 1px #fef8dc,0 2px #ecaa26;font-size:48px;z-index:-1}
.v7-landmark{position:absolute;top:0;left:calc(50% - 370px);width:740px;max-width:70%;z-index:0;pointer-events:none}
.v7-landmark img{width:100%;display:block;height:auto;filter:drop-shadow(0 7px 8px #6b393a30)}
.v7-hand-note{position:absolute;right:4.5%;top:158px;transform:rotate(-7deg);width:171px;height:153px;background:linear-gradient(#fff9df,#fff4d3);border:1px solid #c59b6b;box-shadow:0 6px 8px #43301970;padding:16px 11px;color:#064578;font-family:'Comic Sans MS','Bradley Hand','Apple Chancery',cursive;font-size:16px;font-weight:750;line-height:1.5;text-align:center}
.v7-hand-note:before{content:"";position:absolute;top:-13px;left:50%;width:8px;height:18px;border-radius:10px;background:#c73a25;box-shadow:0 2px 3px #2225}
.v7-searchbar{position:absolute;bottom:7px;left:50%;transform:translateX(-50%);height:64px;width:min(1138px,84%);display:grid;grid-template-columns:minmax(230px,1.55fr) minmax(130px,.95fr) minmax(130px,.95fr) minmax(110px,.76fr) minmax(183px,1.13fr);align-items:center;background:#fffdf3;border:6px solid #fffdf8;border-radius:35px;box-shadow:0 4px 0 #b47733,0 8px 19px #12254755;gap:0;z-index:2}
.v7-search-field{height:44px;display:flex;flex-direction:column;justify-content:center;padding:0 10px;min-width:0;border-right:1px solid #bdd0de}
.v7-search-field label{color:#003f89;display:flex;align-items:center;gap:5px;font-size:11px;font-weight:900;white-space:nowrap}
.v7-field-icon{font-size:19px;color:#004b9a;line-height:1}
.v7-search-field :is(input,select){border:0;border-radius:4px;background:transparent;color:#003d82;display:block;width:100%;font-size:12px;min-width:0;min-height:18px;padding:0 0 0 25px;outline-offset:0}
.v7-location input{font-size:12px}
.v7-search-field input::placeholder{color:#5e86a4}
.v7-search-field select{cursor:pointer}
.v7-search-btn{height:48px;margin-left:7px;min-width:0;font-size:17px;padding:0 8px;white-space:nowrap}
.v7-search-btn span{font-size:28px;line-height:0}
.v7-search-status{position:absolute;left:50%;transform:translateX(-50%);bottom:73px;z-index:3;width:max-content;max-width:80%;font-size:12px;color:#073b73;text-align:center;padding:4px 12px;margin:0;border-radius:12px;background:#fffce7e8;opacity:0;pointer-events:none}
.v7-search-status:not(:empty){opacity:1}
/* Dark navy benefits strip */
.v7-trustband{height:55px;display:flex;align-items:center;justify-content:center;gap:0;padding:0 10vw;color:#fff;max-width:1536px;margin:0 auto;background:linear-gradient(90deg,#073b70,#00477c 50%,#072f62);box-shadow:inset 0 3px 8px #050f2e80,inset 0 -3px 0 #e4ab3c}
.v7-trustband>div{min-width:0;display:flex;align-items:center;gap:12px;justify-content:center;flex:1;font-size:32px;color:#fff19f;text-shadow:0 2px #756023;padding:0 12px}
.v7-trustband>div+div{border-left:1px solid #bdc1bf}
.v7-trustband span{font-size:13px;color:#fff;font-weight:850;line-height:1.27;text-shadow:1px 2px #091d33}
/* Main cards */
.v7-steps-section{background:#fff9e9;padding:0 20px 7px}
.v7-section-title{height:63px;text-align:center;padding-top:3px;position:relative;background:linear-gradient(180deg,#6c3114 0%,#9b5a20 35%,#703518 65%,#fff8e9 66%,#fff8e9 100%)}
.v7-section-title::before,.v7-section-title::after{content:'🌺🌼🌿';position:absolute;top:-5px;font-size:24px}.v7-section-title::before{left:20px}.v7-section-title::after{right:20px}
.v7-section-title h2{font:1000 25px/1.18 Arial,Helvetica,sans-serif;color:#fff;letter-spacing:-.04em;text-shadow:1px 2px #3e1b0f;margin:0}
.v7-section-title p{font:italic 18px/1.25 Georgia,serif;color:#064781;margin:7px 0 0}
.v7-step-grid{max-width:1500px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:auto;padding-bottom:5px}
.v7-step{height:208px;border:2px solid #fff;outline:1px solid #edcf96;border-radius:17px;background-color:#fffdf5;position:relative;overflow:hidden;box-shadow:0 2px 8px #5e361d29}
.v7-step:before{content:'';position:absolute;inset:0;z-index:0;background-size:cover;background-position:center 65%;opacity:.93}
.v7-step:after{content:'';position:absolute;inset:0 0 0;z-index:0;background:linear-gradient(to bottom,#fffefa 5%,#fffefaed 39%,#fffefa44 62%,#ffffff00 90%);pointer-events:none}
.v7-step-1:before{background-image:url('assets/coast-villa.webp')}
.v7-step-2:before{background-image:url('assets/mountain-cabin.webp')}
.v7-step-3:before{background-image:url('assets/sunset-sea.webp')}
.v7-step-4:before{background-image:url('assets/hero-right.webp')}
.v7-step-text{position:relative;z-index:1;padding:10px 11px 0 89px;text-align:left;min-height:159px}
.v7-bubble{position:absolute;left:6px;top:3px;width:65px;height:65px;border-radius:50%;background:linear-gradient(#ff9bd1,#f01c86 66%,#a20954);border:5px solid #fff;box-shadow:0 2px 5px #59351980;display:grid;place-items:center;font-weight:950;font-size:34px;color:#fff;text-shadow:0 1px #63223c}
.v7-step-2 .v7-bubble{background:linear-gradient(#97eaff,#178ce2 60%,#0753bc)}
.v7-step-3 .v7-bubble{background:linear-gradient(#cffc9b,#30af45 60%,#086331)}
.v7-step-4 .v7-bubble{background:linear-gradient(#ffe6a9,#ffa424 60%,#dc6b09)}
.v7-step h3{margin:1px 0 5px;font-size:clamp(13px,1.24vw,21px);font-weight:1000;line-height:1.12;color:#bb0f58;letter-spacing:-.04em}
.v7-step-2 h3{color:#0e4591}.v7-step-3 h3{color:#157637}.v7-step-4 h3{color:#d41b20}
.v7-step p{font-size:clamp(10px,.88vw,13.5px);line-height:1.25;margin:0;color:#0e3a77;font-weight:600}
.v7-source-logos{margin-top:5px;display:flex;gap:8px;color:#1251a3;font-size:13px;font-weight:900}
.v7-step>.v7-gloss{position:absolute;bottom:7px;left:16%;width:68%;height:39px;z-index:2;font-size:15px;box-shadow:0 3px 0 #9f4c30,0 5px 7px #4225}
/* Destination images are scenery-only decorative assets. The labels and targets are DOM buttons. */
.v7-destinations{background:#fff9ed;padding:0 26px 8px;max-width:1600px;margin:auto}
.v7-dest-heading{height:47px;display:flex;align-items:center;gap:18px;justify-content:space-between}
.v7-dest-heading h2{font-size:18px;color:#602918;white-space:nowrap;margin:0;font-weight:1000;letter-spacing:-.04em}
.v7-dest-heading p{color:#10477d;font:italic 15px Georgia,serif;flex:1;margin:0}
.v7-dest-heading>a{color:#e01c78;text-decoration:none;font-size:12px;font-weight:900;background:#fff;border:1px solid #ffc4d6;padding:10px 20px;border-radius:50px;box-shadow:0 2px 4px #652b2c30;white-space:nowrap}
.v7-destination-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.v7-dest{height:113px;position:relative;border:2px solid #fff5df;box-shadow:0 1px 4px #443d3470;border-radius:11px;cursor:pointer;display:block;overflow:hidden;padding:0;text-align:left;background:#0a396d;min-width:0;transition:transform .16s}
.v7-dest:hover{transform:translateY(-2px)}
.v7-dest img{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(1.22)}
.v7-dest>span{position:absolute;left:0;bottom:0;right:0;padding:12px 7px 8px;background:linear-gradient(transparent,#051b32eb);font-size:12px;font-weight:900;color:#fff;text-shadow:0 1px 3px #000;white-space:nowrap;text-align:center}
.v7-quickbar{background:linear-gradient(#fffdf9,#fff2e0);max-width:1600px;margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:9px 27px 13px;gap:12px;position:relative}
.v7-quickbar:after{content:"";background-image:url('assets/floral-ribbon.webp');background-repeat:repeat-x;background-size:auto 29px;position:absolute;height:24px;bottom:-3px;left:0;right:0;pointer-events:none}
.v7-quick{height:97px;border:1px solid #f1d3a0;border-radius:14px;background:linear-gradient(#fff,#fff6e6);display:flex;align-items:center;gap:13px;padding:9px 15px;box-shadow:0 1px 5px #674d2630;min-width:0}
.v7-quick-icon{width:55px;height:55px;border-radius:50%;flex:none;display:grid;place-items:center;color:white;font-size:34px;box-shadow:0 2px 4px #262b3b55}
.v7-quick-icon.chat{background:linear-gradient(#59d2a5,#00845a)}
.v7-quick-icon.heart{background:linear-gradient(#ff6cb0,#ec0f69)}
.v7-quick-icon.file{background:linear-gradient(#488bea,#093783)}
.v7-quick>div:last-child{min-width:0;flex:1}
.v7-quick h3{font-size:14px;color:#00377e;margin:0 0 3px;letter-spacing:-.025em}
.v7-quick p{font-size:11px;color:#164d7a;margin:0 0 5px;line-height:1.15;max-width:340px}
.v7-quick .v7-gloss{font-size:12px;min-height:30px;padding:5px 13px;box-shadow:0 2px 0 #4d3e7a}
/* Real functional toolkit: tabbed details open on demand, not a second screenshot website. */
.v7-workspace{display:none;max-width:1300px;margin:31px auto;padding:18px 22px 24px;border:4px solid #f9c552;border-radius:24px;background:linear-gradient(135deg,#fffdf5,#fff0de);box-shadow:0 12px 35px #12427435}
.v7-workspace.is-open{display:block}
.v7-workspace-top{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:3px 0 15px}
.v7-eyebrow{color:#e9257b;font-weight:950;font-size:12px;letter-spacing:.1em}
.v7-workspace-top h2{font:900 clamp(20px,3vw,30px) Georgia,serif;color:#0a477e;margin:4px 0}
.v7-workspace-top p{font-size:13px;color:#516b83;margin:0}
#closeWorkspace{padding:10px 14px;background:linear-gradient(#ffe09c,#f5a123)}
.v7-tabs{display:flex;gap:7px;flex-wrap:wrap;border-bottom:2px solid #f2c16a;padding-bottom:12px}
.v7-tabs button{padding:10px 15px;cursor:pointer;border:2px solid #ffd084;border-radius:24px;background:#fffdf8;color:#094676;font-weight:900;font-size:12px}
.v7-tabs button[aria-selected=true]{background:linear-gradient(#ff8fba,#e61c71);color:#fff;border-color:#fff;box-shadow:0 2px #9f2265}
.v7-workspace .tab-panel{display:none!important;margin:18px 0 0!important;box-shadow:0 4px 0 #dfa537!important}
.v7-workspace .tab-panel.is-active{display:block!important}
.favorite-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(265px,1fr));gap:12px;margin-top:18px}
.favorite-card{background:#fff;border:2px solid #f8bc70;border-radius:15px;padding:14px;box-shadow:0 3px #e6ac4c;overflow-wrap:anywhere}
.favorite-card h3{margin:0 0 7px;font:900 16px Arial;color:#0d4d87}.favorite-card p{font-size:13px;color:#385974;line-height:1.5;margin:7px 0}
.favorite-card .fav-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:13px}.favorite-card .fav-actions button,.favorite-card .fav-actions a{font-size:12px;padding:8px 10px;border-radius:30px;min-height:33px;text-decoration:none;border:1px solid #f3c274;background:#fff4d5;color:#0b4276;font-weight:900;cursor:pointer}
.v7-about{max-width:1300px;margin:30px auto 12px;padding:20px 27px;background:#fff8ee;border:2px solid #f7dbad;border-radius:15px;color:#244f74;line-height:1.55}.v7-about h2{margin-top:0;color:#9e3663}.v7-about a{color:#0e579b}
.v7-footer{margin:0;padding:20px;text-align:center;background:linear-gradient(#0f5b97,#003b73);color:#fff;font-size:13px}.v7-footer span{display:block;opacity:.75;font-size:11px;padding-top:5px}
#autosaveStatus{font-size:12px;bottom:10px;z-index:30}
@media (max-width:1290px){.v7-site-header{padding-left:15px;padding-right:15px}.v7-header-inner{max-width:100%}.v7-brand{width:230px}.v7-step-text{padding-left:76px}.v7-bubble{width:56px;height:56px;font-size:29px}.v7-step h3{font-size:15px}.v7-step p{font-size:11px}.v7-step>.v7-gloss{font-size:12px}.v7-quick h3{font-size:12px}.v7-quick p{font-size:10px}.v7-quick-icon{width:43px;height:43px;font-size:25px}.v7-quick{gap:8px;padding:8px}.v7-searchbar{width:88%}}
@media (max-width:1000px){.v7-nav{display:none}.v7-site-header{height:70px}.v7-mobile-nav{display:block;flex:0 0 auto;border:0;background:none;margin:0;padding:0}.v7-mobile-nav summary{font-weight:900;color:#0b4c87;padding:10px 13px;font-size:15px;cursor:pointer}.v7-mobile-nav[open] nav{position:absolute;right:14px;top:69px;border:2px solid #ffc96e;background:white;border-radius:16px;box-shadow:0 8px 18px #1b3a5166;padding:12px 16px;display:grid;gap:7px;min-width:210px}.v7-mobile-nav nav a{color:#104979;text-decoration:none;font-weight:850;padding:8px}.v7-hero{height:390px}.v7-landmark{top:18px;left:20%;width:70%;max-width:70%}.v7-hand-note{right:2%;top:160px;font-size:12px;width:127px;height:122px;padding:10px 8px}.v7-searchbar{width:95%;grid-template-columns:repeat(2,1fr) 1fr;bottom:12px;height:auto;min-height:104px;border-radius:23px;gap:6px;padding:6px}.v7-search-field{height:40px;border-right:0;border-bottom:1px solid #d6e2ee}.v7-searchbar .v7-location{grid-column:span 1}.v7-search-btn{grid-column:3;grid-row:1/3;height:85px}.v7-trustband{padding:0 1vw}.v7-trustband span{font-size:11px}.v7-step-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v7-step{height:216px}.v7-destination-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.v7-quickbar{grid-template-columns:1fr 1fr}.v7-quick:last-child{grid-column:1/-1}.v7-destinations{padding-bottom:14px}.v7-step-text{padding-left:85px}.v7-step h3{font-size:18px}.v7-step p{font-size:12px}}
@media (max-width:620px){html{scroll-padding-top:12px}.v7-site-header{padding:4px 8px 2px;height:65px}.v7-header-inner{border-radius:19px;height:57px;padding:3px 8px;gap:7px}.v7-brand{width:183px;height:45px}.v7-brand img{max-height:49px}.v7-start{display:none}.v7-hero{height:464px}.v7-scenery{background-size:auto 100%;background-position:center}.v7-landmark{left:0;top:18px;max-width:100%;width:100%}.v7-landmark img{width:100%}.v7-hand-note{top:195px;right:5%;width:114px;height:108px;font-size:10px;padding:9px}.v7-searchbar{bottom:8px;left:3%;transform:none;width:94%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto auto;height:auto;padding:6px;border-radius:19px;gap:3px}.v7-search-field{height:44px;padding:2px 5px;min-width:0}.v7-search-field label{font-size:10px}.v7-search-field .v7-field-icon{font-size:13px}.v7-search-field :is(input,select){font-size:12px;padding-left:18px}.v7-location{grid-column:1/-1!important}.v7-guests{grid-column:1}.v7-search-btn{grid-column:2;grid-row:3;font-size:12px;height:44px;margin:0}.v7-search-btn span{font-size:20px}.v7-trustband{height:auto;display:grid;grid-template-columns:1fr 1fr;padding:6px 5px;gap:5px}.v7-trustband>div{padding:4px;font-size:20px}.v7-trustband span{font-size:10px}.v7-trustband>div+div{border-left:none}.v7-section-title{height:75px;padding-top:8px}.v7-section-title h2{font-size:18px}.v7-section-title p{font-size:13px}.v7-section-title:before,.v7-section-title:after{display:none}.v7-steps-section{padding:0 8px 10px}.v7-step-grid{gap:10px;grid-template-columns:1fr}.v7-step{height:208px}.v7-step-text{padding-left:86px}.v7-step h3{font-size:18px}.v7-step p{font-size:12px}.v7-step>.v7-gloss{height:36px;font-size:14px}.v7-destinations{padding:0 8px 14px}.v7-dest-heading{height:auto;flex-wrap:wrap;gap:3px;justify-content:center;padding:8px 0}.v7-dest-heading h2{font-size:15px;white-space:normal;text-align:center}.v7-dest-heading p{font-size:12px;text-align:center;flex:0 0 100%}.v7-dest-heading>a{display:none}.v7-destination-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.v7-dest{height:107px}.v7-dest>span{font-size:11px;white-space:normal}.v7-quickbar{grid-template-columns:1fr;padding:9px 8px 12px}.v7-quick:last-child{grid-column:auto}.v7-quick{height:96px}.v7-quick h3{font-size:13px}.v7-quick p{font-size:11px}.v7-workspace{padding:10px;margin:20px 5px;border-radius:17px}.v7-workspace-top{align-items:flex-start;flex-direction:column}.v7-tabs{gap:5px}.v7-tabs button{font-size:10px;padding:7px 9px}.v7-about{margin:15px 8px;padding:18px}.v7-footer{font-size:12px}.v7-workspace .fields.cols2,.v7-workspace .grid2{grid-template-columns:1fr}}
@media print{.v7-site-header,.v7-hero,.v7-steps-section,.v7-destinations,.v7-quickbar,.v7-trustband,.v7-about,.v7-footer,.v7-tabs,.v7-workspace-top{display:none!important}.v7-workspace{display:block!important;box-shadow:none!important;border:0!important}.v7-workspace .tab-panel{display:block!important}.v7-workspace .tab-panel .inner{padding:12px}}
/* Final visual corrections from desktop/mobile preview */
.v7-step.step-1::before{background-image:url('assets/coast-villa.webp')}
.v7-step.step-2::before{background-image:url('assets/mountain-cabin.webp')}
.v7-step.step-3::before{background-image:url('assets/hero-left.webp')}
.v7-step.step-4::before{background-image:url('assets/hero-right.webp')}
/* Original right-side handwritten sign already lives in the separate mountain-scene artwork. */
.v7-hand-note{display:none}
#rentalCards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media(max-width:1010px){#rentalCards{grid-template-columns:1fr}}
@media(max-width:620px){
 .v7-hand-note{display:block;top:233px;right:3.5%;height:101px;width:104px;font-size:9px}
 .v7-hero::before{top:213px;bottom:auto;height:128px;left:0;right:0;background-image:linear-gradient(to bottom,#ffffff00,#765aa12a),url('assets/hero-left.webp'),url('assets/hero-right.webp');background-size:100% 100%,50% 100%,50% 100%;background-repeat:no-repeat;background-position:center,left center,right center;opacity:.93}
 .v7-hero::after{bottom:121px}
 .v7-landmark{top:12px}
}