.stay-page{background:#f7fbfc;color:#0f2a3a}
.stay-hero{padding:128px 5% 72px;background:linear-gradient(145deg,#e9f8fb 0%,#f9fcfd 58%,#eef8f4 100%)}
.stay-hero-inner,.stay-main,.stay-detail,.stay-detail-head>div{max-width:1180px;margin:0 auto}
.stay-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:22px;color:#66818f;font-size:14px;font-weight:700}
.stay-breadcrumb a{color:#0b7a93;text-decoration:none}
.stay-eyebrow{margin:0 0 10px;color:#0b7a93;font-size:15px;font-weight:800}
.stay-hero h1,.stay-detail-head h1{margin:0;color:#0b2b3c;font-size:clamp(36px,5vw,62px);line-height:1.14;letter-spacing:-1.5px}
.stay-hero-inner>p:not(.stay-eyebrow){max-width:680px;margin:18px 0 28px;color:#4a6b7c;font-size:18px;line-height:1.7}
.stay-search{display:flex;max-width:680px;padding:7px;background:#fff;border:1px solid #d6eef6;border-radius:18px;box-shadow:0 12px 34px rgba(11,122,147,.10)}
.stay-search input{min-width:0;flex:1;border:0;background:transparent;padding:0 16px;color:#0f2a3a;font:inherit;font-size:16px;outline:none}
.stay-search button{min-height:48px;padding:0 24px;border:0;border-radius:13px;background:#0b7a93;color:#fff;font:inherit;font-weight:800;cursor:pointer}
.stay-main{padding:42px 24px 80px}
.stay-chips{display:flex;gap:10px;overflow-x:auto;padding:2px 0 14px;scrollbar-width:none}
.stay-chips::-webkit-scrollbar{display:none}
.stay-chip{flex:none;padding:10px 17px;border:1px solid #d8e8ed;border-radius:999px;background:#fff;color:#446675;font-size:14px;font-weight:800;text-decoration:none}
.stay-chip:hover,.stay-chip.is-active{border-color:#0b7a93;background:#0b7a93;color:#fff}
.stay-result-head{display:flex;align-items:center;justify-content:space-between;margin:24px 0 22px}
.stay-result-head h2{margin:0;font-size:26px;color:#0b2b3c}
.stay-result-head span{color:#66818f;font-size:14px;font-weight:700}
.stay-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.stay-card{min-width:0;overflow:hidden;border:1px solid #e3edf1;border-radius:24px;background:#fff;color:inherit;text-decoration:none;box-shadow:0 8px 28px rgba(11,42,58,.05);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.stay-card:hover{transform:translateY(-5px);border-color:#9fdce9;box-shadow:0 18px 40px rgba(11,122,147,.12)}
.stay-card-media{aspect-ratio:16/10;overflow:hidden;background:linear-gradient(145deg,#e7f6f9,#cee9ef)}
.stay-card-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.stay-card:hover .stay-card-media img{transform:scale(1.025)}
.stay-card-placeholder{display:grid;place-items:center;font-size:42px}
.stay-card-body{padding:20px 20px 22px}
.stay-location{display:inline-flex;margin-bottom:10px;padding:6px 10px;border-radius:999px;background:#e8f6fa;color:#0b7a93;font-size:12px;font-weight:800}
.stay-card h2{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;min-height:53px;margin:0 0 10px;color:#0b2b3c;font-size:19px;line-height:1.42;word-break:keep-all}
.stay-card p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;min-height:46px;margin:0 0 14px;color:#5b7585;font-size:14px;line-height:1.65}
.stay-date{color:#8aa0aa;font-size:12px;font-weight:700}
.stay-pager{display:flex;align-items:center;justify-content:center;gap:18px;margin:42px 0 0}
.stay-pager a,.stay-pager span{display:inline-flex;min-height:44px;align-items:center;padding:0 17px;border:1px solid #d8e8ed;border-radius:13px;background:#fff;color:#0b7a93;font-weight:800;text-decoration:none}
.stay-pager span{color:#66818f;font-weight:700}
.stay-notice{margin:34px 0 0;color:#718a96;font-size:13px;text-align:center}
.stay-empty{padding:70px 20px;border:1px dashed #bfdde5;border-radius:24px;background:#fff;text-align:center}
.stay-empty strong{font-size:20px}.stay-empty p{color:#66818f}
.stay-detail-head{padding:126px 5% 52px;background:linear-gradient(145deg,#eaf7fa,#fff)}
.stay-detail-head h1{max-width:980px;font-size:clamp(32px,4.5vw,54px)}
.stay-detail-head p{max-width:820px;margin:20px 0 14px;color:#4a6b7c;font-size:18px;line-height:1.72}
.stay-detail-meta{color:#718a96;font-size:14px;font-weight:700}
.stay-detail{max-width:900px;padding:42px 24px 80px}
.stay-affiliate-note{margin:0 0 32px;padding:18px 20px;border:1px solid #cce8ef;border-radius:16px;background:#eef9fb}
.stay-affiliate-note strong{color:#0b7a93}.stay-affiliate-note p{margin:5px 0 0;color:#54717f;font-size:14px;line-height:1.6}
.stay-article{font-size:17px;line-height:1.9;color:#263f4b;word-break:keep-all}
.stay-article h2{margin:48px 0 16px;color:#0b2b3c;font-size:28px;line-height:1.35}
.stay-article h3{margin:34px 0 12px;color:#0b2b3c;font-size:22px}
.stay-article p{margin:0 0 20px}
.stay-article img{display:block;max-width:100%;height:auto;margin:28px auto;border-radius:18px}
.stay-article a{color:#087f99;font-weight:800}
.stay-article a.stay-cpa{
  --cta-start:#2144b6;--cta-end:#075d96;--cta-base:#173982;--cta-shadow:32,76,165;
  --cta-ink:#fff;--cta-muted:#e5efff;--cta-glass:rgba(255,255,255,.14);--cta-line:rgba(255,255,255,.28);--cta-delay:0s;
  position:relative;isolation:isolate;display:inline-flex;overflow:hidden;align-items:center;justify-content:center;gap:14px;max-width:100%;min-height:88px;margin:8px 0;padding:16px 18px;border:1px solid var(--cta-line);border-radius:20px;
  background:radial-gradient(ellipse at 90% 0%,rgba(255,255,255,.12),transparent 55%),linear-gradient(115deg,var(--cta-start),var(--cta-end));
  box-shadow:0 4px 0 var(--cta-base),0 14px 28px rgba(var(--cta-shadow),.26),inset 0 1px 0 rgba(255,255,255,.25);
  color:var(--cta-ink);font-size:17px;line-height:1.4;text-align:center;text-decoration:none;vertical-align:middle;transition:transform .25s ease,box-shadow .25s ease;
}
.stay-article a.stay-cpa--coupon{--cta-start:#7225b6;--cta-end:#932078;--cta-base:#59176d;--cta-shadow:135,32,147;--cta-muted:#f9e6ff;--cta-delay:1.2s}
.stay-article a.stay-cpa--dates{--cta-start:#ffbf3d;--cta-end:#ffe58b;--cta-base:#c88a1e;--cta-shadow:184,119,12;--cta-ink:#402800;--cta-muted:#63400c;--cta-glass:rgba(255,255,255,.35);--cta-line:rgba(129,83,7,.2);--cta-delay:2.4s}
.stay-article>a.stay-cpa{display:flex;width:min(100%,420px);margin:28px auto 40px}
.stay-article a.stay-cpa::before{content:"";position:absolute;z-index:0;top:-35%;bottom:-35%;left:-55%;width:40%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.24),transparent);transform:skewX(-20deg);animation:stay-cpa-shine 5.5s ease-in-out infinite;animation-delay:var(--cta-delay);pointer-events:none}
.stay-cpa>span{position:relative;z-index:1}
.stay-cpa-icon{display:grid;flex:none;place-items:center;width:44px;height:44px;border:1px solid var(--cta-line);border-radius:14px;background:var(--cta-glass);animation:stay-cpa-float 4s ease-in-out infinite;animation-delay:var(--cta-delay)}
.stay-cpa-icon svg{width:25px;height:25px}
.stay-cpa-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:5px;text-align:left}
.stay-cpa-copy strong{font-size:18px;font-weight:850;line-height:1.35;letter-spacing:-.35px}
.stay-cpa-copy small{color:var(--cta-muted);font-size:12px;font-weight:600;line-height:1.45}
.stay-cpa-arrow{display:grid;flex:none;place-items:center;width:34px;height:34px;border:1px solid var(--cta-line);border-radius:50%;background:var(--cta-glass)}
.stay-cpa-arrow svg{width:19px;height:19px;transition:transform .25s ease}
.stay-article a.stay-cpa:hover{transform:translateY(-3px);box-shadow:0 5px 0 var(--cta-base),0 20px 34px rgba(var(--cta-shadow),.36),inset 0 1px 0 rgba(255,255,255,.3)}
.stay-cpa:hover .stay-cpa-arrow svg{transform:translateX(3px)}
.stay-article a.stay-cpa:focus-visible{outline:3px solid #0f2a3a;outline-offset:6px}
.stay-article a.stay-cpa:active{transform:translateY(2px);box-shadow:0 1px 0 var(--cta-base),0 8px 18px rgba(var(--cta-shadow),.24)}
@keyframes stay-cpa-shine{0%,58%{transform:translateX(0) skewX(-20deg)}86%,100%{transform:translateX(400%) skewX(-20deg)}}
@keyframes stay-cpa-float{0%,100%{transform:rotate(-4deg)}50%{transform:translateY(-3px) rotate(4deg)}}
@media(prefers-reduced-motion:reduce){.stay-article a.stay-cpa::before,.stay-cpa-icon{animation:none}.stay-article a.stay-cpa,.stay-cpa-arrow svg{transition:none}}
.stay-article table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse}.stay-article th,.stay-article td{padding:10px;border:1px solid #dce8ed}
.stay-tags{display:flex;flex-wrap:wrap;gap:8px;margin:38px 0}.stay-tags span{padding:7px 11px;border-radius:999px;background:#edf5f7;color:#54717f;font-size:13px;font-weight:700}
.stay-detail-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-top:26px;border-top:1px solid #dfebef}
.stay-back{display:inline-flex;min-height:48px;align-items:center;padding:0 22px;border:1px solid #d2e5eb;border-radius:14px;background:#fff;color:#0b7a93;font-weight:800;text-decoration:none}
@media(max-width:900px){.stay-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){
  .stay-hero{padding:96px 20px 44px}.stay-hero h1{font-size:36px;word-break:keep-all}.stay-hero-inner>p:not(.stay-eyebrow){font-size:16px}
  .stay-search{padding:5px}.stay-search input{padding:0 11px;font-size:15px}.stay-search button{padding:0 18px}
  .stay-main{padding:28px 16px 60px}.stay-grid{grid-template-columns:1fr;gap:16px}.stay-card{display:grid;grid-template-columns:120px minmax(0,1fr);border-radius:18px}
  .stay-card-media{height:100%;min-height:174px;aspect-ratio:auto}.stay-card-body{padding:15px 14px}.stay-card h2{min-height:auto;font-size:16px}.stay-card p{font-size:13px}.stay-date{display:none}
  .stay-result-head h2{font-size:21px}.stay-detail-head{padding:96px 20px 36px}.stay-detail-head p{font-size:16px}.stay-detail{padding:28px 18px 60px}
  .stay-article a.stay-cpa{gap:10px;padding:14px;min-height:84px;border-radius:18px}.stay-cpa-icon{width:36px;height:40px;border-radius:12px}.stay-cpa-icon svg{width:22px;height:22px}.stay-cpa-copy strong{font-size:16px}.stay-cpa-arrow{width:28px;height:28px}.stay-cpa-arrow svg{width:17px;height:17px}
  .stay-article{font-size:16px;line-height:1.85}.stay-article h2{margin-top:38px;font-size:24px}.stay-detail-actions{align-items:stretch;flex-direction:column}.stay-back{justify-content:center}
}