:root{--sf-blue:#1458a6;--sf-yellow:#ffd43b;--sf-dark:#172033;--sf-light:#f5f7fb}
.sf-hero{padding:70px 30px;border-radius:24px;background:linear-gradient(135deg,#eef5ff,#fff7cf);margin:20px 0 35px}.sf-hero>div{max-width:850px}.sf-kicker{font-weight:800;letter-spacing:.12em;color:var(--sf-blue)}.sf-hero h1{font-size:clamp(38px,6vw,68px);line-height:1.05;margin:.2em 0}.sf-button{display:inline-block;padding:13px 22px;border-radius:10px;background:var(--sf-blue);color:#fff!important;text-decoration:none;font-weight:700;margin:4px}.sf-button-alt{background:var(--sf-yellow);color:var(--sf-dark)!important}.sf-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:30px 0}.sf-benefits>div,.sf-link-grid a,.sf-product-card,.sf-contact,.sf-product-details{background:#fff;border:1px solid #e5e9f1;border-radius:16px;padding:20px;box-shadow:0 8px 24px rgba(23,32,51,.07)}.sf-benefits strong,.sf-benefits span{display:block}.sf-benefits span{margin-top:5px;color:#596276}.sf-link-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:25px 0}.sf-link-grid a{text-decoration:none;color:var(--sf-dark)}.sf-link-grid strong,.sf-link-grid span{display:block}.sf-link-grid span{margin-top:6px;color:#667085}.sf-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.sf-product-card{overflow:hidden;padding:0}.sf-product-image{display:block;aspect-ratio:4/3;background:var(--sf-light)}.sf-product-image img{width:100%;height:100%;object-fit:cover}.sf-product-body{padding:20px}.sf-product-body h3{margin:0 0 8px}.sf-price{font-size:1.25rem;font-weight:800;color:var(--sf-blue)}.sf-meta{color:#667085}.sf-reservation-wrap{background:#fff;border:1px solid #e6e9ef;border-radius:18px;padding:20px;min-height:300px}.sf-contact{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.sf-product-details{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:25px 0}.sf-product-details div{padding:12px;background:var(--sf-light);border-radius:10px}.sf-product-details strong,.sf-product-details span{display:block}.sf-product-details span{margin-top:4px}
@media(max-width:900px){.sf-benefits,.sf-product-grid,.sf-link-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.sf-benefits,.sf-product-grid,.sf-link-grid,.sf-contact,.sf-product-details{grid-template-columns:1fr}.sf-hero{padding:42px 20px}}