/* King Alex Privilege — Monthly Rentals (matches the site: navy, white, light-blue accents, gold buttons) */
.mr{--mr-navy:#091b31;--mr-navy2:#0b2544;--mr-navy3:#123a63;--mr-sky:#8cc4ff;--mr-sky2:#2f80ed;--mr-gold:#c9a35d;--mr-ink:#132238;--mr-muted:#66768a;--mr-line:#dfe5eb;--mr-cream:#f7f3eb;overflow-x:hidden}
.mr *{box-sizing:border-box}
.mr-wrap{width:min(1200px,calc(100% - 32px));margin:0 auto}
.mr-eyebrow{margin:0;color:var(--mr-gold);font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase}
.mr-h2{font-family:Georgia,serif;font-size:clamp(24px,3vw,32px);line-height:1.2;margin:34px 0 14px;color:var(--mr-navy)}
/* buttons */
.mr-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 22px;border-radius:12px;font:800 15px/1.2 Inter,Arial,sans-serif;text-align:center;text-decoration:none;cursor:pointer;border:1px solid transparent;transition:transform .15s,box-shadow .15s,background .15s}
.mr-btn:active{transform:translateY(1px)}
.mr-btn-gold{background:linear-gradient(135deg,#e2c27a,#b8893a);color:#091b31;box-shadow:0 8px 22px #b8893a40}
.mr-btn-gold:hover{box-shadow:0 10px 26px #b8893a66}
.mr-btn-ghost{background:#ffffff10;color:#fff;border-color:#ffffff55}
.mr-btn-ghost:hover{background:#ffffff1f}
.mr-btn-line{background:#fff;color:var(--mr-navy);border-color:#c9d6e4}
.mr-btn-line:hover{border-color:var(--mr-sky2);color:var(--mr-sky2)}
.mr-btn-wa{background:#1f9d55;color:#fff}
.mr-btn-wa:hover{background:#17834a}
/* hero */
.mr-hero{background:radial-gradient(900px 420px at 85% 0,#1c4a78 0,transparent 65%),linear-gradient(140deg,#06142a,#0b2544 60%,#123a63);color:#fff;padding:74px 0 70px}
.mr-hero h1{font-family:Georgia,serif;font-size:clamp(26px,3.3vw,40px);line-height:1.18;margin:12px 0 14px;max-width:760px}
.mr-lead{max-width:720px;color:#dce7ef;font-size:18px;line-height:1.65;margin:0}
.mr-perks{list-style:none;padding:0;margin:26px 0 0;display:flex;flex-wrap:wrap;gap:10px}
.mr-perks li{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;background:#ffffff12;border:1px solid #8cc4ff44;color:#e8f1fb;font-size:14px;font-weight:700}
.mr-perks li:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--mr-sky);box-shadow:0 0 0 4px #8cc4ff26}
.mr-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
/* filters */
.mr-list-wrap{padding:38px 0 20px}
.mr-filters{background:#fff;border:1px solid var(--mr-line);border-radius:18px;box-shadow:0 12px 34px #0b254412;margin-top:-64px;position:relative;z-index:2}
.mr-filters summary{list-style:none;cursor:pointer;padding:18px 22px;font-weight:800;color:var(--mr-navy);display:flex;align-items:center;justify-content:space-between}
.mr-filters summary::-webkit-details-marker{display:none}
.mr-filters summary:after{content:"▾";color:var(--mr-sky2);transition:transform .2s}
.mr-filters[open] summary:after{transform:rotate(180deg)}
.mr-filters summary i{color:var(--mr-sky2);font-style:normal;margin-left:6px;margin-right:auto}
.mr-filter-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:0 22px 22px}
.mr-filter-form label,.mr-form label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700;color:#33465c;min-width:0}
.mr input,.mr select,.mr textarea{width:100%;min-height:46px;padding:11px 12px;border:1px solid #cfd9e4;border-radius:10px;background:#fff;color:var(--mr-ink);font:400 15px/1.4 Inter,Arial,sans-serif;min-width:0}
.mr textarea{min-height:110px;resize:vertical}
.mr input:focus,.mr select:focus,.mr textarea:focus{outline:none;border-color:var(--mr-sky2);box-shadow:0 0 0 3px #2f80ed26}
.mr-check{flex-direction:row!important;align-items:center;gap:10px!important;align-self:end;min-height:46px}
.mr-check input{width:20px;min-height:20px;height:20px;accent-color:var(--mr-sky2)}
.mr-filter-btns{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px}
.mr-count{color:var(--mr-muted);font-weight:700;margin:22px 0 12px}
/* cards */
.mr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.mr-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--mr-line);border-radius:20px;overflow:hidden;box-shadow:0 10px 28px #0b25440d;transition:box-shadow .2s,transform .2s}
.mr-card:hover{box-shadow:0 16px 38px #0b25441f;transform:translateY(-2px)}
.mr-card-photo{position:relative;display:block;aspect-ratio:4/3;background:linear-gradient(140deg,#0b2544,#123a63);overflow:hidden}
.mr-card-photo img{width:100%;height:100%;object-fit:cover;display:block}
.mr-card-photo span{position:absolute;inset:0;display:grid;place-items:center;color:#c9a35d;font:700 18px Georgia,serif;letter-spacing:2px}
.mr-card-body{padding:18px 20px 20px;display:flex;flex-direction:column;flex:1}
.mr-meta{margin:0;color:var(--mr-sky2);font-size:13px;font-weight:800}
.mr-card h3{margin:6px 0 10px;font-size:19px;line-height:1.3;color:var(--mr-navy)}
.mr-price{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.mr-price b{font-size:26px;color:var(--mr-navy);font-weight:800}
.mr-price span{color:var(--mr-muted);font-weight:700}
.mr-mini{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:3px;color:#44546a;font-size:14px}
.mr-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.mr-chips span{padding:5px 10px;border-radius:999px;background:#eef5ff;color:#1d5fb8;font-size:12px;font-weight:700}
.mr-card-btns{display:grid;grid-template-columns:1fr 1.4fr;gap:8px;margin-top:auto;padding-top:16px}
.mr-card-btns .mr-btn{padding:11px 10px;font-size:14px}
.mr-badge{position:absolute;left:12px;top:12px;padding:6px 11px;border-radius:999px;font:800 12px/1.2 Inter,Arial,sans-serif;font-style:normal;background:#ffffffee;color:var(--mr-navy);box-shadow:0 4px 12px #0003}
.mr-badge-now{background:#e3f6ea;color:#17663a}
.mr-badge-from{background:#eef5ff;color:#1d5fb8}
.mr-badge-off{background:#f1f3f6;color:#5b6878}
.mr-empty{background:#fff;border:1px dashed #c9d6e4;border-radius:18px;padding:30px;text-align:center;color:#44546a}
.mr-empty p{max-width:620px;margin:0 auto 16px}
/* how it works */
.mr-how{padding:24px 0 54px}
.mr-how ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.mr-how li{display:flex;gap:14px;align-items:center;padding:18px;border-radius:16px;background:#f4f8fd;border:1px solid #dbe8f7;font-weight:700;color:var(--mr-navy)}
.mr-how li b{flex:0 0 38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--mr-navy);color:var(--mr-sky);font-size:16px}
.mr-daily-hint{margin:18px 0 0;color:var(--mr-muted)}
.mr-daily-hint a{color:var(--mr-sky2);font-weight:800}
/* detail */
.mr-detail-head{background:linear-gradient(140deg,#06142a,#0b2544 60%,#123a63);color:#fff;padding:34px 0 30px}
.mr-detail-head h1{font-family:Georgia,serif;font-size:clamp(24px,3.2vw,36px);line-height:1.12;margin:10px 0 14px}
.mr-detail-head .mr-badge{position:static;display:inline-block}
.mr-back{display:inline-block;margin-bottom:14px;color:#cfe3f8;font-weight:700;font-size:14px}
.mr-detail{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:32px;align-items:start;padding:28px 0 50px}
.mr-gallery{position:relative;border-radius:20px;overflow:hidden;background:#0b2544}
.mr-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.mr-track::-webkit-scrollbar{display:none}
.mr-slide{flex:0 0 100%;margin:0;scroll-snap-align:center;aspect-ratio:3/2}
.mr-slide img{width:100%;height:100%;object-fit:cover;display:block}
.mr-gbtn{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;border:0;background:#091b31b3;color:#fff;font-size:28px;line-height:1;cursor:pointer;backdrop-filter:blur(6px)}
.mr-prev{left:12px}.mr-next{right:12px}
.mr-gcount{position:absolute;right:12px;bottom:12px;padding:5px 10px;border-radius:999px;background:#091b31b3;color:#fff;font-size:12px;font-weight:700}
.mr-thumbs{display:flex;gap:8px;overflow-x:auto;padding:10px 0 2px;scrollbar-width:thin}
.mr-thumbs button{flex:0 0 86px;height:62px;padding:0;border:2px solid transparent;border-radius:10px;overflow:hidden;cursor:pointer;background:#e9eef4}
.mr-thumbs button.on{border-color:var(--mr-sky2)}
.mr-thumbs img{width:100%;height:100%;object-fit:cover;display:block}
.mr-nophoto{aspect-ratio:3/2;border-radius:20px;display:grid;place-items:center;background:linear-gradient(140deg,#0b2544,#123a63);color:#c9a35d;font:700 22px Georgia,serif;letter-spacing:2px}
.mr-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:20px}
.mr-facts div{padding:14px;border-radius:14px;background:#f4f8fd;border:1px solid #dbe8f7}
.mr-facts small{display:block;color:var(--mr-muted);font-size:12px;font-weight:700}
.mr-facts b{display:block;color:var(--mr-navy);font-size:15px;margin-top:2px}
.mr-desc{color:#33465c;line-height:1.75;font-size:16px}
.mr-feature-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px}
.mr-feature-list li{display:flex;align-items:center;gap:10px;color:#33465c}
.mr-feature-list li:before{content:"✓";flex:0 0 24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#eef5ff;color:var(--mr-sky2);font-weight:900;font-size:13px}
.mr-pricebox{position:sticky;top:100px;background:var(--mr-navy);color:#fff;border-radius:20px;padding:24px;box-shadow:0 18px 40px #06142a33;display:grid;gap:12px}
.mr-pricebox .mr-price b{color:#fff;font-size:32px}
.mr-pricebox .mr-price span{color:#b8c9dc}
.mr-pricebox dl{margin:4px 0 6px;display:grid;gap:0}
.mr-pricebox dl div{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid #ffffff1a}
.mr-pricebox dt{color:#a9bdd3;font-size:14px}
.mr-pricebox dd{margin:0;text-align:right;font-weight:700;font-size:14px}
.mr-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:7px;vertical-align:1px;background:#9aa8b8}
.mr-dot-now{background:#3ddc84}.mr-dot-from{background:var(--mr-sky)}
.mr-note{margin:2px 0 0;color:#a9bdd3;font-size:13px;text-align:center}
/* request */
.mr-request{background:var(--mr-cream);padding:64px 0}
.mr-request-inner{display:grid;grid-template-columns:.85fr 1.15fr;gap:44px;align-items:start}
.mr-request-copy h2{font-family:Georgia,serif;font-size:clamp(30px,4vw,46px);line-height:1.1;margin:12px 0 16px;color:var(--mr-navy)}
.mr-request-copy p{color:#44546a;line-height:1.7;margin:0 0 22px}
.mr-form-card{background:#fff;border-radius:22px;padding:26px;border:1px solid var(--mr-line);box-shadow:0 14px 40px #0b254414;min-width:0}
.mr-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.mr-form .full{grid-column:1/-1}
.mr-form label i{color:#d93025;font-style:normal}
.mr-form label small{font-weight:600;color:var(--mr-muted)}
.mr-budget{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:10px}
.mr-consent{flex-direction:row!important;align-items:flex-start;gap:10px!important;font-weight:600!important;line-height:1.5;flex-wrap:wrap}
.mr-consent input{width:20px;min-height:20px;height:20px;margin-top:2px;flex:0 0 20px;accent-color:var(--mr-sky2)}
.mr-consent span{flex:1;min-width:0}
.mr-consent a{color:var(--mr-sky2);text-decoration:underline}
.mr-consent .mr-err{flex-basis:100%}
.mr-err{color:#c5221f;font-size:13px;font-weight:700}
.mr [aria-invalid="true"]{border-color:#e06666;background:#fff8f7}
.mr-alert{margin:0 0 16px;padding:13px 15px;border-radius:12px;background:#fdeceb;color:#9b2c24;line-height:1.5}
.mr-req-note{margin:0;color:var(--mr-muted);font-size:13px}
.mr-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.mr-success{text-align:center;padding:20px 6px}
.mr-success-icon{width:62px;height:62px;margin:0 auto 14px;border-radius:50%;display:grid;place-items:center;background:#e3f6ea;color:#1f9d55;font-size:32px;font-weight:900}
.mr-success h3{margin:0 0 10px;font-size:24px;color:var(--mr-navy)}
.mr-success p{color:#44546a;line-height:1.65;max-width:520px;margin:0 auto 10px}
.mr-ref b{color:var(--mr-navy)}
/* responsive */
@media(max-width:1020px){.mr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mr-filter-form{grid-template-columns:repeat(3,minmax(0,1fr))}.mr-detail{grid-template-columns:1fr}.mr-pricebox{position:static}.mr-request-inner{grid-template-columns:1fr;gap:24px}}
@media(max-width:700px){
 .mr-hero{padding:46px 0 84px}.mr-lead{font-size:16px}
 .mr-actions .mr-btn{flex:1 1 100%}
 .mr-filter-form{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 16px 18px;gap:12px}
 .mr-filters summary{padding:16px}
 .mr-grid{grid-template-columns:1fr}
 .mr-how ol{grid-template-columns:1fr}
 .mr-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
 .mr-feature-list{grid-template-columns:1fr}
 .mr-form{grid-template-columns:1fr}
 .mr-form-card{padding:18px}
 .mr-request{padding:44px 0}
 .mr-gbtn{width:40px;height:40px;font-size:24px}
}
@media(max-width:380px){.mr-filter-form{grid-template-columns:1fr}.mr-card-btns{grid-template-columns:1fr}.mr-budget{grid-template-columns:1fr}}
.mr-lbl{display:block}

/* information cards (apartments without own photos) */
.mr-card-info{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:4px;min-height:150px;padding:52px 20px 18px;background:radial-gradient(300px 160px at 100% 0,#2f80ed40,transparent 70%),linear-gradient(150deg,#0b2544,#123a63);color:#fff;text-decoration:none}
.mr-card-info small{color:#c9a35d;font:800 11px/1.3 Inter,Arial,sans-serif;letter-spacing:1.5px;text-transform:uppercase}
.mr-card-info b{font:400 34px/1.1 Georgia,serif;color:#fff}
.mr-card-info span{color:#cfe0f3;font-size:14px;font-weight:700}
.mr-badge-soon{background:#fff3dc;color:#7a4b00}
.mr-dot-soon{background:#f0b44c}
.mr-photos-link{display:inline-block;margin-top:12px;color:#2f80ed;font-weight:800;font-size:14px;text-align:center}
.mr-infohead{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:28px;border-radius:20px;background:radial-gradient(420px 220px at 100% 0,#2f80ed40,transparent 70%),linear-gradient(150deg,#0b2544,#123a63);color:#fff}
.mr-infohead small{display:block;color:#c9a35d;font:800 12px/1.3 Inter,Arial,sans-serif;letter-spacing:1.5px;text-transform:uppercase}
.mr-infohead b{display:block;font:400 44px/1.1 Georgia,serif;margin:6px 0 2px}
.mr-infohead span{color:#cfe0f3;font-weight:700}
.mr-pricebox .mr-btn-ghost{border-color:#ffffff40}
@media(max-width:700px){.mr-card-info{min-height:0;padding:48px 18px 16px}.mr-card-info b{font-size:30px}.mr-card-body{padding:16px 18px 18px}.mr-card h3{margin-top:0}}