:root{--brand-main:#ff5500;--brand-hover:#cc4400;--bg-color:#ffffff;--text-main:#333333;--border-color:#e2e8f0;}.chill-calculator{max-width:550px;margin:30px auto;background:var(--bg-color);border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,0.08);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:var(--text-main);overflow:hidden}.alert-warning{background:#fff3cd;color:#856404;padding:12px 20px;font-size:14px;text-align:center;font-weight:600;border-bottom:1px solid #ffeeba}.calc-header{padding:20px 25px;border-bottom:1px solid var(--border-color);background:#f8fafc}.season-toggle{display:flex;gap:10px;background:#e2e8f0;padding:5px;border-radius:10px}.season-toggle input{display:none}.season-toggle label{flex:1;text-align:center;padding:10px;cursor:pointer;border-radius:8px;font-weight:600;transition:.3s;color:#64748b}.season-toggle input:checked+label{background:#fff;color:var(--text-main);box-shadow:0 2px 5px rgba(0,0,0,0.1)}.calc-body{padding:25px}.form-group{margin-bottom:20px}.form-label{display:block;font-weight:600;margin-bottom:8px;font-size:14px}.form-control{width:100%;padding:12px;border:1px solid var(--border-color);border-radius:8px;font-size:15px;box-sizing:border-box;outline:none;background:#fff;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;color:#000}.mb-2{margin-bottom:10px}.form-control:focus{border-color:var(--brand-main)}
.items-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); gap: 10px; }
.item-btn { border: 1px solid var(--border-color); border-radius: 8px; padding: 12px 8px; background: #f8fafc; cursor: pointer; text-align: center; transition: 0.2s; display:flex; flex-direction:column; align-items:center; gap:6px; user-select: none; }
.item-btn:hover { border-color: var(--brand-main); background: #fff; box-shadow: 0 4px 10px rgba(255,85,0,0.08); transform: translateY(-1px);}
.item-btn:active { transform: translateY(1px); }
.item-btn-icon { font-size: 28px; }
.item-btn-name { font-size: 12px; font-weight: 500; line-height: 1.2; }
.cart-container { background: #f8fafc; padding: 12px; border-radius: 8px; border: 1px solid var(--border-color); }
.cart-item { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; font-size: 13px; border-bottom: 1px solid #e2e8f0; padding-bottom: 8px;}
.cart-item:last-child { margin-bottom: 0; border-bottom: none; padding-bottom: 0; }
.cart-item-qty { font-weight: bold; background: var(--brand-main); color: #fff; border-radius: 12px; padding: 2px 8px; font-size: 12px; }
.btn-clear-cart { background: none; border: none; color: #ef4444; cursor: pointer; font-size: 13px; font-weight: 500; padding: 0; }
.btn-clear-cart:hover { text-decoration: underline; }
.time-grid{display:flex;flex-wrap:wrap;gap:6px}.time-btn{flex:1 1 calc(25% - 6px);padding:8px 0;border:1px solid var(--border-color);background:#f8fafc;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;color:var(--text-main);transition:.2s;text-align:center}.time-btn:hover{border-color:#cbd5e1;background:#e2e8f0}.time-btn.active{background:var(--brand-main);color:#fff;border-color:var(--brand-main)}.datetime-grid{display:flex;gap:20px;flex-wrap:wrap}.datetime-grid>div{flex:1;min-width:220px}.hint{font-size:12px;color:#64748b;display:block;margin-top:6px}.addon-item{display:flex;align-items:center;gap:10px;margin-bottom:10px;cursor:pointer;font-size:14px}.addon-item input{accent-color:var(--brand-main);width:18px;height:18px;cursor:pointer}.calc-footer{background:#f8fafc;padding:25px;border-top:1px solid var(--border-color)}.total-row{display:flex;justify-content:space-between;align-items:center;font-size:24px;margin-bottom:15px}.total-row strong{color:var(--brand-main)}.info-row{display:flex;justify-content:space-between;font-size:13px;color:#64748b;margin-bottom:8px}.info-row span:last-child{color:var(--text-main);font-weight:500;text-align:right;max-width:65%}.btn-book{width:100%;padding:16px;background:var(--brand-main);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:bold;cursor:pointer;transition:.3s;margin-top:15px}.btn-book:hover{background:var(--brand-hover)}
.btn-book:disabled{background:#a0a5aa;cursor:not-allowed;}
.alert-success { background: #d4edda; color: #155724; padding: 12px 20px; text-align: center; border-radius: 8px; margin-top: 15px; font-weight: 600; font-size: 14px; border: 1px solid #c3e6cb; }