html,body{margin:0}body{padding-bottom:0}.popoyo-footer{background:#000;color:#fff;padding:48px 0 24px;margin:0;border:0;font:14px/1.7 Arial,sans-serif}.popoyo-footer .wrap{max-width:1280px}.po-footer-columns{display:grid;grid-template-columns:1.2fr .8fr 1.2fr auto;gap:40px;margin-bottom:35px}.popoyo-footer .wordmark{display:flex;align-items:center;gap:12px}.popoyo-footer .wordmark strong{font:700 24px Arial,sans-serif;letter-spacing:1px}.popoyo-footer .wordmark small{display:block;font-size:10px;letter-spacing:2px;color:#fff6;margin-top:5px}.popoyo-footer .wordmark img{object-fit:contain}.po-footer-brand p{max-width:280px;color:#fff8;margin:16px 0}.popoyo-footer h2{font:600 12px Arial,sans-serif;letter-spacing:1.2px;text-transform:uppercase;color:#fff6;margin:0 0 18px}.po-footer-columns nav>a,.po-footer-contact>a{display:block;color:#fff9;margin-bottom:8px;overflow-wrap:anywhere}.po-footer-contact p{color:#fff9}.po-footer-book{text-align:center}.po-footer-book>a{display:inline-flex;background:#087f83;padding:14px 30px;border-radius:30px;text-transform:uppercase;font-weight:700;font-size:12px;letter-spacing:1px}.po-footer-book p{font-size:10px;color:#fff5;margin:8px 0}.po-footer-properties{display:flex;gap:24px;flex-wrap:wrap;padding:20px 0;border-top:1px solid #fff2;font-size:12px;color:#fff9}.po-footer-bottom{border-top:1px solid #fff2;padding-top:24px;display:flex;justify-content:space-between;align-items:center;gap:15px;color:#fff5;font-size:11px}.po-footer-bottom p{margin:0}.sr-payment-footer{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sr-payment-footer img{width:48px;height:32px;object-fit:contain}.sr-crypto-badge{color:#bd95ff}.popoyo-footer a:hover{color:#fff}.popoyo-footer+nav{display:none}@media(max-width:1000px){.po-footer-columns{grid-template-columns:1fr 1fr}.po-footer-book{text-align:left}.po-footer-bottom{flex-wrap:wrap}}@media(max-width:600px){.po-footer-columns{grid-template-columns:1fr;gap:28px}.po-footer-bottom{flex-direction:column;align-items:flex-start}.po-footer-properties{gap:12px;flex-direction:column}}
/* Compact footer, matching the Surf Ranch family wordmark and payment row. */
.popoyo-footer{padding:30px 0 18px;font-size:12px;line-height:1.55}.popoyo-footer .wrap{max-width:1140px}
.popoyo-footer .sr-newsletter{display:grid;grid-template-columns:1fr 1fr;column-gap:50px;text-align:left;padding-bottom:24px;margin-bottom:26px;align-items:center}.popoyo-footer .sr-newsletter h2{grid-column:1;margin:0 0 6px!important}.popoyo-footer .sr-newsletter>p{grid-column:1;font-size:12px;margin:0;max-width:none}.popoyo-footer .sr-newsletter form{grid-column:2;grid-row:1/3;width:100%;max-width:440px;margin:0 0 0 auto}.popoyo-footer .sr-newsletter-consent{font-size:10px;margin-top:7px}.popoyo-footer .sr-newsletter input[type=email]{font-size:12px;padding:10px 14px}.popoyo-footer .sr-newsletter button{font-size:10px;padding:10px 20px}
.po-footer-columns{grid-template-columns:1fr .65fr 1.3fr auto;gap:30px;margin-bottom:24px}.popoyo-footer .wordmark{gap:9px}.popoyo-footer .wordmark img{width:48px;height:48px;filter:brightness(0) invert(1)}.popoyo-footer .wordmark strong{font:800 14px/1.4 Arial,sans-serif;letter-spacing:1.4px}.popoyo-footer .wordmark small{font:600 11px/1.4 Arial,sans-serif;letter-spacing:2.2px;color:#36a9ab;margin-top:3px}.popoyo-footer h2{font-size:10px;margin-bottom:10px}.po-footer-columns nav>a,.po-footer-contact>a{margin-bottom:5px;font-size:12px}.po-footer-contact p{margin:0 0 7px}.po-footer-book>a{padding:11px 23px;font-size:10px}.po-footer-book p{font-size:9px;max-width:150px}.po-footer-bottom{padding-top:16px;font-size:10px}.sr-payment-footer{gap:6px}.sr-payment-footer img{width:36px;height:24px}
@media(max-width:760px){.popoyo-footer .sr-newsletter{display:block}.popoyo-footer .sr-newsletter>p{margin-bottom:12px}.popoyo-footer .sr-newsletter form{margin:0;max-width:100%}.po-footer-columns{grid-template-columns:1fr 1fr;gap:22px}.po-footer-bottom{align-items:flex-start}.po-footer-book{text-align:left}}
@media(max-width:420px){.po-footer-columns{grid-template-columns:1fr}.po-footer-columns nav{display:flex;gap:18px;flex-wrap:wrap}.po-footer-columns nav h2{width:100%;margin-bottom:0}.popoyo-footer .sr-newsletter-row{flex-direction:row}}
.popoyo-footer .wordmark{flex-direction:row;text-align:left;justify-content:flex-start}.popoyo-footer .wordmark span{text-align:left}
/* Shared layout primitives keep the React booking footer identical to marketing pages. */
.popoyo-footer,.popoyo-footer *{box-sizing:border-box}.popoyo-footer .wrap{width:min(1140px,calc(100% - 112px));margin-inline:auto}.popoyo-footer a{color:inherit;text-decoration:none}.popoyo-footer .po-footer-columns nav>a,.popoyo-footer .po-footer-contact>a{color:#fff9}.popoyo-footer p{line-height:1.55}.popoyo-footer .wordmark{line-height:1;white-space:nowrap}.popoyo-footer .wordmark span{display:block;margin-top:11px}.popoyo-footer .wordmark img{display:block}.popoyo-footer input,.popoyo-footer button{font-family:inherit}.popoyo-footer .sr-newsletter input[type=email]{min-width:0}.popoyo-footer .sr-newsletter-consent input{width:auto!important;flex:0 0 auto}@media(max-width:760px){.popoyo-footer .wrap{width:calc(100% - 40px)}.popoyo-footer .sr-newsletter input[type=email]{font-size:16px}.popoyo-footer .sr-newsletter button{min-height:44px}}

/* Two vertical columns, five navigation links each. */
.po-footer-columns nav{display:grid;grid-template-rows:auto repeat(5,auto);grid-auto-flow:column;grid-template-columns:repeat(2,minmax(90px,1fr));column-gap:24px;align-content:start}.po-footer-columns nav h2{grid-column:1/-1}.po-footer-columns nav>a{white-space:nowrap}.po-footer-columns{grid-template-columns:1fr 1.1fr 1.3fr auto}@media(max-width:1000px){.po-footer-columns{grid-template-columns:1fr 1fr}}@media(max-width:480px){.po-footer-columns{grid-template-columns:1fr}}
