.collection-cove{margin-bottom:22px;padding:18px;border:1px solid var(--line,#52747a);border-radius:18px;background:#183e48;color:#d5ece8}
.collection-cove>p,.reserve-voyages p{font-size:13px;line-height:1.6}
.cosmetic-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px}
.cosmetic-grid article{padding:14px;border:1px solid #50737b;border-radius:14px;background:#244d57}
.cosmetic-grid h3{font-size:15px;margin:8px 0}
.cosmetic-grid p{font-size:12px;min-height:2.8em}
.cosmetic-grid button,.reserve-voyages button,.reserve-voyages select{min-height:44px;max-width:100%}
.cosmetic-swatch{display:block;width:36px;height:36px;border:3px solid var(--bubble-colour);border-radius:50%;background:radial-gradient(circle at 30% 25%,#ffffffa0 0 8%,transparent 12%)}
.reserve-voyages{margin-top:18px;border-top:1px solid #50737b;padding-top:14px}
.reserve-voyages summary{font-weight:700;cursor:pointer;min-height:32px}
.reserve-voyages label{display:grid;gap:6px;margin:10px 0}
.reserve-voyages progress{display:block;width:100%;margin:12px 0}
.reserve-voyages [hidden]{display:none}
.collection-cove :focus-visible{outline:3px solid #f1cb84;outline-offset:3px}
@media(max-width:360px){.cosmetic-grid{grid-template-columns:1fr 1fr}.collection-cove{padding:12px}.cosmetic-grid article{padding:10px}}