body{font-family:"Quicksand",sans-serif;margin:0;padding:0;line-height:1.6;font-size:1rem;}header{background:#55a9dd;color:#fff;padding:16px;}header .inner{display:flex;flex-direction:row;gap:16px;}header .inner .logo{width:100px;border-radius:12px;overflow:hidden;}header .inner .logo img{width:100%;}header .inner .titles{flex:1;display:flex;flex-direction:column;justify-content:center;}header .inner .titles h1{font-size:2rem;margin:0;}header .inner .titles h2{font-size:1.5rem;font-weight:500;margin:0;}nav{background:#333;display:flex;justify-content:center;}nav a{color:#fff;padding:14px 20px;text-decoration:none;display:block;}nav a:hover{background:#575757;}.container{max-width:900px;margin:auto;padding:20px;}.articles{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;}.post{background:#f9f9f9;padding:15px;border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,.1);}.post img{width:100%;border-radius:6px;margin-bottom:10px;}.post h3{margin-top:0;}.booking,.admin{margin-top:40px;}.btn{background:#4a90e2;color:#fff;padding:10px 15px;border:none;border-radius:5px;cursor:pointer;}.btn:hover{background:#357ab8;}.btn.ghost{background:#eee;color:#333;}.slot{margin:5px;padding:8px 12px;border:1px solid #ccc;border-radius:4px;cursor:pointer;}.slot.selected{background:#4a90e2;color:#fff;}.slot.disabled{background:#ddd;cursor:not-allowed;}.small{font-size:.9em;}.muted{color:#666;}.booking .form-rows{display:flex;flex-direction:column;gap:32px;}.booking .form-rows .field-row{display:flex;flex-direction:row;gap:32px;}.booking .note{margin-top:32px;text-align:center;padding:16px;border:1px solid #bbb;width:100%;border-radius:5px;background:#fafafa;}.booking .field{position:relative;flex:1;}.booking .field input,.booking .field textarea{position:relative;border:1px solid #bbb;border-radius:5px;padding:12px 12px 10px 12px;background:transparent;width:100%;transition:box-shadow .3s;color:#444;}.booking .field textarea{resize:none;height:140px;}.booking .field span{position:absolute;top:10px;left:12px;font-size:1rem;pointer-events:none;transition:250ms all;transition-property:top left font-size;color:#888;}.booking .field.focus span{top:-10px;left:8px;font-size:.8rem;font-weight:700;color:#0b0b0b;background:#fff;z-index:10;padding:0 3px;border-radius:3px;}.booking .field.focus input,.booking .field.focus textarea{outline:none;border-color:#fff;box-shadow:0 0 5px #55a9dd;border:1px solid #55a9dd;}.booking .confirm-booking{display:flex;flex-direction:column;margin-top:8px;}footer{background:#60b258;padding:64px;}footer .inner{display:flex;flex-direction:row;gap:16px;}footer .inner .logo{width:100px;border-radius:12px;overflow:hidden;}footer .inner .logo img{width:100%;}footer .inner .titles{flex:2;display:flex;flex-direction:column;justify-content:center;color:#fff;}footer .inner .titles h1{font-size:2rem;margin:0;}footer .inner .titles h2{font-size:1.5rem;font-weight:500;margin:0;}footer .inner .footer-nav{flex:1;}footer .inner .footer-nav ul{display:flex;flex-direction:column;margin:0;padding:0;}footer .inner .footer-nav ul li{display:block;}footer .inner .footer-nav ul li a{color:#fff;text-decoration:none;}@media only screen and (max-width:768px){header .inner,footer .inner{flex-direction:column;align-items:center;}header .inner .titles,footer .inner .titles{text-align:center;}header .inner .titles h1,footer .inner .titles h1{font-size:1.5rem;}header .inner .titles h2,footer .inner .titles h2{font-size:1rem;}header ul,footer ul{align-items:center;}}