/* =========================================================
   RoomTerms Room Rentals — portal redesign stylesheet
   Drop at /assets/css/rt-portal.css (site root).
   All classes are prefixed rt- so nothing collides with the
   theme's styles.css or the admin panel's rr-/rrd- classes.
   ========================================================= */

/* ---------- Tokens ---------- */
:root{
  --rt-navy:#1E2A47; --rt-navy-2:#2E3B5B; --rt-navy-ink:#C6CEE0; --rt-navy-mute:#9FB0D0;
  --rt-orange:#FF7A3D; --rt-orange-h:#F0692B; --rt-orange-ink:#D9561A; --rt-orange-ink-2:#C24E15;
  --rt-orange-soft:#FFEDE3; --rt-orange-soft-2:#FFF1E8; --rt-orange-soft-3:#FFF6F0; --rt-orange-line:#FFC8AA; --rt-orange-light:#FFB089;
  --rt-gold:#E9B44C; --rt-amber:#E9A23B;
  --rt-green:#0B8A5E; --rt-green-ink:#0B7A53; --rt-green-soft:#E5F6EE;
  --rt-red:#C2362B; --rt-red-ink:#B42F24; --rt-red-soft:#FDECEA; --rt-red-line:#F3CFCB;
  --rt-text:#1E2A47; --rt-text-2:#3A4459; --rt-text-3:#4A5468; --rt-muted:#5C6578; --rt-muted-2:#6B7488; --rt-faint:#9AA1B2;
  --rt-bg:#F3F4F8; --rt-panel:#F6F7FA; --rt-line:#E8EAF0; --rt-line-2:#EEF0F4; --rt-input:#E1E4EC; --rt-check:#B9BFCC;
  --rt-r:4px; --rt-r-lg:6px;
  --rt-font:'Nunito Sans',system-ui,-apple-system,sans-serif; --rt-display:'Jost',system-ui,sans-serif;
}

/* ---------- Base ---------- */
body.rt{margin:0;background:var(--rt-bg);font-family:var(--rt-font);color:var(--rt-text);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.45}
.rt *,.rt *::before,.rt *::after{box-sizing:border-box}
.rt a{color:var(--rt-orange-ink);text-decoration:none}
.rt a:hover{color:#B04310}
.rt img{max-width:100%;display:block}
.rt input,.rt textarea,.rt select,.rt button{font-family:inherit}
.rt ::placeholder{color:var(--rt-faint)}
.rt h1,.rt h2,.rt h3,.rt h4{margin:0;font-family:var(--rt-display);font-weight:600;color:inherit;line-height:1.2;text-wrap:pretty}
.rt p{margin:0}
.rt-h1{font-size:28px}
.rt-h2{font-size:20px}
.rt-h3{font-size:18px}
.rt-display{font-family:var(--rt-display);font-weight:600}
.rt-muted{color:var(--rt-muted)}
.rt-muted-2{color:var(--rt-muted-2)}
.rt-eyebrow{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--rt-muted-2)}
.rt-price{font-family:var(--rt-display);font-weight:600;color:var(--rt-green);line-height:1}
.rt-price small{font-size:.55em;color:var(--rt-muted-2);font-weight:500}
.rt-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* Material Symbols */
.ms{font-family:'Material Symbols Rounded';font-weight:normal;font-style:normal;font-size:20px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;direction:ltr;-webkit-font-feature-settings:'liga';font-feature-settings:'liga';font-variation-settings:'FILL' 0;flex:none}
.ms.fill{font-variation-settings:'FILL' 1}

/* Responsive visibility (820px = phone/desktop breakpoint used in the mocks) */
@media (max-width:819px){.rt-hide-mob{display:none!important}}
@media (min-width:820px){.rt-hide-desk{display:none!important}}

/* ---------- Cards / layout helpers ---------- */
.rt-card{background:#fff;border:1px solid var(--rt-line);border-radius:var(--rt-r-lg);padding:18px}
.rt-card.pad-lg{padding:20px}
.rt-card.flush{padding:0;overflow:hidden}
.rt-card-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}
.rt-card-head a{font-size:14px;font-weight:800}
.rt-stack{display:flex;flex-direction:column;gap:16px}
.rt-stack.tight{gap:8px}
.rt-row{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start}
.rt-col-main{flex:999 1 440px;min-width:0;display:flex;flex-direction:column;gap:16px}
.rt-col-side{flex:1 1 300px;min-width:0;display:flex;flex-direction:column;gap:16px}
.rt-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(var(--min,220px),1fr))}
.rt-grid.fit{grid-template-columns:repeat(auto-fit,minmax(var(--min,150px),1fr))}
.rt-divider{height:1px;background:var(--rt-line-2);border:0;margin:20px 0 16px}
.rt-center{text-align:center}

/* ---------- Buttons ---------- */
.rt-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:46px;padding:0 18px;border-radius:var(--rt-r);border:0;font-weight:800;font-size:15px;line-height:1;cursor:pointer;text-decoration:none!important;white-space:nowrap;transition:background .15s,border-color .15s}
.rt-btn .ms{font-size:20px}
.rt-btn-primary{background:var(--rt-orange);color:#fff!important}
.rt-btn-primary:hover{background:var(--rt-orange-h)}
.rt-btn-primary[disabled],.rt-btn-primary.is-dim{background:#FFB48E}
.rt-btn-soft{background:var(--rt-orange-soft);color:var(--rt-orange-ink-2)!important}
.rt-btn-soft:hover{background:#FFE0CF}
.rt-btn-outline{background:#fff;border:1.5px solid var(--rt-navy);color:var(--rt-navy)!important}
.rt-btn-outline:hover{background:var(--rt-panel)}
.rt-btn-ghost{background:#fff;border:1.5px solid var(--rt-input);color:var(--rt-navy)!important;font-weight:700}
.rt-btn-ghost:hover{border-color:var(--rt-orange)}
.rt-btn-grey{background:#F1F3F7;color:var(--rt-navy)!important}
.rt-btn-navy{background:var(--rt-navy);color:#fff!important;font-weight:700}
.rt-btn-danger{background:var(--rt-red);color:#fff!important}
.rt-btn-danger-outline{background:#fff;border:1.5px solid #E7B4AE;color:var(--rt-red-ink)!important}
.rt-btn-text{background:transparent;color:var(--rt-muted)!important;font-weight:700;height:40px;font-size:14px}
.rt-btn-lg{height:52px;font-size:16px}
.rt-btn-xl{height:54px;font-size:16.5px}
.rt-btn-sm{height:40px;padding:0 12px;font-size:13.5px}
.rt-btn-sm .ms{font-size:18px}
.rt-btn-block{display:flex;width:100%}
.rt-btn-group{display:flex;flex-wrap:wrap;gap:8px}
.rt-btn-group.col{flex-direction:column}
.rt-icon-btn{width:44px;height:44px;border-radius:var(--rt-r);border:1px solid var(--rt-input);background:#fff;display:inline-flex;align-items:center;justify-content:center;color:var(--rt-navy);cursor:pointer;padding:0;flex:none}
.rt-icon-btn .ms{font-size:24px}
.rt-icon-btn.grey{border:0;background:var(--rt-bg);width:40px;height:40px}
.rt-icon-btn.grey .ms{font-size:22px}

/* ---------- Chips / pills / counts ---------- */
.rt-chip{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:800;padding:4px 8px;border-radius:var(--rt-r);background:#F1F3F7;color:var(--rt-text-2);white-space:nowrap}
.rt-chip .ms{font-size:16px}
.rt-chip.active{background:var(--rt-green-soft);color:var(--rt-green-ink)}
.rt-chip.rented{background:var(--rt-line-2);color:var(--rt-muted)}
.rt-chip.navy{background:var(--rt-navy);color:#fff}
.rt-chip.orange{background:var(--rt-orange-soft-2);color:var(--rt-orange-ink-2)}
.rt-chip.blue{background:#EEF1FF;color:#3B4FC4}
.rt-chip.lg{font-size:13px;padding:5px 9px}
.rt-count{min-width:22px;height:20px;padding:0 6px;border-radius:var(--rt-r);background:var(--rt-orange);color:#fff;font-size:12px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;flex:none}
.rt-you{flex:none;font-size:11px;font-weight:800;padding:2px 6px;border-radius:3px;background:var(--rt-orange);color:#fff}

/* Icon tile (coloured square with a Material Symbol) — colours set inline per use */
.rt-ic{flex:none;width:38px;height:38px;border-radius:var(--rt-r);display:inline-flex;align-items:center;justify-content:center}
.rt-ic .ms{font-size:20px}
.rt-ic.sm{width:30px;height:30px}.rt-ic.sm .ms{font-size:18px}
.rt-ic.md{width:42px;height:42px}.rt-ic.md .ms{font-size:23px}
.rt-ic.lg{width:44px;height:44px}.rt-ic.lg .ms{font-size:24px}
.rt-ic.xl{width:64px;height:64px;border-radius:var(--rt-r-lg)}.rt-ic.xl .ms{font-size:34px}
.rt-ic.tint-orange{background:var(--rt-orange-soft-2);color:var(--rt-orange-ink)}
.rt-ic.tint-amber{background:#FFF3E2;color:var(--rt-amber)}
.rt-ic.tint-green{background:var(--rt-green-soft);color:var(--rt-green)}
.rt-ic.tint-blue{background:#EEF1FF;color:#4C66E0}
.rt-ic.tint-grey{background:#F1F3F7;color:var(--rt-muted)}
.rt-ic.navy{background:var(--rt-navy);color:#fff}

/* Achievement badge square (bg colour inline) */
.rt-badge{flex:none;width:38px;height:38px;border-radius:var(--rt-r);color:#fff;display:inline-flex;align-items:center;justify-content:center}
.rt-badge .ms{font-size:21px}
.rt-badge.xs{width:24px;height:24px}.rt-badge.xs .ms{font-size:15px}
.rt-badge.sm{width:28px;height:28px;border-radius:999px;border:2px solid #fff;margin-left:-8px}.rt-badge.sm .ms{font-size:15px}
.rt-badge.lg{width:44px;height:44px}.rt-badge.lg .ms{font-size:24px}
.rt-badge.locked{background:var(--rt-line-2)!important;color:var(--rt-check)!important}
.rt-badge-pill{display:inline-flex;gap:5px;align-items:center;padding:4px 9px 4px 4px;border-radius:var(--rt-r);font-weight:800;font-size:12.5px}
.rt-badge-pill .rt-badge{width:22px;height:22px}.rt-badge-pill .rt-badge .ms{font-size:14px}

/* Avatar */
.rt-avatar{flex:none;border-radius:999px;background:var(--rt-orange) center/cover no-repeat;color:#fff;font-family:var(--rt-display);font-weight:500;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;font-size:17px;overflow:hidden;line-height:1}
.rt-avatar.navy{background-color:var(--rt-navy)}
.rt-avatar img{width:100%;height:100%;object-fit:cover}

/* Progress */
.rt-progress{height:8px;border-radius:4px;background:var(--rt-line-2);overflow:hidden}
.rt-progress>span{display:block;height:100%;background:var(--rt-orange);transition:width .25s}
.rt-progress.thin{height:5px;border-radius:3px}
.rt-progress.on-dark{background:rgba(255,255,255,.14)}

/* Segmented control */
.rt-seg{display:flex;gap:4px;background:#E9EBF1;border-radius:var(--rt-r);padding:4px;max-width:100%;overflow-x:auto}
.rt-seg>*{flex:none;height:36px;padding:0 14px;border:0;border-radius:var(--rt-r);cursor:pointer;font-weight:800;font-size:14px;background:transparent;color:var(--rt-muted);display:inline-flex;align-items:center;gap:5px;text-decoration:none!important}
.rt-seg>.is-on{background:#fff;color:var(--rt-navy);box-shadow:0 1px 2px rgba(30,42,71,.12)}
.rt-seg.fill>*{flex:1;justify-content:center;height:40px;font-size:14.5px}
.rt-seg.dark{background:rgba(255,255,255,.08);border-radius:5px}
.rt-seg.dark>*{height:34px;padding:0 12px;font-size:13.5px;color:var(--rt-navy-ink)}
.rt-seg.dark>*:hover{color:#fff}
.rt-seg.dark>.is-on{background:var(--rt-orange);color:#fff;box-shadow:none}
.rt-seg.dark .ms{font-size:17px}

/* Placeholder stripes (used when a listing has no photo) */
.rt-ph{background:repeating-linear-gradient(135deg,#EADFD0 0 14px,#E3D6C4 14px 28px)}
.rt-ph.v1{background:repeating-linear-gradient(135deg,#E2E6EE 0 14px,#D9DEE8 14px 28px)}
.rt-ph.v2{background:repeating-linear-gradient(135deg,#DCE9E6 0 14px,#D1E1DD 14px 28px)}
.rt-ph.v3{background:repeating-linear-gradient(135deg,#ECE4D6 0 14px,#E4DAC9 14px 28px)}
.rt-cover{background-size:cover;background-position:center}

/* Navy hero band */
.rt-hero{position:relative;overflow:hidden;background:var(--rt-navy);border-radius:var(--rt-r-lg);padding:24px;color:#fff}
.rt-hero>*{position:relative}
.rt-hero .rt-blob{position:absolute;border-radius:999px;pointer-events:none}
.rt-hero .sub{color:var(--rt-navy-ink);font-size:15px;margin-top:4px}
.rt-hero .kicker{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--rt-gold)}
.rt-hero-row{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:flex-end}
.rt-hero-pill{display:inline-flex;gap:5px;align-items:center;font-size:13px;font-weight:800;padding:6px 10px;border-radius:var(--rt-r);background:rgba(255,255,255,.1)}
.rt-hero-pill .ms{font-size:17px;color:var(--rt-orange-light)}

/* ---------- Forms ---------- */
.rt-label{display:flex;justify-content:space-between;gap:8px;font-size:14px;font-weight:800;margin:0 0 6px;color:var(--rt-text)}
.rt-label .opt{font-weight:600;color:var(--rt-muted-2)}
.rt-label .req{color:var(--rt-orange-ink)}
.rt-field+.rt-field{margin-top:16px}
.rt-input{display:block;width:100%;height:50px;padding:0 14px;border:1.5px solid var(--rt-input);border-radius:var(--rt-r);font-size:16px;color:var(--rt-text);background:#fff;outline:none;transition:border-color .15s,box-shadow .15s}
.rt-input:focus{border-color:var(--rt-orange);box-shadow:0 0 0 3px #FFE7DA}
.rt-input.md{height:48px}
.rt-input.sm{height:40px;font-size:15px}
textarea.rt-input{height:auto;min-height:110px;padding:12px 14px;line-height:1.5;resize:vertical}
select.rt-input{appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%236B7488' stroke-width='2'/%3E%3C/svg%3E") right 14px center no-repeat;padding-right:36px}
.rt-input.money{font-size:18px;font-weight:800;padding-left:28px}
.rt-input-wrap{position:relative}
.rt-input-wrap .lead{position:absolute;left:14px;top:14px;color:var(--rt-faint);pointer-events:none}
.rt-input-wrap .lead.txt{top:15px;font-weight:800;color:var(--rt-muted-2)}
.rt-input-wrap .rt-input.has-lead{padding-left:44px}
.rt-input-wrap .rt-input.has-trail{padding-right:52px}
.rt-pw-toggle{position:absolute;right:4px;top:4px;width:44px;height:42px;border:0;background:transparent;cursor:pointer;color:var(--rt-muted-2);display:flex;align-items:center;justify-content:center}
.rt-help{font-size:12.5px;color:var(--rt-muted-2);margin-top:5px}
.rt-help.ok{color:var(--rt-green);font-weight:700}
.rt-alert{display:flex;gap:8px;align-items:center;font-size:14px;padding:10px 12px;border-radius:var(--rt-r)}
.rt-alert .ms{font-size:19px}
.rt-alert.err{background:var(--rt-red-soft);color:var(--rt-red)}
.rt-alert.ok{background:var(--rt-green-soft);color:var(--rt-green-ink);font-weight:700}
.rt-alert.warn{background:#FFF4EA;border:1px solid #FFE1CF;color:#8A4514;border-radius:var(--rt-r-lg);padding:12px 14px;flex-wrap:wrap}
.rt-alert.note{background:#FFF4EA;color:#A4561A;font-size:13.5px}
.rt-field-err{display:flex;gap:6px;align-items:center;font-size:13.5px;color:var(--rt-red-ink);margin-top:10px}
.rt-field-err .ms{font-size:17px}
.rt-strength{display:flex;gap:4px;margin-top:8px}
.rt-strength>span{flex:1;height:4px;border-radius:2px;background:var(--rt-line-2);transition:background .15s}
.rt-reqs{display:flex;flex-direction:column;gap:4px;margin-top:10px}
.rt-reqs>div{display:flex;gap:6px;align-items:center;font-size:13.5px;color:var(--rt-muted-2)}
.rt-reqs .ms{font-size:17px;color:var(--rt-check)}
.rt-reqs>.ok{color:var(--rt-text)}.rt-reqs>.ok .ms{color:var(--rt-green)}
.rt-check{display:flex;gap:10px;align-items:center;cursor:pointer;font-size:14.5px;color:var(--rt-text-2);font-weight:700}
.rt-check input{position:absolute;opacity:0;pointer-events:none}
.rt-check .box{width:22px;height:22px;border-radius:var(--rt-r);border:1.5px solid var(--rt-check);background:#fff;color:#fff;display:flex;align-items:center;justify-content:center}
.rt-check .box .ms{font-size:16px;opacity:0}
.rt-check input:checked+.box{background:var(--rt-orange);border-color:var(--rt-orange)}
.rt-check input:checked+.box .ms{opacity:1}
.rt-check input:focus-visible+.box{box-shadow:0 0 0 3px #FFE7DA}
/* Switch */
.rt-switch{display:flex;gap:14px;align-items:center;cursor:pointer}
.rt-switch input{position:absolute;opacity:0;pointer-events:none}
.rt-switch .track{flex:none;width:50px;height:30px;border-radius:999px;background:#C9CEDA;position:relative;transition:background .15s}
.rt-switch .track::after{content:'';position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:999px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform .15s}
.rt-switch input:checked~.track{background:var(--rt-green)}
.rt-switch input:checked~.track::after{transform:translateX(20px)}
.rt-switch input:focus-visible~.track{box-shadow:0 0 0 3px #FFE7DA}
/* Choice cards (radio) */
.rt-choice{position:relative;display:block;text-align:left;padding:12px;border-radius:var(--rt-r);cursor:pointer;border:1.5px solid var(--rt-input);background:#fff;color:var(--rt-text)}
.rt-choice input{position:absolute;opacity:0;pointer-events:none}
.rt-choice .ms{font-size:24px;color:var(--rt-muted)}
.rt-choice b{display:block;font-weight:800;font-size:14.5px;margin-top:6px}
.rt-choice span.d{display:block;font-size:12.5px;color:var(--rt-muted-2);line-height:1.3}
.rt-choice:has(input:checked){border-color:var(--rt-orange);background:var(--rt-orange-soft-3)}
.rt-choice:has(input:checked) .ms{color:var(--rt-orange)}
.rt-choice:has(input:focus-visible){box-shadow:0 0 0 3px #FFE7DA}
/* Amenity check chip */
.rt-amen{display:flex;gap:8px;align-items:center;min-height:44px;padding:8px 10px;border-radius:var(--rt-r);cursor:pointer;font-size:14px;font-weight:700;border:1.5px solid var(--rt-input);background:#fff;color:var(--rt-text);position:relative}
.rt-amen input{position:absolute;opacity:0;pointer-events:none}
.rt-amen .box{flex:none;width:20px;height:20px;border-radius:var(--rt-r);border:1.5px solid var(--rt-check);background:#fff;color:#fff;display:flex;align-items:center;justify-content:center}
.rt-amen .box .ms{font-size:15px;opacity:0}
.rt-amen .t{flex:1}
.rt-amen .unlock{font-size:17px;color:var(--rt-amber)}
.rt-amen:has(input:checked){border-color:var(--rt-orange);background:var(--rt-orange-soft-3)}
.rt-amen:has(input:checked) .box{background:var(--rt-orange);border-color:var(--rt-orange)}
.rt-amen:has(input:checked) .box .ms{opacity:1}
/* Stepper */
.rt-stepper{display:flex;align-items:center;border:1.5px solid var(--rt-input);border-radius:var(--rt-r);height:50px;overflow:hidden;background:#fff}
.rt-stepper button{width:50px;height:100%;border:0;background:var(--rt-panel);cursor:pointer;color:var(--rt-navy)}
.rt-stepper input{flex:1;min-width:0;height:100%;border:0;text-align:center;font-weight:800;font-size:17px;color:var(--rt-text);background:#fff;outline:none;-moz-appearance:textfield}
.rt-stepper input::-webkit-outer-spin-button,.rt-stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}

/* ---------- Dropdown menu ---------- */
.rt-dd-wrap{position:relative}
.rt-dd{position:absolute;right:0;top:calc(100% + 8px);width:220px;background:#fff;border:1px solid var(--rt-line);border-radius:var(--rt-r-lg);box-shadow:0 12px 30px -12px rgba(30,42,71,.3);padding:6px;display:none;z-index:60}
.rt-dd.open{display:block}
.rt-dd a{display:flex;gap:10px;align-items:center;height:40px;padding:0 10px;border-radius:var(--rt-r);color:var(--rt-navy)!important;font-weight:700;font-size:14px}
.rt-dd a .ms{font-size:19px;color:var(--rt-muted)}
.rt-dd a:hover{background:var(--rt-panel)}
.rt-dd a.danger,.rt-dd a.danger .ms{color:var(--rt-red-ink)!important}
.rt-dd hr{border:0;height:1px;background:var(--rt-line-2);margin:4px 0}
.rt-dd-head{padding:8px 10px 10px;border-bottom:1px solid var(--rt-line-2);margin-bottom:4px}
.rt-dd-head b{display:block;font-size:14.5px}
.rt-dd-head span{font-size:12.5px;color:var(--rt-muted-2)}

/* ---------- Sheet (mobile menu / more / preview) ---------- */
.rt-backdrop{position:fixed;inset:0;z-index:90;background:rgba(20,28,48,.45);display:none}
.rt-backdrop.open{display:block}
.rt-sheet{position:fixed;z-index:91;background:#fff;display:none;flex-direction:column;padding:16px;gap:2px;overflow-y:auto}
.rt-sheet.open{display:flex}
.rt-sheet.side{left:0;top:0;bottom:0;width:84%;max-width:360px}
.rt-sheet.bottom{left:0;right:0;bottom:0;max-height:85%;border-radius:var(--rt-r-lg) var(--rt-r-lg) 0 0;padding:14px}
.rt-sheet-head{display:flex;align-items:center;gap:10px;padding:4px 4px 14px;border-bottom:1px solid var(--rt-line-2);margin-bottom:8px}
.rt-sheet-head .who{flex:1;min-width:0}
.rt-sheet-head .who b{display:block}
.rt-sheet-head .who span{font-size:12.5px;color:var(--rt-muted-2)}
.rt-sheet-item{display:flex;align-items:center;gap:14px;min-height:50px;padding:0 10px;border-radius:var(--rt-r);font-size:16px;font-weight:700;color:var(--rt-navy)!important}
.rt-sheet-item .ms{font-size:22px}
.rt-sheet-item .t{flex:1}
.rt-sheet-item.is-on{background:var(--rt-orange-soft-2);color:var(--rt-orange-ink)!important}
.rt-sheet-item.danger{color:var(--rt-red-ink)!important}
.rt-sheet-sub{padding-left:46px;min-height:42px;font-size:15px;font-weight:600;color:var(--rt-muted)!important}
.rt-sheet-ctas{display:flex;flex-direction:column;gap:8px;margin-top:12px}
body.rt-lock{overflow:hidden}

/* ---------- Toast ---------- */
.rt-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:100;max-width:calc(100% - 32px);background:var(--rt-navy);color:#fff;padding:12px 16px;border-radius:var(--rt-r);font-size:14.5px;font-weight:700;display:flex;gap:8px;align-items:center;box-shadow:0 10px 30px -10px rgba(0,0,0,.4);transition:opacity .3s}
.rt-toast .ms{color:#7EE0B5}
.rt-toast.hide{opacity:0;pointer-events:none}
.rt-portal .rt-toast{bottom:96px}
@media (min-width:820px){.rt-portal .rt-toast{bottom:24px}}

/* ---------- Logo ---------- */
.rt-logo{display:flex;align-items:center;gap:6px;flex:none;color:var(--rt-navy)!important}
.rt-logo img{height:30px;width:auto}
.rt-logo .ms{font-size:28px}
.rt-logo .word{font-family:var(--rt-display);font-weight:600;font-size:22px;letter-spacing:-.3px}
.rt-logo .word i{font-style:normal;color:var(--rt-gold)}

/* =========================================================
   PUBLIC LAYOUT (header / footer)
   ========================================================= */
.rt-pub-header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--rt-line)}
.rt-pub-header .in{max-width:1200px;margin:0 auto;padding:12px 16px;display:flex;align-items:center;gap:12px}
.rt-pub-header .grow{flex:1}
.rt-nav{display:flex;gap:2px;list-style:none;margin:0;padding:0}
.rt-nav>li{position:relative}
.rt-nav-link{height:38px;padding:0 12px;border:0;background:transparent;border-radius:var(--rt-r);font-family:'Poppins',sans-serif;font-weight:600;font-size:14px;color:var(--rt-navy)!important;display:flex;align-items:center;gap:2px;cursor:pointer}
.rt-nav-link:hover{background:var(--rt-bg)}
.rt-nav-link .ms{font-size:18px;color:var(--rt-muted-2)}
.rt-nav-sub{display:none;position:absolute;top:100%;left:0;min-width:210px;background:#fff;border:1px solid var(--rt-line);border-radius:var(--rt-r-lg);box-shadow:0 12px 30px -12px rgba(30,42,71,.3);padding:6px;z-index:60;list-style:none;margin:0}
.rt-nav>li:hover>.rt-nav-sub,.rt-nav>li:focus-within>.rt-nav-sub{display:block}
.rt-nav-sub a{display:flex;align-items:center;height:38px;padding:0 10px;border-radius:var(--rt-r);font-family:'Poppins',sans-serif;font-weight:700;font-size:14px;color:var(--rt-navy)!important}
.rt-nav-sub a:hover{background:var(--rt-panel)}
.rt-account{width:40px;height:40px;border-radius:999px;border:0;padding:0;background:var(--rt-orange) center/cover;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:var(--rt-display);font-size:17px;overflow:hidden}
.rt-account .ms{font-size:22px}
.rt-account img{width:100%;height:100%;object-fit:cover}
.rt-post-btn{flex:none;height:40px;padding:0 12px;border-radius:var(--rt-r);background:var(--rt-orange-soft);color:var(--rt-orange-ink-2)!important;font-weight:800;font-size:14px;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.rt-post-btn:hover{background:#FFE0CF}
.rt-post-btn .ms{font-size:19px}

.rt-footer{background:var(--rt-navy);color:#AEB8CC}
.rt-footer .in{max-width:1200px;margin:0 auto;padding:40px 16px 24px;display:flex;flex-wrap:wrap;gap:28px}
.rt-footer .brand{flex:1 1 300px}
.rt-footer .brand .rt-logo{color:#fff!important}
.rt-footer .brand .rt-logo .ms{color:#fff}
.rt-footer .tag{font-family:var(--rt-display);font-weight:600;font-size:20px;color:#fff;margin:14px 0 8px}
.rt-footer .legal{font-size:14px;line-height:1.6;max-width:420px}
.rt-footer .col{flex:1 1 150px}
.rt-footer h4{font-family:var(--rt-display);font-weight:600;font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:#fff;margin:0 0 12px}
.rt-footer .col a{display:flex;gap:6px;align-items:center;padding:5px 0;font-size:14.5px;color:#AEB8CC!important}
.rt-footer .col a:hover{color:#fff!important}
.rt-footer .flag{font-size:11px;font-weight:800;padding:2px 6px;border-radius:var(--rt-r);color:var(--rt-navy)}
.rt-footer .bottom{border-top:1px solid var(--rt-navy-2)}
.rt-footer .bottom .in{padding:14px 16px;gap:8px;justify-content:space-between;font-size:12px;color:#8592AC}

.rt-pub-main{max-width:1200px;margin:0 auto;padding:14px 16px 40px}
.rt-pub-main.narrow{max-width:480px;padding:40px 16px 56px}
.rt-pub-main.mid{max-width:1000px;padding:28px 16px 56px}
.rt-pub-main.auth{padding:32px 20px 56px}
@media (max-width:819px){.rt-pub-main.auth{max-width:1000px;padding:28px 16px 48px}}
.rt-crumbs{font-size:12.5px;color:var(--rt-muted-2);margin-bottom:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rt-crumbs a{color:var(--rt-muted-2)!important}
.rt-crumbs a:hover{color:var(--rt-navy)!important}
.rt-crumbs span{color:var(--rt-navy)}

/* =========================================================
   PORTAL LAYOUT (sidebar / topbar / tab bar)
   ========================================================= */
.rt-app{display:flex;min-height:100vh}
.rt-side{position:sticky;top:0;flex:none;width:244px;height:100vh;overflow-y:auto;background:#fff;border-right:1px solid var(--rt-line);display:flex;flex-direction:column;padding:18px 14px}
@media (max-width:819px){.rt-side{display:none}}
.rt-side .rt-logo{padding:4px 8px 20px}
.rt-side .rt-logo .word{font-size:21px}
.rt-side-nav{display:flex;flex-direction:column;gap:3px}
.rt-side-link{display:flex;align-items:center;gap:12px;height:44px;padding:0 12px;border-radius:var(--rt-r);font-size:15px;font-weight:700;color:var(--rt-text-2)!important}
.rt-side-link .ms{font-size:21px}
.rt-side-link .t{flex:1}
.rt-side-link:hover{background:var(--rt-panel)}
.rt-side-link.is-on{background:var(--rt-orange-soft-2);color:var(--rt-orange-ink)!important}
.rt-side .rt-btn{margin-top:14px}
.rt-side .spacer{flex:1;min-height:20px}
.rt-side-badges{background:var(--rt-panel);border-radius:var(--rt-r);padding:12px 14px;margin-bottom:10px;display:block;color:var(--rt-text)!important}
.rt-side-badges .top{display:flex;justify-content:space-between;font-size:13px;font-weight:700}
.rt-side-badges .top b{color:var(--rt-orange-ink)}
.rt-side-badges .rt-progress{height:6px;margin-top:8px;background:#E3E6EE}
.rt-side-foot{display:flex;gap:12px;align-items:center;height:40px;padding:0 12px;border-radius:var(--rt-r);color:var(--rt-muted)!important;font-weight:700;font-size:14px}
.rt-side-foot:hover{background:var(--rt-bg)}
.rt-main{flex:1;min-width:0;display:flex;flex-direction:column}
.rt-topbar{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--rt-line);padding:9px 16px;display:flex;align-items:center;gap:10px;min-height:62px}
.rt-topbar .grow{flex:1}
.rt-topbar .rt-logo .ms{font-size:25px}
.rt-topbar .rt-logo .word{font-size:19px}
.rt-topbar .rt-logo img{height:26px}
.rt-crumb{font-size:13.5px;color:var(--rt-muted-2);font-weight:600}
.rt-crumb i{font-style:normal;margin:0 6px;color:#C3C8D4}
.rt-crumb b{color:var(--rt-navy);font-weight:800}
.rt-bell{position:relative;width:42px;height:42px;border-radius:var(--rt-r);background:var(--rt-bg);display:flex;align-items:center;justify-content:center;color:var(--rt-navy)!important}
.rt-bell .ms{font-size:22px}
.rt-bell .dot{position:absolute;top:8px;right:9px;width:9px;height:9px;border-radius:5px;background:var(--rt-orange);border:2px solid var(--rt-bg)}
.rt-topbar .rt-post-btn{height:42px;padding:0 14px}
.rt-topbar .rt-account{width:42px;height:42px}
.rt-page{width:100%;max-width:1240px;margin:0 auto;padding:20px 16px 40px;display:flex;flex-direction:column;gap:16px}
.rt-page.w1180{max-width:1180px;padding-top:18px}
.rt-page.w1100{max-width:1100px}
.rt-page.w1000{max-width:1000px;gap:14px}
.rt-page.w960{max-width:960px;gap:14px}
.rt-page.w620{max-width:620px;text-align:center;padding-top:28px}
@media (max-width:819px){.rt-has-tabs .rt-page{padding-bottom:110px}}
.rt-page-head{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}
.rt-tabbar{position:fixed;left:0;right:0;bottom:0;z-index:50;background:#fff;border-top:1px solid var(--rt-line);display:flex;align-items:stretch;padding:6px 6px calc(14px + env(safe-area-inset-bottom,0px))}
@media (min-width:820px){.rt-tabbar{display:none}}
.rt-tab{flex:1;position:relative;border:0;background:transparent;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 0;color:var(--rt-muted-2)!important;font-size:11.5px;font-weight:800}
.rt-tab .ic{width:30px;height:30px;display:flex;align-items:center;justify-content:center}
.rt-tab .ic .ms{font-size:26px}
.rt-tab.is-on{color:var(--rt-orange-ink)!important}
.rt-tab.is-on .ms{font-variation-settings:'FILL' 1}
.rt-tab.fab .ic{width:50px;height:50px;margin-top:-22px;border-radius:var(--rt-r-lg);background:var(--rt-orange);color:#fff;box-shadow:0 8px 18px -6px rgba(255,122,61,.7)}
.rt-tab.fab .ic .ms{font-size:28px}
.rt-tab .rt-count{position:absolute;top:2px;left:calc(50% + 6px);min-width:18px;height:18px;padding:0 5px;font-size:11px}

/* =========================================================
   PAGES
   ========================================================= */

/* --- Listing --- */
.rt-gallery{background:#fff;border-radius:var(--rt-r-lg);padding:8px;border:1px solid var(--rt-line)}
.rt-gallery .stage{position:relative;border-radius:var(--rt-r);overflow:hidden;aspect-ratio:16/10;background-color:#EDE6DA;background-size:cover;background-position:center}
.rt-gallery .stage .count{position:absolute;left:12px;top:12px;background:rgba(30,42,71,.78);color:#fff;font-size:12px;font-weight:700;padding:4px 9px;border-radius:var(--rt-r)}
.rt-gallery .nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:var(--rt-r);border:0;background:rgba(255,255,255,.92);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--rt-navy)}
.rt-gallery .nav .ms{font-size:24px}
.rt-gallery .nav.prev{left:12px}.rt-gallery .nav.next{right:12px}
.rt-gallery .save{position:absolute;right:12px;top:12px;width:42px;height:42px;border-radius:var(--rt-r);border:0;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--rt-navy)}
.rt-gallery .save.on{color:var(--rt-orange)}
.rt-gallery .save.on .ms{font-variation-settings:'FILL' 1}
.rt-gallery .thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:8px}
.rt-gallery .thumbs button{aspect-ratio:4/3;border-radius:var(--rt-r);cursor:pointer;padding:0;border:2px solid transparent;background-size:cover;background-position:center;background-color:#EDE6DA}
.rt-gallery .thumbs button.sel{border-color:var(--rt-orange)}
.rt-listing-title h1{font-size:26px;margin:10px 0 6px}
.rt-loc{display:flex;align-items:center;gap:4px;color:var(--rt-muted);font-size:15px}
.rt-loc .ms{font-size:18px}
.rt-stat-tile{background:var(--rt-panel);border-radius:var(--rt-r);padding:11px 12px;display:flex;gap:10px;align-items:center}
.rt-stat-tile .ms{color:var(--rt-orange)}
.rt-stat-tile .k{font-size:12px;color:var(--rt-muted-2)}
.rt-stat-tile .v{font-weight:800;font-size:14.5px}
.rt-prose{font-size:15.5px;line-height:1.7;color:var(--rt-text-2);white-space:pre-line}
.rt-gate{position:relative;overflow:hidden}
.rt-gate .blur{filter:blur(5px);user-select:none;pointer-events:none;max-height:150px;overflow:hidden}
.rt-gate .over{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:16px;background:linear-gradient(rgba(255,255,255,.2),rgba(255,255,255,.85))}
.rt-gate .box{background:#fff;border:1px solid var(--rt-line);box-shadow:0 12px 30px -12px rgba(30,42,71,.25);border-radius:var(--rt-r-lg);padding:16px 18px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;max-width:460px}
.rt-gate .box .ms{font-size:26px;color:var(--rt-amber)}
.rt-gate .box .t{flex:1 1 180px;font-size:14.5px;line-height:1.4}
.rt-amen-group{margin-top:14px}
.rt-amen-group .rt-eyebrow{margin-bottom:8px}
.rt-amen-chips{display:flex;flex-wrap:wrap;gap:6px}
.rt-amen-chips span{font-size:13.5px;font-weight:700;padding:6px 10px;border-radius:var(--rt-r)}
.a-room{background:#EEF1FF;color:#3B4FC4}.a-house{background:var(--rt-green-soft);color:var(--rt-green-ink)}.a-util{background:var(--rt-orange-soft-2);color:var(--rt-orange-ink-2)}.a-lease{background:#E6F3FB;color:#0B6FA4}.a-hood{background:#F4ECFD;color:#7A3CC8}.a-rules{background:#FDECF3;color:#B8285F}
.rt-quick{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
.rt-quick button{font-size:13px;font-weight:700;padding:6px 10px;border-radius:var(--rt-r);border:1px solid var(--rt-input);background:var(--rt-panel);color:var(--rt-navy);cursor:pointer}
.rt-host{display:flex;gap:12px;align-items:center}
.rt-host .name{font-weight:800;font-size:16px;color:var(--rt-navy)!important}
.rt-host .name em{font-style:normal;font-size:13px;color:var(--rt-orange-ink)}
.rt-host .name:hover{color:var(--rt-orange-ink)!important}
.rt-host .badges{display:flex;gap:4px;margin-top:6px;align-items:center}
.rt-host .badges .more{font-size:12px;color:var(--rt-muted-2);font-weight:700;margin-left:2px}
.rt-kv{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--rt-line-2);font-size:14.5px}
.rt-kv:last-child{border-bottom:0}
.rt-kv span{color:var(--rt-muted)}
.rt-kv b{font-weight:700;text-align:right}
.rt-sticky-cta{position:sticky;bottom:0;z-index:30;background:#fff;border-top:1px solid var(--rt-line);padding:10px 16px;display:flex;align-items:center;gap:12px;box-shadow:0 -8px 20px -12px rgba(30,42,71,.2)}
.rt-sticky-cta .p{flex:1}
.rt-sticky-cta .rt-price{font-size:22px}
.rt-sticky-cta .sub{font-size:12px;color:var(--rt-muted-2)}
@media (min-width:820px){.rt-sticky-cta{display:none}}

/* --- Listing card (browse / profile / similar) --- */
.rt-lcard{display:block;background:#fff;border:1px solid var(--rt-line);border-radius:var(--rt-r-lg);overflow:hidden;color:var(--rt-text)!important;transition:border-color .15s}
.rt-lcard:hover{border-color:var(--rt-orange-line)}
.rt-lcard .img{position:relative;aspect-ratio:16/10;background-size:cover;background-position:center}
.rt-lcard .img .rt-chip{position:absolute;left:10px;top:10px}
.rt-lcard .body{padding:12px 14px}
.rt-lcard .rt-price{font-size:19px}
.rt-lcard .t{font-weight:800;font-size:14.5px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rt-lcard .c{font-size:13px;color:var(--rt-muted-2);margin-top:2px}
.rt-lrow{display:flex;flex-wrap:wrap;background:#fff;border:1px solid var(--rt-line);border-radius:var(--rt-r-lg);overflow:hidden;color:var(--rt-text)!important}
.rt-lrow:hover{border-color:var(--rt-orange-line)}
.rt-lrow .img{flex:1 1 200px;min-height:130px;background-size:cover;background-position:center}
.rt-lrow .body{flex:2 1 260px;padding:14px 16px;display:flex;flex-direction:column;gap:4px;justify-content:center}
.rt-lrow .rt-price{font-size:22px}
.rt-lrow .t{font-weight:800;font-size:15.5px}
.rt-lrow .c{font-size:13.5px;color:var(--rt-muted-2);display:flex;gap:4px;align-items:center}
.rt-lrow .c .ms{font-size:16px}
.rt-lrow .go{font-size:13.5px;font-weight:800;color:var(--rt-orange-ink);margin-top:4px}

/* --- Browse --- */
.rt-browse-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}
.rt-browse-bar form{display:flex;gap:8px;flex:1 1 320px;max-width:460px}

/* --- Auth --- */
.rt-auth{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);background:#fff;border:1px solid var(--rt-line);border-radius:var(--rt-r-lg);overflow:hidden;min-height:640px}
.rt-auth.login{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);min-height:620px}
.rt-auth .form{padding:48px;display:flex;flex-direction:column;justify-content:center}
.rt-auth .form h1{font-size:30px}
.rt-auth .form .lede{margin:6px 0 20px;color:var(--rt-muted);font-size:15px}
@media (max-width:819px){
  .rt-auth,.rt-auth.login{grid-template-columns:1fr;min-height:0}
  .rt-auth .art{display:none}
  .rt-auth .form{padding:32px 24px}
  .rt-auth .form h1{font-size:28px}
}
.rt-auth-art{position:relative;overflow:hidden;background:var(--rt-navy);color:#fff;padding:48px 44px;display:flex;flex-direction:column}
.rt-auth-art .rt-blob{position:absolute;border-radius:999px}
.rt-auth-art>*{position:relative}
.rt-auth-art h2{font-size:42px;line-height:1.08;margin:12px 0}
.rt-auth-art h2 em{font-style:normal;color:var(--rt-orange-light)}
.rt-auth-art p{color:var(--rt-navy-ink);font-size:16px;line-height:1.55;max-width:420px}
.rt-auth-art .collage{flex:1;min-height:300px;margin-top:28px}
.rt-float{position:absolute;background:#fff;color:var(--rt-navy);border-radius:var(--rt-r-lg);box-shadow:0 24px 40px -20px rgba(0,0,0,.55)}
.rt-auth-photo{position:relative;background:#EDE6DA url('../img/roomterms-room-crop.png') center/cover}
.rt-auth-photo::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(30,42,71,0) 35%,rgba(30,42,71,.88) 100%)}
.rt-auth-photo .peek{position:absolute;left:28px;top:28px;width:250px;background:rgba(255,255,255,.95);border-radius:var(--rt-r-lg);padding:14px 16px;box-shadow:0 18px 34px -18px rgba(30,42,71,.5)}
.rt-auth-photo .peek .row{display:flex;gap:10px;align-items:center;padding:6px 0;font-weight:800;font-size:14px}
.rt-auth-photo .cap{position:absolute;left:32px;right:32px;bottom:32px;color:#fff}
.rt-auth-photo .cap b{display:block;font-family:var(--rt-display);font-weight:600;font-size:46px;line-height:1}
.rt-auth-photo .cap span{display:block;font-size:16px;color:#DCE2EE;margin-top:8px;max-width:420px}
.rt-handle{display:flex;gap:12px;align-items:center;padding:12px 14px;border:1px dashed #D5D9E2;border-radius:5px;background:#FAFBFC;margin-bottom:18px}
.rt-handle .n{font-weight:800;font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rt-handle .u{font-size:12.5px;color:var(--rt-muted-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rt-join-note{display:flex;gap:8px;align-items:center;justify-content:center;margin-top:12px;font-size:13px;color:var(--rt-muted-2)}
.rt-join-note .ms{font-size:16px;color:#F26A2E}
.rt-signup-nudge{display:flex;gap:12px;align-items:center;padding:14px 16px;border-radius:5px;background:var(--rt-panel)}
.rt-signup-nudge .t{flex:1;font-size:14px;color:var(--rt-text-2)}

/* --- Simple centered card pages (logged out / forgot / reset / 404) --- */
.rt-msg-card{background:#fff;border-radius:var(--rt-r-lg);border:1px solid var(--rt-line);padding:32px 24px}
.rt-msg-card h1{font-size:26px;margin:18px 0 6px}
.rt-msg-card .lede{margin:0 0 22px;color:var(--rt-muted);font-size:15.5px;line-height:1.5}
.rt-msg-card.center{text-align:center}
.rt-msg-card.center .rt-ic{margin:0 auto}
.rt-404{font-family:var(--rt-display);font-weight:600;font-size:112px;line-height:1;letter-spacing:-2px;color:var(--rt-navy)}
.rt-404 span{color:var(--rt-orange)}
.rt-gone{background:#fff;border:1px solid var(--rt-line);border-radius:var(--rt-r-lg);overflow:hidden;display:flex;flex-wrap:wrap}
.rt-gone .img{position:relative;flex:1 1 300px;min-height:220px;background-size:cover;background-position:center}
.rt-gone .img::after{content:'';position:absolute;inset:0;background:rgba(243,244,248,.55)}
.rt-gone .img .rt-chip{position:absolute;left:14px;top:14px;z-index:1;font-size:12.5px;padding:5px 9px}
.rt-gone .body{flex:1.3 1 320px;min-width:0;padding:26px 24px}
.rt-gone .was{font-size:13.5px;color:var(--rt-muted-2);font-weight:700;text-decoration:line-through}
.rt-gone .meta{font-size:13px;color:#8A92A5;margin-top:2px}
.rt-gone h1{font-size:28px;margin:16px 0 8px}

/* --- Dashboard --- */
.rt-stat{text-align:left;background:#fff;border:1px solid var(--rt-line);border-radius:var(--rt-r-lg);padding:14px 16px;display:flex;flex-direction:column;gap:10px;color:var(--rt-text)!important}
.rt-stat:hover{border-color:var(--rt-orange-line)}
.rt-stat .top{display:flex;justify-content:space-between;align-items:center;gap:6px}
.rt-stat .k{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--rt-muted-2)}
.rt-stat .rt-ic{width:34px;height:34px}.rt-stat .rt-ic .ms{font-size:19px}
.rt-stat .v{font-family:var(--rt-display);font-weight:600;font-size:28px;line-height:1}
.rt-stat .v small{font-size:14px;color:var(--rt-muted-2);font-weight:500}
.rt-mini{display:flex;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--rt-line-2);color:var(--rt-text)!important}
.rt-mini .th{flex:none;width:64px;height:52px;border-radius:var(--rt-r);background-size:cover;background-position:center}
.rt-mini .m{flex:1;min-width:0}
.rt-mini .t{font-weight:800;font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rt-mini .s{font-size:13px;color:var(--rt-muted-2)}
.rt-action{display:flex;gap:12px;align-items:center;padding:10px 8px;border-radius:var(--rt-r);color:var(--rt-text)!important}
.rt-action:hover{background:var(--rt-panel)}
.rt-action .m{flex:1;min-width:0}
.rt-action b{display:block;font-weight:800;font-size:14.5px}
.rt-action span.s{display:block;font-size:13px;color:var(--rt-muted-2)}
.rt-action .chev{color:#A0A7B8}
.rt-next{display:flex;gap:10px;align-items:center;padding:10px;border:1px solid var(--rt-line-2);border-radius:var(--rt-r)}
.rt-next b{display:block;font-weight:800;font-size:14px}
.rt-next span.s{display:block;font-size:12.5px;color:var(--rt-muted-2);line-height:1.3}
.rt-empty{text-align:center;padding:26px 10px}
.rt-empty.big{background:#fff;border:1px solid var(--rt-line);border-radius:var(--rt-r-lg);padding:40px 20px}
.rt-empty .rt-ic{margin:0 auto}
.rt-empty h3{font-size:22px;margin:14px 0 4px}
.rt-empty p{color:var(--rt-muted);font-size:15px;max-width:420px;margin:10px auto 18px;line-height:1.5}

/* --- My listings --- */
.rt-mlcard{background:#fff;border:1px solid var(--rt-line);border-radius:var(--rt-r-lg);overflow:hidden;display:flex;flex-direction:column}
.rt-mlcard .img{position:relative;aspect-ratio:16/9;background-size:cover;background-position:center;display:block}
.rt-mlcard .img .rt-chip{position:absolute;left:10px;top:10px}
.rt-mlcard .body{padding:14px 16px;flex:1;display:flex;flex-direction:column;gap:4px}
.rt-mlcard .rt-price{font-size:20px}
.rt-mlcard .t{font-weight:800;font-size:15px;line-height:1.35;color:var(--rt-text)!important}
.rt-mlcard .c{font-size:13.5px;color:var(--rt-muted-2)}
.rt-mlcard .meta{display:flex;gap:14px;font-size:13.5px;color:var(--rt-text-3);margin-top:6px}
.rt-mlcard .meta span{display:flex;gap:4px;align-items:center}
.rt-mlcard .meta .ms{font-size:17px}
.rt-mlcard .acts{display:flex;border-top:1px solid var(--rt-line-2)}
.rt-mlcard .acts>*{flex:1;height:46px;border:0;background:#fff;cursor:pointer;font-weight:800;font-size:13.5px;color:var(--rt-navy)!important;display:flex;align-items:center;justify-content:center;gap:5px}
.rt-mlcard .acts>*+*{border-left:1px solid var(--rt-line-2)}
.rt-mlcard .acts>*:hover{background:var(--rt-panel)}
.rt-mlcard .acts .ms{font-size:18px}
.rt-mlcard .acts .rent{flex:1.4;color:var(--rt-green-ink)!important}
.rt-mlcard .acts .del{flex:none;width:52px;color:var(--rt-red)!important}
.rt-mlcard .acts .del:hover{background:#FDF1F0}
.rt-mlcard .confirm{display:none;align-items:center;gap:8px;padding:8px 10px 8px 16px;border-top:1px solid #F6D3CF;background:#FDF1F0}
.rt-mlcard .confirm .q{flex:1;font-size:13.5px;font-weight:800;color:#A42A20}
.rt-mlcard.asking .acts{display:none}
.rt-mlcard.asking .confirm{display:flex}

/* --- Messages --- */
.rt-inbox{display:flex;background:#fff;border:1px solid var(--rt-line);border-radius:var(--rt-r-lg);overflow:hidden;min-height:520px}
.rt-inbox .list{flex:1 1 320px;max-width:360px;border-right:1px solid var(--rt-line-2)}
.rt-inbox .thread{flex:2 1 400px;min-width:0;display:none;flex-direction:column}
.rt-inbox .thread.is-on{display:flex}
.rt-convo{width:100%;display:flex;gap:12px;align-items:center;padding:14px 16px;border:0;border-bottom:1px solid var(--rt-line-2);background:#fff;cursor:pointer;text-align:left;color:var(--rt-text)}
.rt-convo.is-on{background:var(--rt-orange-soft-3)}
.rt-convo .rt-avatar{background:var(--rt-navy);width:44px;height:44px;font-family:var(--rt-font);font-weight:800}
.rt-convo .m{flex:1;min-width:0}
.rt-convo .top{display:flex;justify-content:space-between;gap:8px}
.rt-convo .top b{font-weight:800;font-size:15px}
.rt-convo .top span{font-size:12px;color:var(--rt-muted-2);white-space:nowrap}
.rt-convo .re{display:block;font-size:12.5px;color:var(--rt-orange-ink);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rt-convo .pv{display:block;font-size:13.5px;color:var(--rt-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rt-convo.unread .pv{font-weight:800}
.rt-thread-head{display:flex;gap:10px;align-items:center;padding:12px 14px;border-bottom:1px solid var(--rt-line-2)}
.rt-thread-head .rt-avatar{background:var(--rt-navy);width:40px;height:40px;font-family:var(--rt-font);font-weight:800;font-size:15px}
.rt-thread-head .m{min-width:0;flex:1}
.rt-thread-head b{display:block}
.rt-thread-head span{display:block;font-size:12.5px;color:var(--rt-muted-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rt-thread-body{flex:1;padding:16px;display:flex;flex-direction:column;gap:8px;background:#FAFBFC;overflow-y:auto}
.rt-bubble{max-width:78%;padding:10px 13px;border-radius:var(--rt-r-lg);font-size:15px;line-height:1.45;background:#fff;border:1px solid var(--rt-line);white-space:pre-line}
.rt-bubble time{display:block;font-size:11px;opacity:.7;margin-top:3px}
.rt-thread-foot{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px;border-top:1px solid var(--rt-line-2)}
.rt-thread-foot .n{flex:1 1 200px;font-size:13px;color:var(--rt-muted-2)}
@media (max-width:819px){
  .rt-inbox .list{max-width:100%;border-right:0}
  .rt-inbox.reading .list{display:none}
}
@media (min-width:820px){.rt-thread-back{display:none!important}}

/* --- Achievements --- */
.rt-catbar{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px}
.rt-catbar button{flex:none;height:38px;padding:0 12px;border-radius:var(--rt-r);cursor:pointer;font-weight:800;font-size:13.5px;border:1px solid var(--rt-input);background:#fff;color:var(--rt-navy)}
.rt-catbar button span{opacity:.7;font-weight:700}
.rt-catbar button.is-on{background:var(--rt-navy);border-color:var(--rt-navy);color:#fff}
.rt-ach-group-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid var(--rt-line-2)}
.rt-ach-group-head h2{display:flex;gap:8px;align-items:center;font-size:18px}
.rt-ach-group-head h2 i{width:10px;height:10px;border-radius:3px}
.rt-ach-group-head span{font-size:13px;color:var(--rt-muted-2);font-weight:700}
.rt-ach{display:flex;gap:12px;align-items:center;padding:12px;border-radius:var(--rt-r);border:1px solid var(--rt-line-2);background:#FAFBFC}
.rt-ach .n{font-weight:800;font-size:14.5px;display:flex;gap:4px;align-items:center;color:var(--rt-muted)}
.rt-ach .n .ms{font-size:17px;color:var(--rt-green)}
.rt-ach .d{font-size:13px;color:var(--rt-muted-2);line-height:1.35}
.rt-ach.earned{background:#fff}
.rt-ach.earned .n{color:var(--rt-text)}

/* --- Leaderboard --- */
.rt-podium{display:flex;gap:10px;align-items:flex-end;margin:22px auto 0;max-width:640px}
.rt-podium a{flex:1;min-width:0;text-align:center;color:#fff!important}
.rt-podium .crown{height:24px;display:flex;justify-content:center;align-items:flex-end;color:var(--rt-gold)}
.rt-podium .crown .ms{font-size:26px}
.rt-podium .rt-avatar{margin:6px auto 0;font-size:22px}
.rt-podium .n{font-weight:800;font-size:14px;margin-top:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rt-podium .v{font-size:12.5px;color:var(--rt-navy-ink);margin-bottom:10px}
.rt-podium .blk{border-radius:var(--rt-r) var(--rt-r) 0 0;display:flex;justify-content:center;padding-top:10px;color:var(--rt-navy);font-family:var(--rt-display);font-weight:600;font-size:30px;line-height:1}
.rt-lb-head{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--rt-line-2)}
.rt-lb-search{position:relative;flex:0 1 260px}
.rt-lb-search .ms{position:absolute;left:10px;top:10px;color:var(--rt-faint)}
.rt-lb-search input{padding-left:36px}
.rt-lb-cols,.rt-lb-row{display:grid;grid-template-columns:38px minmax(130px,1fr) 64px minmax(80px,150px) 56px 70px 18px;gap:10px;align-items:center;padding:10px 16px}
.rt-lb-cols{background:#F8F9FB;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--rt-muted-2)}
.rt-lb-cols .r,.rt-lb-row .r{text-align:right}
.rt-lb-cols .is-sort{color:var(--rt-orange-ink)}
.rt-lb-row{border-top:1px solid #F1F2F6;color:var(--rt-text)!important;background:#fff}
.rt-lb-row:hover{background:#FFF9F5}
.rt-lb-row.me{background:var(--rt-orange-soft-3)}
.rt-lb-rank{width:34px;height:34px;border-radius:var(--rt-r);background:var(--rt-bg);color:var(--rt-muted);font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center}
.rt-lb-host{display:flex;align-items:center;gap:10px;min-width:0}
.rt-lb-host .rt-avatar{width:36px;height:36px;font-family:var(--rt-font);font-weight:800;font-size:15px}
.rt-lb-host .n{font-weight:800;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rt-lb-host .lock{font-size:16px;color:var(--rt-faint)}
.rt-lb-row .num{font-weight:700;font-size:14.5px;color:var(--rt-text-3)}
.rt-lb-row .num.is-sort{color:var(--rt-orange-ink)}
.rt-lb-ach .a{font-size:14px}
.rt-lb-ach .a b{font-family:var(--rt-display);font-weight:600;font-size:17px;color:var(--rt-text)}
.rt-lb-ach .a b.is-sort{color:var(--rt-orange-ink)}
.rt-lb-ach .a span{color:var(--rt-muted-2)}
.rt-lb-ach .rt-progress{margin-top:4px}
.rt-lb-badges{display:flex;justify-content:flex-end;padding-left:8px}
.rt-lb-row .chev{color:var(--rt-check)}
.rt-lb-tier{display:flex;align-items:center;gap:8px;padding:14px 16px 6px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.rt-lb-tier .ms{font-size:17px}
.rt-lb-tier span{font-weight:700;color:var(--rt-muted-2);text-transform:none;letter-spacing:0}
.rt-lb-tier i{flex:1;height:1px;background:var(--rt-line-2)}
.rt-lb-m{display:none}
@media (max-width:819px){
  .rt-lb-cols{display:none}
  .rt-lb-row{display:flex;gap:12px;padding:10px 16px}
  .rt-lb-row>.d{display:none!important}
  .rt-lb-m{display:block;flex:1;min-width:0}
  .rt-lb-row .rt-lb-host .n-d{display:none}
}
.rt-lb-m .top{display:flex;gap:6px;align-items:center;min-width:0}
.rt-lb-m .top b{font-weight:800;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rt-lb-m .bar{display:flex;align-items:center;gap:8px;margin-top:5px}
.rt-lb-m .bar .rt-progress{flex:1;max-width:240px;height:6px}
.rt-lb-m .bar span{font-size:12px;color:var(--rt-muted-2);white-space:nowrap}
.rt-lb-val{flex:none;text-align:right;min-width:58px}
.rt-lb-val b{display:block;font-family:var(--rt-display);font-weight:600;font-size:22px;line-height:1;color:var(--rt-orange-ink)}
.rt-lb-val span{font-size:11.5px;color:var(--rt-muted-2)}
.rt-lb-me{position:sticky;bottom:0;z-index:5;display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--rt-navy);color:#fff;border-radius:0 0 var(--rt-r-lg) var(--rt-r-lg)}
.rt-lb-me .r{flex:none;font-family:var(--rt-display);font-weight:600;font-size:18px;color:var(--rt-orange-light);min-width:34px}
.rt-lb-me .n{flex:1;min-width:0;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rt-lb-me .v{font-family:var(--rt-display);font-weight:600;font-size:18px}
@media (max-width:819px){.rt-has-tabs .rt-lb-me{bottom:82px}}

/* --- Settings --- */
.rt-cover-edit{position:relative;height:130px;background-color:#2B3A5E;background-size:cover;background-position:center}
.rt-cover-edit .chg{position:absolute;right:12px;top:12px;height:36px;padding:0 12px;border-radius:var(--rt-r);background:rgba(255,255,255,.92);display:flex;align-items:center;gap:6px;font-size:13px;font-weight:800;cursor:pointer;color:var(--rt-navy)}
.rt-cover-edit .chg .ms{font-size:18px}
.rt-cover-edit .rm{position:absolute;right:12px;top:54px;height:30px;padding:0 10px;border:0;border-radius:var(--rt-r);background:rgba(255,255,255,.92);font-size:12px;font-weight:800;color:var(--rt-red-ink);cursor:pointer}
.rt-me-row{padding:0 18px 18px}
.rt-me-row .top{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-top:-34px}
.rt-av-edit{position:relative;flex:none;width:84px;height:84px;border-radius:999px;border:4px solid #fff;background:var(--rt-orange) center/cover;color:#fff;font-family:var(--rt-display);font-size:34px;display:flex;align-items:center;justify-content:center;cursor:pointer}
.rt-av-edit .cam{position:absolute;right:-4px;bottom:-2px;width:30px;height:30px;border-radius:999px;background:var(--rt-navy);border:2px solid #fff;display:flex;align-items:center;justify-content:center}
.rt-av-edit .cam .ms{font-size:16px}
.rt-av-edit input{display:none}
.rt-social-label{display:flex;gap:8px;align-items:center;height:20px;font-size:14px;font-weight:800;margin-bottom:6px}
.rt-social-label i{flex:none;width:20px;height:20px;border-radius:var(--rt-r);color:#fff;font-size:10.5px;font-weight:800;font-style:normal;display:flex;align-items:center;justify-content:center}
.rt-danger{border-color:var(--rt-red-line)}
.rt-danger .rt-eyebrow{color:var(--rt-red-ink);display:flex;gap:6px;align-items:center}
.rt-danger summary{list-style:none;display:inline-flex}
.rt-danger summary::-webkit-details-marker{display:none}
.rt-danger details[open] summary{display:none}

/* --- Public profile --- */
.rt-pp{display:flex;flex-wrap:wrap;gap:18px;align-items:flex-start}
.rt-pp-card-wrap{flex:1 1 320px;min-width:0;max-width:360px;position:sticky;top:78px}
@media (max-width:819px){.rt-pp-card-wrap{max-width:100%;position:static}}
.rt-pp-card{background:var(--rt-navy);border-radius:var(--rt-r-lg);overflow:hidden;color:#fff;box-shadow:0 18px 40px -22px rgba(30,42,71,.6)}
.rt-pp-card .cov{position:relative;height:120px;background-size:cover;background-position:center}
.rt-pp-card .tier{position:absolute;right:12px;top:12px;display:flex;gap:5px;align-items:center;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:5px 9px;border-radius:var(--rt-r);color:var(--rt-navy)}
.rt-pp-card .tier .ms{font-size:16px}
.rt-pp-card .in{padding:0 20px 20px;text-align:center}
.rt-pp-card .rt-avatar{position:relative;z-index:1;width:104px;height:104px;margin:-52px auto 0;font-size:42px}
.rt-pp-card .nm{font-family:var(--rt-display);font-weight:600;font-size:26px;margin-top:14px;display:flex;gap:6px;align-items:center;justify-content:center}
.rt-pp-card .nm .ms{font-size:19px;color:var(--rt-navy-mute)}
.rt-pp-card .hn{font-size:14px;color:var(--rt-navy-mute)}
.rt-pp-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px;border-top:1px solid var(--rt-navy-2);border-bottom:1px solid var(--rt-navy-2)}
.rt-pp-stats>div{padding:12px 4px}
.rt-pp-stats>div+div{border-left:1px solid var(--rt-navy-2)}
.rt-pp-stats b{display:block;font-family:var(--rt-display);font-weight:600;font-size:24px;line-height:1}
.rt-pp-stats span{display:block;font-size:11.5px;color:var(--rt-navy-mute);font-weight:700;margin-top:4px;text-transform:uppercase;letter-spacing:.06em}
.rt-pp-social{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:14px}
.rt-pp-social a{width:36px;height:36px;border-radius:var(--rt-r);background:rgba(255,255,255,.08);color:#fff!important;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center}
.rt-pp-social a:hover{background:rgba(255,255,255,.16)}
.rt-pp-card .rt-btn-group{margin-top:16px}
.rt-pp-card .rt-btn-darkline{background:transparent;border:1px solid #3A4A6E;color:#fff!important;height:44px;font-size:14px}
.rt-pp-card .rt-btn-white{background:#fff;color:var(--rt-navy)!important;font-size:14.5px}
.rt-pp-main{flex:999 1 520px;min-width:0;display:flex;flex-direction:column;gap:14px}
.rt-hl{display:flex;gap:10px;align-items:center;padding:10px;border-radius:5px}
.rt-hl .rt-ic{width:34px;height:34px;color:#fff}
.rt-hl .rt-ic .ms{font-size:19px}
.rt-hl b{font-weight:800;font-size:14px}
.rt-shelf-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.rt-shelf-head b{display:flex;gap:8px;align-items:center;font-weight:800;font-size:14.5px}
.rt-shelf-head b i{width:10px;height:10px;border-radius:2px}
.rt-shelf-head span{font-size:12.5px;color:var(--rt-muted-2);font-weight:700}
.rt-shelf{display:flex;flex-wrap:wrap;gap:6px}
.rt-shelf .rt-badge{width:42px;height:42px;border-radius:5px}
.rt-shelf .rt-badge .ms{font-size:22px}
.rt-fact{display:flex;gap:8px;align-items:center;padding:10px 12px;border-radius:5px;background:var(--rt-panel);font-size:14px;color:var(--rt-text-2)}
.rt-fact .ms{font-size:19px;color:var(--rt-amber)}
[data-rt-panel]{display:none}
[data-rt-panel].is-on{display:block}

/* --- Post / Edit --- */
.rt-post-hero h1{font-size:32px;line-height:1.1}
.rt-post-hero h1 em{font-style:normal;color:var(--rt-gold)}
.rt-post-hero .meter{display:flex;align-items:center;gap:10px;margin-top:18px}
.rt-post-hero .meter .rt-progress{flex:1}
.rt-post-hero .meter span{font-size:13px;font-weight:800;color:var(--rt-orange-light)}
.rt-edit-strip{background:#fff;border:1px solid var(--rt-line);border-radius:var(--rt-r-lg);padding:12px 14px;display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center}
.rt-edit-strip .note{flex:1 1 220px;min-width:0;font-size:14px;color:var(--rt-muted);font-weight:700}
.rt-edit-strip .note.dirty{color:var(--rt-orange-ink-2)}
.rt-sec{background:#fff;border:1px solid var(--rt-line);border-radius:var(--rt-r-lg);overflow:hidden}
.rt-sec-head{display:flex;gap:12px;align-items:center;padding:16px 18px}
.rt-sec-head .num{flex:none;width:30px;height:30px;border-radius:var(--rt-r);background:var(--rt-line-2);color:var(--rt-muted);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px}
.rt-sec-head .num .ms{font-size:18px;display:none}
.rt-sec.done .rt-sec-head .num{background:var(--rt-green);color:#fff}
.rt-sec.done .rt-sec-head .num b{display:none}
.rt-sec.done .rt-sec-head .num .ms{display:block}
.rt-sec-head h2{font-size:18px}
.rt-sec-head .s{display:block;font-size:13px;color:var(--rt-muted-2)}
.rt-sec-body{padding:0 18px 18px}
.rt-sec-body .sub-h{font-size:14px;font-weight:800;margin:16px 0 8px}
.rt-amen-tabs{display:flex;flex-wrap:wrap;gap:6px}
.rt-amen-tabs button{flex:1 1 auto;white-space:nowrap;height:36px;padding:0 12px;border-radius:var(--rt-r);cursor:pointer;font-weight:800;font-size:13.5px;border:1.5px solid var(--rt-orange-line);background:#fff;color:var(--rt-orange-ink-2)}
.rt-amen-tabs button.is-on{background:var(--rt-orange);border-color:var(--rt-orange);color:#fff}
.rt-amen-panel{display:none;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:6px;margin-top:10px}
.rt-amen-panel.is-on{display:grid}
.rt-meter{display:flex;align-items:center;gap:10px;margin-top:6px}
.rt-meter .rt-progress{flex:1;height:5px}
.rt-meter span{font-size:12.5px;font-weight:800;color:var(--rt-amber)}
.rt-meter.ok span{color:var(--rt-green)}
.rt-meter.ok .rt-progress>span{background:var(--rt-green)}
.rt-meter .rt-progress>span{background:var(--rt-amber)}
.rt-starters{display:flex;flex-wrap:wrap;gap:6px}
.rt-starters button{height:34px;padding:0 10px;border:1px dashed #C9CEDA;border-radius:var(--rt-r);background:#fff;cursor:pointer;font-size:13px;font-weight:700;color:var(--rt-text-2)}
.rt-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.rt-slot{position:relative;aspect-ratio:1/1;border-radius:var(--rt-r);overflow:hidden;border:1.5px dashed #C9CEDA;background:#FAFBFC center/cover no-repeat}
.rt-slot.cover{grid-column:1/-1;aspect-ratio:16/8}
.rt-slot.filled{border-style:solid}
.rt-slot label.pick{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;color:var(--rt-muted);text-align:center;padding:6px}
.rt-slot label.pick .ms{font-size:26px;color:var(--rt-orange)}
.rt-slot label.pick b{font-size:13px;font-weight:800}
.rt-slot label.pick span{font-size:11.5px}
.rt-slot input[type=file]{display:none}
.rt-slot .tag{position:absolute;left:8px;top:8px;font-size:11.5px;font-weight:800;padding:3px 7px;border-radius:var(--rt-r);background:rgba(30,42,71,.8);color:#fff;display:none}
.rt-slot .x{position:absolute;right:8px;top:8px;width:32px;height:32px;border-radius:var(--rt-r);border:0;background:rgba(255,255,255,.95);cursor:pointer;color:var(--rt-red);display:none;align-items:center;justify-content:center}
.rt-slot .x .ms{font-size:18px}
.rt-slot.filled label.pick{display:none}
.rt-slot.filled .tag{display:block}
.rt-slot.filled .x{display:flex}
.rt-post-aside{flex:1 1 320px;min-width:0;position:sticky;top:78px;display:flex;flex-direction:column;gap:12px}
@media (max-width:819px){.rt-post-aside{display:none}}
.rt-pv .img{aspect-ratio:16/10;display:flex;align-items:center;justify-content:center;position:relative;background-size:cover;background-position:center}
.rt-pv .img .lbl{position:absolute;left:10px;top:10px;font-size:11.5px;font-weight:800;padding:3px 8px;border-radius:var(--rt-r);background:var(--rt-navy);color:#fff;letter-spacing:.05em}
.rt-pv .img .ph{font-family:ui-monospace,Menlo,monospace;font-size:12px;color:#7A6F60;background:rgba(255,255,255,.7);padding:4px 8px;border-radius:var(--rt-r)}
.rt-pv .img.has .ph{display:none}
.rt-pv .body{padding:14px 16px}
.rt-pv .top{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.rt-pv .rt-price{font-size:24px}
.rt-pv .t{font-weight:800;font-size:15.5px;line-height:1.3;margin-top:4px;color:#A0A7B8}
.rt-pv .t.set{color:var(--rt-text)}
.rt-pv .c{font-size:13px;color:var(--rt-muted-2);margin-top:2px}
.rt-pv .chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}
.rt-pv .chips span{font-size:12px;font-weight:700;padding:3px 7px;border-radius:var(--rt-r);background:#F1F3F7;color:var(--rt-text-2)}
.rt-tips{background:#FFF7F1;border:1px solid #FFE1CF;border-radius:var(--rt-r-lg);padding:14px 16px}
.rt-tips .h{display:flex;gap:6px;align-items:center;font-weight:800;color:var(--rt-orange-ink-2);margin-bottom:6px}
.rt-tips .h .ms{font-size:18px}
.rt-tips div.tp{display:flex;gap:6px;font-size:13.5px;color:var(--rt-text-3);padding:2px 0}
.rt-tips div.tp .ms{font-size:16px;line-height:1.3;color:#C9A27A}
.rt-tips div.tp.ok .ms{color:var(--rt-green)}
.rt-publish-note{text-align:center;font-size:12px;color:var(--rt-muted-2);margin-top:6px}
.rt-post-bar{position:sticky;bottom:0;z-index:30;background:#fff;border-top:1px solid var(--rt-line);padding:10px 14px;display:flex;align-items:center;gap:8px;box-shadow:0 -8px 20px -12px rgba(30,42,71,.2)}
.rt-post-bar .rt-btn-ghost{height:48px;padding:0 12px;font-weight:800;font-size:14px}
.rt-post-bar .rt-btn-ghost em{font-style:normal;font-size:12px;color:var(--rt-orange-ink)}
.rt-post-bar .rt-btn-primary{flex:1;height:48px}
@media (min-width:820px){.rt-post-bar{display:none}}
.rt-existing{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.rt-existing .p{position:relative;width:110px;height:84px;border-radius:var(--rt-r);overflow:hidden;border:1px solid var(--rt-line);background-size:cover;background-position:center}
.rt-existing .p button{position:absolute;right:6px;top:6px;width:26px;height:26px;border-radius:var(--rt-r);border:0;background:rgba(255,255,255,.95);color:var(--rt-red);cursor:pointer;display:flex;align-items:center;justify-content:center}
.rt-existing .p button .ms{font-size:16px}
.rt-existing .p .tag{position:absolute;left:6px;bottom:6px;font-size:10.5px;font-weight:800;padding:2px 6px;border-radius:var(--rt-r);background:rgba(30,42,71,.8);color:#fff}
.rt-overlay{position:fixed;inset:0;background:rgba(20,30,50,.7);z-index:200;display:none;align-items:center;justify-content:center;padding:16px}
.rt-overlay.open{display:flex}
.rt-overlay .box{background:#fff;border-radius:var(--rt-r-lg);padding:32px 36px;text-align:center;max-width:340px}
.rt-spin{width:44px;height:44px;margin:0 auto 14px;border-radius:999px;border:4px solid var(--rt-line);border-top-color:var(--rt-orange);animation:rt-spin 1s linear infinite}
@keyframes rt-spin{to{transform:rotate(360deg)}}

.rt-amber-ic{color:var(--rt-amber)}

/* =========================================================
   MAIN SITE NAV — copied from styles.css (lines 3262-4523)
   Same class names so header.php can use identical markup.
   rt-portal.css loads AFTER, so .rt-* rules override safely.
   ========================================================= */

/* .header container helper (Bootstrap's .container stripped of grid) */
.header .container{width:100%;max-width:1200px;margin:0 auto;padding:0 15px}
/**************************************
	Header Navigation Styles
***************************************/
.nav-brand,
.nav-brand:focus,
.nav-brand:hover,
.nav-menu>li>a {
    color:#144273;
}

.menu__list,
.nav-dropdown,
.nav-menu,
ul {
    list-style: none
}

.menu__link,
.navigation,
.navigation * {
    -webkit-tap-highlight-color: transparent
}

.navigation,
.navigation * {
    box-sizing: border-box
}

.navigation {
    width: 100%;
    height: 70px;
    display: table;
    position: relative;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
}

.nav-toggle,
.navigation-hidden .nav-header {
    display: none
}

.navigation-portrait {
    height: 48px
}

.navigation-fixed {
    position: fixed;
    top: 0;
    left: 0
}

.navigation-hidden {
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important
}

.align-to-right {
    float: right;
    letter-spacing: 0.5px;
}

.nav-header {
    display: flex;
    align-items: center;
    float: left;
}

.nav-brand {
    padding:18px 15px;
    font-size: 24px;
	margin-right: 1rem;
	padding-left: 0;
    text-decoration: none !important
}

.deatils ul li a,
.indicate a,
.logo h1 a,
.nav-button,
.nav-dropdown>li>a,
.nav-menu>li>a,
nav a {
    text-decoration: none
}

.navigation-portrait .nav-brand {
    font-size: 18px;
    line-height: 48px
}

.nav-logo>img {
    height: 48px;
    margin: 11px auto;
    padding: 0 15px;
    float: left
}

.nav-logo:focus>img {
    outline: initial
}

.deatils ul li a,
.indicate a,
.menu__link:focus,
.menu__link:hover,
nav a,
nav a:focus,
nav a:hover {
    outline: 0
}

.navigation-portrait .nav-logo>img {
    height: 36px;
    margin: 6px auto 6px 15px;
    padding: 0
}

.nav-toggle {
    width: 30px;
    height: 30px;
    padding: 10px 2px 0;
    position: absolute;
    top: 50%;
    margin-top: -14px;
    left: 0;
    cursor: pointer;
}

.nav-toggle:before {
    content: "";
    position: absolute;
    width: 24px;
    height: 2px;
    background-color: #70798b;
    border-radius: 10px;
    box-shadow: 0 .5em 0 0 #70798b, 0 1em 0 0 #70798b
}

.navigation-portrait .nav-toggle {
    display: block
}

.navigation-portrait .nav-menus-wrapper {
    width: 320px;
    height: 100%;
    top: 0;
    left: -400px;
    position: fixed;
    background-color: #fff;
    z-index: 20000;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    transition-duration: .8s;
    transition-timing-function: ease
}

.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-right {
    left: auto;
    right: -400px
}

.nav-menus-wrapper.nav-menus-wrapper-open {
    left: 0
}

.nav-menus-wrapper.nav-menus-wrapper-right.nav-menus-wrapper-open {
    right: 0
}

.nav-menus-wrapper-close-button {
    width: 30px;
    height: 40px;
    margin: 10px 7px;
    display: none;
    float: right;
    color: #70798b;
    font-size: 26px;
    cursor: pointer
}

.navigation-portrait .nav-menus-wrapper-close-button {
    display: block
}

.nav-menu {
    margin: 0;
    padding: 0;
    line-height: normal
}

.navigation-portrait .nav-menu {
    width: 100%
}

.navigation-landscape .nav-menu.nav-menu-centered {
    float: none;
    text-align: center
}

.nav-menu>li {
    display: inline-block;
    float: left;
    text-align: left
}

.navigation-portrait .nav-menu>li {
    width: 100%;
    position: relative;
    border-top: solid 1px #f0f0f0
}

.navigation-portrait .nav-menu>li:last-child {
    border-bottom: solid 1px #f0f0f0
}

.nav-menu+.nav-menu>li:first-child {
    border-top: none
}

.navigation-landscape .nav-menu.nav-menu-centered>li {
    float: none
}

.nav-menu>li>a {
    padding: 30px 12px;
    display: inline-block;
    font-family: 'Jost', sans-serif;
    font-weight:500;
    transition: color .3s, background .3s;
    font-size:14px;
}

.navigation-portrait .nav-menu>li>a {
    height: auto;
    width: 100%;
    padding: 12px 15px 12px 26px
}

.nav-menu>.active>a,
.nav-menu>.focus>a,
.nav-menu>li:hover>a {
    color: #ddb867 !important;
}

.nav-menu>li>a>[class*=ion-], .nav-menu>li>a>i {
    width: 18px;
    height: 16px;
    line-height: 16px;
    -ms-transform: scale(1.4);
    /* transform: scale(1.4); */
    top: 1px;
    position: relative;
}

.nav-menu>li>a>[class*=ion-] {
    width: 16px;
    display: inline-block;
    transform: scale(1.8)
}

.navigation-portrait .nav-menu.nav-menu-social {
    width: 100%;
    text-align: center
}

.nav-menu.nav-menu-social>li {
    text-align: center;
    float: none;
    border: none !important
}
.navigation-portrait .nav-menu.nav-menu-social>li {
    width: auto
}

.nav-menu.nav-menu-social>li>a>[class*=ion-] {
    font-size: 12px
}

.nav-menu.nav-menu-social>li>a>.fa, .nav-menu.nav-menu-social>li>a>.fas {
    font-size: 15px
}

.navigation-portrait .nav-menu.nav-menu-social>li>a {
    padding: 15px
}

.submenu-indicator {
    margin-left: 6px;
    margin-top:6px;
    float: right;
    transition: all .3s
}

.navigation-portrait .submenu-indicator {
    width: 54px;
    height: 44px;
    margin-top: 0;
    position: absolute;
    text-align: center;
    z-index: 20000
}

.submenu-indicator-chevron {
    height: 6px;
    width: 6px;
    display: block;
    border-style: solid;
    border-width: 0 1px 1px 0;
    border-color:transparent #506377 #506377 transparent;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: border .3s
}

.navigation-portrait .submenu-indicator-chevron {
    position: absolute;
    top: 18px;
    left: 24px
}

.nav-menu>.active>a .submenu-indicator-chevron,
.nav-menu>.focus>a .submenu-indicator-chevron,
.nav-menu>li:hover>a .submenu-indicator-chevron {
    border-color: transparent #ddb867 #ddb867 transparent
}

.navigation-portrait .submenu-indicator.submenu-indicator-up {
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.nav-overlay-panel {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    display: none;
    z-index: 19999
}

.no-scroll {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.nav-search {
    height: 70px;
    float: right;
    z-index: 19998
}

.navigation-portrait .nav-search {
    height: 48px;
    padding: 0 10px;
    margin-right: 52px
}

.navigation-hidden .nav-search {
    display: none
}

.nav-search-button {
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    cursor: pointer;
    background-color: #fbfcfd
}

.nav-search-icon {
    width: 14px;
    height: 14px;
    margin: 2px 8px 8px 4px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    color: #70798b;
    text-align: left;
    text-indent: -9999px;
    border: 2px solid;
    border-radius: 50%;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    transition: color .3s
}

.nav-search-icon:after,
.nav-search-icon:before {
    content: '';
    pointer-events: none
}

.nav-search-icon:before {
    width: 2px;
    height: 11px;
    top: 11px;
    position: absolute;
    left: 50%;
    border-radius: 0 0 1px 1px;
    box-shadow: inset 0 0 0 32px;
    transform: translateX(-50%)
}

.nav-search-button:hover .nav-search-icon {
    color: #e42d29
}

.navigation-portrait .nav-search-button {
    width: 50px;
    height: 48px;
    line-height: 46px;
    font-size: 22px
}

.nav-search>form {
    width: 100%;
    height: 100%;
    padding: 0 auto;
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #fff;
    z-index: 99
}

.nav-search-inner {
    width: 70%;
    height: 70px;
    margin: auto;
    display: table
}

.navigation-portrait .nav-search-inner {
    height: 48px
}

.nav-search-inner input[type=search],
.nav-search-inner input[type=text] {
    height: 70px;
    width: 100%;
    margin: 0;
    padding: 0 12px;
    font-size: 26px;
    text-align: center;
    color: #70798b;
    outline: 0;
    line-height: 70px;
    border: none;
    background-color: transparent;
    transition: all .3s
}

.navigation-portrait .nav-search-inner input[type=search],
.navigation-portrait .nav-search-inner input[type=text] {
    height: 48px;
    font-size: 18px;
    line-height: 48px
}

.nav-search-close-button {
    width: 28px;
    height: 28px;
    display: block;
    position: absolute;
    right: 20px;
    top: 20px;
    line-height: normal;
    color: #70798b;
    font-size: 20px;
    cursor: pointer;
    text-align: center
}

.nav-button,
.nav-text {
    display: inline-block;
    font-size: 14px
}

.navigation-portrait .nav-search-close-button {
    top: 10px;
    right: 14px
}

.nav-button {
    margin: 18px 15px 0;
    padding: 8px 14px;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    background-color: #e42d29;
    transition: opacity .3s
}

.nav-button:focus,
.nav-button:hover {
    color: #fff;
    text-decoration: none;
    opacity: .85
}

.navigation-portrait .nav-button {
    width: calc(100% - 52px);
    margin: 17px 26px
}

.nav-text {
    margin: 25px 15px;
    color: #70798b
}

.navigation-portrait .nav-text {
    width: calc(100% - 52px);
    margin: 12px 26px 0
}

.navigation-portrait .nav-text+ul {
    margin-top: 15px
}

.nav-dropdown {
    min-width:250px;
    margin: 0;
    padding: 0;
    display: none;
    position: absolute;
    z-index: 98;
    white-space: nowrap
}

.navigation-portrait .nav-dropdown {
    width: 100%;
    position: static;
    left: 0
}

.nav-dropdown .nav-dropdown {
    left: 100%
}

.nav-menu>li .nav-dropdown {
    border: none;
	padding:15px;
	background:#ffffff;
	border-radius: 0.5rem;
    box-shadow: 0px 0px 42px 0px rgba(32, 32, 32, 0.15);
	-webkit-box-shadow: 0px 0px 42px 0px rgba(32, 32, 32, 0.15);    
}
.nav-menu>li>.nav-dropdown:before {
  background-color: #ffffff;
  content: "";
  width:22px;
  height:22px;
  left:27px;
  top:-12px;
  position: absolute;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s; 
}
.nav-dropdown>li {
    width: 100%;
    float: left;
    clear: both;
    position: relative;
    text-align: left
}

.nav-dropdown>li>a {
    width: 100%;
    padding:14px 20px 14px 10px;
	border-bottom: 1px solid #e4e8ec;
    display: inline-block;
    float: left;
    color:#333c56;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
	font-family: 'Jost', sans-serif;
}
.nav-dropdown>li:last-child>a{
	border-bottom:none;
}
.nav-dropdown>li>a:hover, .nav-dropdown>li>a:focus {
    padding-left: 20px;
	color:#ddb867;
}
.social-icon a i,
.social-icons a i {
    width: 32px;
    height: 32px;
    display: inline-block;
    border-radius: 16px
}

.nav-dropdown>.focus>a,
.nav-dropdown>li:hover>a {
    color:#ddb867;
}

.nav-dropdown.nav-dropdown-left {
    right: 0
}

.nav-dropdown>li>.nav-dropdown-left {
    left: auto;
    right: 100%
}

.navigation-landscape .nav-dropdown-left>li>a {
    text-align: right
}

.navigation-portrait .nav-dropdown>li>a {
    padding: 12px 20px 12px 30px
}

.navigation-portrait .nav-dropdown>li>ul>li>a {
    padding-left: 50px
}

.navigation-portrait .nav-dropdown>li>ul>li>ul>li>a {
    padding-left: 70px
}

.navigation-portrait .nav-dropdown>li>ul>li>ul>li>ul>li>a {
    padding-left: 90px
}

.navigation-portrait .nav-dropdown>li>ul>li>ul>li>ul>li>ul>li>a {
    padding-left: 110px
}

.nav-dropdown .submenu-indicator {
    right: 15px;
    top: 16px;
    position: absolute
}

.menu__list,
.navbar,
nav a {
    position: relative
}

.navigation-portrait .submenu-indicator {
    right: 0;
    top: 0
}

.nav-dropdown .submenu-indicator .submenu-indicator-chevron {
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.navigation-portrait .nav-dropdown .submenu-indicator .submenu-indicator-chevron {
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.nav-dropdown>.focus>a .submenu-indicator-chevron,
.nav-dropdown>li:hover>a .submenu-indicator-chevron {
    border-color: transparent #ddb867 #ddb867 transparent
}

.navigation-landscape .nav-dropdown-left .submenu-indicator {
    left: 10px
}

.navigation-landscape .nav-dropdown-left .submenu-indicator .submenu-indicator-chevron {
    -ms-transform: rotate(135deg);
    transform: rotate(135deg)
}

nav a {
    display: inline-block
}

.header {
    background:#fff;
	z-index:6;
}

.header-top {
    padding: 1em 0;
    background: #05222A
}

.indicate {
    float: left
}

.deatils {
    float: right
}

.indicate a {
    font-size: 1.1em;
    color: #C6C7C7;
    vertical-align: middle
}

.deatils ul li i,
.indicate i {
    font-size: 1.2em;
    color: #888f90;
    vertical-align: middle
}

.indicate i {
    margin-right: .5em
}

.deatils ul li {
    display: inline-block;
    margin: 0 5px
}

.deatils ul li i {
    margin-right: .5em
}

.deatils ul li a {
    font-size: 1.1em;
    color: #C6C7C7;
    vertical-align: middle
}

.social-icons {
    float: right;
    margin-top: .7em
}


.logo h1 a {
    color: #fff;
    font-size: 1.3em
}

.logo span {
    display: block;
    font-size: .32em;
    letter-spacing: 4px
}

.header-bottom {
    padding: 1em 0
}

.navbar-nav {
    float: left;
    margin: 0
}

.navbar-default {
    background: #fff;
    border: none !important
}

.navbar-default .navbar-nav>li>a {
    color: #05222A;
    font-size: 1.3em;
    font-weight: 900
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
    color: #02B875;
    background-color: #fff
}

.navbar {
    min-height: 50px;
    margin-bottom: 0;
    border: 1px solid transparent
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
    color: #05222A;
    background-color: #fff
}

.menu__list {
    -webkit-flex-wrap: inherit;
    flex-wrap: inherit
}

.menu__item {
    display: block;
    margin: 1em 0
}

.menu__link {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none
}

.menu--francisco .menu__item {
    margin: 0 1.5em
}

.menu--francisco .menu__link {
    position: relative;
    overflow: hidden;
    height: 3em;
    padding: 1em 0;
    text-align: center;
    color: #b5b5b5;
    -webkit-transition: color .3s;
    transition: color .3s
}

.menu--francisco .menu__link:focus,
.menu--francisco .menu__link:hover {
    color: #929292
}

.menu--francisco .menu__item--current .menu__link {
    color: #02B875
}

.menu--francisco .menu__link::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    opacity: 0;
    background: #02B875;
    -webkit-transform: translate3d(0, -3em, 0);
    transform: translate3d(0, -3em, 0);
    -webkit-transition: -webkit-transform 0s .3s, opacity .2s;
    transition: transform 0s .3s, opacity .2s
}

.menu--francisco .menu__item--current .menu__link::before,
.menu--francisco .menu__link:hover::before {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform .5s, opacity .1s;
    transition: transform .5s, opacity .1s;
    -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.menu--francisco .menu__helper {
    display: block;
    pointer-events: none
}

.menu--francisco .menu__item--current .menu__helper,
.menu__link:hover .menu__helper {
    -webkit-animation: anim-francisco .3s forwards;
    animation: anim-francisco .3s forwards
}

@-webkit-keyframes anim-francisco {
    50% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    51% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes anim-francisco {
    50% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    51% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
.nav-menu.nav-menu-social>li.add-listing {
    border-radius:5px;
    top: 16px;
    position: relative;
    height:50px;
    padding: 0px;
    margin-left: 10px;
	background:#ddb867;
}
.nav-menu.nav-menu-social>li.add-listing.style-2 {
    border-radius:4px;
    min-width: 140px;
    top:17px;
    position: relative;
    height:46px;
}
.nav-menu.nav-menu-social>li.add-listing a {
    top:0px;
	padding: 30px 20px;
    color:#ffffff !important;
}
.nav-menu.nav-menu-social>li.add-listing.dark-bg {
    background: #2e3654;
}

.nav-menu.nav-menu-social>li.add-listing.bg-whit{
    background:#ffffff !important;
}

.nav-menu.nav-menu-social>li.add-listing.bg-whit a{
    color:#333333 !important;
}
.nav-brand img {
    max-width:170px;
	position: relative;
    top:0px;
}

/*--------- Dashboard Dropdown ----------*/
.btn-group.account-drop {
    position: relative;
    padding:22px 15px;
}
.account-drop .dropdown-menu a {
    padding: 0.6rem 0;
    font-size: 14px;
}
.account-drop .dropdown-menu {
    top:70px !important;
    right: 0 !important;
    background: #fff;
    box-shadow: none;
    min-width:250px;
    left: initial !important;
	border:none;
    padding:0rem;
	overflow:hidden;
	border-radius: 0.4rem;
	box-shadow:0 0 20px 0 rgb(62 28 131 / 10%);
	-webkit-box-shadow:0 0 20px 0 rgb(62 28 131 / 10%);
}
.drp_menu_headr {
    display: flex;
    align-items: center;
    padding:1.2rem;
    background: #ddb867;
}
.drp_menu_headr h4{
	font-size:18px;
	margin:0;
	color:#ffffff;
}
.account-drop .dropdown-menu ul {
    padding: 0;
    margin: 0;
}
.account-drop .dropdown-menu ul li {
    list-style: none;
    padding: 0;
    width: 100%;
    display: block;
}
.account-drop .dropdown-menu ul li a {
    width: 100%;
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    color: #495363;
	position:relative;
    font-family: 'Jost', sans-serif;
    padding: 1rem 1.2rem;
    border-bottom: 1px solid #edf0f3;
}
.account-drop .dropdown-menu ul li:last-child a{
	border-right:none;
}
.account-drop .dropdown-menu ul li a i {
    margin-right: 4px;
    position: relative;
    top: -2px;
}
.notti_coun {
    position: absolute;
    right: 10px;
    width: 18px;
    height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #333333;
    border-radius: 50%;
    font-size: 13px;
    font-weight: 600 !important;
    font-family: 'Jost', sans-serif;
    color: #ffffff;
}
span.notti_coun.style-1 {
    background: #2bb170;
}
span.notti_coun.style-2{
    background: #9972e6;
}
span.notti_coun.style-3{
    background: #03a9f4;
}
span.expiration {
    position: absolute;
    right: 10px;
    padding: 4px 10px;
    border-radius: 4px;
    background: #f31f67;
    font-size: 12px;
    top: 13px;
    color: #ffffff;
}
/*----------Dark Menu --------*/
@media (min-width: 993px) {
.nav-menu.nav-menu-social>li.add-listing.bg-white{
    background:#ffffff !important;
}
.nav-menu.nav-menu-social>li.add-listing.bg-white a{
    color:#333333 !important;
}
.header.header-fixed{
    box-shadow: 0 5px 30px rgba(0, 22, 84, 0.1);
    -webkit-box-shadow: 0 5px 30px rgba(0, 22, 84, 0.1);
    background: #ffffff;
    position: fixed;
    z-index: 999;
    width: 100%;
    top: 0;
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}
.header.head-shadow{
    box-shadow: 0 5px 30px rgba(0, 22, 84, 0.1);
    -webkit-box-shadow: 0 5px 30px rgba(0, 22, 84, 0.1);
}
.header.head-border{
    border-bottom:1px solid #e9ecef;
}
.nav-menu.nav-menu-social>li.add-listing a {
    top: -15px;
}
.nav-menu.nav-menu-social>li.add-listing.style-2 a {
    top: -16px;
}
.header.header-dark {
    background-color: #1f263e;
}
.header.header-dark .nav-brand, .header.header-dark .nav-brand:focus, .header.header-dark .nav-brand:hover, .header.header-dark .nav-menu>li>a {
    color: #ffffff;
}

.header.header-dark .nav-menu>li .nav-dropdown {
    background:#232b46;
}
.header.header-dark .nav-dropdown>li>a {
    border-bottom: 1px solid #2e3654;
}
.header.header-dark .nav-menu>li>.nav-dropdown:before {
  background-color:#232b46;
}

/*------ transparent --------*/
.header.header-transparent {
    background: transparent;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: inline-block;
    width: 100%;
    z-index:6;
    border-bottom: 1px solid rgba(255,255,255,0.1);
}
.header.header-transparent.header-fixed{
    box-shadow: 0 5px 30px rgba(0, 22, 84, 0.1);
    -webkit-box-shadow: 0 5px 30px rgba(0, 22, 84, 0.1);
    background:#ffffff;
    position: fixed;
    z-index: 999;
    width: 100%;
    top: 0;
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}
.header.header-transparent .nav-brand, .header.header-transparent .nav-brand:focus, .header.header-transparent .nav-brand:hover, .header.header-transparent .nav-menu>li>a {
    color: #ffffff;
}
.header.header-transparent.header-fixed .nav-brand, .header.header-transparent.header-fixed .nav-brand:focus, .header.header-transparent.header-fixed .nav-brand:hover, .header.header-transparent.header-fixed .nav-menu>li>a {
    color:#144273;
}
.change-logo .nav-brand.fixed-logo {
    display: none;
}
.change-logo.header-fixed .nav-brand.fixed-logo {
    display: block;
}
.change-logo.header-fixed .nav-brand.static-logo {
    display: none;
}

.dark-text .nav-brand, .header-transparent.dark-text .nav-brand:focus, .header-transparent.dark-text .nav-brand:hover, .header-transparent.dark-text .nav-menu>li>a {
    color: #404656;
}
.header-transparent.dark-text .nav-menu>li>a:hover, .header-transparent.dark-text .nav-menu>li>a:focus {
    color:#e42d29;
}
.header-transparent .submenu-indicator-chevron {
    border-color: transparent #ffffff #ffffff transparent;
}
.header-transparent.header-fixed .submenu-indicator-chevron {
    border-color:transparent #506377 #506377 transparent;
}
.header.header-fixed a.alio_green {
    color: #07ad7f !important;
}
.mobile_nav {
    display: none;
}
li._my_prt_list a {
    display: inline-flex;
    font-size: 14px;
    font-weight: 600;
    color:#293544;
    font-family: 'Jost', sans-serif;
}
li._my_prt_list a span {
    width: auto;
    padding: 0px 6px;
    background: #ddb867;
    border-radius: 50px;
    color: #ffffff;
    margin-right: 4px;
}
}
@media (max-width: 992px) {
.navigation-portrait .nav-brand {
    margin-left:25px;
}
.nav-brand img {
    max-width:150px;
    position: relative;
    top: 2px;
}
.nav-brand {
    padding: 10px 15px;
	padding-right: 0;
}
.nav-header {
    width: 100%;
}
.navigation-portrait .nav-brand {
    flex: 1;
}
.mobile_nav ul {
    display: inline-block;
    margin: 0;
    padding: 0;
}
.mobile_nav ul li {
    display: inline-block;
    padding-left:12px;
}
.mobile_nav ul li:first-child{
	padding-left:0;
}
.mobile_nav ul li a {
    display: inline-flex;
    font-size: 14px;
    font-weight: 600;
    color:#293544;
    font-family: 'Jost', sans-serif;
}
.mobile_nav ul li._my_prt_list a span {
    width: auto;
    padding: 0px 6px;
    background: #ddb867;
    border-radius: 50px;
    color: #ffffff;
    margin-right: 4px;
}
.mobile_nav ul li i.fas {
    position: relative;
    top: 3px;
}
.navigation-portrait .nav-menu.nav-menu-social {
    display: none;
}
.mobile_nav .account-drop .btn.btn-order-by-filt img.avater-img {
    width: 25px;
    border-radius: 50%;
}
.mobile_nav ul li a.add_prt {
    width:34px;
    height:34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background:#fb8b00;
    border-radius:50%;
    color: #ffffff;
    line-height: 0;
}
.mobile_nav ul li a.add_prt i.fas {
    top: 0;
}
}



/*
DROPDOWN STYLE

/* =========================================================
   MAIN SITE FOOTER — copied from styles.css + Bootstrap grid stubs
   Scoped to footer so nothing bleeds into portal page layouts.
   ========================================================= */

/* Bootstrap grid stubs (footer-scoped) */
footer .container{width:100%;max-width:1200px;margin:0 auto;padding:0 15px}
footer .row{display:flex;flex-wrap:wrap;margin:0 -15px}
footer .row>[class*="col-"]{padding:0 15px;box-sizing:border-box}
footer .col-lg-5{width:41.6667%}
footer .col-lg-6{width:50%}
footer .col-lg-4{width:33.3333%}
footer .col-md-4{width:33.3333%}
footer .col-md-5{width:41.6667%}
footer .col-md-7{width:58.3333%}
footer .ml-auto{margin-left:auto}
footer .mb-0{margin-bottom:0!important}
footer .mb-2{margin-bottom:.5rem!important}
footer .mb-3{margin-bottom:1rem!important}
footer .text-right{text-align:right}
footer .align-items-center{align-items:center}
footer p.small,footer .small{font-size:.875em}
@media(max-width:991px){footer .col-lg-5,footer .col-lg-6{width:100%}}
@media(max-width:767px){footer .col-md-4,footer .col-md-5,footer .col-md-7{width:100%}}
footer .footer-middle{padding:30px 0}

/*-------------------------------------------------
  Footer Start   
--------------------------------------------------*/
/*---------- Call To Action -------------------*/
.call_action_wrap-wrap {
    padding: 50px 0;
}
.call_action_wrap {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
	color:#ffffff;
    align-items: center;
}
.call_action_wrap-head {
    flex: 1;
}
.call_action_wrap h3 {
    color:#ffffff;
	margin-bottom:5px;
}
.btn.btn-call_action_wrap {
    background: #ffffff;
    padding: 18px 40px;
    border-radius: 50px;
    color: #333640;
    font-weight: 600;
	box-shadow: 0px 0px 0px 5px rgba(255,255,255,0.2);
	-webkit-box-shadow: 0px 0px 0px 5px rgba(255,255,255,0.2);
}

/*---------- Small footer -------------------*/
footer{
	z-index:99;
	position:relative;
}
footer.dark-footer{
	background:#1d2636;
}

footer.footer-small {
    padding: 50px 0 0 0;
}
img.img-footer {
    max-width: 180px;
    margin-bottom: 2rem;
}
img.img-footer.small {
    margin: 0;
    max-width:150px;
    position: relative;
    top: 2px;
}

.ft-copyright {
    border-top: 1px solid #eaeef3;
    padding: 15px 0 12px 0;
}
.ft-copyright p{
	margin-bottom:0;
}

.footer_widget {
    padding:60px 0 60px;
}
h4.widget_title {
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 15px;
    text-transform: uppercase;
}
.footer_widget ul {
    padding: 0;
    margin: 0;
}
.footer_widget ul li {
    list-style: none;
    margin-top:15px;
    display: block;
}
.footer_widget ul li a{
	color:#626a70;
}
.light-footer .footer-bottom {
    background: #f4f5f7;
    border: none;
}
footer.skin-dark-footer .extream, footer.skin-light-footer .extream {
    letter-spacing: 1px;
    font-weight: 700;
	line-height:1.4;
    font-family: 'Muli', sans-serif;
}
footer.skin-dark-footer h4{
    color: #ffffff;
}
footer.skin-dark-footer .footer_widget ul li a, footer.skin-dark-footer, footer.skin-dark-footer a {
    color: #5e6d88;
    transition: all ease 0.4s;
    font-size: 14px;
    font-weight: 600;
}
footer.skin-dark-footer .footer_widget ul li a:hover, footer.skin-dark-footer .footer_widget ul li a:focus{
    color:#ffffff;
}
.footer-bottom {
    padding:10px 0;
    border-top: 1px solid #273246;
}
.skin-dark-footer .footer-bottom {
    background:#1d2636;
	border-top:1px solid #273246;
}

footer.skin-dark-footer ul.footer-bottom-social li a:hover, footer.skin-dark-footer ul.footer-bottom-social li a:focus{
	color:#ffffff;
	opacity:1;
}

.skin-dark-footer .f-newsletter .form-control {
    border: 2px solid #9ea6ba;
}
.footer_widget ul li a span.new {
    margin-left: 4px;
    background: #27AE60;
    padding: 3px 10px;
    border-radius: 3px;
    color: #ffffff;
    font-size: 13px;
}
.footer_widget ul li a span.update{
    margin-left: 4px;
    background: #ff9800;
    padding: 3px 10px;
    border-radius: 3px;
    color: #ffffff;
    font-size: 13px;
}

.heart-color { color:#ee1a47}

/* =========================================================
   Custom nav: user avatar + post button (matches root site)
   ========================================================= */

/* Desktop: custom btn items lift up to align with nav bar */
.nav-menu li.rr-nav-btn-li { position:relative; top:21px; display:flex; align-items:center; }
.nav-menu li.rr-nav-btn-li#rrAvatarLi { margin-left:24px !important; }
.nav-menu li.rr-mobile-post-li { display:none !important; }

/* Light peach "Post a Room" pill button */
.rr-nav-post-btn {
    display:inline-flex !important; align-items:center !important; justify-content:center !important;
    height:36px !important; max-height:36px !important; line-height:normal !important;
    box-sizing:border-box !important; background:#FFF0E8; color:#FF7B42 !important;
    border:none; border-radius:20px; padding:0 1.2rem !important; font-size:0.85rem; font-weight:700;
    text-decoration:none !important; white-space:nowrap; transition:opacity 0.2s; margin:0 0 0 10px !important;
}
.rr-nav-post-btn:hover { opacity:0.8; }

/* Orange avatar circle */
.rr-nav-user-btn {
    display:inline-flex !important; align-items:center !important; justify-content:center !important;
    height:36px !important; box-sizing:border-box !important;
    background:none !important; border:none !important; padding:0 !important; margin:0 !important; cursor:pointer;
}
.rr-nav-avatar {
    width:36px; height:36px; border-radius:50%; overflow:hidden;
    background:linear-gradient(135deg,#FF7B42,#FF9A6C); color:#fff;
    display:flex; align-items:center; justify-content:center;
    font-size:0.9rem; font-weight:700; flex-shrink:0; line-height:1;
    border:2px solid #fff; box-shadow:0 1px 6px rgba(0,0,0,0.18); transition:box-shadow 0.15s;
}
.rr-nav-user-btn:hover .rr-nav-avatar { box-shadow:0 2px 10px rgba(0,0,0,0.28); }
.rr-nav-avatar img { width:100%; height:100%; object-fit:cover; display:block; }
.rr-nav-avatar svg { width:19px; height:19px; }

/* Desktop dropdown panel */
.rr-nav-drop {
    position:absolute !important; top:calc(100% + 10px) !important; left:0 !important; right:auto !important;
    width:190px !important; min-width:190px !important; max-width:190px !important;
    background:#fff; border:1px solid #E8EAF0; border-radius:12px; box-shadow:0 8px 24px rgba(0,0,0,0.12);
    z-index:20200; padding:0.4rem 0 !important; margin:0 !important; display:none; text-align:left; white-space:nowrap;
}
.rr-nav-drop.open { display:block !important; }
.rr-nav-drop a {
    display:flex !important; align-items:center; justify-content:flex-start !important; gap:9px;
    padding:0.6rem 1rem !important; font-size:0.83rem; color:#555 !important; text-decoration:none;
    text-align:left !important; transition:background 0.1s; height:auto !important; border:none !important; line-height:1.4 !important;
}
.rr-nav-drop a svg { flex-shrink:0; }
.rr-nav-drop a:hover { background:#F8F9FB; color:#2D3E5C !important; }
.rr-nav-drop-divider { height:1px; background:#F0F2F5; margin:0.35rem 0; }
.rr-nav-drop a.danger { color:#EF4444 !important; }
.rr-nav-drop a.danger:hover { background:#FEF2F2; }

/* Mobile user avatar lives outside the slide-in wrapper — hidden on desktop */
.rr-mobile-user { display:none; }

/* Overlay behind open drawer */
.nav-overlay-panel { display:none; position:fixed; inset:0; z-index:19999; background:rgba(0,0,0,.35); }
.nav-overlay-panel.active { display:block; }

@media (max-width:992px) {
    #navigation { position:relative; }

    /* Desktop btn items go into slide-in panel — hide from bar; mobile-post-li shows in drawer */
    .nav-menu li.rr-nav-btn-li { display:none !important; }
    .nav-menu li.rr-mobile-post-li { display:block !important; }
    .nav-menu li.rr-mobile-post-li > a { color:#FF7B42 !important; font-weight:700 !important; }

    /* Move hamburger to right; mobile avatar occupies right:56px */
    .navigation-portrait .nav-toggle { left:auto !important; right:15px !important; }

    /* Mobile avatar — positioned in nav header bar, outside slide-in */
    .rr-mobile-user {
        display:block; position:absolute; top:50%; right:56px;
        transform:translateY(-50%); z-index:30;
    }
    .rr-mobile-avatar {
        width:38px; height:38px; border-radius:50%; overflow:hidden; cursor:pointer;
        background:linear-gradient(135deg,#FF7B42,#FF9A6C);
        border:2px solid #fff; box-shadow:0 2px 8px rgba(0,0,0,0.15);
        display:flex; align-items:center; justify-content:center;
    }
    .rr-mobile-avatar img { width:100%; height:100%; object-fit:cover; display:block; }
    .rr-mobile-avatar svg { width:20px; height:20px; }
    .rr-mobile-drop {
        display:none; position:absolute; top:calc(100% + 10px); right:0;
        width:200px; background:#fff; border-radius:12px; white-space:nowrap;
        box-shadow:0 8px 28px rgba(0,0,0,0.18); padding:0.35rem 0; z-index:20001;
    }
    .rr-mobile-drop.open { display:block; }
    .rr-mobile-drop a {
        display:flex; align-items:center; justify-content:flex-start; gap:9px;
        padding:0.7rem 1.1rem; font-size:0.88rem;
        color:#2D3E5C !important; text-decoration:none; text-align:left; font-weight:600;
    }
    .rr-mobile-drop a svg { flex-shrink:0; }
    .rr-mobile-drop a:hover { background:#F8F9FB; }
    .rr-mobile-drop a.danger { color:#EF4444 !important; }
    .rr-mobile-drop-divider { height:1px; background:#F0F2F5; margin:0 1rem; }
}

/* =========================================================
   Browse page (.rt-br-*) — room-rentals redesign
   ========================================================= */

/* ── Hero ─────────────────────────────────────────────── */
.rt-br-hero {
  background:#FFF4EC;
  border-bottom:1px solid #E8EAF0;
}
.rt-br-hero-inner {
  max-width:1200px;
  margin:0 auto;
  padding:44px 16px 48px;
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);
  gap:40px;
  align-items:center;
}
.rt-br-eyebrow {
  font-size:13px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#C24E15;
}
.rt-br-h1 {
  font-family:'Jost',system-ui,sans-serif;
  font-weight:600;
  font-size:50px;
  line-height:1.04;
  color:#1E2A47;
  margin:10px 0 0;
  text-wrap:pretty;
}
.rt-br-sub {
  margin:14px 0 0;
  font-size:17px;
  color:#5C6578;
  line-height:1.5;
  max-width:460px;
}

/* Search box */
.rt-br-search {
  display:flex;
  align-items:center;
  background:#fff;
  border:1.5px solid #1E2A47;
  border-radius:6px;
  padding:5px;
  margin-top:24px;
  gap:0;
  overflow:hidden;
  max-width:460px;
}
.rt-br-search-loc {
  padding:0 4px 0 6px;
  color:#1E2A47;
  font-size:22px;
  flex-shrink:0;
}
.rt-br-search-input {
  flex:1;
  min-width:0;
  border:none;
  outline:none;
  font-size:15px;
  font-family:inherit;
  padding:8px 6px;
  background:transparent;
  color:#1E2A47;
}
.rt-br-search-input::placeholder { color:#9AA1B2; }
.rt-br-search-btn {
  flex-shrink:0;
  background:#FF7A3D;
  color:#fff;
  border:none;
  border-radius:4px;
  padding:10px 18px;
  font-size:14px;
  font-weight:700;
  font-family:inherit;
  cursor:pointer;
  white-space:nowrap;
  transition:background .15s;
}
.rt-br-search-btn:hover { background:#F0692B; }

/* Hero photo grid */
.rt-br-hero-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  grid-template-rows:170px 170px;
  gap:10px;
}
.rt-br-hero-photo {
  display:block;
  border-radius:8px;
  overflow:hidden;
  background:#E8EAF0;
  background-size:cover;
  background-position:center;
  position:relative;
  text-decoration:none;
  transition:opacity .15s;
}
.rt-br-hero-photo:hover { opacity:.9; }
.rt-br-hero-photo--span { grid-row:span 2; }
.rt-br-hero-pill {
  position:absolute;
  bottom:8px;
  left:8px;
  background:rgba(0,0,0,.52);
  color:#fff;
  font-size:12px;
  font-weight:700;
  padding:3px 9px;
  border-radius:4px;
  letter-spacing:.01em;
}

/* ── Sticky filter bar ────────────────────────────────── */
.rt-br-bar {
  position:sticky;
  top:65px;
  z-index:100;
  background:#fff;
  border-bottom:1px solid #E8EAF0;
  box-shadow:0 4px 12px rgba(30,42,71,.05);
}
.rt-br-bar-inner {
  max-width:1200px;
  margin:0 auto;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  padding:12px 16px;
}
.rt-br-selects {
  display:contents; /* children participate in bar flex */
}
.rt-br-select {
  height:42px;
  border:1.5px solid #E1E4EC;
  border-radius:999px;
  padding:0 32px 0 14px;
  font-size:14px;
  font-weight:600;
  font-family:inherit;
  background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%231E2A47' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 12px center;
  -webkit-appearance:none;
  appearance:none;
  color:#1E2A47;
  cursor:pointer;
  transition:border-color .15s;
}
.rt-br-select:focus { outline:none; border-color:#1E2A47; }
.rt-br-div {
  width:1px;
  height:26px;
  background:#E1E4EC;
  flex-shrink:0;
}
.rt-br-chip {
  display:inline-flex;
  align-items:center;
  gap:5px;
  height:42px;
  border:1.5px solid #E1E4EC;
  border-radius:999px;
  background:#fff;
  padding:0 14px;
  font-size:14px;
  font-weight:600;
  font-family:inherit;
  color:#1E2A47;
  white-space:nowrap;
  cursor:pointer;
  text-decoration:none;
  transition:background .15s,border-color .15s,color .15s;
}
.rt-br-chip .ms { font-size:17px; }
.rt-br-chip:hover { border-color:#1E2A47; }
.rt-br-chip.rt-br-chip--on {
  background:#1E2A47;
  border-color:#1E2A47;
  color:#fff !important;
}
.rt-br-chip.rt-br-chip--on:hover { background:#2E3B5B; border-color:#2E3B5B; color:#fff !important; }
.rt-br-clear {
  color:#D9561A;
  font-weight:800;
  font-size:14px;
  padding:0 6px;
  text-decoration:none;
  white-space:nowrap;
  flex-shrink:0;
}
.rt-br-clear:hover { color:#B04310; }
.rt-br-count {
  font-weight:800;
  font-size:15px;
  color:#1E2A47;
  margin-left:auto;
  white-space:nowrap;
  padding-left:8px;
}

/* ── Results wrapper ──────────────────────────────────── */
.rt-br-wrap {
  max-width:1200px;
  margin:0 auto;
  padding:32px 16px 72px;
}

/* ── Results grid ─────────────────────────────────────── */
.rt-br-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:22px 16px;
}
.rt-br-card {
  display:flex;
  flex-direction:column;
  text-decoration:none;
  border-radius:10px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 1px 4px rgba(30,42,71,.06),0 0 0 1px rgba(30,42,71,.04);
  transition:box-shadow .18s,transform .18s;
}
.rt-br-card:hover {
  box-shadow:0 8px 28px rgba(30,42,71,.13),0 0 0 1px rgba(30,42,71,.04);
  transform:translateY(-2px);
}
.rt-br-card-img {
  aspect-ratio:4/3;
  background:#E8EAF0;
  background-size:cover;
  background-position:center;
  position:relative;
  flex-shrink:0;
}
.rt-br-badge {
  position:absolute;
  bottom:8px;
  left:8px;
  font-size:11px;
  font-weight:700;
  padding:3px 8px;
  border-radius:4px;
  letter-spacing:.01em;
  white-space:nowrap;
}
.rt-br-card-body {
  padding:12px 14px 14px;
  flex:1;
  display:flex;
  flex-direction:column;
  gap:3px;
}
.rt-br-card-price {
  font-family:'Jost',system-ui,sans-serif;
  font-weight:600;
  font-size:19px;
  color:#0B8A5E;
  line-height:1;
}
.rt-br-card-price span {
  font-size:12px;
  color:#5C6578;
  font-weight:500;
}
.rt-br-card-title {
  font-size:14px;
  font-weight:700;
  color:#1E2A47;
  line-height:1.35;
  margin-top:5px;
  overflow:hidden;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}
.rt-br-card-loc {
  display:flex;
  align-items:center;
  gap:1px;
  font-size:12px;
  color:#5C6578;
  margin-top:auto;
  padding-top:8px;
}
.rt-br-card-loc .ms {
  font-size:14px;
  color:#9AA1B2;
  flex-shrink:0;
}

/* ── Empty state ─────────────────────────────────────── */
.rt-br-empty {
  text-align:center;
  padding:80px 16px 40px;
}
.rt-br-empty-icon {
  display:block;
  font-size:56px;
  color:#D8DCE8;
  margin:0 auto 16px;
}
.rt-br-empty h3 {
  font-size:20px;
  color:#1E2A47;
  margin:0;
}
.rt-br-empty p {
  color:#5C6578;
  margin-top:8px;
  font-size:15px;
}
.rt-br-empty-cta {
  display:inline-block;
  margin-top:20px;
  background:#FF7A3D;
  color:#fff;
  border-radius:6px;
  padding:11px 22px;
  font-weight:700;
  font-size:14px;
  text-decoration:none;
  transition:background .15s;
}
.rt-br-empty-cta:hover { background:#F0692B; color:#fff; }

/* ── Mobile ──────────────────────────────────────────── */
@media (max-width:1024px) {
  .rt-br-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:860px) {
  .rt-br-hero-inner {
    grid-template-columns:1fr;
    padding:36px 16px 40px;
  }
  .rt-br-hero-grid { display:none; }
  .rt-br-h1 { font-size:38px; }
  .rt-br-sub { max-width:100%; }
  .rt-br-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:560px) {
  .rt-br-h1 { font-size:30px; }
  .rt-br-bar-inner {
    flex-wrap:nowrap;
    overflow-x:auto;
    scrollbar-width:none;
    -ms-overflow-style:none;
    padding-bottom:14px;
  }
  .rt-br-bar-inner::-webkit-scrollbar { display:none; }
  .rt-br-count { margin-left:0; }
  .rt-br-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px 10px; }
}
@media (max-width:380px) {
  .rt-br-grid { grid-template-columns:1fr; }
}