/* ==========================================================================
   Plan E "Refresh Plus" — loaded after refresh.css. Adds a compact sticky
   header, an info strip under the slider, labelled booking buttons and a
   4-column schedule. Still the same palette, images and page order.
   ========================================================================== */
/* ---- sticky compact header ---------------------------------------------- */
header{position:sticky;top:0;z-index:1000;max-width:none;width:100% !important;padding:0;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(176,129,54,.35);transition:box-shadow .3s}
body.is-compact header{box-shadow:0 10px 30px -20px rgba(0,0,0,.35)}
header .head_in{max-width:1392px;width:96%;margin:0 auto;display:flex;flex-wrap:nowrap;align-items:center;gap:24px;height:88px;transition:height .3s}
body.is-compact header .head_in{height:66px}
header #logo{width:190px;flex:none;transition:width .3s}
body.is-compact header #logo{width:150px}
#header_info{order:3;width:auto;flex:none;margin:0;padding:0;flex-direction:column;align-items:flex-end;gap:0}
#header_info h1{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
#header_info .tel{margin:0}
#header_info .info_title{font-size:11px;letter-spacing:.06em}
#header_info .time{font-size:20px;margin:0 !important;line-height:1.2}
#header_info .time .info_title{font-size:11px}
body.is-compact #header_info .tel{display:none}
header nav{order:2;flex:1;width:auto;margin:0}
.nav_head{justify-content:flex-end}
.nav_head li{padding:0 8px}
.nav_head li a p:first-of-type{font-size:12.5px}

/* ---- info strip under the slider ----------------------------------------- */
.quick-strip{max-width:1040px;margin:4px auto 0;padding:0 20px}
.quick-strip__in{display:flex;align-items:center;gap:0;background:#fff;border:1px solid var(--bf-line);border-radius:var(--bf-radius);box-shadow:var(--bf-shadow);padding:18px 24px}
.qs{flex:1;padding:0 22px;border-left:1px solid var(--bf-line)}
.qs:first-child{border-left:0;padding-left:4px}
.qs b{display:block;font-family:var(--bf-serif);font-weight:400;font-size:21px;color:var(--bf-green);line-height:1.2}
.qs span{font-size:12.5px;color:var(--bf-muted);letter-spacing:.02em}
.qs-btn{flex:none;background:var(--bf-green);color:#fff;border-radius:999px;padding:14px 28px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;font-size:13px;box-shadow:0 12px 24px -12px rgba(64,84,66,.7);transition:.25s}
.qs-btn:hover{background:#2f4232;transform:translateY(-2px)}

/* ---- labelled booking buttons -------------------------------------------- */
.banner_area ul li a{display:flex;align-items:center;gap:12px;padding:10px 20px 10px 12px;border-radius:999px}
.banner_area ul li a img{width:36px;height:36px}
.banner_area ul li a span{font-weight:600;letter-spacing:.04em;color:var(--bf-ink);font-size:15px}

/* ---- 4-column schedule ---------------------------------------------------- */
.c-panel{width:calc(25% - 18px);margin:9px}
.c-panel__name{font-size:16px}
.c-panel__size{font-size:12px}
.c-panel__tag li.is_active{font-size:11px}

/* ---- two-column feedback --------------------------------------------------- */
#feedback .feedbackList{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:1100px;margin:0 auto;padding:0 20px}
#feedback .feedbackList li{padding:0}
#feedback .feedbackList__inner{height:100%;padding:26px 28px}
.feedbackList__image{width:72px;margin-right:20px}
.feedbackList__detail{width:calc(100% - 92px)}
#feedback .feedbackList li:nth-child(odd) .feedbackList__inner{background:#fff}

/* ---- floating booking button ---------------------------------------------- */
.float-book{position:fixed;right:2%;bottom:110px;z-index:900;background:var(--bf-green);color:#fff;border-radius:999px;padding:14px 22px;font-weight:600;letter-spacing:.08em;font-size:13px;box-shadow:0 16px 30px -14px rgba(64,84,66,.8);display:flex;align-items:center;gap:10px;transition:.25s}
.float-book::before{content:"";width:9px;height:9px;border-radius:50%;background:#7fe39a;box-shadow:0 0 0 0 rgba(127,227,154,.7);animation:bf-pulse 1.8s infinite}
.float-book:hover{background:#2f4232;transform:translateY(-2px)}
@keyframes bf-pulse{to{box-shadow:0 0 0 10px rgba(127,227,154,0)}}