.berths24public{--n:#061d4e;--b:#087a98;--g:#d5b638;max-width:1320px;margin:38px auto 80px;color:#14233d}.berths24public>a{color:var(--b);font-weight:800}.berths24public .intro,.berths24public .hero{min-height:320px;padding:45px;border-radius:8px;background:linear-gradient(120deg,var(--n),var(--b)) center/cover;color:#fff;display:flex;align-items:flex-end}.berths24public .intro h1,.berths24public .hero h1{font-size:48px;margin:5px 0}.berths24public .filters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;margin:22px 0;padding:18px;background:#eef7f9}.berths24public input,.berths24public select{padding:13px;border:1px solid #b9cbd8}.berths24public .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.berths24public .grid article{overflow:hidden;border:1px solid #d7e5ee;border-radius:8px;background:#fff;box-shadow:0 10px 28px rgba(5,32,72,.08)}.berths24public .grid a{color:inherit;text-decoration:none}.berths24public .image{height:220px;background:#dcecf2 center/cover;position:relative}.berths24public .image span{position:absolute;top:14px;left:14px;padding:6px 10px;border-radius:14px;background:#fff;color:var(--n);font-size:11px;font-weight:900}.berths24public .copy{padding:20px}.berths24public .copy small{color:var(--b);font-weight:800}.berths24public .copy h2{margin:6px 0;color:var(--n)}.berths24public .copy footer{display:flex;justify-content:space-between;border-top:1px solid #d7e5ee;padding-top:14px}.berths24public .copy b{color:var(--b)}.berths24public .lock{text-align:center;padding:50px;background:#eef7f9;margin-top:20px}.berths24public .lock a{display:inline-block;padding:12px 18px;background:var(--n);color:#fff}.berths24public .spec{display:grid;grid-template-columns:repeat(4,1fr);margin:20px 0;border:1px solid #d7e5ee}.berths24public .spec div{padding:20px;border-right:1px solid #d7e5ee}.berths24public .spec small,.berths24public .spec b{display:block}.berths24public .detail{display:grid;grid-template-columns:2fr 1fr;gap:20px}.berths24public .detail>*{padding:30px;border:1px solid #d7e5ee}.berths24public .gallery{margin-top:20px}.berths24public .gallery>div{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.berths24public .gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:6px}@media(max-width:800px){.berths24public{margin:20px 12px}.berths24public .grid{grid-template-columns:1fr 1fr}.berths24public .filters,.berths24public .spec,.berths24public .detail{grid-template-columns:1fr}}@media(max-width:520px){.berths24public .grid{grid-template-columns:1fr}.berths24public .intro h1,.berths24public .hero h1{font-size:36px}}