/* 2026-10-11 Bill: FX logo 20% larger, "FX Sails" name across the top header, "Instant Sail Quote" under it (Grok Bot).
   Loaded from header.php / header_quoter.php right before <div id="mhead">. Undo: remove that <link> and the #fxh-bar block (see ROLLBACK.sh). */
#fxh-bar{position:relative;z-index:3;background:#fff;border-bottom:1px solid #d9e1ea;box-shadow:0 2px 10px rgba(0,32,63,.10);}
#fxh-bar .fxh-in{width:1180px;max-width:calc(100% - 48px);margin:0 auto;padding:12px 0;display:flex;align-items:center;justify-content:space-between;gap:24px;box-sizing:border-box;}
#fxh-bar .fxh-brand,#fxh-bar .fxh-brand:link,#fxh-bar .fxh-brand:visited,#fxh-bar .fxh-brand:hover{display:flex;align-items:center;gap:20px;text-decoration:none;color:#002B53;}
#fxh-bar .fxh-brand img{display:block;width:110px;height:110px;flex:none;border-radius:19px;background:#fff;box-shadow:0 0 0 1px #e3e9f0,0 3px 10px rgba(0,43,83,.16);}
#fxh-bar .fxh-text{display:flex;flex-direction:column;align-items:flex-start;}
#fxh-bar .fxh-name{font:700 50px/1 "Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:#002B53;letter-spacing:-.012em;white-space:nowrap;}
#fxh-bar .fxh-tag{margin-top:8px;font:700 16px/1.2 "Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:#002B53;letter-spacing:.22em;text-transform:uppercase;white-space:nowrap;}
#fxh-bar .fxh-tag:before{content:"";display:inline-block;width:26px;height:2px;margin:0 10px 0 0;vertical-align:middle;background:#db4333;position:relative;top:-2px;}
/* the four small links (About Us, FAQ, Measurement Forms, Links) move into the white bar, right side */
#fxh-bar #topnavcontainer{position:static;top:auto;left:auto;width:auto;margin:0;padding:0;float:none;background:none;order:0;}
#fxh-bar #topnavcontainer ul{display:flex;flex-wrap:wrap;justify-content:flex-end;margin:0;padding:0;list-style:none;}
#fxh-bar #topnavcontainer li{float:none;margin:0;padding:0 14px;font:600 14px/18px "Segoe UI",Roboto,Arial,sans-serif;border-left:1px solid #c7d2de;background:none;}
#fxh-bar #topnavcontainer li:first-child{border-left:0;}
#fxh-bar #topnavcontainer li:last-child{padding-right:0;}
#fxh-bar #topnavcontainer li a,#fxh-bar #topnavcontainer a:link,#fxh-bar #topnavcontainer a:visited{color:#002B53;text-shadow:none;text-decoration:none;background:none;}
#fxh-bar #topnavcontainer li a:hover{color:#db4333;}
/* photo area: brand + links moved up, so the quote box and phone sit higher and the photo band is shorter */
@media (min-width:1001px){
 #header{height:330px;}
 #quikquote{top:40px;}
 #mtel{top:244px;}
 .mh-i{object-position:50% 35%;}
 #mhead.mh-compact #header{height:130px;}
 #mhead.mh-compact #mtel{top:46px;}
}
@media (max-width:1000px){
 #fxh-bar .fxh-in{width:auto;max-width:none;flex-direction:column;gap:6px;padding:14px 12px 4px;}
 #fxh-bar .fxh-brand{gap:14px;}
 #fxh-bar .fxh-brand img{width:86px;height:86px;border-radius:16px;}
 #fxh-bar .fxh-name{font-size:40px;}
 #fxh-bar .fxh-tag{margin-top:7px;font-size:12.5px;letter-spacing:.2em;}
 #fxh-bar .fxh-tag:before{width:18px;margin-right:8px;}
 #fxh-bar #topnavcontainer ul{justify-content:center;}
 #fxh-bar #topnavcontainer li{padding:0 10px;font-size:14px;}
 #fxh-bar #topnavcontainer li:last-child{padding-right:10px;}
}
@media (max-width:420px){
 #fxh-bar .fxh-brand img{width:72px;height:72px;border-radius:14px;}
 #fxh-bar .fxh-name{font-size:34px;}
 #fxh-bar .fxh-tag{font-size:11.5px;letter-spacing:.17em;}
 #fxh-bar #topnavcontainer li{padding:0 8px;font-size:13.5px;}
}
/* v2 (Bill): "Premium Sails, Great Prices" with the 3 gold grommets, arranged like The Sail Store logo tagline (grommet cut from that logo) */
#fxh-bar .fxh-motto{display:flex;align-items:center;margin-top:7px;font:400 13px/1 Georgia,"Times New Roman",serif;color:#13285a;letter-spacing:.28em;text-transform:uppercase;white-space:nowrap;}
#fxh-bar .fxh-g{display:inline-block;width:15px;height:15px;flex:none;margin:0 9px 0 0;background:url(/img/modern/fxh-grommet.png) center/100% 100% no-repeat;}
#fxh-bar .fxh-g+.fxh-g,#fxh-bar .fxh-motto .fxh-g:not(:first-child){margin:0 9px 0 6px;}
#fxh-bar .fxh-motto .fxh-g:last-child{margin:0 0 0 6px;}
@media (max-width:1000px){ #fxh-bar .fxh-name{font-size:38px;} #fxh-bar .fxh-motto{margin-top:6px;font-size:11px;letter-spacing:.2em;} #fxh-bar .fxh-g{width:12px;height:12px;margin-right:6px;} #fxh-bar .fxh-motto .fxh-g:not(:first-child){margin:0 6px 0 4px;} #fxh-bar .fxh-motto .fxh-g:last-child{margin:0 0 0 4px;} #fxh-bar .fxh-tag{margin-top:6px;font-size:13.5px;} }
@media (max-width:420px){ #fxh-bar .fxh-name{font-size:32px;} #fxh-bar .fxh-motto{font-size:10px;letter-spacing:.14em;} #fxh-bar .fxh-g{width:11px;height:11px;} #fxh-bar .fxh-tag{font-size:12.5px;letter-spacing:.16em;} }
/* v3 (Bill 2026-10-11 "Center FX Sails like the sail store"): logo + name centered as one unit, grommet tagline centered under the name,
   Instant Sail Quote centered under that (red accent on both sides), the four small links in a quiet centered row below. */
#fxh-bar .fxh-in{flex-direction:column;align-items:center;justify-content:center;gap:0;padding:14px 0 0;}
#fxh-bar .fxh-brand,#fxh-bar .fxh-brand:link,#fxh-bar .fxh-brand:visited,#fxh-bar .fxh-brand:hover{justify-content:center;gap:22px;}
#fxh-bar .fxh-text{align-items:center;text-align:center;}
#fxh-bar .fxh-name{font-size:54px;}
#fxh-bar .fxh-motto{justify-content:center;margin-top:9px;}
#fxh-bar .fxh-tag{margin-top:9px;padding-left:.22em;}
#fxh-bar .fxh-tag:after{content:"";display:inline-block;width:26px;height:2px;margin:0 0 0 10px;vertical-align:middle;background:#db4333;position:relative;top:-2px;}
#fxh-bar #topnavcontainer{margin:12px 0 0;padding:7px 0 8px;border-top:1px solid #e6ecf2;width:100%;}
#fxh-bar #topnavcontainer ul{justify-content:center;}
#fxh-bar #topnavcontainer li{padding:0 16px;font-size:13.5px;line-height:18px;}
#fxh-bar #topnavcontainer li:last-child{padding-right:16px;}
@media (min-width:1001px){ #header{height:316px;} #mtel{top:232px;} }
@media (max-width:1000px){
 #fxh-bar .fxh-in{padding:12px 12px 0;}
 #fxh-bar .fxh-brand,#fxh-bar .fxh-brand:link,#fxh-bar .fxh-brand:visited{gap:14px;}
 #fxh-bar .fxh-name{font-size:40px;}
 #fxh-bar .fxh-motto{margin-top:7px;}
 #fxh-bar .fxh-tag{margin-top:7px;}
 #fxh-bar .fxh-tag:after{width:18px;margin-left:8px;}
 #fxh-bar #topnavcontainer{margin-top:10px;padding:6px 0 7px;}
 #fxh-bar #topnavcontainer li{padding:0 10px;font-size:13.5px;line-height:20px;height:auto;}
 #fxh-bar #topnavcontainer li:last-child{padding-right:10px;}
}
@media (max-width:420px){
 #fxh-bar .fxh-brand,#fxh-bar .fxh-brand:link,#fxh-bar .fxh-brand:visited{gap:12px;}
 #fxh-bar .fxh-name{font-size:32px;}
 #fxh-bar #topnavcontainer li{padding:0 8px;font-size:13px;}
 #fxh-bar #topnavcontainer li:last-child{padding-right:8px;}
}
/* v4 (2026-10-11 7:10 PM, Bill's wife): header logo + name + grommet tagline + INSTANT SAIL QUOTE 35% bigger, scaled together
   (phones ~20% so it fits); rotating photo band under the header 20% shorter (photos still object-fit:cover, no stretching). */
#fxh-bar .fxh-in{padding-top:18px;}
#fxh-bar .fxh-brand,#fxh-bar .fxh-brand:link,#fxh-bar .fxh-brand:visited,#fxh-bar .fxh-brand:hover{gap:30px;}
#fxh-bar .fxh-brand img{width:148px;height:148px;border-radius:26px;}
#fxh-bar .fxh-name{font-size:73px;}
#fxh-bar .fxh-motto{margin-top:12px;font-size:17.5px;}
#fxh-bar .fxh-g{width:20px;height:20px;margin:0 12px 0 0;}
#fxh-bar .fxh-motto .fxh-g:not(:first-child){margin:0 12px 0 8px;}
#fxh-bar .fxh-motto .fxh-g:last-child{margin:0 0 0 8px;}
#fxh-bar .fxh-tag{margin-top:12px;font-size:21.5px;}
#fxh-bar .fxh-tag:before{width:35px;height:3px;margin-right:13px;}
#fxh-bar .fxh-tag:after{width:35px;height:3px;margin-left:13px;}
#fxh-bar #topnavcontainer{margin-top:14px;}
@media (min-width:1001px){
 #header{height:253px;}
 #quikquote{top:22px;}
 #mtel{top:200px;}
 #mhead.mh-compact #header{height:104px;}
 #mhead.mh-compact #mtel{top:34px;}
}
@media (max-width:1000px){
 #fxh-bar .fxh-in{padding-top:14px;}
 #fxh-bar .fxh-brand,#fxh-bar .fxh-brand:link,#fxh-bar .fxh-brand:visited{gap:19px;}
 #fxh-bar .fxh-brand img{width:116px;height:116px;border-radius:21px;}
 #fxh-bar .fxh-name{font-size:54px;}
 #fxh-bar .fxh-motto{margin-top:9px;font-size:15px;}
 #fxh-bar .fxh-g{width:16px;height:16px;margin:0 8px 0 0;}
 #fxh-bar .fxh-motto .fxh-g:not(:first-child){margin:0 8px 0 5px;}
 #fxh-bar .fxh-motto .fxh-g:last-child{margin:0 0 0 5px;}
 #fxh-bar .fxh-tag{margin-top:9px;font-size:18px;}
 #fxh-bar .fxh-tag:before{width:24px;height:2px;margin-right:10px;}
 #fxh-bar .fxh-tag:after{width:24px;height:2px;margin-left:10px;}
 #mhero-ph{aspect-ratio:2;}
 #mhead.mh-compact #mhero-ph{aspect-ratio:3.25;}
}
@media (max-width:600px){ #mhead.mh-compact #mhero-ph{aspect-ratio:2.75;} }
@media (max-width:420px){
 #fxh-bar .fxh-in{padding-top:12px;}
 #fxh-bar .fxh-brand,#fxh-bar .fxh-brand:link,#fxh-bar .fxh-brand:visited{gap:12px;}
 #fxh-bar .fxh-brand img{width:86px;height:86px;border-radius:16px;}
 #fxh-bar .fxh-name{font-size:39px;}
 #fxh-bar .fxh-motto{margin-top:7px;font-size:12px;letter-spacing:.1em;}
 #fxh-bar .fxh-g{width:13px;height:13px;margin:0 5px 0 0;}
 #fxh-bar .fxh-motto .fxh-g:not(:first-child){margin:0 5px 0 4px;}
 #fxh-bar .fxh-motto .fxh-g:last-child{margin:0 0 0 4px;}
 #fxh-bar .fxh-tag{margin-top:7px;font-size:15px;letter-spacing:.14em;}
 #fxh-bar .fxh-tag:before{width:18px;margin-right:7px;}
 #fxh-bar .fxh-tag:after{width:18px;margin-left:7px;}
}
@media (max-width:374px){ #fxh-bar .fxh-brand img{width:78px;height:78px;border-radius:14px;} #fxh-bar .fxh-brand,#fxh-bar .fxh-brand:link,#fxh-bar .fxh-brand:visited{gap:10px;} #fxh-bar .fxh-name{font-size:36px;} #fxh-bar .fxh-motto{font-size:11px;} #fxh-bar .fxh-g{width:12px;height:12px;} #fxh-bar .fxh-tag{font-size:14px;} }
/* v5 (2026-10-11 7:15 PM, Bill): header pieces another 20% bigger (phones only as much as fits), photo band another 30% shorter (photos still cover, no stretching). */
#fxh-bar .fxh-in{padding-top:20px;}
#fxh-bar .fxh-brand,#fxh-bar .fxh-brand:link,#fxh-bar .fxh-brand:visited,#fxh-bar .fxh-brand:hover{gap:36px;}
#fxh-bar .fxh-brand img{width:178px;height:178px;border-radius:31px;}
#fxh-bar .fxh-name{font-size:88px;}
#fxh-bar .fxh-motto{margin-top:14px;font-size:21px;}
#fxh-bar .fxh-g{width:24px;height:24px;margin:0 14px 0 0;}
#fxh-bar .fxh-motto .fxh-g:not(:first-child){margin:0 14px 0 10px;}
#fxh-bar .fxh-motto .fxh-g:last-child{margin:0 0 0 10px;}
#fxh-bar .fxh-tag{margin-top:14px;font-size:26px;}
#fxh-bar .fxh-tag:before{width:42px;height:3px;margin-right:16px;}
#fxh-bar .fxh-tag:after{width:42px;height:3px;margin-left:16px;}
#fxh-bar #topnavcontainer{margin-top:16px;}
@media (min-width:1001px){
 #header{height:177px;}
 #quikquote{top:7px;}
 #mtel{left:448px;top:118px;}
 #mhead.mh-compact #header{height:73px;}
 #mhead.mh-compact #mtel{left:0;top:19px;}
}
@media (max-width:1000px){
 #fxh-bar .fxh-in{padding-top:16px;}
 #fxh-bar .fxh-brand,#fxh-bar .fxh-brand:link,#fxh-bar .fxh-brand:visited{gap:23px;}
 #fxh-bar .fxh-brand img{width:139px;height:139px;border-radius:25px;}
 #fxh-bar .fxh-name{font-size:65px;}
 #fxh-bar .fxh-motto{margin-top:11px;font-size:18px;}
 #fxh-bar .fxh-g{width:19px;height:19px;margin:0 10px 0 0;}
 #fxh-bar .fxh-motto .fxh-g:not(:first-child){margin:0 10px 0 6px;}
 #fxh-bar .fxh-motto .fxh-g:last-child{margin:0 0 0 6px;}
 #fxh-bar .fxh-tag{margin-top:11px;font-size:21.5px;}
 #fxh-bar .fxh-tag:before{width:29px;margin-right:12px;}
 #fxh-bar .fxh-tag:after{width:29px;margin-left:12px;}
 #mhero-ph{aspect-ratio:2.857;}
 #mhead.mh-compact #mhero-ph{aspect-ratio:4.64;}
}
@media (max-width:600px){ #mhead.mh-compact #mhero-ph{aspect-ratio:3.93;} }
/* in-between widths (big phones / small tablets): ~1.2x the phone size, which fits from 481 px up */
@media (max-width:700px){
 #fxh-bar .fxh-in{padding-top:14px;}
 #fxh-bar .fxh-brand,#fxh-bar .fxh-brand:link,#fxh-bar .fxh-brand:visited{gap:14px;}
 #fxh-bar .fxh-brand img{width:103px;height:103px;border-radius:19px;}
 #fxh-bar .fxh-name{font-size:47px;}
 #fxh-bar .fxh-motto{margin-top:8px;font-size:14.5px;letter-spacing:.1em;}
 #fxh-bar .fxh-g{width:15px;height:15px;margin:0 6px 0 0;}
 #fxh-bar .fxh-motto .fxh-g:not(:first-child){margin:0 6px 0 5px;}
 #fxh-bar .fxh-motto .fxh-g:last-child{margin:0 0 0 5px;}
 #fxh-bar .fxh-tag{margin-top:8px;font-size:18px;letter-spacing:.14em;}
 #fxh-bar .fxh-tag:before{width:22px;margin-right:8px;}
 #fxh-bar .fxh-tag:after{width:22px;margin-left:8px;}
}
/* phones up to 480: same as v4 (already at the width limit at 390) */
@media (max-width:480px){
 #fxh-bar .fxh-in{padding-top:12px;}
 #fxh-bar .fxh-brand,#fxh-bar .fxh-brand:link,#fxh-bar .fxh-brand:visited{gap:12px;}
 #fxh-bar .fxh-brand img{width:86px;height:86px;border-radius:16px;}
 #fxh-bar .fxh-name{font-size:39px;}
 #fxh-bar .fxh-motto{margin-top:7px;font-size:12px;}
 #fxh-bar .fxh-g{width:13px;height:13px;margin:0 5px 0 0;}
 #fxh-bar .fxh-motto .fxh-g:not(:first-child){margin:0 5px 0 4px;}
 #fxh-bar .fxh-motto .fxh-g:last-child{margin:0 0 0 4px;}
 #fxh-bar .fxh-tag{margin-top:7px;font-size:15px;}
 #fxh-bar .fxh-tag:before{width:18px;margin-right:7px;}
 #fxh-bar .fxh-tag:after{width:18px;margin-left:7px;}
}
@media (max-width:374px){ #fxh-bar .fxh-brand img{width:78px;height:78px;border-radius:14px;} #fxh-bar .fxh-brand,#fxh-bar .fxh-brand:link,#fxh-bar .fxh-brand:visited{gap:10px;} #fxh-bar .fxh-name{font-size:36px;} #fxh-bar .fxh-motto{font-size:11px;} #fxh-bar .fxh-g{width:12px;height:12px;} #fxh-bar .fxh-tag{font-size:14px;} }
/* v6 (2026-10-11 7:19 PM, Bill): quote box up in the top-left corner of the photo band with a small 8 px inset (tablet landscape + computer);
   Toll Free sits just right of the box. (100vw - 100%)/2 = gap between the band edge and the centered header column. Phones/portrait keep the stacked layout. */
@media (min-width:1001px){
 #quikquote{top:7px;left:calc(8px - (100vw - 100%) / 2);}
 #mtel{left:calc(432px - (100vw - 100%) / 2);top:118px;}
}
/* v6b (Bill 7:21 PM): modern quote card - white (slightly translucent) card, 10px corners, soft shadow, navy #0B2545 title,
   roomy rounded fields (labels kept for screen readers, placeholders shown), one full-width solid navy button. Same form, names, action. */
#quikquote,#quikquote:hover{width:400px;box-sizing:border-box;padding:12px 14px 14px;background:rgba(255,255,255,.95);border:0;border-radius:10px;overflow:visible;box-shadow:0 10px 28px rgba(0,20,45,.32),0 1px 3px rgba(0,20,45,.18);transform:none;}
#quikquote form{margin:0;}
#quikquote table{display:block;width:100%;background:none;border:0;}
#quikquote tbody{display:grid;grid-template-columns:1fr 1fr;column-gap:8px;}
#quikquote tr{display:contents;}
#quikquote td,#quikquote tr:first-child td,#quikquote tr:nth-child(2) td,#quikquote tr:last-child td{display:block;padding:0;background:none;flex:none;}
#quikquote tr:first-child td{grid-column:1/-1;margin:0 0 10px;}
#quikquote h2{margin:0;padding:0;font:700 15px/18px Roboto,"Segoe UI","Helvetica Neue",Arial,sans-serif;letter-spacing:.04em;color:#0B2545;}
#quikquote tr:nth-child(2) td:first-child,#quikquote tr:nth-child(3) td:first-child,#quikquote tr:last-child td:first-child{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;}
#quikquote input[type=text]{display:block;width:100%;height:40px;box-sizing:border-box;margin:0;padding:0 12px;font:15px Roboto,"Segoe UI",Arial,sans-serif;color:#0B2545;background:#fff;border:1px solid #cdd6e0;border-radius:8px;box-shadow:none;transition:border-color .15s,box-shadow .15s;}
#quikquote input[type=text]::placeholder,#quikquote input[name=email_address]::placeholder{color:#6b7785;opacity:1;}
#quikquote input[type=text]:focus{outline:none;border-color:#0B2545;box-shadow:0 0 0 3px rgba(11,37,69,.18);}
#quikquote tr:last-child td:last-child{grid-column:1/-1;margin-top:10px;}
#searchsubmit,#searchsubmit:hover,#searchsubmit:focus{display:block;width:100%;height:42px;margin:0;padding:0 12px;border:0;border-radius:8px;background:#0B2545;color:#fff;font:700 16px/42px Roboto,"Segoe UI",Arial,sans-serif;letter-spacing:.02em;box-shadow:0 2px 6px rgba(11,37,69,.25);cursor:pointer;-webkit-appearance:none;appearance:none;}
#searchsubmit:hover,#searchsubmit:focus{background:#16386a;color:#fff;}
@media (min-width:1001px){
 #quikquote{top:10px;left:calc(10px - (100vw - 100%) / 2);}
 #mtel{left:calc(434px - (100vw - 100%) / 2);top:114px;}
}
@media (max-width:1000px){
 #quikquote,#quikquote:hover{width:auto;padding:14px 16px 16px;}
 #quikquote tbody{grid-template-columns:1fr;row-gap:10px;}
 #quikquote tr:first-child td{margin:0;}
 #quikquote input[type=text]{height:46px;font-size:16px;}
 #quikquote tr:last-child td:last-child{margin-top:2px;}
 #searchsubmit,#searchsubmit:hover,#searchsubmit:focus{height:48px;line-height:48px;font-size:17px;}
}
#quikquote td,#quikquote tr:nth-child(2) td,#quikquote tr:nth-child(3) td,#quikquote tr:nth-child(2) td:last-child,#quikquote tr:nth-child(3) td:last-child,#quikquote tr:last-child td:last-child{width:auto;padding:0;flex:none;box-sizing:border-box;}
#quikquote tbody{grid-template-columns:1.4fr 1fr;}
#quikquote input[type=text]{font-size:14.5px;}
@media (max-width:1000px){ #quikquote tbody{grid-template-columns:1fr;} #quikquote input[type=text]{font-size:16px;} }
/* v7 (Bill 7:25 PM, Android tablet portrait ~640 px): quote card in the top-left of the photo band from 600 to 1000 px too.
   Band height grows with width (236 px at 640, 280 at 800) so the card fits with photo beside it; Toll Free bottom-right over the photo.
   Quoter pages (no quote box) and phones under 600 px keep the stacked layout. */
@media (min-width:600px) and (max-width:1000px){
 #mhead:not(.mh-compact) #header{position:relative;}
 #mhead:not(.mh-compact) #mhero-ph{aspect-ratio:auto;height:clamp(236px,35vw,350px);max-height:none;-webkit-mask-image:linear-gradient(to bottom,#000 82%,transparent 100%);mask-image:linear-gradient(to bottom,#000 82%,transparent 100%);}
 #mhead:not(.mh-compact) #quikquote,#mhead:not(.mh-compact) #quikquote:hover{position:absolute;z-index:2;top:10px;left:10px;width:320px;max-width:none;margin:0;padding:12px 14px 14px;}
 #mhead:not(.mh-compact) #quikquote tbody{grid-template-columns:1fr;row-gap:8px;}
 #mhead:not(.mh-compact) #quikquote tr:first-child td{margin:0 0 2px;}
 #mhead:not(.mh-compact) #quikquote h2{font-size:13.5px;line-height:17px;letter-spacing:.03em;}
 #mhead:not(.mh-compact) #quikquote input[type=text]{height:40px;font-size:16px;}
 #mhead:not(.mh-compact) #quikquote tr:last-child td:last-child{margin-top:2px;}
 #mhead:not(.mh-compact) #searchsubmit,#mhead:not(.mh-compact) #searchsubmit:hover,#mhead:not(.mh-compact) #searchsubmit:focus{height:42px;line-height:42px;font-size:16px;}
 #mhead:not(.mh-compact) #mtel{position:absolute;z-index:2;top:auto;left:auto;right:16px;bottom:16px;width:auto;height:auto;max-width:none;margin:0;padding:2px 0;background:none;box-shadow:none;color:#fff;font:800 22px/1.2 "Segoe UI",Roboto,Arial,sans-serif;text-shadow:0 2px 8px rgba(0,0,0,.85),0 0 2px rgba(0,0,0,.6);}
 #mhead:not(.mh-compact) #mtel:hover{color:#ffd23f;}
}
/* v8 (Bill 7:28 PM "way too big"): 600-1000 px - photo band back to the short 7:23 height (width / 2.857: 210 px at 600, 224 at 640, 280 at 800),
   compact quote card top-left: smaller padding + title, the two fields side by side at 34 px, slim 34 px button. */
@media (min-width:600px) and (max-width:1000px){
 #mhead:not(.mh-compact) #mhero-ph{height:auto;aspect-ratio:2.857;max-height:none;}
 #mhead:not(.mh-compact) #quikquote,#mhead:not(.mh-compact) #quikquote:hover{top:8px;left:8px;width:360px;padding:8px 10px 10px;border-radius:10px;}
 #mhead:not(.mh-compact) #quikquote tbody{grid-template-columns:1.4fr 1fr;column-gap:6px;row-gap:0;}
 #mhead:not(.mh-compact) #quikquote tr:first-child td{margin:0 0 6px;}
 #mhead:not(.mh-compact) #quikquote h2{font-size:12px;line-height:15px;letter-spacing:.03em;}
 #mhead:not(.mh-compact) #quikquote input[type=text]{height:34px;padding:0 9px;font-size:13.5px;border-radius:7px;}
 #mhead:not(.mh-compact) #quikquote tr:last-child td:last-child{margin-top:6px;}
 #mhead:not(.mh-compact) #searchsubmit,#mhead:not(.mh-compact) #searchsubmit:hover,#mhead:not(.mh-compact) #searchsubmit:focus{height:34px;line-height:34px;font-size:14.5px;border-radius:7px;}
 #mhead:not(.mh-compact) #mtel{right:14px;bottom:12px;font-size:20px;}
}
/* v9 (Bill 7:30 PM): quote card in proportion with the photo band (~37-39% of its width, ~75% of its height), frosted-glass look,
   sentence-case title "Get an instant sail quote", rounded fields, solid navy button. Band heights unchanged. Same form fields/names/action. */
#quikquote,#quikquote:hover{background:rgba(255,255,255,.80);-webkit-backdrop-filter:blur(12px) saturate(140%);backdrop-filter:blur(12px) saturate(140%);border:1px solid rgba(255,255,255,.65);border-radius:14px;box-shadow:0 10px 30px rgba(0,20,45,.28);}
#quikquote h2{font:600 16px/20px Roboto,"Segoe UI","Helvetica Neue",Arial,sans-serif;letter-spacing:0;text-transform:none;color:#0B2545;}
#quikquote input[type=text]{background:rgba(255,255,255,.95);border:1px solid #c9d3de;border-radius:9px;}
#searchsubmit,#searchsubmit:hover,#searchsubmit:focus{border-radius:9px;background:#0B2545;box-shadow:0 2px 8px rgba(11,37,69,.3);}
#searchsubmit:hover,#searchsubmit:focus{background:#16386a;}
/* computer + tablet landscape (band 177 px): card 380 x ~134 */
@media (min-width:1001px){
 #quikquote,#quikquote:hover{top:12px;left:calc(12px - (100vw - 100%) / 2);width:380px;padding:12px 14px;}
 #quikquote tbody{grid-template-columns:1.4fr 1fr;column-gap:8px;}
 #quikquote tr:first-child td{margin:0 0 8px;}
 #quikquote input[type=text]{height:36px;font-size:14px;}
 #quikquote tr:last-child td:last-child{margin-top:8px;}
 #searchsubmit,#searchsubmit:hover,#searchsubmit:focus{height:38px;line-height:38px;font-size:15px;}
 #mtel{left:calc(416px - (100vw - 100%) / 2);top:110px;}
}
/* tablet portrait 600-1000 px (band = width / 2.857): everything sized from the card font (2.5vw = 16 px at 640) so the card stays ~39% wide, ~76% tall */
@media (min-width:600px) and (max-width:1000px){
 #mhead:not(.mh-compact) #quikquote,#mhead:not(.mh-compact) #quikquote:hover{top:12px;left:12px;width:15.6em;padding:.75em;font-size:2.5vw;border-radius:.875em;}
 #mhead:not(.mh-compact) #quikquote tbody{grid-template-columns:1fr;row-gap:.375em;column-gap:0;}
 #mhead:not(.mh-compact) #quikquote tr:first-child td{margin:0 0 .125em;}
 #mhead:not(.mh-compact) #quikquote h2{font-size:1em;line-height:1.25em;}
 #mhead:not(.mh-compact) #quikquote input[type=text]{height:2.43em;padding:0 .7em;font-size:.875em;border-radius:.6em;}
 #mhead:not(.mh-compact) #quikquote tr:last-child td:last-child{margin-top:.125em;}
 #mhead:not(.mh-compact) #searchsubmit,#mhead:not(.mh-compact) #searchsubmit:hover,#mhead:not(.mh-compact) #searchsubmit:focus{height:2.4em;line-height:2.4em;font-size:.9375em;border-radius:.6em;}
}
/* phones: same card style, stacked under the photo */
@media (max-width:599px){
 #quikquote,#quikquote:hover{background:rgba(255,255,255,.92);}
 #quikquote h2{font-size:17px;line-height:22px;}
}
/* v10 (Bill 7:40 PM): FX logo image +15% (text unchanged) wherever it fits; phones under 400 px keep the current logo (no room). */
#fxh-bar .fxh-brand img{width:205px;height:205px;border-radius:36px;}
@media (max-width:1000px){ #fxh-bar .fxh-brand img{width:160px;height:160px;border-radius:29px;} }
@media (max-width:700px){ #fxh-bar .fxh-brand img{width:118px;height:118px;border-radius:22px;} }
@media (max-width:480px){ #fxh-bar .fxh-brand img{width:99px;height:99px;border-radius:18px;} }
@media (max-width:399px){ #fxh-bar .fxh-brand img{width:86px;height:86px;border-radius:16px;} }
@media (max-width:374px){ #fxh-bar .fxh-brand img{width:78px;height:78px;border-radius:14px;} }