/* UmrahRoom legacy compatibility bundle — generated for Step 6.3. Preserves original cascade order while reducing global stylesheet requests. */

/* ===== SOURCE: assets/css/site-premium.css ===== */
:root{
  --blue:#0066ff;
  --blue-700:#0054d6;
  --navy:#061b3a;
  --navy-2:#0a2a58;
  --light:#eaf3ff;
  --ice:#f7faff;
  --white:#fff;
  --text:#111827;
  --muted:#64748b;
  --line:#dce7f5;
  --green:#25d366;
  --shadow:0 18px 50px rgba(6,27,58,.10);
  --shadow-soft:0 8px 28px rgba(6,27,58,.08);
  --radius:18px;
  --radius-sm:12px;
  --container:1280px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:#fff;line-height:1.55;-webkit-font-smoothing:antialiased}
body.menu-open,body.modal-open{overflow:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;left:14px;top:-80px;z-index:1000;background:#fff;color:var(--navy);padding:12px 16px;border-radius:10px;box-shadow:var(--shadow)}
.skip-link:focus{top:14px}
.site-container{width:min(calc(100% - 36px),var(--container));margin-inline:auto}
.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--blue);font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.eyebrow.light{color:#b9d8ff}
.section{padding:80px 0}
.section-soft{background:linear-gradient(180deg,#f8fbff 0%,#fff 100%)}
.section-navy{background:var(--navy);color:#fff}
.section-heading{max-width:760px;margin-bottom:34px}
.section-heading.centered{text-align:center;margin-inline:auto}
.section-heading h2{font-size:clamp(2rem,3.6vw,3.4rem);line-height:1.08;margin:10px 0 14px;color:var(--navy);letter-spacing:-.035em}
.section-heading p{margin:0;color:var(--muted);font-size:1.05rem}
.section-navy .section-heading h2,.section-navy .section-heading p{color:#fff}
.section-navy .section-heading p{opacity:.8}
.split-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;max-width:none}
.text-link{color:var(--blue);font-weight:800;white-space:nowrap}
.site-btn{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 20px;border-radius:11px;border:1px solid transparent;font-weight:800;transition:.2s ease;background:none;color:var(--navy)}
.site-btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(0,102,255,.15)}
.site-btn.primary{background:var(--blue);color:#fff}
.site-btn.primary:hover{background:var(--blue-700)}
.site-btn.navy{background:var(--navy);color:#fff}
.site-btn.white{background:#fff;color:var(--blue)}
.site-btn.outline{border-color:#8bb9ff;color:var(--blue);background:#fff}
.site-btn.soft{background:var(--light);color:var(--blue)}
.site-btn.whatsapp{background:var(--green);color:#fff}
.site-btn.compact{min-height:42px;padding-inline:16px;font-size:.86rem}
.site-btn.large{min-height:52px;padding-inline:26px}
.site-btn.full{width:100%}
.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.96);border-bottom:1px solid rgba(220,231,245,.8);backdrop-filter:blur(16px);transition:.2s}
.site-header.scrolled{box-shadow:0 8px 28px rgba(6,27,58,.08)}
.nav-row{min-height:74px;display:flex;align-items:center;gap:28px}
.site-brand{display:flex;align-items:center;gap:11px;min-width:max-content}
.site-brand img{width:48px;height:48px;object-fit:contain;border-radius:12px}
.site-brand strong{display:block;color:var(--navy);font-size:1.12rem;line-height:1.1}
.site-brand span{display:block;color:var(--muted);font-size:.72rem;margin-top:4px}
.site-nav{display:flex;align-items:center;gap:28px;margin-left:auto}
.site-nav a{font-size:.91rem;font-weight:700;color:#17223a;position:relative;padding:26px 0}
.site-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:15px;height:2px;background:var(--blue);transition:.2s}
.site-nav a:hover,.site-nav a.active{color:var(--blue)}
.site-nav a:hover:after,.site-nav a.active:after{right:0}
.nav-actions{display:flex;align-items:center;gap:9px}
.nav-toggle{display:none;border:0;background:none;width:44px;height:44px;padding:10px}
.nav-toggle span{height:2px;background:var(--navy);display:block;margin:5px 0;border-radius:5px}
.mobile-only{display:none!important}

/* Hero */
.hero{position:relative;isolation:isolate;overflow:hidden;background:var(--navy);color:#fff}
.hero-media{position:absolute;inset:0;z-index:-3}
.hero-media img{width:100%;height:100%;object-fit:cover;object-position:center}
.hero:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(4,24,53,.99) 0%,rgba(4,24,53,.94) 31%,rgba(4,24,53,.48) 62%,rgba(4,24,53,.12) 100%)}
.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 60%,rgba(4,24,53,.45))}
.hero-inner{min-height:510px;display:flex;align-items:center;padding:72px 0 92px}
.hero-copy{max-width:610px}
.hero-copy h1{font-size:clamp(2.75rem,5.2vw,5.15rem);line-height:.99;letter-spacing:-.055em;margin:13px 0 20px}
.hero-copy p{font-size:clamp(1rem,1.6vw,1.18rem);max-width:590px;color:#dce9fa;margin:0}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.hero-trust{display:flex;flex-wrap:wrap;gap:20px;margin-top:28px;color:#e8f2ff;font-size:.88rem;font-weight:700}
.hero-trust span{display:flex;align-items:center;gap:8px}
.hero-trust span:before{content:"✓";display:grid;place-items:center;width:24px;height:24px;border:1px solid #8bb9ff;border-radius:50%;color:#fff}
.search-shell{position:relative;z-index:5;margin-top:-48px}
.search-bar{display:grid;grid-template-columns:1.15fr 1fr 1fr .75fr .65fr auto;gap:0;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:11px}
.search-field{padding:7px 16px;border-right:1px solid var(--line);min-width:0}
.search-field:last-of-type{border-right:0}
.search-field label{display:block;font-size:.72rem;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}
.search-field input,.search-field select{width:100%;border:0;outline:0;background:transparent;color:var(--navy);font-weight:700;padding:3px 0}
.search-bar .site-btn{height:56px;align-self:center;padding-inline:25px}

/* Service cards */
.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.service-card{position:relative;min-height:238px;border:1px solid var(--line);border-radius:18px;background:#fff;overflow:hidden;box-shadow:var(--shadow-soft);padding:22px}
.service-card .service-icon{width:43px;height:43px;border-radius:13px;background:var(--light);color:var(--blue);display:grid;place-items:center;font-size:1.3rem;font-weight:900}
.service-card h3{color:var(--navy);margin:15px 0 6px;font-size:1.05rem}
.service-card p{color:var(--muted);font-size:.88rem;margin:0;max-width:190px}
.service-card a{display:inline-flex;color:var(--blue);font-weight:800;margin-top:16px;font-size:.88rem}
.service-card img{position:absolute;width:45%;height:62%;object-fit:cover;right:0;bottom:0;mask-image:linear-gradient(90deg,transparent,#000 36%);opacity:.95}
.b2b-banner{margin-top:22px;background:linear-gradient(120deg,#0870ff,#0044c7);border-radius:17px;color:#fff;padding:18px 24px;display:flex;align-items:center;gap:20px;box-shadow:var(--shadow)}
.b2b-banner .banner-logo{width:66px;height:66px;border-radius:14px;background:#fff1;padding:7px;border:1px solid #ffffff66}
.b2b-banner .banner-copy{flex:1}
.b2b-banner h3{margin:0 0 3px;font-size:1.35rem}
.b2b-banner p{margin:0;color:#e5efff}

/* Benefits */
.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff}
.benefit{padding:22px;display:flex;gap:14px;align-items:flex-start;border-right:1px solid var(--line)}
.benefit:last-child{border-right:0}
.benefit-icon{width:46px;height:46px;flex:0 0 auto;border-radius:50%;background:var(--light);display:grid;place-items:center;color:var(--blue);font-size:1.2rem;font-weight:900}
.benefit h3{font-size:.95rem;margin:0 0 4px;color:var(--navy)}
.benefit p{font-size:.79rem;color:var(--muted);margin:0}

/* Hotel cards */
.hotel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.hotel-card{border:1px solid var(--line);border-radius:18px;background:#fff;overflow:hidden;box-shadow:var(--shadow-soft);transition:.25s}
.hotel-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.hotel-image-wrap{position:relative;aspect-ratio:16/10;background:#dce8f7;overflow:hidden}
.hotel-image-wrap img{width:100%;height:100%;object-fit:cover;transition:.45s}
.hotel-card:hover .hotel-image-wrap img{transform:scale(1.04)}
.image-top-row{position:absolute;inset:14px 14px auto;display:flex;justify-content:space-between;gap:10px}
.city-label,.rating-label,.sample-label{padding:6px 9px;border-radius:8px;font-size:.71rem;font-weight:900;background:#fff;color:var(--navy);box-shadow:0 5px 14px #061b3a22}
.city-label{background:var(--blue);color:#fff}
.sample-label{position:absolute;left:14px;bottom:14px;background:#fff4d8;color:#8a5a00}
.hotel-category{position:absolute;right:14px;bottom:14px;background:rgba(6,27,58,.88);color:#fff;border-radius:8px;padding:6px 9px;font-size:.7rem;font-weight:800}
.hotel-card-body{padding:18px}
.hotel-title-row{display:flex;justify-content:space-between;gap:15px;align-items:start}
.hotel-title-row h3{margin:0;color:var(--navy);font-size:1.15rem;line-height:1.2}
.hotel-location{color:var(--muted);font-size:.82rem;margin:6px 0 0}
.hotel-price{text-align:right;min-width:105px}
.hotel-price small{display:block;color:var(--muted);font-size:.66rem}
.hotel-price b{display:block;color:var(--blue);font-size:.9rem}
.hotel-summary{color:var(--muted);font-size:.86rem;margin:15px 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.hotel-meta{display:flex;gap:8px;flex-wrap:wrap}
.hotel-meta span{font-size:.72rem;color:#36506f;background:#f3f7fc;padding:7px 9px;border-radius:8px}
.hotel-card-actions{display:flex;gap:9px;margin-top:16px}
.hotel-card-actions .site-btn{flex:1;min-height:42px;padding-inline:10px;font-size:.8rem}
.empty-state{border:1px dashed #a9c5e9;border-radius:18px;text-align:center;padding:55px 20px;background:#f8fbff;color:var(--muted)}
.notice{padding:14px 16px;border-radius:12px;background:#fff7db;border:1px solid #f1d886;color:#6f5200;font-size:.88rem}
.notice.blue{background:var(--light);border-color:#bcd8ff;color:#104d9d}
.notice.success{background:#eafaf0;border-color:#a9dfbb;color:#176536}

/* Inner heroes */
.inner-hero{background:linear-gradient(100deg,rgba(6,27,58,.98),rgba(6,27,58,.56)),url("../images/kaaba-panorama.jpg") center/cover;color:#fff;padding:76px 0}
.inner-hero.compact{padding:58px 0}
.inner-hero h1{font-size:clamp(2.3rem,5vw,4.5rem);line-height:1.03;letter-spacing:-.045em;margin:10px 0 12px;max-width:850px}
.inner-hero p{max-width:720px;color:#dbe8fb;font-size:1.05rem;margin:0}
.breadcrumbs{display:flex;gap:8px;align-items:center;font-size:.82rem;color:#d7e6fa;margin-bottom:16px}
.breadcrumbs a{color:#fff}

/* Listing */
.listing-layout{display:grid;grid-template-columns:292px 1fr;gap:28px;align-items:start}
.filter-panel{position:sticky;top:96px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow-soft);padding:20px}
.filter-panel h2{margin:0 0 16px;font-size:1.15rem;color:var(--navy)}
.filter-group{padding:15px 0;border-top:1px solid var(--line)}
.filter-group:first-of-type{border-top:0;padding-top:0}
.filter-group label.title{display:block;font-weight:800;color:var(--navy);font-size:.86rem;margin-bottom:9px}
.filter-group select,.filter-group input{width:100%;min-height:43px;border:1px solid var(--line);border-radius:9px;padding:0 11px;background:#fff;color:var(--text)}
.check-list{display:grid;gap:8px}
.check-list label{display:flex;align-items:center;gap:8px;font-size:.84rem;color:#334155}
.filter-actions{display:grid;gap:8px;margin-top:12px}
.results-head{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:18px}
.results-head h2{margin:0;color:var(--navy)}
.results-head p{margin:3px 0 0;color:var(--muted);font-size:.86rem}
.results-head select{min-height:42px;border:1px solid var(--line);border-radius:9px;padding:0 10px;background:#fff}
.filter-toggle{display:none}

/* Hotel detail */
.detail-hero{padding:36px 0 0;background:#f8fbff}
.detail-topline{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px}
.detail-title h1{font-size:clamp(2rem,4vw,3.7rem);line-height:1.02;letter-spacing:-.04em;margin:7px 0 9px;color:var(--navy)}
.detail-title p{margin:0;color:var(--muted)}
.detail-rate{text-align:right}
.detail-rate small{display:block;color:var(--muted)}
.detail-rate strong{font-size:1.4rem;color:var(--blue)}
.gallery-grid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:220px 220px;gap:10px;border-radius:20px;overflow:hidden}
.gallery-grid img{width:100%;height:100%;object-fit:cover;background:#dbe8f8}
.gallery-grid img:first-child{grid-row:1/3}
.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:32px;align-items:start;padding:48px 0 80px}
.detail-main section{padding:26px 0;border-bottom:1px solid var(--line)}
.detail-main section:first-child{padding-top:0}
.detail-main h2{color:var(--navy);font-size:1.5rem;margin:0 0 13px}
.amenity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.amenity{border:1px solid var(--line);border-radius:10px;padding:12px;background:#fff;font-size:.85rem;font-weight:700;color:#334155}
.room-grid{display:grid;gap:12px}
.room-card{border:1px solid var(--line);border-radius:13px;padding:15px;display:flex;justify-content:space-between;gap:20px;align-items:center}
.room-card h3{margin:0 0 5px;color:var(--navy);font-size:1rem}
.room-card p{margin:0;color:var(--muted);font-size:.82rem}
.map-placeholder{min-height:250px;border-radius:15px;background:linear-gradient(145deg,#edf5ff,#dbeaff);display:grid;place-items:center;text-align:center;padding:28px;color:#325275;border:1px solid #c9ddf5}
.inquiry-card{position:sticky;top:96px;border:1px solid #bad4ff;border-radius:18px;background:linear-gradient(160deg,#0b6cff,#0044c7);color:#fff;padding:22px;box-shadow:var(--shadow)}
.inquiry-card h2{margin:0 0 4px;font-size:1.3rem}
.inquiry-card>p{margin:0 0 17px;color:#e0edff;font-size:.87rem}
.form-stack{display:grid;gap:11px}
.form-stack label{display:grid;gap:5px;font-size:.75rem;font-weight:800}
.form-stack input,.form-stack select,.form-stack textarea{width:100%;border:0;border-radius:9px;background:#fff;color:var(--text);padding:11px 12px;outline:0}
.form-stack textarea{min-height:105px;resize:vertical}
.form-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.secure-note{font-size:.72rem;color:#dceaff;margin:11px 0 0;text-align:center}
.honeypot{position:absolute!important;left:-10000px!important}

/* Content pages */
.content-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center}
.content-grid.reverse>div:first-child{order:2}
.content-grid img{border-radius:20px;box-shadow:var(--shadow);width:100%;min-height:360px;object-fit:cover}
.content-copy h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1.08;color:var(--navy);margin:9px 0 15px}
.content-copy p{color:var(--muted)}
.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}
.check-grid span{background:var(--light);color:#24517e;border-radius:9px;padding:10px 12px;font-size:.84rem;font-weight:700}
.icon-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.icon-card{border:1px solid var(--line);border-radius:16px;padding:22px;background:#fff;box-shadow:var(--shadow-soft)}
.icon-card .icon{width:48px;height:48px;border-radius:13px;background:var(--light);color:var(--blue);display:grid;place-items:center;font-weight:900}
.icon-card h3{color:var(--navy);margin:15px 0 7px}
.icon-card p{color:var(--muted);margin:0;font-size:.87rem}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.process-card{position:relative;border:1px solid var(--line);border-radius:15px;padding:20px;background:#fff}
.process-card .number{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--blue);color:#fff;font-weight:900}
.process-card h3{margin:14px 0 6px;color:var(--navy);font-size:1rem}
.process-card p{margin:0;color:var(--muted);font-size:.82rem}
.stats-row{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #cfe0f6;border-radius:15px;background:#f7fbff;overflow:hidden}
.stat{padding:20px;text-align:center;border-right:1px solid #cfe0f6}
.stat:last-child{border-right:0}
.stat strong{display:block;color:var(--blue);font-size:1.5rem}
.stat span{display:block;color:var(--muted);font-size:.8rem}
.placeholder-stat strong{font-size:.95rem;color:var(--navy)}
.placeholder-stat span{margin-top:5px}

/* B2B */
.partner-hero{position:relative;isolation:isolate;background:var(--navy);color:#fff;overflow:hidden}
.partner-hero:before{content:"";position:absolute;inset:0;z-index:-2;background:url("../images/hero-partners-premium.jpg") center/cover no-repeat}
.partner-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(6,27,58,.99) 0%,rgba(6,27,58,.91) 38%,rgba(6,27,58,.28) 72%,rgba(6,27,58,.12))}
.partner-hero .hero-inner{min-height:460px}
.partner-form-layout{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:28px;align-items:start}
.partner-form-card{background:linear-gradient(160deg,#0b6cff,#0044c7);color:#fff;border-radius:18px;padding:22px;box-shadow:var(--shadow)}
.partner-form-card h2{margin:0}
.partner-form-card p{color:#dfeaff;margin:5px 0 16px}
.partner-login-card{max-width:560px;margin:0 auto;border:1px solid var(--line);border-radius:18px;padding:32px;background:#fff;box-shadow:var(--shadow);text-align:center}

/* FAQ */
.faq-list{display:grid;gap:12px;max-width:900px;margin-inline:auto}
.faq-list details{border:1px solid var(--line);border-radius:13px;background:#fff;padding:0 18px}
.faq-list summary{list-style:none;cursor:pointer;padding:17px 30px 17px 0;font-weight:800;color:var(--navy);position:relative}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:after{content:"+";position:absolute;right:0;top:15px;color:var(--blue);font-size:1.4rem}
.faq-list details[open] summary:after{content:"–"}
.faq-list p{color:var(--muted);margin:0;padding:0 0 18px}

/* Blog */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.blog-card{border:1px solid var(--line);border-radius:17px;overflow:hidden;background:#fff;box-shadow:var(--shadow-soft)}
.blog-card img{width:100%;aspect-ratio:16/9;object-fit:cover;background:#e8f1fc}
.blog-card-body{padding:19px}
.blog-card .category{font-size:.72rem;color:var(--blue);font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.blog-card h2{font-size:1.15rem;line-height:1.25;color:var(--navy);margin:8px 0}
.blog-card p{color:var(--muted);font-size:.84rem}
.blog-meta{display:flex;gap:12px;color:#8190a4;font-size:.74rem}
.article-shell{display:grid;grid-template-columns:minmax(0,780px) 280px;gap:42px;align-items:start}
.article-content h1{font-size:clamp(2.3rem,5vw,4.2rem);line-height:1.04;color:var(--navy);letter-spacing:-.045em}
.article-content h2{margin-top:32px;color:var(--navy)}
.article-content p,.article-content li{color:#475569}
.article-content img{border-radius:18px;margin:24px 0}
.article-aside{position:sticky;top:100px;border:1px solid var(--line);border-radius:15px;padding:18px;background:#f8fbff}

/* Forms/contact */
.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px}
.contact-cards{display:grid;gap:13px}
.contact-card{border:1px solid var(--line);border-radius:14px;padding:18px;background:#fff}
.contact-card h3{margin:0 0 4px;color:var(--navy)}
.contact-card p,.contact-card a{margin:0;color:var(--muted)}
.public-form{border:1px solid var(--line);border-radius:18px;padding:24px;background:#fff;box-shadow:var(--shadow-soft)}
.public-form h2{margin-top:0;color:var(--navy)}
.public-form .form-stack label{color:#334155}
.public-form input,.public-form select,.public-form textarea{border:1px solid var(--line);background:#fff}
.public-form .secure-note{color:var(--muted)}
.form-error{background:#fff1f1;color:#9c1c1c;border:1px solid #efb7b7;border-radius:10px;padding:12px}
.form-success{background:#edf9f1;color:#176536;border:1px solid #b4e0c1;border-radius:10px;padding:12px}

/* Footer */
.footer-cta{background:linear-gradient(115deg,#0a6dff,#0047c9);color:#fff;padding:42px 0}
.footer-cta-inner{display:flex;justify-content:space-between;align-items:center;gap:28px}
.footer-cta h2{font-size:clamp(1.8rem,3vw,2.8rem);margin:7px 0 5px;line-height:1.08}
.footer-cta p{margin:0;color:#dceaff}
.cta-actions{display:flex;gap:10px;flex-wrap:wrap}
.site-footer{background:var(--navy);color:#fff;padding:48px 0 0}
.footer-grid{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:34px}
.footer-grid h3{font-size:.95rem;margin:0 0 13px}
.footer-grid a,.footer-grid span{display:block;color:#c5d5ea;font-size:.82rem;margin:8px 0}
.footer-grid a:hover{color:#fff}
.footer-about p{color:#c5d5ea;font-size:.84rem;max-width:300px}
.footer-brand{display:flex;align-items:center;gap:11px}
.footer-brand img{width:50px;height:50px;border-radius:12px}
.footer-brand strong{display:block;font-size:1.05rem}
.footer-brand span{margin:2px 0 0;font-size:.68rem}
.social-row{display:flex;gap:8px}
.social-row a{width:34px;height:34px;border:1px solid #ffffff44;border-radius:50%;display:grid;place-items:center;margin:0;font-size:.72rem}
.footer-bottom{border-top:1px solid #ffffff1f;margin-top:38px;padding:18px 0;display:flex;justify-content:space-between;gap:20px;color:#9fb3cb;font-size:.75rem}
.footer-bottom nav{display:flex;gap:20px}
.footer-bottom nav a{color:#9fb3cb}
.floating-whatsapp{position:fixed;right:20px;bottom:20px;z-index:80;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff;font-weight:900;box-shadow:0 14px 28px rgba(37,211,102,.34)}
.mobile-sticky-actions{display:none}

/* Modal */
.quick-modal{position:fixed;inset:0;z-index:300;display:none;place-items:center;padding:20px}
.quick-modal.open{display:grid}
.quick-backdrop{position:absolute;inset:0;background:rgba(2,12,28,.72);backdrop-filter:blur(5px)}
.quick-box{position:relative;width:min(920px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:20px;display:grid;grid-template-columns:1fr 1fr;box-shadow:0 30px 80px rgba(0,0,0,.35)}
.quick-box>img{width:100%;height:100%;min-height:500px;object-fit:cover;background:#dbe8f8}
.quick-content{padding:32px}
.quick-close{position:absolute;right:14px;top:14px;width:38px;height:38px;border:0;border-radius:50%;background:#fff;box-shadow:var(--shadow-soft);font-size:1.4rem}
.hotel-badges{display:flex;gap:8px;flex-wrap:wrap}
.hotel-badges span{background:var(--light);color:var(--blue);padding:6px 9px;border-radius:7px;font-size:.72rem;font-weight:800}
.quick-content h2{color:var(--navy);font-size:2rem;margin:14px 0 8px}
.quick-content>p{color:var(--muted)}
.quick-info{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}
.quick-info div{border:1px solid var(--line);border-radius:10px;padding:11px}
.quick-info b,.quick-info span{display:block}
.quick-info b{font-size:.68rem;color:var(--muted);text-transform:uppercase}
.quick-info span{font-size:.86rem;color:var(--navy);font-weight:700;margin-top:3px}
.quick-actions{display:flex;gap:10px}

/* Responsive */
@media(max-width:1180px){
  .nav-actions .site-btn.outline{display:none}
  .site-nav{gap:20px}
  .service-grid{grid-template-columns:repeat(2,1fr)}
  .hotel-grid{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1.4fr repeat(2,1fr)}
  .footer-grid>div:nth-child(4),.footer-grid>div:nth-child(5){margin-top:10px}
}
@media(max-width:960px){
  body{padding-bottom:64px}
  .site-container{width:min(calc(100% - 28px),var(--container))}
  .nav-row{min-height:68px}
  .nav-toggle{display:block;margin-left:auto}
  .site-nav{position:fixed;top:68px;left:0;right:0;bottom:0;background:#fff;display:none;flex-direction:column;align-items:stretch;gap:0;padding:18px 20px;overflow:auto}
  .site-nav.open{display:flex}
  .site-nav a{padding:15px 6px;border-bottom:1px solid var(--line)}
  .site-nav a:after{display:none}
  .mobile-only{display:block!important}
  .nav-actions{display:none}
  .hero-inner{min-height:470px;padding:55px 0 82px}
  .hero:before{background:linear-gradient(90deg,rgba(4,24,53,.97),rgba(4,24,53,.72))}
  .search-bar{grid-template-columns:1fr 1fr 1fr}
  .search-field{border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
  .search-bar .site-btn{grid-column:span 3}
  .benefit-grid{grid-template-columns:1fr 1fr}
  .benefit:nth-child(2){border-right:0}
  .benefit:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .listing-layout,.detail-layout,.partner-form-layout,.article-shell,.contact-layout{grid-template-columns:1fr}
  .filter-panel{position:static;display:none}
  .filter-panel.open{display:block}
  .filter-toggle{display:inline-flex}
  .inquiry-card,.article-aside{position:static}
  .gallery-grid{grid-template-columns:2fr 1fr;grid-template-rows:220px 180px}
  .gallery-grid img:nth-child(4),.gallery-grid img:nth-child(5){display:none}
  .content-grid{grid-template-columns:1fr}
  .content-grid.reverse>div:first-child{order:0}
  .process-grid{grid-template-columns:1fr 1fr}
  .footer-grid{grid-template-columns:1.4fr 1fr 1fr}
  .floating-whatsapp{display:none}
  .mobile-sticky-actions{position:fixed;left:0;right:0;bottom:0;z-index:90;background:#fff;border-top:1px solid var(--line);height:64px;display:grid;grid-template-columns:1fr 1.15fr 1fr;padding:8px 12px calc(8px + env(safe-area-inset-bottom));gap:8px}
  .mobile-sticky-actions a{display:grid;place-items:center;border-radius:9px;font-size:.75rem;font-weight:800;color:var(--navy);background:#f2f6fb}
  .mobile-sticky-actions a.primary{background:var(--green);color:#fff}
}
@media(max-width:720px){
  .section{padding:58px 0}
  .site-brand span{display:none}
  .site-brand img{width:43px;height:43px}
  .site-brand strong{font-size:1rem}
  .hero-inner{min-height:500px;align-items:flex-start;padding-top:58px}
  .hero-copy h1{font-size:clamp(2.65rem,12vw,4rem)}
  .hero-trust{gap:12px;display:grid}
  .search-shell{margin-top:-26px}
  .search-bar{grid-template-columns:1fr 1fr;padding:9px}
  .search-field{padding:8px 10px}
  .search-field:first-child{grid-column:span 2}
  .search-bar .site-btn{grid-column:span 2}
  .service-grid,.hotel-grid,.icon-card-grid,.blog-grid{grid-template-columns:1fr}
  .service-card{min-height:220px}
  .b2b-banner{align-items:flex-start;flex-wrap:wrap}
  .b2b-banner .site-btn{width:100%}
  .benefit-grid{grid-template-columns:1fr}
  .benefit,.benefit:nth-child(2){border-right:0;border-bottom:1px solid var(--line)}
  .benefit:last-child{border-bottom:0}
  .split-heading{display:block}
  .split-heading .text-link{display:inline-block;margin-top:15px}
  .results-head{align-items:flex-start;flex-direction:column}
  .gallery-grid{grid-template-columns:1fr;grid-template-rows:290px}
  .gallery-grid img:first-child{grid-row:auto}
  .gallery-grid img:not(:first-child){display:none}
  .detail-topline{align-items:flex-start;flex-direction:column}
  .detail-rate{text-align:left}
  .amenity-grid{grid-template-columns:1fr 1fr}
  .room-card{align-items:flex-start;flex-direction:column}
  .content-grid img{min-height:260px}
  .check-grid{grid-template-columns:1fr}
  .process-grid,.stats-row{grid-template-columns:1fr}
  .stat{border-right:0;border-bottom:1px solid #cfe0f6}
  .stat:last-child{border-bottom:0}
  .footer-cta-inner,.footer-bottom{align-items:flex-start;flex-direction:column}
  .footer-grid{grid-template-columns:1fr 1fr}
  .footer-about{grid-column:1/-1}
  .footer-bottom nav{flex-wrap:wrap}
  .quick-box{grid-template-columns:1fr}
  .quick-box>img{height:240px;min-height:0}
  .quick-content{padding:22px}
  .quick-info{grid-template-columns:1fr}
  .quick-actions{flex-direction:column}
  .form-two{grid-template-columns:1fr}
}
@media(max-width:430px){
  .site-container{width:min(calc(100% - 22px),var(--container))}
  .hero-actions,.cta-actions{display:grid}
  .hero-actions .site-btn,.cta-actions .site-btn{width:100%}
  .search-bar{grid-template-columns:1fr}
  .search-field:first-child,.search-bar .site-btn{grid-column:auto}
  .search-field{border-right:0}
  .service-card img{width:52%}
  .hotel-card-actions{flex-direction:column}
  .amenity-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
}
.flash-errors{padding-top:16px}.flash-errors .form-error{box-shadow:var(--shadow-soft)}.flash-errors ul{margin:7px 0 0 18px;padding:0}
@media(min-width:961px){.listing-layout{grid-template-columns:minmax(0,1fr) 292px}.filter-panel{grid-column:2;grid-row:1}.listing-layout>div:not(.filter-panel){grid-column:1;grid-row:1}}
@media(max-width:960px){.filter-panel,.listing-layout>div:not(.filter-panel){grid-column:auto;grid-row:auto}}

/* ===== SOURCE: assets/css/site-signature.css ===== */
/* Umrah Room — Signature Professional V5
   A restrained, conversion-focused travel interface for Hostinger/PHP. */
:root{
  --blue:#0066ff;
  --blue-700:#004fd1;
  --blue-800:#003fa8;
  --navy:#061b3a;
  --navy-2:#0a254b;
  --ink:#101828;
  --text:#344054;
  --muted:#667085;
  --light:#eaf3ff;
  --soft:#f6f8fc;
  --surface:#ffffff;
  --line:#e4e9f1;
  --line-strong:#d4dce8;
  --green:#25d366;
  --radius-sm:10px;
  --radius:16px;
  --radius-lg:24px;
  --radius-xl:32px;
  --shadow-xs:0 1px 2px rgba(6,27,58,.04);
  --shadow-sm:0 8px 22px rgba(6,27,58,.07);
  --shadow:0 18px 50px rgba(6,27,58,.10);
  --shadow-lg:0 30px 90px rgba(6,27,58,.18);
  --container:1240px;
  --heading:'Plus Jakarta Sans',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --body:'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--body);color:var(--text);background:#fff;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body.menu-open,body.modal-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
img{max-width:100%;display:block}
svg{stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
h1,h2,h3,h4,h5,h6{font-family:var(--heading);color:var(--ink);letter-spacing:-.035em;margin-top:0}
p{margin-top:0}
.site-container{width:min(var(--container),calc(100% - 48px));margin-inline:auto}
.section{padding:104px 0}
.section-soft{background:linear-gradient(180deg,#f8faff 0%,#f4f7fc 100%)}
.section-navy{background:var(--navy);color:#fff}
.section-heading{margin-bottom:42px}
.section-heading h2{font-size:clamp(2rem,4vw,3.5rem);line-height:1.1;margin:10px 0 14px}
.section-heading p{color:var(--muted);font-size:1.02rem;max-width:670px;margin-bottom:0}
.section-heading.centered{text-align:center;max-width:780px;margin:0 auto 48px}
.section-heading.centered p{margin-inline:auto}
.signature-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,500px);align-items:end;gap:48px}
.signature-heading p{justify-self:end}
.compact-heading{max-width:720px}
.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--blue);font-family:var(--heading);font-size:.76rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.eyebrow:before{content:"";width:22px;height:2px;background:currentColor;border-radius:2px}
.eyebrow.light{color:#cce0ff}
.skip-link{position:fixed;left:12px;top:-80px;z-index:9999;padding:10px 14px;background:#fff;color:var(--navy);border-radius:8px;box-shadow:var(--shadow);font-weight:700}
.skip-link:focus{top:12px}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.mobile-only{display:none!important}

/* Header */
.top-strip{display:none!important}
.site-header{position:sticky;top:0;z-index:150;background:rgba(255,255,255,.96);border-bottom:1px solid transparent;backdrop-filter:saturate(170%) blur(18px);transition:border-color .25s ease,box-shadow .25s ease}
.site-header.scrolled{border-color:var(--line);box-shadow:0 8px 30px rgba(6,27,58,.06)}
.nav-row{height:78px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:36px}
.site-brand{display:flex;align-items:center;gap:12px;min-width:max-content}
.site-brand img{width:50px;height:50px;border-radius:13px;object-fit:contain;box-shadow:0 8px 20px rgba(0,102,255,.16)}
.brand-copy strong{display:block;font-family:var(--heading);font-size:1.14rem;line-height:1.15;color:var(--navy);letter-spacing:-.025em}
.brand-copy span{display:block;margin-top:4px;color:#758398;font-size:.68rem;letter-spacing:.025em}
.site-nav{display:flex;justify-content:center;align-items:center;gap:31px}
.site-nav>a{position:relative;padding:28px 0 25px;color:#344054;font-family:var(--heading);font-size:.82rem;font-weight:650;white-space:nowrap;transition:color .2s ease}
.site-nav>a:after{content:"";position:absolute;left:50%;bottom:19px;width:0;height:2px;background:var(--blue);border-radius:2px;transform:translateX(-50%);transition:width .22s ease}
.site-nav>a:hover,.site-nav>a.active{color:var(--blue)}
.site-nav>a:hover:after,.site-nav>a.active:after{width:18px}
.nav-actions{display:flex;align-items:center;gap:12px;min-width:max-content}
.nav-whatsapp{width:42px;height:42px;border:1px solid var(--line);border-radius:12px;display:grid;place-items:center;color:#0c8f45;background:#fff;transition:.2s ease}
.nav-whatsapp svg{width:19px;height:19px}
.nav-whatsapp:hover{border-color:#b9e9cc;background:#f1fbf5;transform:translateY(-1px)}
.partner-nav-link{color:var(--navy);font-family:var(--heading);font-size:.8rem;font-weight:700;padding:10px 3px}
.partner-nav-link:hover{color:var(--blue)}
.nav-toggle{display:none;width:44px;height:44px;border:1px solid var(--line);background:#fff;border-radius:12px;padding:11px}
.nav-toggle span{display:block;height:2px;background:var(--navy);margin:5px 0;border-radius:2px;transition:.2s ease}

/* Buttons */
.site-btn{min-height:46px;padding:0 20px;border-radius:12px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:var(--heading);font-size:.82rem;font-weight:750;letter-spacing:-.01em;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease,color .18s ease;white-space:nowrap}
.site-btn svg{width:18px;height:18px}
.site-btn:hover{transform:translateY(-2px)}
.site-btn.primary{background:linear-gradient(135deg,#0a6bff 0%,#0056df 100%);color:#fff;box-shadow:0 10px 24px rgba(0,102,255,.23)}
.site-btn.primary:hover{background:linear-gradient(135deg,#0066f5,#004dcc);box-shadow:0 14px 30px rgba(0,102,255,.30)}
.site-btn.navy{background:var(--navy);color:#fff}
.site-btn.white{background:#fff;color:var(--navy);box-shadow:var(--shadow-sm)}
.site-btn.white:hover{background:#f7faff}
.site-btn.outline{border-color:var(--line-strong);background:#fff;color:var(--navy)}
.site-btn.outline:hover{border-color:#a9c9ff;color:var(--blue);background:#f7faff}
.site-btn.soft{background:#eff5ff;color:var(--blue);border-color:#dbe9ff}
.site-btn.glass{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.32);backdrop-filter:blur(10px)}
.site-btn.glass:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.5)}
.site-btn.whatsapp{background:var(--green);color:#fff;box-shadow:0 10px 24px rgba(37,211,102,.2)}
.site-btn.large{min-height:54px;padding:0 25px;font-size:.88rem;border-radius:13px}
.site-btn.compact{min-height:42px;padding:0 17px;font-size:.78rem}
.site-btn.full{width:100%}
.text-link{color:var(--blue);font-family:var(--heading);font-size:.84rem;font-weight:750;white-space:nowrap}

/* Home hero */
.signature-hero{position:relative;min-height:655px;background:var(--navy);overflow:hidden;color:#fff}
.signature-hero-media{position:absolute;inset:0}
.signature-hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,21,46,.96) 0%,rgba(4,21,46,.88) 36%,rgba(4,21,46,.38) 67%,rgba(4,21,46,.18) 100%),linear-gradient(0deg,rgba(4,21,46,.52),transparent 50%)}
.signature-hero-media img{width:100%;height:100%;object-fit:cover;object-position:center 56%}
.signature-hero-grid{position:relative;z-index:2;min-height:655px;display:grid;grid-template-columns:minmax(0,700px) minmax(300px,380px);gap:84px;align-items:center;padding-top:32px;padding-bottom:74px}
.signature-hero-copy{padding:35px 0}
.hero-kicker{display:inline-flex;align-items:center;gap:10px;color:#d8e8ff;font-family:var(--heading);font-size:.76rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.hero-kicker i{width:8px;height:8px;background:#58a2ff;border-radius:50%;box-shadow:0 0 0 5px rgba(88,162,255,.16)}
.signature-hero h1{max-width:760px;margin:22px 0 22px;color:#fff;font-size:clamp(3.2rem,5.2vw,5.7rem);line-height:.98;letter-spacing:-.062em;font-weight:750}
.signature-hero h1 em{display:block;font-style:normal;color:#9fc8ff}
.signature-hero-copy>p{max-width:650px;color:#d1dbea;font-size:1.08rem;line-height:1.75;margin-bottom:31px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.hero-assurance{display:flex;gap:26px;flex-wrap:wrap;margin-top:31px;color:#c6d2e3;font-size:.76rem}
.hero-assurance span{display:flex;align-items:center;gap:8px}
.hero-assurance svg{width:17px;height:17px;color:#80b7ff}
.concierge-card{align-self:center;background:rgba(255,255,255,.96);color:var(--text);border:1px solid rgba(255,255,255,.55);border-radius:22px;padding:23px;box-shadow:0 28px 70px rgba(0,0,0,.22);backdrop-filter:blur(20px)}
.concierge-topline{display:flex;align-items:center;gap:12px;padding-bottom:17px;border-bottom:1px solid var(--line)}
.concierge-avatar{width:46px;height:46px;border-radius:13px;background:#eaf3ff;display:grid;place-items:center;flex:0 0 auto}
.concierge-avatar img{width:36px;height:36px;border-radius:10px}
.concierge-topline strong{display:block;color:var(--navy);font-family:var(--heading);font-size:.9rem}
.concierge-topline small{display:block;color:var(--muted);font-size:.69rem;margin-top:3px;line-height:1.45}
.concierge-steps{padding:6px 0;margin:0;list-style:none}
.concierge-steps li{display:grid;grid-template-columns:34px 1fr;gap:12px;padding:14px 0;border-bottom:1px solid #edf0f5}
.concierge-steps li>span{width:30px;height:30px;border-radius:9px;background:#edf5ff;color:var(--blue);display:grid;place-items:center;font-family:var(--heading);font-size:.64rem;font-weight:800}
.concierge-steps b{display:block;color:var(--navy);font-family:var(--heading);font-size:.78rem}
.concierge-steps small{display:block;color:var(--muted);font-size:.68rem;margin-top:3px}
.concierge-link{width:100%;display:flex;justify-content:space-between;align-items:center;border:0;background:transparent;color:var(--blue);font-family:var(--heading);font-size:.78rem;font-weight:800;padding:14px 2px 2px}
.concierge-link span{font-size:1.1rem}

/* Search dock */
.search-dock{position:relative;z-index:20;margin-top:-48px}
.signature-search{display:grid;grid-template-columns:1.35fr repeat(4,1fr) auto;background:#fff;border:1px solid rgba(216,224,235,.9);border-radius:20px;padding:10px;box-shadow:0 22px 65px rgba(6,27,58,.16)}
.signature-search .search-field{position:relative;min-width:0;padding:10px 15px 9px 43px;border-right:1px solid var(--line);background:transparent;border-radius:0}
.signature-search .search-field:last-of-type{border-right:0}
.signature-search .field-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#7e8da3}
.signature-search .field-icon svg{width:19px;height:19px}
.signature-search label{display:block;color:#8a96a8;font-size:.63rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:1px}
.signature-search input,.signature-search select{width:100%;height:27px;border:0!important;background:transparent!important;padding:0!important;color:var(--navy);font-family:var(--heading);font-size:.78rem;font-weight:700;outline:0;box-shadow:none!important}
.signature-search select{appearance:none;background-image:none!important}
.search-submit{min-width:112px;border:0;border-radius:13px;background:linear-gradient(135deg,#0a6bff,#0054d7);color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;font-family:var(--heading);font-size:.8rem;font-weight:800;box-shadow:0 10px 24px rgba(0,102,255,.24);transition:.2s ease}
.search-submit:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(0,102,255,.3)}
.search-submit svg{width:19px;height:19px}

/* Destinations */
.destination-section{padding-top:128px}
.destination-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:24px}
.destination-card{position:relative;min-height:470px;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow);isolation:isolate}
.destination-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.destination-card.makkah img{object-position:center}
.destination-card.madinah img{object-position:center 58%}
.destination-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,17,39,.94) 0%,rgba(3,17,39,.52) 44%,rgba(3,17,39,.04) 82%);z-index:1}
.destination-content{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:34px;color:#fff}
.destination-content>span{display:inline-flex;padding:6px 10px;border:1px solid rgba(255,255,255,.28);border-radius:8px;background:rgba(255,255,255,.12);backdrop-filter:blur(10px);font-size:.65rem;font-weight:750;text-transform:uppercase;letter-spacing:.1em}
.destination-content h3{max-width:500px;color:#fff;font-size:clamp(1.65rem,3vw,2.6rem);line-height:1.14;margin:15px 0 9px}
.destination-content p{max-width:500px;color:#d7dfeb;font-size:.86rem;margin-bottom:19px}
.destination-content b{display:flex;align-items:center;gap:8px;font-family:var(--heading);font-size:.78rem}
.destination-content i{font-style:normal;transition:transform .2s ease}
.destination-card:hover img{transform:scale(1.035)}
.destination-card:hover i{transform:translateX(4px)}

/* Need cards */
.needs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.need-card{position:relative;min-height:310px;padding:28px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow-xs);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.need-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-sm);border-color:#cfe0fb}
.need-index{position:absolute;right:22px;top:20px;color:#a7b0bf;font-family:var(--heading);font-size:.68rem;font-weight:800;letter-spacing:.08em}
.need-icon{width:49px;height:49px;border-radius:14px;background:#edf5ff;color:var(--blue);display:grid;place-items:center;margin-bottom:48px}
.need-icon svg{width:23px;height:23px}
.need-card h3{font-size:1.08rem;line-height:1.3;margin-bottom:10px}
.need-card p{color:var(--muted);font-size:.82rem;line-height:1.65;margin-bottom:20px}
.need-card a,.need-card button{border:0;background:transparent;padding:0;color:var(--blue);font-family:var(--heading);font-size:.76rem;font-weight:750}
.need-card.dark-card{background:linear-gradient(145deg,#082247,#061833);border-color:#0c2e5f;color:#fff;box-shadow:0 18px 45px rgba(6,27,58,.18)}
.need-card.dark-card .need-index{color:#6481a8}
.need-card.dark-card .need-icon{background:rgba(255,255,255,.10);color:#83baff}
.need-card.dark-card h3{color:#fff}
.need-card.dark-card p{color:#b9c8da}
.need-card.dark-card a{color:#a9ceff}

/* Hotel cards */
.hotel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.hotel-card{position:relative;border:1px solid var(--line);border-radius:19px;background:#fff;overflow:hidden;box-shadow:var(--shadow-xs);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.hotel-card:hover{transform:translateY(-5px);box-shadow:0 20px 50px rgba(6,27,58,.12);border-color:#d4e1f4}
.hotel-image-wrap{position:relative;aspect-ratio:16/10;overflow:hidden;background:#edf2f8}
.hotel-image-wrap>img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.hotel-card:hover .hotel-image-wrap>img{transform:scale(1.035)}
.image-top-row{position:absolute;left:14px;right:14px;top:14px;display:flex;justify-content:space-between;align-items:center;gap:10px;z-index:2}
.city-label,.rating-label,.sample-label,.hotel-category{font-family:var(--heading);font-size:.62rem;font-weight:800;letter-spacing:.03em;border-radius:8px;backdrop-filter:blur(12px)}
.city-label{padding:7px 10px;background:#fff;color:var(--blue);box-shadow:0 4px 16px rgba(6,27,58,.12)}
.rating-label{padding:7px 10px;background:rgba(6,27,58,.8);color:#fff}
.sample-label{position:absolute;left:14px;bottom:14px;padding:7px 10px;background:#fff7d9;color:#7e5a00;z-index:2}
.hotel-category{position:absolute;right:14px;bottom:14px;padding:7px 10px;background:rgba(6,27,58,.82);color:#fff;z-index:2}
.hotel-card-body{padding:21px}
.hotel-title-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:15px;align-items:start}
.hotel-title-row h3{font-size:1.08rem;line-height:1.3;margin:0 0 8px}
.hotel-location{display:flex;align-items:flex-start;gap:6px;color:#7a8798;font-size:.7rem;line-height:1.45;margin:0}
.hotel-location svg{width:14px;height:14px;flex:0 0 auto;margin-top:2px;color:var(--blue)}
.hotel-price{text-align:right;min-width:92px}
.hotel-price small{display:block;color:#98a2b3;font-size:.58rem;text-transform:uppercase;letter-spacing:.06em}
.hotel-price b{display:block;color:var(--blue);font-family:var(--heading);font-size:.78rem;line-height:1.25;margin-top:4px}
.hotel-summary{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--muted);font-size:.76rem;line-height:1.6;margin:17px 0}
.hotel-meta{display:grid;gap:8px;padding:14px 0;border-top:1px solid #edf0f4;border-bottom:1px solid #edf0f4}
.hotel-meta span{display:flex;align-items:flex-start;gap:7px;color:#667085;font-size:.68rem;line-height:1.45}
.hotel-meta svg{width:15px;height:15px;color:#8091a7;flex:0 0 auto}
.hotel-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:17px}
.hotel-card-actions .site-btn{min-height:41px;font-size:.72rem;padding-inline:12px}
.heading-action{display:grid;justify-items:end;gap:16px}
.heading-action p{text-align:right}

/* B2B signature */
.b2b-signature-section{padding-top:70px}
.b2b-signature-panel{position:relative;min-height:560px;border-radius:28px;background:var(--navy);overflow:hidden;display:grid;grid-template-columns:1.05fr .95fr;box-shadow:0 28px 80px rgba(6,27,58,.2)}
.b2b-visual{position:relative;min-height:560px;overflow:hidden}
.b2b-visual img{width:100%;height:100%;object-fit:cover;object-position:center}
.b2b-visual span{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,27,58,.08),rgba(6,27,58,.9) 95%),linear-gradient(0deg,rgba(6,27,58,.45),transparent 60%)}
.b2b-copy{display:flex;flex-direction:column;justify-content:center;padding:64px 58px 64px 28px;color:#fff}
.b2b-copy h2{color:#fff;font-size:clamp(2rem,4vw,3.45rem);line-height:1.12;margin:13px 0 17px}
.b2b-copy>p{color:#c3d0e0;font-size:.95rem;margin-bottom:25px}
.b2b-points{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:30px}
.b2b-points span{position:relative;padding-left:21px;color:#dce6f2;font-size:.76rem}
.b2b-points span:before{content:"✓";position:absolute;left:0;color:#7fb6ff;font-weight:800}

/* Process */
.process-signature-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.process-signature-grid article{position:relative;padding:35px 28px 38px;border-right:1px solid var(--line)}
.process-signature-grid article:last-child{border-right:0}
.process-signature-grid article>span{display:block;color:var(--blue);font-family:var(--heading);font-size:.7rem;font-weight:800;letter-spacing:.08em;margin-bottom:37px}
.process-signature-grid h3{font-size:1rem;line-height:1.3;margin-bottom:9px}
.process-signature-grid p{color:var(--muted);font-size:.76rem;line-height:1.65;margin:0}
.process-signature-grid article:before{content:"";position:absolute;left:28px;top:-4px;width:8px;height:8px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 6px #edf5ff}

/* FAQ */
.faq-home-grid{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr);gap:80px;align-items:start}
.faq-home-copy{position:sticky;top:120px}
.faq-home-copy h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1.12;margin:13px 0 17px}
.faq-home-copy p{color:var(--muted);margin-bottom:27px}
.faq-list{display:grid;gap:10px;max-width:920px;margin-inline:auto}
.faq-list details{border:1px solid var(--line);border-radius:14px;background:#fff;padding:0 20px;box-shadow:var(--shadow-xs)}
.faq-list summary{position:relative;list-style:none;cursor:pointer;padding:20px 42px 20px 0;color:var(--navy);font-family:var(--heading);font-size:.86rem;font-weight:700;line-height:1.45}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:after{content:"+";position:absolute;right:0;top:15px;width:31px;height:31px;border-radius:9px;background:#edf5ff;color:var(--blue);display:grid;place-items:center;font-size:1.15rem;font-weight:500}
.faq-list details[open]{border-color:#cbdcf6;box-shadow:0 10px 30px rgba(6,27,58,.06)}
.faq-list details[open] summary:after{content:"−";background:var(--blue);color:#fff}
.faq-list p{color:var(--muted);font-size:.79rem;line-height:1.7;margin:0;padding:0 45px 20px 0}

/* Inner pages */
.inner-hero{position:relative;overflow:hidden;background:linear-gradient(130deg,#061b3a 0%,#0a2b59 58%,#0c4388 100%);color:#fff;padding:92px 0 84px}
.inner-hero:before{content:"";position:absolute;right:-80px;top:-200px;width:600px;height:600px;border:1px solid rgba(255,255,255,.08);border-radius:50%;box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 145px rgba(255,255,255,.018)}
.inner-hero.compact{padding:76px 0 70px}
.inner-hero .site-container{position:relative;z-index:1}
.inner-hero h1{max-width:820px;color:#fff;font-size:clamp(2.5rem,5vw,4.6rem);line-height:1.04;margin:15px 0 14px}
.inner-hero p{max-width:720px;color:#c9d6e6;font-size:1rem;margin:0}
.breadcrumbs{display:flex;align-items:center;gap:9px;color:#7f8da1;font-size:.7rem;margin-bottom:20px}
.inner-hero .breadcrumbs{color:#b7c7da}
.breadcrumbs a:hover{color:var(--blue)}

/* Generic content cards */
.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.service-card{position:relative;min-height:350px;border:1px solid var(--line);border-radius:18px;background:#fff;padding:25px;overflow:hidden;box-shadow:var(--shadow-xs);transition:.25s ease}
.service-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-sm);border-color:#cfdef4}
.service-card .service-icon{width:48px;height:48px;border-radius:14px;background:#edf5ff;color:var(--blue);display:grid;place-items:center;margin-bottom:45px;position:relative;z-index:2}
.service-card .service-icon svg{width:23px;height:23px}
.service-card h3{position:relative;z-index:2;font-size:1.04rem;margin-bottom:9px}
.service-card p{position:relative;z-index:2;color:var(--muted);font-size:.77rem;line-height:1.65;max-width:230px}
.service-card>a{position:relative;z-index:2;color:var(--blue);font-family:var(--heading);font-size:.73rem;font-weight:750}
.service-card>img{position:absolute;right:-14px;bottom:-15px;width:150px;height:126px;object-fit:cover;object-position:center;border-radius:44% 0 0 0;opacity:.78;mask-image:linear-gradient(135deg,transparent 0%,#000 45%)}
.icon-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.icon-card{border:1px solid var(--line);border-radius:17px;padding:25px;background:#fff;box-shadow:var(--shadow-xs)}
.icon-card .icon{width:45px;height:45px;border-radius:13px;background:#edf5ff;color:var(--blue);display:grid;place-items:center;margin-bottom:30px}
.icon-card .icon svg{width:22px;height:22px}
.icon-card h3{font-size:1rem;margin-bottom:9px}
.icon-card p{color:var(--muted);font-size:.77rem;line-height:1.65;margin-bottom:0}
.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:18px;background:#fff;overflow:hidden;box-shadow:var(--shadow-xs)}
.benefit{display:flex;gap:13px;padding:23px;border-right:1px solid var(--line)}
.benefit:last-child{border-right:0}
.benefit-icon{width:42px;height:42px;border-radius:12px;background:#edf5ff;color:var(--blue);display:grid;place-items:center;flex:0 0 auto}
.benefit-icon svg{width:20px;height:20px}
.benefit h3{font-size:.84rem;margin:2px 0 5px}
.benefit p{color:var(--muted);font-size:.68rem;line-height:1.5;margin:0}
.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.content-grid.reverse .content-copy{order:2}
.content-grid>img{width:100%;min-height:440px;max-height:560px;object-fit:cover;border-radius:24px;box-shadow:var(--shadow)}
.content-copy h2{font-size:clamp(2.1rem,4vw,3.7rem);line-height:1.1;margin:13px 0 17px}
.content-copy>p{color:var(--muted);font-size:.94rem}
.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;margin:24px 0 28px}
.check-grid span{position:relative;padding:11px 12px 11px 36px;border:1px solid var(--line);border-radius:11px;color:#465468;font-size:.75rem;background:#fff}
.check-grid span:before{content:"✓";position:absolute;left:12px;color:var(--blue);font-weight:800}
.notice{padding:15px 17px;border-radius:12px;font-size:.78rem;line-height:1.55}
.notice.blue{background:#edf5ff;color:#1754a0;border:1px solid #d5e7ff}
.empty-state{border:1px dashed #cfd8e6;border-radius:18px;padding:48px;text-align:center;background:#fbfcfe}
.empty-state h2,.empty-state h3{margin-bottom:8px}
.empty-state p{color:var(--muted)}

/* Hotel listing */
.filter-toggle{display:none}
.listing-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:32px;align-items:start}
.filter-panel{position:sticky;top:103px;border:1px solid var(--line);border-radius:18px;background:#fff;padding:22px;box-shadow:var(--shadow-xs)}
.filter-panel h2{font-size:1.12rem;margin-bottom:22px}
.filter-panel form{display:grid;gap:17px}
.filter-group{display:grid;gap:7px}
.filter-group .title{color:#475467;font-size:.69rem;font-weight:750;text-transform:uppercase;letter-spacing:.06em}
.filter-panel input,.filter-panel select{width:100%;min-height:43px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:0 12px;color:var(--ink);font-size:.76rem;outline:0}
.filter-panel input:focus,.filter-panel select:focus{border-color:#6ba5ff;box-shadow:0 0 0 3px rgba(0,102,255,.11)}
.filter-actions{display:grid;gap:8px;padding-top:3px}
.results-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:23px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.results-head h2{font-size:1.25rem;margin:0 0 3px}
.results-head p{color:var(--muted);font-size:.72rem;margin:0}
.results-head select{height:42px;border:1px solid var(--line);border-radius:10px;padding:0 34px 0 12px;background:#fff;color:var(--navy);font-size:.74rem}
.listing-layout .hotel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}

/* Hotel detail */
.detail-hero{padding:48px 0 28px;background:#f7f9fc}
.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:34px;align-items:start}
.detail-main{min-width:0}
.gallery-grid{display:grid;grid-template-columns:1.65fr .85fr .85fr;grid-template-rows:230px 230px;gap:10px;border-radius:22px;overflow:hidden}
.gallery-grid img{width:100%;height:100%;object-fit:cover}
.gallery-grid img:first-child{grid-row:1/3}
.detail-topline{display:flex;justify-content:space-between;align-items:start;gap:24px;margin:32px 0 20px}
.detail-title h1{font-size:clamp(2rem,4vw,3.5rem);line-height:1.1;margin:10px 0}
.detail-rate{min-width:170px;padding:16px;border:1px solid var(--line);border-radius:14px;background:#fff;text-align:right}
.detail-rate small{display:block;color:var(--muted);font-size:.66rem}
.detail-rate strong{display:block;color:var(--blue);font-family:var(--heading);font-size:1rem;margin-top:5px}
.amenity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.amenity{border:1px solid var(--line);border-radius:11px;padding:12px;background:#fff;color:#526071;font-size:.73rem}
.room-grid{display:grid;gap:13px}
.room-card{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;border:1px solid var(--line);border-radius:15px;padding:19px;background:#fff}
.room-card h3{font-size:.95rem;margin-bottom:6px}
.room-card p{color:var(--muted);font-size:.73rem;margin:0}
.right-rail{position:sticky;top:103px;display:grid;gap:16px}
.inquiry-card{border:1px solid var(--line);border-radius:18px;padding:22px;background:#fff;box-shadow:var(--shadow-sm)}
.inquiry-card h2{font-size:1.18rem;margin-bottom:7px}
.map-placeholder{min-height:220px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,#edf5ff,#f8fbff);display:grid;place-items:center;text-align:center;padding:24px;color:var(--muted)}

/* Forms */
.form-stack{display:grid;gap:15px}
.form-two{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.form-stack label{display:grid;gap:7px;color:#344054;font-size:.72rem;font-weight:650}
.form-stack label small{color:#8490a1;font-size:.63rem;font-weight:400;line-height:1.5}
.form-stack input,.form-stack select,.form-stack textarea{width:100%;min-height:47px;border:1px solid var(--line);border-radius:11px;background:#fff;padding:0 13px;color:var(--ink);font-size:.78rem;outline:0;transition:border-color .18s ease,box-shadow .18s ease}
.form-stack textarea{min-height:118px;padding-top:12px;resize:vertical}
.form-stack input::placeholder,.form-stack textarea::placeholder{color:#a0a9b6}
.form-stack input:focus,.form-stack select:focus,.form-stack textarea:focus{border-color:#5d9cff;box-shadow:0 0 0 3px rgba(0,102,255,.11)}
.form-stack fieldset{border:0;padding:0;margin:0;display:grid;gap:14px}
.form-stack legend{width:100%;padding:0 0 10px;border-bottom:1px solid var(--line);color:var(--navy);font-family:var(--heading);font-size:.75rem;font-weight:800;letter-spacing:.02em;margin-bottom:3px}
.honeypot{position:absolute!important;left:-9999px!important}
.public-form{border:1px solid var(--line);border-radius:20px;padding:28px;background:#fff;box-shadow:var(--shadow-sm)}
.public-form h2{font-size:1.5rem;margin-bottom:5px}
.public-form>p{color:var(--muted);font-size:.78rem;margin-bottom:7px}
.contact-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:40px}
.contact-cards{display:grid;gap:11px}
.contact-card{border:1px solid var(--line);border-radius:14px;padding:18px;background:#fff;box-shadow:var(--shadow-xs)}
.contact-card h3{font-size:.83rem;margin-bottom:5px}
.contact-card p,.contact-card a{color:var(--muted);font-size:.75rem;margin:0}
.partner-form-layout{display:grid;grid-template-columns:minmax(0,1fr) 410px;gap:60px;align-items:start}
.partner-form-card{background:linear-gradient(145deg,#0a65ef,#0047ba);color:#fff;border-radius:22px;padding:28px;box-shadow:var(--shadow)}
.partner-form-card h2{color:#fff;font-size:1.45rem;margin-bottom:5px}
.partner-form-card>p{color:#dce8f8;font-size:.78rem}
.partner-form-card label{color:#fff}
.partner-form-card input,.partner-form-card select,.partner-form-card textarea{border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.98)}
.partner-login-card{max-width:570px;margin:0 auto;border:1px solid var(--line);border-radius:22px;padding:36px;background:#fff;box-shadow:var(--shadow);text-align:center}

/* Partner hero */
.partner-hero{position:relative;min-height:590px;background:var(--navy) url('../images/hero-partners-premium.jpg') center/cover no-repeat;color:#fff;display:flex;align-items:center;overflow:hidden}
.partner-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,20,44,.96),rgba(4,20,44,.78) 47%,rgba(4,20,44,.2))}
.partner-hero .hero-inner{position:relative;z-index:1;width:min(var(--container),calc(100% - 48px));display:block;min-height:auto}
.partner-hero .hero-copy{max-width:720px}
.partner-hero h1{color:#fff;font-size:clamp(3rem,5.5vw,5.2rem);line-height:1.02;margin:15px 0 18px}
.partner-hero p{color:#cfdae8;max-width:620px;font-size:1rem}
.partner-hero .hero-trust{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.partner-hero .hero-trust span{padding:8px 11px;border:1px solid rgba(255,255,255,.2);border-radius:9px;background:rgba(255,255,255,.08);color:#dce6f2;font-size:.68rem}

/* Blog */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.blog-card{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff;box-shadow:var(--shadow-xs);transition:.25s ease}
.blog-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-sm)}
.blog-card>img{width:100%;aspect-ratio:16/10;object-fit:cover;background:#edf2f8}
.blog-card-body{padding:21px}
.blog-card .category{color:var(--blue);font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.blog-card h2{font-size:1.08rem;line-height:1.35;margin:9px 0}
.blog-card p{color:var(--muted);font-size:.75rem;line-height:1.6}
.blog-meta{display:flex;gap:14px;color:#8995a5;font-size:.65rem}
.article-shell{display:grid;grid-template-columns:minmax(0,800px) 300px;gap:50px;align-items:start}
.article-content h1{font-size:clamp(2.6rem,5vw,4.6rem);line-height:1.06;margin:14px 0 17px}
.article-content>img{width:100%;border-radius:22px;margin:28px 0}
.article-content h2{font-size:1.8rem;margin-top:38px}
.article-content p,.article-content li{color:#475467;line-height:1.8}
.article-aside{position:sticky;top:104px;border:1px solid var(--line);border-radius:18px;padding:22px;background:#fff;box-shadow:var(--shadow-xs)}

/* Footer */
.footer-cta{position:relative;overflow:hidden;background:linear-gradient(120deg,#075ee2,#0044b5);color:#fff;padding:58px 0}
.footer-cta:after{content:"";position:absolute;right:-100px;top:-260px;width:520px;height:520px;border:1px solid rgba(255,255,255,.12);border-radius:50%;box-shadow:0 0 0 60px rgba(255,255,255,.035),0 0 0 125px rgba(255,255,255,.025)}
.footer-cta-inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:50px;align-items:center}
.footer-cta-copy{max-width:750px}
.footer-cta h2{color:#fff;font-size:clamp(2rem,4vw,3.5rem);line-height:1.1;margin:10px 0 10px}
.footer-cta p{max-width:710px;color:#dbe8fa;font-size:.9rem;margin:0}
.cta-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.site-footer{background:#04152f;color:#fff;padding:65px 0 0}
.footer-grid{display:grid;grid-template-columns:1.55fr repeat(4,1fr);gap:42px}
.footer-grid h3{color:#fff;font-size:.8rem;letter-spacing:0;margin:4px 0 17px}
.footer-grid a{display:block;color:#aebdd0;font-size:.72rem;margin:9px 0;transition:color .18s ease}
.footer-grid a:hover{color:#fff}
.footer-grid p,.footer-grid span{color:#9fb0c5;font-size:.72rem;line-height:1.65}
.footer-about p{max-width:330px;margin:18px 0}
.footer-brand{display:flex;align-items:center;gap:12px}
.footer-brand img{width:50px;height:50px;border-radius:13px}
.footer-brand strong{display:block;color:#fff;font-family:var(--heading);font-size:1rem}
.footer-brand span{display:block;margin-top:3px;color:#93a8c0;font-size:.64rem}
.footer-contact-line{display:flex;flex-direction:column;gap:0;margin-bottom:18px}
.footer-contact-line a{margin:3px 0}
.social-row{display:flex;gap:8px}
.social-row a{width:36px;height:36px;margin:0;border:1px solid rgba(255,255,255,.14);border-radius:10px;display:grid;place-items:center;color:#c2d1e3;background:rgba(255,255,255,.03)}
.social-row a:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.26)}
.social-row svg{width:16px;height:16px}
.footer-location{padding:20px;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:rgba(255,255,255,.035)}
.footer-location h3{margin-top:0}
.footer-location p{color:#d6e0ec;margin-bottom:10px}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:48px;padding:20px 0;display:flex;justify-content:space-between;gap:20px;color:#8296ae;font-size:.66rem}
.footer-bottom nav{display:flex;gap:18px}
.footer-bottom nav a{color:#8296ae;margin:0}

/* Floating actions */
.floating-actions{position:fixed;right:20px;bottom:22px;z-index:90;display:flex;flex-direction:column;gap:9px}
.float-action{position:relative;width:52px;height:52px;border:0;border-radius:15px;display:grid;place-items:center;color:#fff;box-shadow:0 14px 30px rgba(6,27,58,.22);transition:.2s ease}
.float-action:hover{transform:translateY(-2px)}
.float-action.inquiry{background:linear-gradient(135deg,#0a6bff,#0052d2)}
.float-action.whatsapp{background:var(--green)}
.float-action svg{width:22px;height:22px}
.floating-label{position:absolute;right:62px;white-space:nowrap;padding:7px 10px;border-radius:8px;background:var(--navy);color:#fff;font-size:.64rem;opacity:0;pointer-events:none;transform:translateX(6px);transition:.18s ease}
.float-action:hover .floating-label{opacity:1;transform:translateX(0)}
.mobile-sticky-actions{display:none}

/* Quick view side sheet */
.quick-modal,.inquiry-modal{position:fixed;inset:0;z-index:400;visibility:hidden;pointer-events:none}
.quick-modal.open,.inquiry-modal.open{visibility:visible;pointer-events:auto}
.quick-backdrop,.inquiry-backdrop{position:absolute;inset:0;background:rgba(2,12,28,.68);backdrop-filter:blur(6px);opacity:0;transition:opacity .25s ease}
.quick-modal.open .quick-backdrop,.inquiry-modal.open .inquiry-backdrop{opacity:1}
.quick-box{position:absolute!important;right:0;top:0;width:min(720px,100%);height:100%;max-height:none!important;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:320px 1fr;background:#fff;border-radius:0!important;overflow:auto;box-shadow:-25px 0 80px rgba(0,0,0,.22);transform:translateX(100%);transition:transform .34s cubic-bezier(.2,.8,.2,1)}
.quick-modal.open .quick-box{transform:translateX(0)}
.quick-close,.inquiry-close{position:absolute;right:18px;top:18px;z-index:5;width:42px;height:42px;border:1px solid rgba(255,255,255,.32);border-radius:12px;background:rgba(6,27,58,.58);color:#fff;font-size:1.35rem;display:grid;place-items:center;backdrop-filter:blur(12px);box-shadow:none}
.quick-image-panel{position:relative;overflow:hidden}
.quick-image-panel>img{width:100%;height:100%;min-height:0!important;object-fit:cover}
.quick-image-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,20,44,.55),transparent 60%)}
.quick-image-panel .hotel-badges{position:absolute;left:26px;bottom:24px;display:flex;gap:8px}
.quick-image-panel .hotel-badges span{padding:7px 10px;border-radius:8px;background:rgba(255,255,255,.94);color:var(--blue);font-size:.63rem;font-weight:800}
.quick-content{padding:34px 36px 46px!important}
.quick-content h2{font-size:clamp(1.8rem,4vw,2.6rem)!important;line-height:1.12;margin:12px 0 10px!important}
.quick-content>p{color:var(--muted);font-size:.82rem;line-height:1.7}
.quick-info{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0}
.quick-info div{border:1px solid var(--line);border-radius:11px;padding:13px;background:#fbfcfe}
.quick-info b{display:block;color:#8995a6;font-size:.59rem;text-transform:uppercase;letter-spacing:.07em}
.quick-info span{display:block;color:var(--navy);font-size:.74rem;font-weight:650;margin-top:4px}
.quick-note{padding:12px 14px;border-radius:10px;background:#f4f7fb;color:#6b7789!important;font-size:.69rem!important}
.quick-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}

/* Booking modal */
.inquiry-shell{position:absolute;right:0;top:0;width:min(1100px,100%);height:100%;display:grid;grid-template-columns:390px minmax(0,1fr);background:#fff;overflow:auto;box-shadow:-25px 0 90px rgba(0,0,0,.25);transform:translateX(100%);transition:transform .38s cubic-bezier(.2,.8,.2,1)}
.inquiry-modal.open .inquiry-shell{transform:translateX(0)}
.inquiry-intro{position:relative;min-height:100%;background:var(--navy);color:#fff;overflow:hidden}
.inquiry-intro-image{position:absolute;inset:0}
.inquiry-intro-image img{width:100%;height:100%;object-fit:cover;object-position:center}
.inquiry-intro-image span{position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,20,44,.98),rgba(4,20,44,.72) 60%,rgba(4,20,44,.32))}
.inquiry-intro-content{position:relative;z-index:1;min-height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:46px 35px}
.inquiry-intro .mini-logo{width:58px;height:58px;border-radius:15px;margin-bottom:auto;box-shadow:0 12px 30px rgba(0,0,0,.2)}
.inquiry-intro h2{color:#fff;font-size:2.25rem;line-height:1.12;margin:14px 0 14px}
.inquiry-intro p{color:#ced9e7;font-size:.82rem;line-height:1.7}
.inquiry-points{display:grid;gap:9px;margin:22px 0}
.inquiry-points div{display:flex;align-items:center;gap:9px;color:#dce6f2;font-size:.73rem}
.inquiry-points span{width:22px;height:22px;border-radius:7px;background:rgba(255,255,255,.11);display:grid;place-items:center;color:#8fc0ff;font-size:.7rem}
.inquiry-intro-content>small{color:#8fa4bc;font-size:.61rem}
.inquiry-form-wrap{padding:45px 48px 50px;overflow-y:auto}
.inquiry-form-head{margin-bottom:28px;padding-right:45px}
.inquiry-form-head>span{color:var(--blue);font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}
.inquiry-form-head strong{display:block;color:var(--navy);font-family:var(--heading);font-size:1.65rem;margin-top:5px}
.inquiry-form-head p{color:var(--muted);font-size:.75rem;margin:6px 0 0}
.inquiry-submit-row{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:5px;padding-top:18px;border-top:1px solid var(--line)}
.secure-note{display:flex;align-items:center;gap:8px;color:#7d8999;font-size:.63rem;margin:0}
.secure-note svg{width:17px;height:17px;color:#5b6d83;flex:0 0 auto}

/* Focus / accessibility */
:focus-visible{outline:3px solid rgba(0,102,255,.45);outline-offset:3px}
.site-btn:focus-visible,.nav-whatsapp:focus-visible,.float-action:focus-visible{outline-color:#65a5ff}

/* Reveal */
[data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
[data-reveal].revealed{opacity:1;transform:none}

/* Responsive */
@media(max-width:1120px){
  .nav-row{gap:20px}.site-nav{gap:20px}.partner-nav-link{display:none}.signature-hero-grid{grid-template-columns:minmax(0,650px) 320px;gap:40px}.needs-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1.4fr repeat(2,1fr)}.footer-grid>div:nth-child(4),.footer-grid>div:nth-child(5){margin-top:10px}.benefit-grid{grid-template-columns:repeat(2,1fr)}.benefit:nth-child(2){border-right:0}.benefit:nth-child(-n+2){border-bottom:1px solid var(--line)}
}
@media(max-width:960px){
  .site-container{width:min(var(--container),calc(100% - 34px))}.section{padding:84px 0}.site-header{height:70px}.nav-row{height:70px;grid-template-columns:auto auto;justify-content:space-between}.nav-toggle{display:block;grid-column:2}.nav-actions{display:none}.site-nav{position:fixed;left:17px;right:17px;top:81px;display:grid;gap:0;padding:12px;background:#fff;border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(-8px);transition:.2s ease}.site-nav.open{opacity:1;visibility:visible;transform:none}.site-nav>a{padding:14px 13px;border-radius:10px;font-size:.84rem}.site-nav>a:after{display:none}.site-nav>a:hover,.site-nav>a.active{background:#f1f6ff}.mobile-only{display:block!important}.signature-hero,.signature-hero-grid{min-height:620px}.signature-hero-grid{display:flex;align-items:center}.signature-hero-copy{max-width:700px}.concierge-card{display:none}.signature-search{grid-template-columns:1fr 1fr 1fr}.signature-search .search-field{border-right:0;border-bottom:1px solid var(--line)}.signature-search .search-destination{grid-column:span 2}.signature-search .search-field:nth-of-type(3){border-bottom:0}.signature-search .search-field:nth-of-type(4),.signature-search .search-field:nth-of-type(5){border-bottom:0}.search-submit{min-height:60px}.destination-grid{grid-template-columns:1fr}.destination-card{min-height:410px}.hotel-grid,.featured-hotel-grid{grid-template-columns:repeat(2,1fr)}.signature-heading{grid-template-columns:1fr;gap:14px}.signature-heading p,.heading-action{justify-self:start;text-align:left}.heading-action{justify-items:start}.heading-action p{text-align:left}.b2b-signature-panel{grid-template-columns:1fr}.b2b-visual{min-height:330px}.b2b-copy{padding:45px}.process-signature-grid{grid-template-columns:repeat(2,1fr)}.process-signature-grid article:nth-child(2){border-right:0}.process-signature-grid article:nth-child(-n+2){border-bottom:1px solid var(--line)}.faq-home-grid{grid-template-columns:1fr;gap:40px}.faq-home-copy{position:static}.service-grid{grid-template-columns:repeat(2,1fr)}.icon-card-grid{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr;gap:36px}.content-grid.reverse .content-copy{order:0}.listing-layout{grid-template-columns:1fr}.filter-toggle{display:inline-flex}.filter-panel{position:static;display:none}.filter-panel.open{display:block}.listing-layout .hotel-grid{grid-template-columns:repeat(2,1fr)}.detail-layout{grid-template-columns:1fr}.right-rail{position:static}.partner-form-layout{grid-template-columns:1fr}.contact-layout{grid-template-columns:1fr}.article-shell{grid-template-columns:1fr}.article-aside{position:static}.footer-cta-inner{grid-template-columns:1fr}.cta-actions{justify-content:flex-start}.footer-grid{grid-template-columns:1.4fr repeat(2,1fr)}.inquiry-shell{grid-template-columns:330px 1fr}.inquiry-form-wrap{padding:42px 35px}.inquiry-intro-content{padding:38px 28px}
}
@media(max-width:680px){
  body{font-size:15px;padding-bottom:64px}.site-container{width:min(var(--container),calc(100% - 28px))}.section{padding:66px 0}.section-heading{margin-bottom:30px}.section-heading h2{font-size:2rem}.brand-copy span{display:none}.site-brand img{width:45px;height:45px}.site-brand strong{font-size:1.02rem}.signature-hero{min-height:610px}.signature-hero-grid{min-height:610px;padding-bottom:95px}.signature-hero-media:after{background:linear-gradient(90deg,rgba(4,21,46,.94),rgba(4,21,46,.72)),linear-gradient(0deg,rgba(4,21,46,.65),transparent)}.signature-hero h1{font-size:clamp(2.85rem,13vw,4.2rem);line-height:1}.signature-hero-copy>p{font-size:.92rem;line-height:1.68}.hero-actions{display:grid;grid-template-columns:1fr 1fr}.hero-actions .site-btn{padding-inline:12px}.hero-assurance{gap:12px 18px;font-size:.68rem}.search-dock{margin-top:-54px}.signature-search{grid-template-columns:1fr 1fr;border-radius:17px;padding:8px}.signature-search .search-destination{grid-column:1/-1}.signature-search .search-field{padding:9px 10px 9px 37px}.signature-search .field-icon{left:10px}.signature-search .search-field:nth-of-type(2),.signature-search .search-field:nth-of-type(4){border-right:1px solid var(--line)}.signature-search .search-field:nth-of-type(3){border-bottom:1px solid var(--line)}.search-submit{grid-column:1/-1;min-height:49px}.destination-section{padding-top:100px}.destination-card{min-height:390px}.destination-content{padding:24px}.destination-content h3{font-size:1.75rem}.needs-grid,.hotel-grid,.featured-hotel-grid,.listing-layout .hotel-grid,.service-grid,.icon-card-grid{grid-template-columns:1fr}.need-card{min-height:260px}.need-icon{margin-bottom:32px}.b2b-visual{min-height:260px}.b2b-copy{padding:34px 24px}.b2b-copy h2{font-size:2.2rem}.b2b-points{grid-template-columns:1fr}.process-signature-grid{grid-template-columns:1fr}.process-signature-grid article{border-right:0;border-bottom:1px solid var(--line)}.process-signature-grid article:last-child{border-bottom:0}.benefit-grid{grid-template-columns:1fr}.benefit{border-right:0;border-bottom:1px solid var(--line)}.benefit:last-child{border-bottom:0}.content-grid>img{min-height:300px}.check-grid{grid-template-columns:1fr}.inner-hero,.inner-hero.compact{padding:62px 0 56px}.inner-hero h1{font-size:2.45rem}.gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:260px 130px}.gallery-grid img:first-child{grid-column:1/3;grid-row:1}.detail-topline{display:grid}.detail-rate{text-align:left}.amenity-grid{grid-template-columns:repeat(2,1fr)}.room-card{grid-template-columns:1fr}.results-head{align-items:flex-start}.form-two{grid-template-columns:1fr}.public-form{padding:20px}.partner-form-card{padding:22px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-about{grid-column:1/-1}.footer-location{grid-column:1/-1}.footer-bottom{display:grid;text-align:center}.footer-bottom nav{justify-content:center}.floating-actions{display:none}.mobile-sticky-actions{position:fixed;left:0;right:0;bottom:0;z-index:180;height:64px;padding:7px calc(10px + env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) calc(10px + env(safe-area-inset-left));display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px;background:rgba(255,255,255,.96);border-top:1px solid var(--line);backdrop-filter:blur(15px)}.mobile-sticky-actions a,.mobile-sticky-actions button{border:0;border-radius:10px;background:#f0f4fa;color:var(--navy);display:grid;place-items:center;font-family:var(--heading);font-size:.7rem;font-weight:750}.mobile-sticky-actions .primary{background:var(--green);color:#fff}.quick-box{width:100%;grid-template-rows:260px 1fr}.quick-content{padding:27px 22px 38px!important}.quick-info{grid-template-columns:1fr 1fr}.inquiry-shell{width:100%;display:block}.inquiry-intro{min-height:300px}.inquiry-intro-content{min-height:300px;padding:25px 22px}.inquiry-intro .mini-logo{width:46px;height:46px;margin-bottom:38px}.inquiry-intro h2{font-size:1.8rem}.inquiry-points,.inquiry-intro-content>small{display:none}.inquiry-form-wrap{padding:30px 20px 45px}.inquiry-submit-row{display:grid}.inquiry-submit-row .site-btn{width:100%}.inquiry-close{position:fixed;right:14px;top:14px}.footer-cta h2{font-size:2rem}.cta-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.cta-actions .site-btn{padding-inline:10px}.article-content h1{font-size:2.55rem}
}
@media(max-width:420px){
  .hero-actions{grid-template-columns:1fr}.hero-assurance span:nth-child(2){display:none}.signature-hero h1{font-size:2.8rem}.signature-search{grid-template-columns:1fr}.signature-search .search-destination{grid-column:auto}.signature-search .search-field{border-right:0!important;border-bottom:1px solid var(--line)!important}.signature-search .search-field:nth-of-type(5){border-bottom:0!important}.search-submit{grid-column:auto}.footer-grid{grid-template-columns:1fr}.footer-about,.footer-location{grid-column:auto}.quick-info{grid-template-columns:1fr}.cta-actions{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}[data-reveal]{opacity:1;transform:none}}
.destination-card{display:block}

/* ===== SOURCE: assets/css/site-redesign.css ===== */
/* Umrah Room — 2026 redesign layer
   Loaded last so the existing PHP/CMS structure remains intact. */

:root{
  --blue:#0878ff;
  --blue-700:#0562dc;
  --blue-800:#064fae;
  --navy:#071b35;
  --navy-2:#0b294e;
  --ink:#122035;
  --text:#35445a;
  --muted:#6c7b90;
  --soft:#f4f7fb;
  --line:#e1e8f1;
  --line-strong:#cfd9e7;
  --gold:#d5ad59;
  --radius:15px;
  --radius-lg:22px;
  --shadow-xs:0 2px 8px rgba(7,27,53,.04);
  --shadow-sm:0 12px 30px rgba(7,27,53,.08);
  --shadow:0 24px 60px rgba(7,27,53,.12);
}

body{background:#fff;color:var(--text)}
.section{padding:92px 0}
.section-soft{background:#f5f8fc}
.section-heading h2{letter-spacing:-.045em}
.section-heading.signature-heading{max-width:none}
.eyebrow{letter-spacing:.11em}

/* Utility and primary navigation */
.utility-bar{position:relative;z-index:151;background:var(--navy);color:#dbe7f5;border-bottom:1px solid rgba(255,255,255,.08)}
.utility-bar-inner{height:34px;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:.68rem}
.utility-location,.utility-contact{display:flex;align-items:center;gap:10px}
.utility-location svg{width:14px;height:14px;color:#7eb5ff}
.utility-contact>span{color:#9fb0c7}
.utility-contact>a{color:#f3f7fc;font-weight:700}
.utility-contact>a+a{padding-left:12px;border-left:1px solid rgba(255,255,255,.16)}
.utility-contact .utility-whatsapp{color:#7ee4a4}
.site-header{background:rgba(255,255,255,.97);border-bottom:1px solid #e8edf4}
.nav-row{height:76px;gap:28px}
.site-brand img{width:47px;height:47px;box-shadow:none}
.brand-copy strong{font-size:1.08rem}
.brand-copy span{font-size:.64rem}
.site-nav{gap:25px}
.site-nav>a{font-size:.77rem;font-weight:700}
.nav-actions{gap:10px}
.partner-nav-link{font-size:.76rem}
.nav-whatsapp{border-color:#d7e8df;background:#f4fbf7}

/* Homepage hero */
.v6-hero{min-height:690px}
.v6-hero .signature-hero-media:after{background:linear-gradient(90deg,rgba(5,22,46,.98) 0%,rgba(5,22,46,.94) 39%,rgba(5,22,46,.67) 66%,rgba(5,22,46,.34) 100%),linear-gradient(0deg,rgba(5,22,46,.72),transparent 60%)}
.v6-hero .signature-hero-media img{object-position:center 58%}
.v6-hero-grid{min-height:690px;grid-template-columns:minmax(0,680px) minmax(340px,400px);gap:72px;padding:58px 0 110px}
.v6-hero .signature-hero-copy{padding:20px 0}
.v6-hero h1{font-size:clamp(3.3rem,5.25vw,5.55rem);max-width:720px}
.v6-hero h1 em{color:#83baff}
.v6-hero .signature-hero-copy>p{font-size:1.02rem;max-width:620px;color:#d5dfec}
.v6-hero .site-btn.primary{background:#0878ff;box-shadow:0 14px 30px rgba(0,101,255,.25)}

.featured-stay-card{align-self:center;border:1px solid rgba(255,255,255,.34);border-radius:21px;background:rgba(255,255,255,.98);color:var(--text);overflow:hidden;box-shadow:0 30px 85px rgba(0,0,0,.25);backdrop-filter:blur(18px)}
.featured-stay-label{display:flex;align-items:center;gap:8px;padding:11px 16px;background:#f3f7fd;color:#53657b;border-bottom:1px solid #e5ebf3;font-size:.64rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.featured-stay-label span{color:var(--gold)}
.featured-stay-photo{position:relative;display:block;height:190px;overflow:hidden;background:#dce6f1}
.featured-stay-photo img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.featured-stay-card:hover .featured-stay-photo img{transform:scale(1.035)}
.featured-stay-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,22,46,.62),transparent 55%)}
.featured-stay-photo>span{position:absolute;left:14px;bottom:13px;z-index:1;padding:6px 9px;border:1px solid rgba(255,255,255,.38);border-radius:8px;background:rgba(7,27,53,.64);color:#fff;font-size:.61rem;font-weight:700;backdrop-filter:blur(8px)}
.featured-stay-content{padding:17px 18px 19px}
.featured-stay-meta{margin:0 0 5px;color:#78869a;font-size:.64rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.featured-stay-content h2{margin:0 0 12px;font-size:1.14rem;line-height:1.25;color:var(--navy)}
.featured-stay-content .room-chip-row{margin-bottom:14px}
.featured-stay-content .site-btn{min-height:43px}
.featured-stay-content>small{display:block;margin-top:9px;color:#8290a3;font-size:.58rem;line-height:1.45;text-align:center}

/* Search and reassurance */
.v6-search-dock{margin-top:-55px}
.v6-search-dock .signature-search{border-radius:16px;box-shadow:0 22px 55px rgba(7,27,53,.18)}
.v6-search-dock .search-submit{min-width:145px;border-radius:11px;background:#0878ff}
.trust-strip-v6{border-bottom:1px solid var(--line);background:#fff}
.trust-strip-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:27px 0 25px}
.trust-strip-grid>div{display:flex;align-items:center;justify-content:center;gap:13px;padding:0 22px;border-right:1px solid var(--line)}
.trust-strip-grid>div:last-child{border-right:0}
.trust-icon{width:38px;height:38px;flex:0 0 auto;display:grid;place-items:center;border-radius:11px;background:#eef5ff;color:var(--blue);font-size:.85rem;font-weight:800}
.trust-strip-grid p{margin:0;line-height:1.3}
.trust-strip-grid strong{display:block;color:var(--navy);font-family:var(--heading);font-size:.72rem}
.trust-strip-grid small{display:block;margin-top:4px;color:#8190a3;font-size:.6rem}

.v6-featured-section{padding-top:88px}
.featured-hotel-grid{gap:19px}

/* Stay type image tiles */
.stay-types-section{padding-top:85px}
.stay-type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.stay-type-grid>a{position:relative;min-height:220px;display:flex;flex-direction:column;justify-content:flex-end;padding:22px;border-radius:17px;overflow:hidden;color:#fff;background:var(--navy) var(--stay-image) center/cover no-repeat;isolation:isolate;box-shadow:var(--shadow-xs)}
.stay-type-grid>a:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(0deg,rgba(4,18,39,.93),rgba(4,18,39,.2) 72%);transition:background .25s ease}
.stay-type-grid>a:after{content:"→";position:absolute;right:20px;bottom:20px;width:31px;height:31px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.35);border-radius:9px;background:rgba(255,255,255,.1);font-size:.85rem;transition:transform .2s ease}
.stay-type-grid>a:hover:before{background:linear-gradient(0deg,rgba(4,18,39,.96),rgba(4,18,39,.1) 78%)}
.stay-type-grid>a:hover:after{transform:translateX(3px)}
.stay-type-grid span{font-size:.61rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#b9d6ff}
.stay-type-grid strong{max-width:80%;margin-top:6px;font-family:var(--heading);font-size:1.13rem;line-height:1.25}
.stay-type-grid small{margin-top:6px;color:#d1dae6;font-size:.66rem}

/* Hotel cards */
.hotel-card-v6{border-radius:16px;box-shadow:0 5px 20px rgba(7,27,53,.06)}
.hotel-card-v6:hover{transform:translateY(-4px);box-shadow:0 18px 45px rgba(7,27,53,.12)}
.hotel-card-v6 .hotel-image-wrap{display:block;aspect-ratio:16/9}
.hotel-photo-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,21,43,.34),transparent 55%)}
.hotel-card-v6 .image-top-row{left:12px;right:12px;top:12px;align-items:flex-start}
.hotel-card-v6 .city-label,.hotel-card-v6 .access-label{display:inline-flex;align-items:center;gap:5px;padding:6px 8px;border-radius:7px;font-family:var(--heading);font-size:.57rem;font-weight:800;box-shadow:0 4px 12px rgba(7,27,53,.12)}
.hotel-card-v6 .city-label{background:#fff;color:var(--blue)}
.hotel-card-v6 .access-label{max-width:62%;background:rgba(7,27,53,.76);color:#fff;line-height:1.3;backdrop-filter:blur(8px)}
.hotel-card-v6 .access-label svg{width:12px;height:12px;flex:0 0 auto}
.hotel-card-v6 .hotel-category{right:12px;bottom:11px;padding:6px 8px;border-radius:7px;background:rgba(255,255,255,.93);color:#203550;font-size:.57rem;box-shadow:0 4px 14px rgba(7,27,53,.12)}
.hotel-card-v6 .hotel-card-body{padding:17px}
.hotel-card-heading h3{margin:0 0 6px;font-size:1rem;line-height:1.33}
.hotel-card-heading h3 a:hover{color:var(--blue)}
.hotel-card-v6 .hotel-location{font-size:.65rem}
.hotel-card-v6 .hotel-location svg{width:13px;height:13px}
.room-chip-row{display:flex;gap:6px;flex-wrap:wrap}
.room-chip-row span{padding:5px 8px;border:1px solid #dce5f0;border-radius:7px;background:#f8fafc;color:#596a80;font-size:.57rem;font-weight:700;line-height:1.2}
.hotel-card-v6 .room-chip-row{margin-top:13px}
.hotel-meal-line{display:flex;align-items:center;gap:7px;margin:12px 0 0;color:#637287;font-size:.63rem}
.hotel-meal-line svg{width:14px;height:14px;color:#8090a4}
.hotel-rate-row{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-top:14px;padding-top:13px;border-top:1px solid #e9edf3}
.hotel-rate-row small{display:block;color:#8c98a8;font-size:.56rem;text-transform:uppercase;letter-spacing:.06em}
.hotel-rate-row strong{display:block;margin-top:3px;color:var(--blue);font-family:var(--heading);font-size:.82rem}
.verified-detail{display:flex;align-items:center;gap:5px;color:#718097;font-size:.54rem;line-height:1.3;text-align:right}
.verified-detail i{width:6px;height:6px;flex:0 0 auto;border-radius:50%;background:#25b96d;box-shadow:0 0 0 3px rgba(37,185,109,.12)}
.hotel-card-v6 .hotel-card-actions{margin-top:13px}
.hotel-card-v6 .hotel-card-actions .site-btn{min-height:38px;border-radius:9px;font-size:.67rem}

/* Needs, destinations and B2B */
.destination-card{min-height:430px;border-radius:20px}
.destination-content{padding:29px}
.need-card{min-height:285px;border-radius:16px}
.b2b-signature-panel{min-height:520px;border-radius:22px}
.b2b-visual{min-height:520px}
.b2b-copy{padding-right:50px}

/* Listing page */
.inner-hero.compact{position:relative;padding:62px 0 66px;background:linear-gradient(110deg,#071b35,#0a315d);overflow:hidden}
.inner-hero.compact:after{content:"";position:absolute;right:-120px;top:-260px;width:610px;height:610px;border:1px solid rgba(255,255,255,.08);border-radius:50%;box-shadow:0 0 0 65px rgba(255,255,255,.025),0 0 0 135px rgba(255,255,255,.018)}
.inner-hero.compact .site-container{position:relative;z-index:1}
.inner-hero.compact .breadcrumbs{margin-bottom:21px;color:#aebed2}
.inner-hero.compact .breadcrumbs a{color:#dce6f2}
.inner-hero.compact h1{max-width:850px;margin:10px 0 12px;color:#fff;font-size:clamp(2.4rem,4.5vw,4.1rem);line-height:1.05}
.inner-hero.compact p{max-width:760px;margin:0;color:#c0cddd;font-size:.92rem}
.benefit-grid{border-radius:15px;box-shadow:0 7px 24px rgba(7,27,53,.06)}
.benefit{padding:20px}
.benefit-icon{width:40px;height:40px;border-radius:11px}
.benefit h3{font-size:.78rem}
.benefit p{font-size:.65rem}
.listing-layout{grid-template-columns:272px minmax(0,1fr);gap:27px}
.listing-layout>.filter-panel{grid-column:1;grid-row:1}
.listing-layout>div:not(.filter-panel){grid-column:2;grid-row:1}
.filter-panel{top:98px;padding:20px;border-radius:15px;box-shadow:0 8px 25px rgba(7,27,53,.06)}
.filter-panel h2{padding-bottom:15px;margin-bottom:16px;border-bottom:1px solid var(--line);font-size:1rem}
.filter-panel form{gap:14px}
.filter-group label.title{font-size:.63rem;color:#56667b;text-transform:uppercase;letter-spacing:.06em}
.filter-panel input,.filter-panel select{min-height:41px;border-radius:9px;font-size:.7rem}
.results-head{margin-bottom:18px;padding-bottom:15px}
.results-head h2{font-size:1.08rem}
.results-head select{height:40px;border-radius:9px}
.listing-layout .hotel-grid{gap:18px}

/* Hotel detail */
.detail-hero{padding:38px 0 28px;background:#f4f7fb}
.detail-hero .breadcrumbs{margin-bottom:25px}
.detail-topline{margin:0 0 20px;align-items:end}
.detail-title h1{max-width:850px;font-size:clamp(2rem,4vw,3.45rem);letter-spacing:-.05em}
.detail-title p{font-size:.82rem}
.detail-rate{padding:14px 16px;border-radius:12px;box-shadow:var(--shadow-xs)}
.gallery-grid{grid-template-columns:1.55fr .8fr .8fr;grid-template-rows:210px 210px;border-radius:17px;gap:8px;background:#e8edf4}
.gallery-grid img{transition:filter .2s ease}
.gallery-grid img:hover{filter:brightness(.92)}
.detail-photo-note{margin:10px 1px 0;color:#7d8a9b;font-size:.62rem}
.detail-layout{grid-template-columns:minmax(0,1fr) 340px;gap:38px;padding:34px 0 85px}
.detail-tabs{position:sticky;top:77px;z-index:10;display:flex;gap:28px;margin-bottom:10px;padding:15px 0;border-bottom:1px solid var(--line);background:rgba(255,255,255,.96);backdrop-filter:blur(12px)}
.detail-tabs a{color:#637187;font-family:var(--heading);font-size:.72rem;font-weight:700}
.detail-tabs a:hover{color:var(--blue)}
.detail-main section{scroll-margin-top:135px;padding:28px 0}
.detail-main h2{font-size:1.35rem}
.detail-main p{font-size:.84rem;line-height:1.75}
.notice.blue{border-color:#d7e7ff;background:#f3f8ff;color:#405d80}
.amenity-grid{gap:9px}
.amenity{border-radius:10px;background:#f8fafc;font-size:.7rem}
.room-card{border-radius:13px;background:#fbfcfe}
.room-card h3{font-size:.86rem}
.room-card p{font-size:.68rem}
.map-placeholder{border-radius:15px;background:linear-gradient(135deg,#edf2f7,#f8fafc)}
.inquiry-card{position:sticky;top:98px;padding:22px;border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--text);box-shadow:0 16px 45px rgba(7,27,53,.1)}
.inquiry-card h2{color:var(--navy);font-size:1.18rem}
.inquiry-card>p{color:var(--muted);font-size:.73rem}
.inquiry-card label{color:#4f5f73;font-size:.63rem}
.inquiry-card input,.inquiry-card select,.inquiry-card textarea{border-color:#dce4ee;background:#fff;color:var(--ink)}
.inquiry-card .secure-note{color:#7d8999}

/* Partner page */
.partner-hero{min-height:610px;background:var(--navy) url('../images/makkah-clock-kaaba-pexels.jpg') center 58%/cover no-repeat}
.partner-hero:before{background:linear-gradient(90deg,rgba(5,21,44,.98),rgba(5,21,44,.88) 49%,rgba(5,21,44,.25))}
.partner-hero h1{max-width:790px;font-size:clamp(3rem,5vw,5rem)}
.service-grid{gap:17px}
.service-card{min-height:330px;border-radius:16px;padding:22px}
.service-card>img{right:0;bottom:0;width:55%;height:53%;border-radius:0;opacity:.86;mask-image:linear-gradient(125deg,transparent 5%,#000 60%)}

/* Footer refinement */
.footer-cta{background:linear-gradient(115deg,#0878ff,#034daf)}
.site-footer{background:#06162d}
.footer-grid{gap:36px}

@media(max-width:1180px){
  .site-nav{gap:18px}
  .site-nav>a{font-size:.71rem}
  .v6-hero-grid{grid-template-columns:minmax(0,600px) 350px;gap:38px}
  .v6-hero h1{font-size:4.35rem}
  .trust-strip-grid>div{padding-inline:13px}
}

@media(max-width:960px){
  .utility-bar-inner{height:32px}
  .utility-contact>span{display:none}
  .site-header{height:70px}
  .site-nav{top:113px}
  .site-header.scrolled .site-nav{top:81px}
  .v6-hero,.v6-hero-grid{min-height:660px}
  .v6-hero-grid{display:flex;padding:45px 0 100px}
  .v6-hero .signature-hero-copy{max-width:720px}
  .featured-stay-card{display:none}
  .trust-strip-grid{grid-template-columns:repeat(2,1fr)}
  .trust-strip-grid>div{justify-content:flex-start;padding:18px 20px}
  .trust-strip-grid>div:nth-child(2){border-right:0}
  .trust-strip-grid>div:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .stay-type-grid{grid-template-columns:repeat(2,1fr)}
  .stay-type-grid>a{min-height:205px}
  .listing-layout{grid-template-columns:1fr}
  .listing-layout>.filter-panel,.listing-layout>div:not(.filter-panel){grid-column:auto;grid-row:auto}
  .detail-layout{grid-template-columns:1fr}
  .detail-tabs{top:69px}
  .inquiry-card{position:static}
  .partner-hero{min-height:560px}
}

@media(max-width:680px){
  .utility-bar-inner{height:31px;font-size:.61rem}
  .utility-contact>a:first-of-type{display:none}
  .utility-contact>a+a{padding-left:0;border-left:0}
  .utility-location{gap:6px}
  .site-nav{top:107px}
  .site-header.scrolled .site-nav{top:77px}
  .section{padding:66px 0}
  .v6-hero,.v6-hero-grid{min-height:630px}
  .v6-hero-grid{padding:38px 0 98px}
  .v6-hero h1{font-size:clamp(2.75rem,13vw,4rem);margin:18px 0}
  .v6-hero .signature-hero-copy>p{font-size:.88rem}
  .v6-search-dock{margin-top:-48px}
  .trust-strip-grid{grid-template-columns:1fr 1fr}
  .trust-strip-grid>div{padding:15px 10px;gap:9px}
  .trust-icon{width:33px;height:33px;border-radius:9px;font-size:.7rem}
  .trust-strip-grid strong{font-size:.64rem}
  .trust-strip-grid small{font-size:.54rem}
  .stay-type-grid{grid-template-columns:1fr 1fr;gap:10px}
  .stay-type-grid>a{min-height:178px;padding:16px}
  .stay-type-grid>a:after{right:14px;bottom:14px;width:27px;height:27px}
  .stay-type-grid strong{font-size:.91rem}
  .stay-type-grid small{display:none}
  .destination-card{min-height:390px}
  .hotel-card-v6 .hotel-image-wrap{aspect-ratio:16/9}
  .inner-hero.compact{padding:52px 0 56px}
  .inner-hero.compact h1{font-size:2.3rem}
  .inner-hero.compact p{font-size:.79rem}
  .listing-layout .hotel-grid{grid-template-columns:1fr}
  .gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:250px 120px}
  .gallery-grid img:nth-child(n+4){display:none}
  .detail-layout{padding-top:20px}
  .detail-tabs{top:69px;gap:18px;overflow-x:auto;white-space:nowrap}
  .detail-photo-note{font-size:.57rem}
  .partner-hero{min-height:590px;background-position:62% center}
  .partner-hero h1{font-size:2.75rem}
}

@media(max-width:420px){
  .utility-location svg{display:none}
  .utility-bar-inner{gap:8px}
  .v6-hero h1{font-size:2.7rem}
  .trust-strip-grid{grid-template-columns:1fr}
  .trust-strip-grid>div{border-right:0;border-bottom:1px solid var(--line)!important;padding:12px 6px}
  .trust-strip-grid>div:last-child{border-bottom:0!important}
  .stay-type-grid{grid-template-columns:1fr}
  .stay-type-grid>a{min-height:190px}
  .results-head{display:grid}
  .results-head form,.results-head select{width:100%}
  .detail-tabs{gap:16px}
}

/* ===== SOURCE: assets/css/umrahroom-slot1.css ===== */
/* UmrahRoom Slot 1 Theme Upgrade — blue/white travel-app style */
:root{
  --slot-blue:#0a6bff;
  --slot-blue-2:#0798ff;
  --slot-deep:#071a44;
  --slot-text:#10213f;
  --slot-muted:#62708a;
  --slot-soft:#eef7ff;
  --slot-soft-2:#f8fbff;
  --slot-line:#dbe9fb;
  --slot-card:#ffffff;
  --slot-gold:#f4b840;
  --slot-shadow:0 20px 60px rgba(15,50,100,.11);
  --slot-shadow-sm:0 10px 30px rgba(15,50,100,.08);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:linear-gradient(180deg,#f7fbff 0,#fff 420px,#f8fbff 100%);color:var(--slot-text)}
.site-container{width:min(1180px,calc(100% - 44px))}
.utility-bar{background:linear-gradient(90deg,#071a44,#0a6bff);color:#fff;border:0}
.utility-bar a,.utility-whatsapp{color:#fff!important}.utility-whatsapp{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);padding:6px 12px;border-radius:999px;text-decoration:none}
.site-header{top:0;background:rgba(255,255,255,.88)!important;border-bottom:1px solid rgba(214,231,251,.75)!important;backdrop-filter:blur(22px) saturate(170%)}
.site-header.scrolled{box-shadow:0 14px 46px rgba(7,26,68,.10)!important}.nav-row{height:76px!important;gap:22px!important}.site-brand{gap:12px;text-decoration:none}.site-brand img{border-radius:17px;box-shadow:0 10px 24px rgba(10,107,255,.18)}.brand-copy strong{font-weight:900;letter-spacing:-.04em;color:var(--slot-deep)}.brand-copy span{color:var(--slot-muted);font-size:.73rem;font-weight:800}.site-nav{justify-content:center;gap:7px!important}.site-nav>a{padding:10px 12px;border-radius:999px;color:#263a5c!important;font-weight:850;font-size:.79rem;text-decoration:none}.site-nav>a:after{display:none!important}.site-nav>a:hover,.site-nav>a.active{background:#edf6ff;color:var(--slot-blue)!important}.nav-actions{gap:9px!important}.partner-nav-link{border:1px solid var(--slot-line);background:#fff;color:var(--slot-deep);border-radius:999px;padding:10px 14px;text-decoration:none;font-weight:850}.nav-whatsapp{width:43px;height:43px;border-radius:15px;background:#e9fff1;color:#16a34a;border:1px solid #c9f4d7}
.site-btn,.search-submit{border-radius:999px!important;font-weight:900;letter-spacing:-.02em}.site-btn.primary,.search-submit{background:linear-gradient(135deg,var(--slot-blue),var(--slot-blue-2))!important;color:#fff!important;box-shadow:0 15px 34px rgba(10,107,255,.22)!important}.site-btn.soft{background:#edf6ff!important;color:var(--slot-blue)!important;border-color:#d9ebff!important}.site-btn.outline{border-color:#bad8ff!important;color:var(--slot-blue)!important}.site-btn.glass{background:rgba(255,255,255,.18)!important;border-color:rgba(255,255,255,.36)!important}.site-btn.white{color:var(--slot-blue)!important}
.language-switcher{position:relative}.language-current{height:42px;display:flex;align-items:center;gap:8px;border:1px solid var(--slot-line);background:#fff;color:var(--slot-deep);border-radius:999px;padding:0 12px;font-weight:850;cursor:pointer}.language-current svg{width:14px;height:14px}.language-menu{position:absolute;right:0;top:calc(100% + 10px);min-width:175px;background:#fff;border:1px solid var(--slot-line);border-radius:18px;box-shadow:var(--slot-shadow);padding:8px;display:none;z-index:400}.language-switcher.open .language-menu{display:grid}.language-menu a{display:flex;gap:10px;align-items:center;padding:11px 12px;border-radius:12px;text-decoration:none;color:var(--slot-text);font-weight:800}.language-menu a:hover,.language-menu a.active{background:#edf6ff;color:var(--slot-blue)}
.signature-hero{min-height:675px!important;background:linear-gradient(135deg,#061a43 0%,#0a6bff 100%)!important}.signature-hero-media:after{background:linear-gradient(90deg,rgba(3,17,49,.96),rgba(8,63,137,.83) 48%,rgba(10,107,255,.28))!important}.signature-hero h1{font-size:clamp(3.3rem,6vw,6.15rem)!important;font-weight:900!important;letter-spacing:-.075em!important}.signature-hero h1 em{color:#b9dcff!important}.signature-hero-copy>p{font-size:1.08rem!important;max-width:640px!important;color:#e7f2ff!important}.hero-kicker{background:rgba(255,255,255,.13)!important;border:1px solid rgba(255,255,255,.22)!important;color:#fff!important;backdrop-filter:blur(12px);border-radius:999px;padding:8px 13px!important}.hero-assurance span{background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.20);padding:9px 13px;border-radius:999px;color:#fff}.featured-stay-card{border-radius:32px!important;background:rgba(255,255,255,.92)!important;border:1px solid rgba(255,255,255,.70)!important;box-shadow:0 30px 85px rgba(3,17,49,.30)!important;overflow:hidden}.featured-stay-label{background:#edf6ff!important;color:var(--slot-blue)!important}.featured-stay-photo{border-radius:24px!important;overflow:hidden}.featured-stay-content h2{color:var(--slot-deep)}
.search-dock{position:relative;z-index:8}.signature-search{border:1px solid var(--slot-line)!important;border-radius:28px!important;box-shadow:var(--slot-shadow)!important;background:#fff!important;padding:10px!important}.signature-search .search-field{border-color:#e6effb!important;border-radius:18px}.search-field label{color:var(--slot-muted)!important;text-transform:uppercase;font-size:.64rem;letter-spacing:.08em}.search-field input,.search-field select{color:var(--slot-deep)!important;font-weight:800}.field-icon{color:var(--slot-blue)!important}.trust-strip-v6{background:#fff;border-top:1px solid #edf3fb;border-bottom:1px solid #edf3fb}.trust-strip-grid>div{background:#fff}.trust-icon{background:linear-gradient(135deg,var(--slot-blue),var(--slot-blue-2));color:#fff!important;border-radius:15px;box-shadow:0 12px 25px rgba(10,107,255,.18)}
.section{padding:88px 0}.section-soft{background:linear-gradient(180deg,#f7fbff,#eff7ff)!important}.eyebrow{color:var(--slot-blue)!important;font-weight:950;letter-spacing:.14em}.section-heading h2,.compact-heading h2{color:var(--slot-deep);font-weight:900;letter-spacing:-.055em}.section-heading p,.heading-action p{color:var(--slot-muted)}
.hotel-card-v6,.need-card,.process-signature-grid,.benefit,.filter-panel,.public-form,.partner-form-card,.faq-list details,.slot1-feature-card{border:1px solid var(--slot-line)!important;border-radius:28px!important;background:#fff!important;box-shadow:var(--slot-shadow-sm)!important}.hotel-card-v6{overflow:hidden;transition:.22s ease}.hotel-card-v6:hover{transform:translateY(-5px);box-shadow:var(--slot-shadow)!important}.hotel-image-wrap{border-radius:24px!important;overflow:hidden;margin:12px 12px 0}.city-label,.hotel-category{background:rgba(255,255,255,.94)!important;color:var(--slot-blue)!important;border:1px solid rgba(255,255,255,.5);font-weight:900}.access-label{background:rgba(7,26,68,.72)!important;color:#fff!important;border:1px solid rgba(255,255,255,.22)}.hotel-card-body{padding:18px 18px 20px!important}.hotel-card h3 a{color:var(--slot-deep)!important;text-decoration:none}.hotel-location,.hotel-meal-line{color:var(--slot-muted)!important}.room-chip-row span{background:#edf6ff!important;color:#075fdc!important;border-color:#d7eaff!important;border-radius:999px!important}.hotel-rate-row{background:linear-gradient(135deg,#f4faff,#fff)!important;border:1px solid #e2efff!important;border-radius:20px!important;padding:13px!important}.hotel-rate-row strong{color:var(--slot-blue)!important}.verified-detail{color:#16884a!important;background:#ecfff3;border-radius:999px;padding:6px 8px}
.destination-card,.stay-type-grid a,.b2b-signature-panel{border-radius:34px!important;overflow:hidden;box-shadow:var(--slot-shadow)!important}.destination-content h3,.need-card h3,.benefit h3{font-weight:900}.need-index{color:#b5c7df!important}.need-icon{background:#edf6ff!important;color:var(--slot-blue)!important;border-radius:20px}.dark-card{background:linear-gradient(135deg,#071a44,#0a6bff)!important;color:#fff!important}.process-signature-grid article span{background:#edf6ff!important;color:var(--slot-blue)!important;border-radius:14px}
.footer-cta{background:linear-gradient(135deg,#071a44,#0a6bff)!important}.site-footer{background:#071a44!important;color:#dceaff!important}.footer-grid h3{color:#fff}.footer-grid a{color:#dceaff!important;text-decoration:none}.footer-grid a:hover{color:#fff!important}.footer-brand img{border-radius:17px}.footer-bottom{border-top:1px solid rgba(255,255,255,.13)!important}.floating-actions .float-action{box-shadow:0 18px 46px rgba(7,26,68,.20)!important}
.slot1-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.slot1-feature-card{padding:30px}.slot1-feature-card span{display:grid;place-items:center;width:46px;height:46px;border-radius:16px;background:#edf6ff;color:var(--slot-blue);font-weight:950;margin-bottom:30px}.slot1-feature-card h3{font-size:1.25rem;margin:0 0 10px;color:var(--slot-deep)}.slot1-feature-card p{margin:0;color:var(--slot-muted);line-height:1.7}.slot1-community-hero{background:linear-gradient(135deg,#071a44,#0a6bff)!important}.slot1-community-hero:before{opacity:.2}
.dir-rtl{text-align:right}.dir-rtl .language-menu{left:0;right:auto}.dir-rtl .site-nav,.dir-rtl .nav-actions,.dir-rtl .hero-actions,.dir-rtl .utility-contact{direction:rtl}.dir-rtl .signature-hero-media:after{background:linear-gradient(270deg,rgba(3,17,49,.96),rgba(8,63,137,.83) 48%,rgba(10,107,255,.28))!important}.dir-rtl .signature-heading p,.dir-rtl .heading-action,.dir-rtl .heading-action p{text-align:right;justify-self:end}.dir-rtl .mobile-sticky-actions{direction:rtl}
@media(max-width:1120px){.language-switcher{display:none}.site-nav>a{padding:10px 9px}.slot1-card-grid{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.site-container{width:min(100% - 30px,1180px)}.site-nav{top:82px!important}.site-nav.open{display:grid}.site-nav a{font-size:.88rem}.signature-hero,.signature-hero-grid{min-height:650px!important}.featured-stay-card{display:none}.signature-hero h1{font-size:clamp(2.8rem,12vw,4.4rem)!important}.slot1-card-grid{grid-template-columns:1fr}.footer-grid{gap:28px!important}}
@media(max-width:560px){.utility-bar{display:none}.site-header{top:0}.nav-row{height:68px!important}.site-brand img{width:44px;height:44px}.signature-hero,.signature-hero-grid{min-height:640px!important}.signature-hero-copy>p{font-size:.95rem!important}.hero-assurance span{font-size:.68rem}.search-dock{margin-top:-48px!important}.signature-search{border-radius:23px!important}.section{padding:66px 0}.hotel-image-wrap{margin:10px 10px 0}.footer-cta-inner,.cta-actions{display:grid!important}.mobile-sticky-actions{box-shadow:0 -12px 34px rgba(7,26,68,.09)}}

.site-nav .mobile-lang{background:#f7fbff!important;color:var(--slot-blue)!important;border:1px solid var(--slot-line);margin-top:4px}
@media(min-width:901px){.site-nav .mobile-lang{display:none!important}}

/* ===== SOURCE: assets/css/umrahroom-slot2.css ===== */
/* Slot 2: Hotel inventory + one-photo hotel detail upgrade */
:root{
  --slot2-blue:#0a6bff;
  --slot2-blue-2:#1495ff;
  --slot2-deep:#071a44;
  --slot2-text:#263a5c;
  --slot2-muted:#617394;
  --slot2-line:#dbeafe;
  --slot2-soft:#eef7ff;
  --slot2-shadow:0 22px 65px rgba(7,26,68,.10);
  --slot2-shadow-sm:0 12px 34px rgba(7,26,68,.07);
}
.slot2-inventory-hero,.slot2-hotel-detail-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#ffffff 0%,#f2f9ff 48%,#dff0ff 100%);padding:58px 0 72px;border-bottom:1px solid #e6f2ff}
.slot2-inventory-hero:before,.slot2-hotel-detail-hero:before{content:"";position:absolute;right:-80px;top:0;width:54%;height:100%;background:linear-gradient(90deg,rgba(255,255,255,.94),rgba(255,255,255,.22)),url('../images/hero-makkah-premium.jpg') center/cover no-repeat;opacity:.9}
.slot2-inventory-hero:after,.slot2-hotel-detail-hero:after{content:"";position:absolute;inset:auto -40px -95px auto;width:450px;height:450px;border-radius:50%;background:#cae8ff;opacity:.35}.slot2-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:34px;align-items:end}.slot2-inventory-hero h1,.slot2-detail-summary h1{margin:8px 0 14px;color:var(--slot2-deep);font-size:clamp(2.5rem,5vw,5.2rem);line-height:.95;letter-spacing:-.07em;font-weight:950}.slot2-inventory-hero p{max-width:620px;color:var(--slot2-text);font-size:1.05rem;line-height:1.7}.slot2-hero-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.slot2-hero-pills span{display:inline-flex;padding:10px 14px;border-radius:999px;background:#fff;border:1px solid var(--slot2-line);color:var(--slot2-deep);font-weight:850;box-shadow:var(--slot2-shadow-sm)}.slot2-hero-card{border:1px solid rgba(255,255,255,.65);background:rgba(255,255,255,.76);backdrop-filter:blur(16px);border-radius:28px;padding:24px;box-shadow:var(--slot2-shadow)}.slot2-hero-card strong{display:block;color:var(--slot2-deep);font-size:1.1rem;margin-bottom:12px}.slot2-hero-card ul{margin:0;padding:0;list-style:none;display:grid;gap:10px}.slot2-hero-card li{color:var(--slot2-text);font-weight:700}.slot2-hero-card li:before{content:"✓";display:inline-grid;place-items:center;margin-right:8px;width:22px;height:22px;border-radius:50%;background:#dff0ff;color:var(--slot2-blue);font-weight:900}.slot2-inventory-section{background:#fbfdff}.slot2-search-bar{position:relative;margin-top:-116px;z-index:5;display:grid;grid-template-columns:220px 1fr 210px 205px;gap:10px;background:#fff;border:1px solid var(--slot2-line);border-radius:28px;padding:12px;box-shadow:var(--slot2-shadow)}.slot2-search-bar label{display:grid;gap:5px;border:1px solid #e7f0fb;border-radius:19px;padding:11px 14px;background:#fbfdff}.slot2-search-bar span{font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--slot2-muted);font-weight:900}.slot2-search-bar input,.slot2-search-bar select{border:0;background:transparent;color:var(--slot2-deep);font-weight:900;outline:0;min-width:0}.slot2-search-bar button{min-height:58px}.slot2-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:28px 0 20px}.slot2-tabs a{display:inline-flex;align-items:center;gap:10px;padding:12px 17px;border-radius:999px;background:#fff;border:1px solid var(--slot2-line);color:var(--slot2-deep);font-weight:900;text-decoration:none}.slot2-tabs a.active,.slot2-tabs a:hover{background:linear-gradient(135deg,var(--slot2-blue),var(--slot2-blue-2));color:#fff}.slot2-tabs b{font-size:.76rem;opacity:.85}.slot2-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:24px;align-items:start}.slot2-filter-panel{position:sticky;top:104px;padding:22px}.slot2-filter-panel form{display:grid;gap:15px}.slot2-filter-panel .filter-group{margin:0;display:grid;gap:7px}.slot2-filter-panel input,.slot2-filter-panel select{width:100%;border:1px solid #dbeafe;border-radius:14px;background:#fff;padding:12px 14px;color:var(--slot2-deep);font-weight:700}.slot2-filter-note{margin-top:18px;background:#edf6ff;border:1px solid #d8eafe;border-radius:18px;color:var(--slot2-text);padding:14px;font-size:.88rem;line-height:1.6}.slot2-results-head{display:flex;justify-content:space-between;align-items:end;gap:22px;margin-bottom:16px}.slot2-results-head h2{margin:0;color:var(--slot2-deep);font-weight:950;letter-spacing:-.04em}.slot2-results-head p{margin:6px 0 0;color:var(--slot2-muted)}.slot2-inventory-list{display:grid;gap:18px}.slot2-hotel-card{display:grid;grid-template-columns:310px minmax(0,1fr);gap:0;background:#fff;border:1px solid var(--slot2-line);border-radius:28px;overflow:hidden;box-shadow:var(--slot2-shadow-sm);transition:.2s ease}.slot2-hotel-card:hover{transform:translateY(-3px);box-shadow:var(--slot2-shadow)}.slot2-hotel-photo{position:relative;min-height:300px;display:block;overflow:hidden;background:#eef7ff}.slot2-hotel-photo img{width:100%;height:100%;display:block;object-fit:cover;transition:.25s ease}.slot2-hotel-card:hover .slot2-hotel-photo img{transform:scale(1.03)}.slot2-city-pill,.slot2-access-pill{position:absolute;left:15px;display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.95);border:1px solid rgba(255,255,255,.6);box-shadow:0 10px 24px rgba(7,26,68,.10);font-weight:900;color:var(--slot2-blue)}.slot2-city-pill{top:14px}.slot2-access-pill{bottom:14px;color:var(--slot2-deep)}.slot2-hotel-content{padding:23px 25px 24px;display:grid;gap:14px}.slot2-hotel-title-row{display:flex;justify-content:space-between;align-items:start;gap:14px}.slot2-hotel-title-row h3{margin:0 0 6px;font-size:1.35rem;letter-spacing:-.04em;color:var(--slot2-deep);font-weight:950}.slot2-hotel-title-row h3 a{text-decoration:none;color:inherit}.slot2-location{margin:0;color:var(--slot2-muted);font-weight:700}.slot2-location.big{font-size:1rem}.slot2-verified{display:inline-flex;align-items:center;border-radius:999px;padding:8px 11px;background:#e9fff2;color:#15834e;font-size:.78rem;font-weight:950;white-space:nowrap}.slot2-description{margin:0;color:var(--slot2-text);line-height:1.55}.slot2-chip-row{display:flex;flex-wrap:wrap;gap:8px}.slot2-chip-row span{padding:8px 11px;border-radius:999px;background:#edf6ff;color:#075fdc;border:1px solid #d7eaff;font-size:.82rem;font-weight:900}.slot2-chip-row.large span{font-size:.96rem;padding:10px 15px}.slot2-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.slot2-info-grid.wide{grid-template-columns:repeat(4,1fr);margin-top:18px}.slot2-info-grid div{background:#f7fbff;border:1px solid #e0efff;border-radius:16px;padding:12px}.slot2-info-grid small{display:block;color:var(--slot2-muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;font-weight:900;margin-bottom:5px}.slot2-info-grid strong{color:var(--slot2-deep);font-size:.9rem}.slot2-rate-area{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 16px;border-radius:20px;background:linear-gradient(135deg,#eef7ff,#fff);border:1px solid #dceeff}.slot2-rate-area small{display:block;color:var(--slot2-muted);font-weight:850}.slot2-rate-area strong{display:block;color:var(--slot2-blue);font-size:1.45rem;font-weight:950;letter-spacing:-.04em}.slot2-rate-area em{display:block;color:var(--slot2-muted);font-size:.78rem;font-style:normal}.slot2-extra-bed{padding:9px 12px;border-radius:999px;background:#fff;color:var(--slot2-deep);font-weight:950;border:1px solid #dceeff;white-space:nowrap}.slot2-note{display:flex;align-items:center;gap:9px;border-radius:16px;background:#f8fbff;border:1px dashed #b8d9ff;color:var(--slot2-text);padding:11px 13px;font-weight:750}.slot2-note:before{content:"i";display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--slot2-blue);color:#fff;font-weight:950}.slot2-card-actions{display:flex;gap:10px;flex-wrap:wrap}.slot2-card-actions .site-btn{flex:1 1 180px}.slot2-detail-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) 520px;gap:34px;align-items:center}.slot2-detail-photo-card{position:relative;border-radius:34px;overflow:hidden;box-shadow:var(--slot2-shadow);border:1px solid rgba(255,255,255,.8);background:#fff}.slot2-detail-photo-card img{width:100%;height:min(55vw,540px);min-height:380px;object-fit:cover;display:block}.slot2-detail-city{position:absolute;left:20px;top:20px;background:#fff;border-radius:999px;padding:10px 15px;color:var(--slot2-blue);font-weight:950;box-shadow:0 12px 30px rgba(7,26,68,.12)}.slot2-detail-summary{background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.75);border-radius:34px;box-shadow:var(--slot2-shadow);backdrop-filter:blur(16px);padding:30px}.slot2-detail-summary p{color:var(--slot2-text);line-height:1.7}.slot2-detail-badges{display:flex;flex-wrap:wrap;gap:9px;margin:14px 0}.slot2-detail-badges span{background:#edf6ff;border:1px solid #d7eaff;color:#075fdc;border-radius:999px;padding:9px 12px;font-weight:900}.slot2-detail-ratebox{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.slot2-detail-ratebox div{background:#fff;border:1px solid #dceeff;border-radius:20px;padding:16px}.slot2-detail-ratebox small{display:block;color:var(--slot2-muted);font-weight:900;text-transform:uppercase;font-size:.72rem;letter-spacing:.06em}.slot2-detail-ratebox strong{display:block;color:var(--slot2-blue);font-size:1.6rem;font-weight:950}.slot2-detail-ratebox em{font-style:normal;color:var(--slot2-muted);font-size:.86rem}.slot2-detail-actions{display:flex;gap:10px;flex-wrap:wrap}.slot2-warning{margin-top:14px;border-radius:17px;background:#fff8e6;border:1px solid #ffe5a8;color:#684900;padding:13px 14px;font-weight:800;line-height:1.5}.slot2-detail-section{background:#fbfdff}.slot2-detail-content-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}.slot2-tabs-line{margin:0 0 18px;background:#fff;border:1px solid var(--slot2-line);border-radius:18px;box-shadow:var(--slot2-shadow-sm);padding:8px;display:flex;gap:6px;overflow-x:auto}.slot2-tabs-line a{white-space:nowrap;border-radius:12px;padding:10px 12px;background:#f8fbff}.slot2-panel{background:#fff;border:1px solid var(--slot2-line);border-radius:28px;box-shadow:var(--slot2-shadow-sm);padding:26px;margin-bottom:18px}.slot2-panel h2,.slot2-section-title h2{margin:0 0 12px;color:var(--slot2-deep);font-weight:950;letter-spacing:-.04em}.slot2-panel p{color:var(--slot2-text);line-height:1.7}.slot2-section-title{display:flex;justify-content:space-between;align-items:center;gap:16px}.slot2-room-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.slot2-room-card{background:#f8fbff;border:1px solid #e1efff;border-radius:20px;padding:18px;display:grid;gap:8px}.room-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:#e4f2ff;color:var(--slot2-blue);font-weight:950}.slot2-room-card h3{margin:0;color:var(--slot2-deep);font-size:1rem}.slot2-room-card p,.slot2-room-card small{margin:0;color:var(--slot2-muted);line-height:1.45}.slot2-room-card strong{color:var(--slot2-blue)}.slot2-amenity-grid .amenity{border-radius:16px}.slot2-map-card{min-height:180px;border-radius:24px;background:linear-gradient(135deg,#e9f7ff,#fff);border:1px dashed #b8d9ff;padding:24px;display:flex;align-items:center}.slot2-map-card strong{color:var(--slot2-deep);font-size:1.15rem}.slot2-map-card p{margin:5px 0 0}.slot2-sticky-card{position:sticky;top:104px}.slot2-sticky-card .site-btn{margin-top:10px}.slot2-mini-list{display:grid;gap:10px;margin-top:20px}.slot2-mini-list span{background:#f7fbff;border:1px solid #e0efff;border-radius:14px;padding:11px;color:var(--slot2-text);font-weight:800}.dir-rtl .slot2-inventory-hero:before,.dir-rtl .slot2-hotel-detail-hero:before{right:auto;left:-80px;transform:scaleX(-1)}.dir-rtl .slot2-city-pill,.dir-rtl .slot2-access-pill,.dir-rtl .slot2-detail-city{left:auto;right:15px}.dir-rtl .slot2-hero-card li:before{margin-right:0;margin-left:8px}
@media(max-width:1150px){.slot2-search-bar{grid-template-columns:1fr 1fr}.slot2-layout{grid-template-columns:1fr}.slot2-filter-panel{position:static}.slot2-detail-grid{grid-template-columns:1fr}.slot2-detail-content-grid{grid-template-columns:1fr}.slot2-sticky-card{position:static}.slot2-inventory-hero:before,.slot2-hotel-detail-hero:before{width:70%;opacity:.38}.slot2-hero-grid{grid-template-columns:1fr}.slot2-hero-card{max-width:520px}}
@media(max-width:760px){.slot2-inventory-hero,.slot2-hotel-detail-hero{padding:42px 0 90px}.slot2-search-bar{grid-template-columns:1fr;margin-top:-125px}.slot2-hotel-card{grid-template-columns:1fr}.slot2-hotel-photo{min-height:240px}.slot2-info-grid,.slot2-info-grid.wide,.slot2-detail-ratebox,.slot2-room-grid{grid-template-columns:1fr}.slot2-results-head,.slot2-section-title{display:grid}.slot2-detail-photo-card img{min-height:300px;height:300px}.slot2-detail-summary{padding:22px;border-radius:26px}.slot2-panel{padding:20px}.slot2-hero-pills span{font-size:.82rem}}
@media(max-width:500px){.slot2-hotel-content{padding:18px}.slot2-hotel-title-row{display:grid}.slot2-rate-area{display:grid}.slot2-card-actions{display:grid}.slot2-card-actions .site-btn{width:100%}.slot2-tabs a{flex:1}.slot2-inventory-hero h1,.slot2-detail-summary h1{font-size:2.45rem}}

/* ===== SOURCE: assets/css/umrahroom-slot3.css ===== */

/* Slot 3: Date-based rate system */
.slot3-rates-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#fff 0%,#f2f9ff 48%,#dff0ff 100%);padding:64px 0 84px;border-bottom:1px solid #e6f2ff}.slot3-rates-hero:before{content:"";position:absolute;right:-80px;top:0;width:56%;height:100%;background:linear-gradient(90deg,rgba(255,255,255,.94),rgba(255,255,255,.22)),url('../images/hero-makkah-premium.jpg') center/cover no-repeat;opacity:.9}.slot3-rates-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:34px;align-items:end}.slot3-rates-hero h1{margin:8px 0 14px;color:var(--slot2-deep);font-size:clamp(2.7rem,5.5vw,5.6rem);line-height:.9;letter-spacing:-.07em;font-weight:950}.slot3-rates-hero p{max-width:690px;color:var(--slot2-text);font-size:1.05rem;line-height:1.7}.slot3-rates-section{background:#fbfdff}.slot3-rate-filter{margin-top:-116px;position:relative;z-index:4;background:#fff;border:1px solid var(--slot2-line);border-radius:28px;box-shadow:var(--slot2-shadow);padding:12px;display:grid;grid-template-columns:minmax(0,1fr) 210px 210px 190px;gap:10px}.slot3-rate-filter label{display:grid;gap:5px;border:1px solid #e7f0fb;border-radius:19px;padding:11px 14px;background:#fbfdff}.slot3-rate-filter span{font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--slot2-muted);font-weight:900}.slot3-rate-filter input,.slot3-rate-filter select{border:0;background:transparent;color:var(--slot2-deep);font-weight:900;outline:0;min-width:0}.slot3-rates-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:20px 0}.slot3-rates-head h2{margin:0;color:var(--slot2-deep);font-size:1.55rem;font-weight:950;letter-spacing:-.04em}.slot3-rates-head p{margin:6px 0 0;color:var(--slot2-muted)}.slot3-rate-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.slot3-rate-card{display:grid;grid-template-columns:220px minmax(0,1fr);background:#fff;border:1px solid var(--slot2-line);border-radius:28px;overflow:hidden;box-shadow:var(--slot2-shadow-sm)}.slot3-rate-photo{display:block;min-height:250px;background:#eef7ff;overflow:hidden}.slot3-rate-photo img{width:100%;height:100%;object-fit:cover;display:block}.slot3-rate-body{padding:20px;display:grid;gap:11px}.slot3-rate-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.slot3-rate-top span,.slot3-rate-top em{font-style:normal;border-radius:999px;padding:7px 11px;font-size:.76rem;font-weight:950}.slot3-rate-top span{background:#e8f4ff;color:var(--slot2-blue)}.slot3-rate-top em{background:#fff8e8;color:#8a5c00;border:1px solid #ffe4a3}.slot3-rate-card h3{margin:0;color:var(--slot2-deep);font-size:1.22rem;letter-spacing:-.04em;font-weight:950}.slot3-rate-card h3 a{color:inherit;text-decoration:none}.slot3-rate-card p{margin:0;color:var(--slot2-muted);line-height:1.55}.slot3-rate-amount{display:flex;align-items:end;justify-content:space-between;gap:12px;background:linear-gradient(135deg,#eef7ff,#fff);border:1px solid #dceeff;border-radius:18px;padding:14px}.slot3-rate-amount strong{color:var(--slot2-blue);font-size:1.85rem;line-height:1;font-weight:950;letter-spacing:-.05em}.slot3-rate-amount span{color:var(--slot2-deep);font-weight:950}.slot3-rate-meta{display:flex;flex-wrap:wrap;gap:7px}.slot3-rate-meta span{background:#f5faff;border:1px solid #e0efff;border-radius:999px;padding:7px 10px;color:var(--slot2-text);font-size:.8rem;font-weight:850}.slot3-rate-note{border-radius:16px;background:#f8fbff;border:1px dashed #b8d9ff;color:var(--slot2-text)!important;padding:11px 13px;font-weight:750}.slot3-rate-note.wide{margin-top:14px}.slot3-rate-actions{display:flex;gap:9px;flex-wrap:wrap}.slot3-rate-actions .site-btn{flex:1 1 150px}.slot3-detail-rates{display:grid;gap:12px}.slot3-detail-rate-item{display:grid;grid-template-columns:1.05fr 1.2fr 1fr auto;gap:10px;align-items:center;border:1px solid #dceeff;background:#fff;border-radius:20px;padding:13px}.slot3-detail-rate-item div{background:#f7fbff;border:1px solid #e2f0ff;border-radius:15px;padding:11px}.slot3-detail-rate-item small{display:block;color:var(--slot2-muted);font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.slot3-detail-rate-item strong{display:block;color:var(--slot2-deep);font-weight:950}.slot3-detail-rate-item em{display:block;font-style:normal;color:var(--slot2-muted);font-size:.78rem}.slot3-detail-rate-item .site-btn{white-space:nowrap}.dir-rtl .slot3-rates-hero:before{right:auto;left:-80px;transform:scaleX(-1)}
@media(max-width:1150px){.slot3-rates-hero-grid{grid-template-columns:1fr}.slot3-rates-hero:before{width:70%;opacity:.35}.slot3-rate-filter{grid-template-columns:1fr 1fr}.slot3-rate-grid{grid-template-columns:1fr}.slot3-detail-rate-item{grid-template-columns:1fr 1fr}.slot3-detail-rate-item .site-btn{grid-column:1/-1}}
@media(max-width:700px){.slot3-rates-hero{padding:44px 0 98px}.slot3-rate-filter{grid-template-columns:1fr;margin-top:-130px}.slot3-rate-card{grid-template-columns:1fr}.slot3-rate-photo{min-height:230px}.slot3-detail-rate-item{grid-template-columns:1fr}.slot3-rates-head{display:grid}.slot3-rates-hero h1{font-size:3rem}}

/* ===== SOURCE: assets/css/umrahroom-slot4.css ===== */
/* UmrahRoom Slot 4: Community + Articles + Admin moderation */
:root{
  --ur-blue:#0875ff;
  --ur-blue-2:#0b60e8;
  --ur-dark:#06164a;
  --ur-ink:#14285e;
  --ur-soft:#edf7ff;
  --ur-line:#d7e9ff;
  --ur-muted:#66789f;
  --ur-shadow:0 18px 50px rgba(14,78,156,.12);
}
.slot4-community-hero,.slot4-articles-hero{
  position:relative;overflow:hidden;padding:72px 0 46px;background:linear-gradient(125deg,#fff 0%,#f3faff 42%,#dff1ff 100%);
}
.slot4-community-hero:before,.slot4-articles-hero:before{content:"";position:absolute;inset:0;background:url('../images/hero-madinah-premium.jpg') right center/auto 100% no-repeat;opacity:.30;pointer-events:none}
.slot4-articles-hero:before{background-image:url('../images/hero-makkah-premium.jpg')}
.slot4-community-hero:after,.slot4-articles-hero:after{content:"";position:absolute;inset:auto 0 0 0;height:130px;background:linear-gradient(0deg,#fff,rgba(255,255,255,0));pointer-events:none}
.slot4-community-hero-grid,.slot4-articles-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:36px;align-items:center}
.slot4-community-hero h1,.slot4-articles-hero h1{font-family:'Plus Jakarta Sans',Inter,sans-serif;font-size:clamp(46px,6vw,76px);line-height:.95;margin:10px 0 18px;color:var(--ur-dark);letter-spacing:-.05em}
.slot4-community-hero p,.slot4-articles-hero p{font-size:20px;line-height:1.45;color:#284270;max-width:720px;margin:0 0 24px}
.slot4-hero-badges{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0}
.slot4-hero-badges span,.slot4-category-row a,.slot4-post-tags span{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--ur-line);background:rgba(255,255,255,.86);color:var(--ur-ink);border-radius:999px;padding:10px 15px;font-weight:800;font-size:14px;box-shadow:0 8px 24px rgba(12,103,234,.08);text-decoration:none}
.slot4-hero-badges span:before{content:"✓";color:var(--ur-blue);font-weight:900}
.slot4-hero-note{background:rgba(255,255,255,.90);border:1px solid var(--ur-line);box-shadow:var(--ur-shadow);border-radius:28px;padding:28px;backdrop-filter:blur(12px)}
.slot4-hero-note strong{display:block;color:var(--ur-dark);font-size:24px;line-height:1.15;margin-bottom:10px}
.slot4-hero-note p{font-size:15px;margin:0;color:var(--ur-muted)}
.slot4-search-panel,.slot4-article-search{display:grid;grid-template-columns:minmax(0,1fr) 180px auto;gap:12px;align-items:end;background:#fff;border:1px solid var(--ur-line);box-shadow:var(--ur-shadow);border-radius:24px;padding:14px;margin-bottom:22px}
.slot4-article-search{grid-template-columns:minmax(0,1fr) auto;max-width:720px;margin-top:24px;margin-bottom:0}
.slot4-search-panel label,.slot4-community-form label,.admin-inline-filter label{display:flex;flex-direction:column;gap:7px;color:var(--ur-muted);font-size:13px;font-weight:800}
.slot4-search-panel input,.slot4-search-panel select,.slot4-article-search input,.slot4-community-form input,.slot4-community-form select,.slot4-community-form textarea,.admin-inline-filter select{width:100%;border:1px solid #d9e7f8;border-radius:16px;background:#f8fbff;color:var(--ur-dark);font-weight:700;font:inherit;padding:13px 14px;outline:none}
.slot4-search-panel input:focus,.slot4-search-panel select:focus,.slot4-article-search input:focus,.slot4-community-form input:focus,.slot4-community-form select:focus,.slot4-community-form textarea:focus{border-color:var(--ur-blue);box-shadow:0 0 0 4px rgba(8,117,255,.12);background:#fff}
.slot4-category-row{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 28px}
.slot4-category-row a.active{background:var(--ur-blue);border-color:var(--ur-blue);color:#fff}
.slot4-category-row a b{background:rgba(8,117,255,.12);border-radius:999px;padding:2px 8px;font-size:12px;color:inherit}
.slot4-community-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:28px;align-items:start}
.slot4-section-head{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-bottom:18px}
.slot4-section-head h2{font-family:'Plus Jakarta Sans',Inter,sans-serif;color:var(--ur-dark);font-size:32px;letter-spacing:-.035em;margin:0 0 4px}.slot4-section-head p{margin:0;color:var(--ur-muted)}
.slot4-post-list{min-width:0}.slot4-community-card{display:grid;grid-template-columns:220px minmax(0,1fr);gap:20px;background:#fff;border:1px solid var(--ur-line);border-radius:24px;box-shadow:0 12px 34px rgba(6,22,74,.07);padding:14px;margin-bottom:14px}.slot4-post-image{display:block;min-height:160px;border-radius:18px;overflow:hidden;background:var(--ur-soft)}.slot4-post-image img{width:100%;height:100%;object-fit:cover;display:block}.slot4-post-body h3{font-size:22px;line-height:1.2;margin:10px 0 8px;color:var(--ur-dark)}.slot4-post-body h3 a{color:inherit;text-decoration:none}.slot4-post-body p{margin:0;color:#3d527d;line-height:1.55}.slot4-author-row{display:flex;gap:11px;align-items:center}.slot4-author-row.large{margin:18px 0}.slot4-avatar{width:42px;height:42px;border-radius:50%;display:inline-grid;place-items:center;background:linear-gradient(135deg,var(--ur-blue),#62b6ff);color:#fff;font-weight:900}.slot4-author-row b{display:block;color:var(--ur-dark)}.slot4-author-row small{display:block;color:var(--ur-muted);font-size:13px}.slot4-post-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.slot4-post-tags span{font-size:12px;padding:6px 10px;box-shadow:none;background:var(--ur-soft);color:var(--ur-blue)}.slot4-post-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:14px;color:var(--ur-muted);font-size:14px;font-weight:700}.slot4-post-actions a{margin-inline-start:auto;color:var(--ur-blue);text-decoration:none;font-weight:900}.slot4-community-sidebar{display:grid;gap:18px}.slot4-side-card,.slot4-create-card{background:#fff;border:1px solid var(--ur-line);border-radius:24px;box-shadow:0 12px 34px rgba(6,22,74,.07);padding:24px}.slot4-side-card.highlighted{background:linear-gradient(135deg,var(--ur-blue),#0b54d5);color:#fff;border-color:transparent}.slot4-side-card h3,.slot4-create-card h3{font-size:22px;color:var(--ur-dark);margin:0 0 8px}.slot4-side-card.highlighted h3{color:#fff}.slot4-side-card p,.slot4-create-card p{color:var(--ur-muted);line-height:1.55;margin:0 0 14px}.slot4-side-card.highlighted p{color:rgba(255,255,255,.88)}.slot4-side-card ul{margin:12px 0 0;padding:0;list-style:none}.slot4-side-card li{display:flex;gap:9px;margin:9px 0;color:#405780}.slot4-side-card li:before{content:"✓";color:var(--ur-blue);font-weight:900}.slot4-side-card.highlighted li{color:#fff}.slot4-community-form{display:grid;gap:12px}.slot4-success{background:#e8fff3;border:1px solid #b6efcf;color:#16633a;border-radius:18px;padding:14px 18px;font-weight:800;margin-bottom:18px}
.slot4-post-page-grid{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:28px}.slot4-post-full{background:#fff;border:1px solid var(--ur-line);border-radius:28px;box-shadow:var(--ur-shadow);padding:32px}.slot4-post-full h1,.slot4-article-content h1{font-size:clamp(36px,5vw,64px);line-height:1.03;letter-spacing:-.05em;color:var(--ur-dark);margin:14px 0}.slot4-post-hero-img{width:100%;max-height:440px;object-fit:cover;border-radius:22px;margin:12px 0 24px}.slot4-post-content{font-size:18px;line-height:1.75;color:#30466f}.slot4-related-list{display:grid;gap:12px;padding:0;margin:0;list-style:none}.slot4-related-list a{display:block;color:var(--ur-dark);font-weight:800;text-decoration:none}.slot4-related-list small{display:block;color:var(--ur-muted);margin-top:3px}
.slot4-featured-article{display:grid;grid-template-columns:1fr 1fr 320px;gap:18px;margin-bottom:30px}.slot4-featured-image{position:relative;display:block;min-height:270px;border-radius:26px;overflow:hidden;box-shadow:var(--ur-shadow)}.slot4-featured-image img{width:100%;height:100%;object-fit:cover;display:block}.slot4-featured-image span{position:absolute;top:16px;left:16px;background:#fff;color:var(--ur-blue);font-weight:900;border-radius:999px;padding:8px 14px}.slot4-featured-copy,.slot4-article-cta{background:#fff;border:1px solid var(--ur-line);border-radius:26px;box-shadow:var(--ur-shadow);padding:28px}.category{display:inline-flex;background:var(--ur-soft);color:var(--ur-blue);font-weight:900;border-radius:999px;padding:7px 12px;font-size:13px}.slot4-featured-copy h2{font-size:34px;line-height:1.1;margin:14px 0 10px;color:var(--ur-dark)}.slot4-featured-copy a,.slot4-article-card a{color:inherit;text-decoration:none}.slot4-featured-copy p{color:#405780;line-height:1.58}.slot4-article-cta{background:linear-gradient(135deg,#f2f9ff,#fff)}.slot4-article-cta h3{font-size:28px;color:var(--ur-dark);line-height:1.05;margin:0 0 12px}.slot4-article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.slot4-article-card{background:#fff;border:1px solid var(--ur-line);border-radius:22px;box-shadow:0 12px 34px rgba(6,22,74,.07);overflow:hidden}.slot4-article-card img{width:100%;height:170px;object-fit:cover;display:block}.slot4-article-card div{padding:18px}.slot4-article-card h3{font-size:20px;line-height:1.22;color:var(--ur-dark);margin:10px 0 8px}.slot4-article-card p{font-size:14px;line-height:1.55;color:#516690;margin:0}.slot4-article-bottom-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:28px;background:var(--ur-line);border:1px solid var(--ur-line);border-radius:22px;overflow:hidden}.slot4-article-bottom-strip div{background:#fff;padding:20px}.slot4-article-bottom-strip strong{display:block;color:var(--ur-dark);font-size:16px}.slot4-article-bottom-strip span{display:block;color:var(--ur-muted);font-size:13px;margin-top:5px}.slot4-article-excerpt{font-size:20px;color:#405780}.slot4-article-content img{border-radius:24px;box-shadow:var(--ur-shadow)}.slot4-article-body h2{color:var(--ur-dark);font-size:28px;margin-top:28px}.slot4-article-body p{font-size:18px;line-height:1.75;color:#30466f}.slot4-article-aside{position:sticky;top:110px;height:max-content}
.slot4-home-growth-section{background:linear-gradient(180deg,#fff,#f3faff)}.slot4-home-growth-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.slot4-home-card{border:1px solid var(--ur-line);border-radius:30px;box-shadow:var(--ur-shadow);padding:34px;background:#fff;min-height:270px;position:relative;overflow:hidden}.slot4-home-card:after{content:"";position:absolute;right:-60px;bottom:-80px;width:220px;height:220px;border-radius:50%;background:rgba(8,117,255,.11)}.slot4-home-card h2{font-size:36px;color:var(--ur-dark);margin:10px 0}.slot4-home-card p{color:#405780;line-height:1.6;max-width:520px}.slot4-home-card.community{background:linear-gradient(135deg,#fff,#edf7ff)}.slot4-home-card.articles{background:linear-gradient(135deg,#fff,#f8fbff)}
.admin-filter-pills{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 18px}.admin-filter-pills a{background:#f2f7ff;border:1px solid #d8e8ff;border-radius:999px;padding:10px 14px;color:#12306b;text-decoration:none;font-weight:800}.admin-filter-pills a.active{background:var(--ur-blue);color:#fff;border-color:var(--ur-blue)}.admin-inline-filter{display:flex;gap:12px;align-items:end;margin:0 0 18px}.admin-inline-filter label{min-width:260px}.admin-badge{display:inline-block;background:#eaf5ff;color:var(--ur-blue);border-radius:999px;padding:3px 8px;margin-left:6px;font-size:11px;font-style:normal}.slot4-actions{gap:6px;flex-wrap:wrap}.slot4-actions button.approve{background:#e8fff3;color:#147342;border:0;border-radius:10px;padding:8px 10px;font-weight:800}.status-pill.pending-review{background:#fff2d8;color:#915400}.status-pill.approved{background:#e8fff3;color:#147342}.status-pill.rejected{background:#ffe9e9;color:#af1d2a}.status-pill.scheduled{background:#e8f1ff;color:#0b60e8}.check-row{display:flex!important;flex-direction:row!important;align-items:center;gap:10px}.check-row input{width:auto!important}.btn.full{display:flex;justify-content:center;width:100%}
@media(max-width:1100px){.slot4-community-hero-grid,.slot4-articles-hero-grid,.slot4-community-layout,.slot4-post-page-grid,.slot4-featured-article{grid-template-columns:1fr}.slot4-article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.slot4-article-bottom-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.slot4-article-aside{position:static}.slot4-search-panel{grid-template-columns:1fr 1fr}.slot4-search-panel button{grid-column:1/-1}.slot4-home-growth-grid{grid-template-columns:1fr}}
@media(max-width:720px){.slot4-community-hero,.slot4-articles-hero{padding:44px 0 28px}.slot4-community-card{grid-template-columns:1fr}.slot4-post-image{height:200px}.slot4-search-panel,.slot4-article-search{grid-template-columns:1fr}.slot4-article-grid,.slot4-article-bottom-strip{grid-template-columns:1fr}.slot4-post-full,.slot4-featured-copy,.slot4-article-cta,.slot4-side-card,.slot4-create-card{padding:20px}.slot4-section-head{display:block}.slot4-category-row{overflow-x:auto;flex-wrap:nowrap;padding-bottom:6px}.slot4-category-row a{white-space:nowrap}.slot4-community-hero h1,.slot4-articles-hero h1{font-size:42px}}

/* ===== SOURCE: assets/css/umrahroom-public-final.css ===== */
/* Slot 6B — Pixel Layout Rebuild for public website
   Goal: match the approved UmrahRoom mockups at 100% browser zoom. */
:root{
  --ur-blue:#0a73ff;
  --ur-blue-2:#0058e8;
  --ur-blue-soft:#eaf5ff;
  --ur-navy:#061846;
  --ur-text:#182b4f;
  --ur-muted:#647492;
  --ur-line:#dbeafe;
  --ur-card:#ffffff;
  --ur-bg:#f7fbff;
  --ur-green:#20c66b;
  --ur-radius:24px;
  --ur-shadow:0 18px 48px rgba(7,26,68,.09);
  --ur-shadow-sm:0 9px 26px rgba(7,26,68,.06);
  --container:1320px;
}
html,body{width:100%;max-width:100%;overflow-x:hidden!important;scroll-behavior:smooth}
body{background:linear-gradient(180deg,#f8fcff 0,#ffffff 360px,#f7fbff 100%)!important;color:var(--ur-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.55}
img,svg,video{max-width:100%;height:auto}
main,#mainContent{min-width:0;width:100%;overflow:hidden}
.site-container{width:min(var(--container),calc(100% - 56px))!important;max-width:var(--container)!important;margin-inline:auto!important}
.section{padding:70px 0!important}.section-soft{background:linear-gradient(180deg,#f7fbff,#fff)!important}.eyebrow{color:var(--ur-blue)!important;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.text-link{color:var(--ur-blue)!important;font-weight:900;text-decoration:none}.site-btn{min-height:44px;border-radius:999px!important;font-weight:900!important;letter-spacing:-.015em;white-space:nowrap}.site-btn.primary,.search-submit{background:linear-gradient(135deg,var(--ur-blue),var(--ur-blue-2))!important;color:#fff!important;box-shadow:0 13px 28px rgba(10,115,255,.21)!important;border-color:transparent!important}.site-btn.outline{border-color:#b9d7ff!important;color:var(--ur-blue)!important;background:#fff!important}.site-btn.soft{background:#edf7ff!important;color:var(--ur-blue)!important;border-color:#d9ecff!important}.site-btn.whatsapp{background:#20c66b!important;color:#fff!important}.site-btn:hover{transform:translateY(-1px)}

/* Header: compact mockup-like navigation, no horizontal overflow. */
.utility-bar{height:36px;background:linear-gradient(90deg,#061846,#0a73ff)!important;color:#fff!important;font-size:.82rem}.utility-bar-inner{height:36px;display:flex;justify-content:space-between;align-items:center;gap:18px}.utility-location,.utility-contact{display:flex;align-items:center;gap:10px;min-width:0}.utility-location svg{width:16px;height:16px}.utility-contact a{color:#fff!important;font-weight:900}.utility-whatsapp{background:#fff2!important;border:1px solid #fff4;border-radius:999px;padding:5px 11px}
.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.93)!important;border-bottom:1px solid rgba(214,231,251,.9)!important;backdrop-filter:blur(18px) saturate(160%);box-shadow:0 4px 18px rgba(7,26,68,.04)}
.nav-row{height:76px!important;min-height:76px!important;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;gap:18px!important;align-items:center!important}.site-brand{min-width:235px;display:flex;align-items:center;gap:12px}.site-brand img{width:52px!important;height:52px!important;border-radius:16px;box-shadow:0 12px 28px rgba(10,115,255,.18)}.brand-copy strong{font-size:1.17rem;font-weight:950;letter-spacing:-.045em;color:var(--ur-navy)}.brand-copy span{font-size:.72rem;font-weight:800;color:var(--ur-muted)}.site-nav{display:flex!important;align-items:center;justify-content:center;gap:5px!important;min-width:0;margin:0!important}.site-nav>a{padding:9px 12px!important;border-radius:999px;color:#19305b!important;font-size:.83rem!important;font-weight:850!important;white-space:nowrap}.site-nav>a:after{display:none!important}.site-nav>a:hover,.site-nav>a.active{background:#edf7ff!important;color:var(--ur-blue)!important}.nav-actions{display:flex;align-items:center;gap:9px!important;flex-shrink:0}.language-current{height:42px;border-radius:999px!important;border:1px solid var(--ur-line)!important;background:#fff!important;color:var(--ur-navy)!important;font-size:.85rem}.language-menu{right:0!important;border-radius:18px;border-color:var(--ur-line);box-shadow:var(--ur-shadow);overflow:hidden}.nav-whatsapp{width:43px!important;height:43px!important;border-radius:15px!important;background:#e9fff4!important;color:#10a85a!important;border:1px solid #c5f4dd!important;display:grid!important;place-items:center}.nav-whatsapp svg{width:21px;height:21px}.partner-nav-link{border:1px solid var(--ur-line);background:#fff;color:var(--ur-navy);border-radius:999px;padding:10px 14px;font-weight:850;text-decoration:none;white-space:nowrap}.nav-toggle{display:none!important}

/* Home hero + search. */
.signature-hero,.v6-hero{min-height:570px!important;background:#f4faff!important;color:var(--ur-navy)!important}.signature-hero-media img{filter:saturate(1.04);opacity:.78}.signature-hero-media:after{background:linear-gradient(90deg,rgba(248,252,255,.98) 0%,rgba(248,252,255,.96) 38%,rgba(248,252,255,.65) 63%,rgba(248,252,255,.18) 100%)!important}.signature-hero-grid,.v6-hero-grid{min-height:570px!important;padding:58px 0 120px!important;grid-template-columns:minmax(0,640px) minmax(330px,420px)!important;gap:54px!important}.signature-hero h1{font-size:clamp(3.2rem,5.2vw,5.6rem)!important;line-height:.95!important;letter-spacing:-.075em!important;color:var(--ur-navy)!important}.signature-hero h1 em{font-style:normal;color:var(--ur-blue)!important}.signature-hero-copy>p{color:#384c76!important;font-size:1.08rem!important;max-width:610px}.hero-kicker{background:#eaf5ff!important;color:var(--ur-blue)!important;border:1px solid #cfe8ff!important}.hero-assurance span{background:#fff!important;border:1px solid var(--ur-line)!important;color:var(--ur-text)!important;box-shadow:var(--ur-shadow-sm)}.featured-stay-card{background:rgba(255,255,255,.9)!important;border:1px solid rgba(255,255,255,.75)!important;border-radius:30px!important;box-shadow:var(--ur-shadow)!important}.search-dock{margin-top:-72px!important;position:relative;z-index:12}.signature-search,.search-bar{border:1px solid var(--ur-line)!important;border-radius:24px!important;background:#fff!important;padding:12px!important;box-shadow:var(--ur-shadow)!important;display:grid!important;grid-template-columns:1.1fr 1fr 1fr .8fr .7fr 200px!important;gap:0!important}.search-field{padding:9px 14px!important;border-right:1px solid #e4eefb!important;min-width:0}.search-field label{font-size:.66rem!important;letter-spacing:.08em;color:var(--ur-muted)!important}.field-icon{color:var(--ur-blue)!important}.search-submit{height:58px!important;align-self:center;border-radius:18px!important;display:flex!important;align-items:center;justify-content:center;gap:9px;border:0}.trust-strip-v6{background:#fff!important;border-top:1px solid #edf3fb!important;border-bottom:1px solid #edf3fb!important}.trust-strip-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important}.trust-strip-grid>div{padding:18px 16px!important;background:#fff!important;border-right:1px solid #eef3fb}.trust-strip-grid>div:last-child{border-right:0}.trust-icon{background:linear-gradient(135deg,var(--ur-blue),#62b6ff)!important;color:#fff!important;border-radius:16px!important}

/* Section headings and homepage cards. */
.section-heading h2,.compact-heading h2,.heading-action h2{color:var(--ur-navy)!important;font-weight:950;letter-spacing:-.055em}.section-heading p,.heading-action p{color:var(--ur-muted)!important}.hotel-grid,.featured-hotel-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important}.featured-section .slot2-hotel-card,.hotel-grid .slot2-hotel-card{height:100%}.destination-card,.stay-type-grid a,.need-card,.benefit,.public-form,.partner-form-card,.slot1-feature-card,.filter-panel{border-radius:24px!important;border:1px solid var(--ur-line)!important;background:#fff!important;box-shadow:var(--ur-shadow-sm)!important}.destination-card,.stay-type-grid a{overflow:hidden}.footer-cta{background:linear-gradient(135deg,#061846,#0a73ff)!important}.site-footer{background:#061846!important;color:#dbeafe!important}.footer-grid a,.site-footer a{color:#dbeafe!important}.footer-grid h3{color:#fff!important}.floating-actions{right:18px!important;bottom:84px!important}.float-action{box-shadow:0 18px 42px rgba(7,26,68,.22)!important}

/* Inventory / Makkah / Madinah page: full-width mockup layout. */
.slot2-inventory-hero,.slot2-hotel-detail-hero{position:relative;overflow:hidden;background:linear-gradient(90deg,#f8fcff 0%,#f8fcff 45%,#e8f5ff 100%)!important;padding:70px 0 130px!important}.slot2-inventory-hero:before,.slot2-hotel-detail-hero:before{opacity:.34!important;right:-40px!important;width:58%!important;background-position:center!important}.slot2-inventory-hero:after,.slot2-hotel-detail-hero:after{display:none!important}.slot2-hero-grid{display:grid!important;grid-template-columns:minmax(0,1fr) 370px!important;gap:36px!important;align-items:center!important}.slot2-inventory-hero h1,.slot2-detail-summary h1{font-size:clamp(3.2rem,5.2vw,5.4rem)!important;line-height:.92!important;color:var(--ur-navy)!important;letter-spacing:-.075em!important;max-width:760px}.slot2-inventory-hero p{font-size:1.08rem;line-height:1.7;max-width:740px;color:#40557e}.slot2-hero-pills{gap:12px!important}.slot2-hero-pills span{background:#fff!important;border-color:var(--ur-line)!important;border-radius:999px!important;box-shadow:var(--ur-shadow-sm)!important;color:var(--ur-navy)!important}.slot2-hero-card{background:rgba(255,255,255,.9)!important;border:1px solid rgba(255,255,255,.9)!important;border-radius:28px!important;box-shadow:var(--ur-shadow)!important;color:var(--ur-text)!important}.slot2-search-bar{margin-top:-72px!important;display:grid!important;grid-template-columns:220px minmax(220px,1fr) 190px 210px!important;gap:10px!important;border-radius:24px!important;border:1px solid var(--ur-line)!important;box-shadow:var(--ur-shadow)!important;background:#fff!important;padding:12px!important}.slot2-search-bar label{border-radius:17px!important;background:#fbfdff!important;border-color:#e3efff!important}.slot2-search-bar button{border-radius:17px!important}.slot2-tabs{margin:28px 0 22px!important}.slot2-tabs a{border-radius:999px!important;background:#fff!important;border-color:var(--ur-line)!important;box-shadow:var(--ur-shadow-sm)!important}.slot2-tabs a.active,.slot2-tabs a:hover{background:linear-gradient(135deg,var(--ur-blue),var(--ur-blue-2))!important;color:#fff!important}.filter-toggle{display:none!important}.slot2-layout{display:grid!important;grid-template-columns:300px minmax(0,1fr)!important;gap:24px!important;align-items:start}.slot2-filter-panel{position:sticky!important;top:120px!important;border-radius:22px!important;padding:20px!important;box-shadow:var(--ur-shadow-sm)!important;background:#fff!important;border:1px solid var(--ur-line)!important}.slot2-filter-panel h2{font-size:1.1rem;color:var(--ur-navy);margin-top:0}.slot2-filter-panel .filter-group span.title{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ur-muted);font-weight:900}.slot2-results{min-width:0}.slot2-results-head{align-items:center!important}.slot2-results-head h2{font-size:1.45rem;color:var(--ur-navy)}.slot2-inventory-list{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}.slot2-hotel-card{display:flex!important;flex-direction:column!important;background:#fff!important;border:1px solid var(--ur-line)!important;border-radius:22px!important;overflow:hidden!important;box-shadow:var(--ur-shadow-sm)!important;min-width:0;height:auto!important;transition:.2s ease}.slot2-hotel-card:hover{transform:translateY(-3px)!important;box-shadow:var(--ur-shadow)!important}.slot2-hotel-photo{height:190px!important;min-height:190px!important;width:100%!important;flex:0 0 auto}.slot2-hotel-photo img{width:100%!important;height:100%!important;object-fit:cover!important}.slot2-city-pill,.slot2-access-pill{border-radius:999px!important;font-size:.74rem!important;padding:7px 10px!important}.slot2-hotel-content{padding:16px!important;gap:11px!important;display:flex!important;flex-direction:column!important;flex:1}.slot2-hotel-title-row{display:block!important}.slot2-hotel-title-row h3{font-size:1rem!important;line-height:1.25!important;margin-bottom:5px!important;color:var(--ur-navy)!important}.slot2-location{font-size:.81rem!important;line-height:1.35!important}.slot2-verified{margin-top:9px;font-size:.72rem!important;padding:6px 9px!important;display:inline-flex!important}.slot2-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.82rem!important;line-height:1.5!important}.slot2-chip-row{gap:6px!important}.slot2-chip-row span{font-size:.70rem!important;padding:5px 8px!important}.slot2-info-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}.slot2-info-grid div{padding:9px!important;border-radius:13px!important}.slot2-info-grid div:nth-child(3){grid-column:1/-1}.slot2-info-grid small{font-size:.61rem!important}.slot2-info-grid strong{font-size:.76rem!important}.slot2-rate-area{display:block!important;padding:12px!important;border-radius:16px!important}.slot2-rate-area strong{font-size:1.25rem!important}.slot2-extra-bed{display:inline-flex!important;margin-top:8px;font-size:.72rem!important}.slot2-note{font-size:.76rem!important;line-height:1.35!important;padding:9px 10px!important;border-radius:14px!important}.slot2-card-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:auto}.slot2-card-actions .site-btn{font-size:.76rem!important;min-height:40px!important;padding:0 10px!important;width:100%;white-space:normal;text-align:center}.slot2-inventory-section{padding-top:0!important;background:#fbfdff!important}

/* Hotel detail page compact full layout. */
.slot2-detail-grid{display:grid!important;grid-template-columns:minmax(0,1fr) 460px!important;gap:28px!important;align-items:center}.slot2-detail-photo-card{border-radius:26px!important}.slot2-detail-photo-card img{height:430px!important;min-height:430px!important;object-fit:cover}.slot2-detail-summary{border-radius:26px!important;padding:26px!important}.slot2-detail-summary h1{font-size:clamp(2.5rem,4vw,4.2rem)!important}.slot2-detail-content-grid{display:grid!important;grid-template-columns:minmax(0,1fr) 340px!important;gap:22px}.slot2-panel{border-radius:22px!important;border-color:var(--ur-line)!important;box-shadow:var(--ur-shadow-sm)!important}.slot2-room-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.slot2-sticky-card{top:120px!important}

/* Rates page. */
.slot3-rates-hero{padding:70px 0 120px!important}.slot3-filter-card{margin-top:-70px!important;border-radius:24px!important;box-shadow:var(--ur-shadow)!important}.slot3-rate-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}.slot3-rate-card{border-radius:22px!important;border-color:var(--ur-line)!important;box-shadow:var(--ur-shadow-sm)!important;min-width:0}.slot3-rate-photo{height:180px!important}.slot3-rate-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:8px}.slot3-rate-actions .site-btn{min-height:40px;font-size:.78rem}

/* Community / articles fixes. */
.slot4-community-hero,.slot4-articles-hero{padding:70px 0 120px!important;background:linear-gradient(90deg,#f8fcff 0%,#f8fcff 45%,#eaf5ff 100%)!important;color:var(--ur-navy)!important}.slot4-community-hero h1,.slot4-articles-hero h1{font-size:clamp(3.3rem,5.5vw,5.5rem)!important;line-height:.93!important;letter-spacing:-.07em!important}.slot4-community-hero p,.slot4-articles-hero p{color:#3b4f78!important}.slot4-search-panel{margin-top:-70px!important;background:#fff!important;border:1px solid var(--ur-line)!important;border-radius:24px!important;box-shadow:var(--ur-shadow)!important}.slot4-category-row{gap:9px!important;overflow-x:auto;padding-bottom:4px}.slot4-category-row a{border-radius:999px!important;background:#fff!important;box-shadow:var(--ur-shadow-sm)!important;white-space:nowrap}.slot4-community-layout{grid-template-columns:minmax(0,1fr) 360px!important;gap:24px!important}.slot4-community-card,.slot4-side-card,.slot4-create-card,.slot4-article-card,.slot4-featured-article{border-radius:22px!important;border-color:var(--ur-line)!important;box-shadow:var(--ur-shadow-sm)!important}.slot4-post-image{width:170px!important;min-height:140px!important}.slot4-article-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}.slot4-article-card img{height:170px!important;object-fit:cover}

/* RTL: correct direction without breaking layout. */
.dir-rtl{text-align:right}.dir-rtl .site-nav,.dir-rtl .nav-actions,.dir-rtl .utility-contact,.dir-rtl .hero-actions{direction:rtl}.dir-rtl .language-menu{right:auto!important;left:0!important}.dir-rtl .search-field{border-right:0!important;border-left:1px solid #e4eefb!important}.dir-rtl .search-field:last-of-type{border-left:0!important}.dir-rtl .slot2-city-pill,.dir-rtl .slot2-access-pill{left:auto!important;right:14px!important}

/* Breakpoints */
@media (max-width:1280px){
  .site-container{width:min(1200px,calc(100% - 42px))!important}.site-brand{min-width:215px}.site-nav>a{font-size:.78rem!important;padding-inline:9px!important}.partner-nav-link{display:none}.site-btn.compact{padding-inline:13px;font-size:.8rem}.slot2-inventory-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}.hotel-grid,.featured-hotel-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.slot3-rate-list{grid-template-columns:1fr!important}
}
@media (max-width:1050px){
  .utility-bar{display:none}.site-header{top:0}.nav-row{display:flex!important;height:70px!important;min-height:70px!important}.site-brand{min-width:auto}.site-nav{position:fixed;left:16px;right:16px;top:82px;display:none!important;background:#fff;border:1px solid var(--ur-line);box-shadow:var(--ur-shadow);border-radius:22px;padding:12px;z-index:1000;max-height:calc(100vh - 110px);overflow:auto}.site-nav.open{display:grid!important;grid-template-columns:1fr!important}.site-nav>a{padding:13px 14px!important;border-radius:14px!important}.nav-toggle{display:grid!important;margin-left:auto}.nav-actions{display:flex}.language-switcher,.partner-nav-link,.nav-actions .site-btn.compact{display:none!important}.nav-whatsapp{display:grid!important}.signature-hero-grid,.v6-hero-grid,.slot2-hero-grid,.slot2-detail-grid{grid-template-columns:1fr!important}.featured-stay-card,.slot2-hero-card{display:none}.signature-hero,.v6-hero{min-height:520px!important}.signature-hero-grid,.v6-hero-grid{min-height:520px!important;padding:52px 0 110px!important}.signature-search,.search-bar,.slot2-search-bar{grid-template-columns:1fr 1fr!important}.slot2-layout{grid-template-columns:1fr!important}.slot2-filter-panel,.slot2-sticky-card{position:static!important}.slot2-inventory-hero,.slot2-hotel-detail-hero,.slot4-community-hero,.slot4-articles-hero{padding:56px 0 110px!important}.slot2-inventory-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}.slot2-detail-content-grid,.slot4-community-layout{grid-template-columns:1fr!important}.slot4-community-sidebar{order:2}.trust-strip-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.slot4-article-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:720px){
  .site-container{width:min(100% - 28px,600px)!important}.site-brand img{width:46px!important;height:46px!important}.brand-copy strong{font-size:1.04rem}.brand-copy span{display:none}.signature-hero h1,.slot2-inventory-hero h1,.slot4-community-hero h1,.slot4-articles-hero h1{font-size:2.75rem!important}.signature-hero-copy>p,.slot2-inventory-hero p{font-size:.97rem!important}.signature-search,.search-bar,.slot2-search-bar{grid-template-columns:1fr!important;margin-top:-58px!important}.search-field{border-right:0!important;border-bottom:1px solid #e4eefb!important}.search-field:last-of-type{border-bottom:0!important}.trust-strip-grid,.hotel-grid,.featured-hotel-grid,.slot2-inventory-list,.slot3-rate-list,.slot4-article-grid{grid-template-columns:1fr!important}.slot2-hotel-photo{height:220px!important}.slot2-card-actions{grid-template-columns:1fr!important}.slot2-info-grid{grid-template-columns:1fr!important}.slot2-info-grid div:nth-child(3){grid-column:auto}.slot2-detail-photo-card img{height:310px!important;min-height:310px!important}.slot2-room-grid{grid-template-columns:1fr!important}.slot4-search-panel{grid-template-columns:1fr!important}.slot4-community-card{display:block!important}.slot4-post-image{width:100%!important;height:190px!important}.footer-cta-inner,.cta-actions{display:grid!important}.floating-actions{display:none}.mobile-sticky-actions{display:grid!important}
}
@media (max-width:460px){.site-container{width:min(100% - 22px,420px)!important}.section{padding:54px 0!important}.slot2-inventory-hero,.slot2-hotel-detail-hero,.slot4-community-hero,.slot4-articles-hero{padding:42px 0 95px!important}.slot2-hotel-content{padding:14px!important}.slot2-filter-panel{padding:16px!important}.slot3-rate-actions{grid-template-columns:1fr}.hero-assurance{display:grid!important}.slot2-hero-pills{display:grid!important}.slot2-hero-pills span{justify-content:center;text-align:center}.slot4-category-row{display:flex!important}}

/* Slot 6C Inventory emergency rebuild: prevents card squeeze / RTL grid flip / price-date joining */
html,body{max-width:100%;overflow-x:hidden!important;}
.urx-container{width:min(1320px,calc(100% - 48px));margin-inline:auto;direction:ltr;text-align:left;}
.urx-inventory-hero{position:relative;overflow:hidden;background:linear-gradient(90deg,#f8fcff 0%,#f8fcff 52%,#e6f4ff 100%);padding:64px 0 118px;}
.urx-inventory-hero:after{content:"";position:absolute;inset:0;background:url('../images/hero-makkah-premium.jpg') right center/auto 100% no-repeat;opacity:.18;pointer-events:none;}
.urx-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:36px;align-items:center;}
.urx-hero-copy h1{font-size:clamp(3rem,5vw,5.25rem);line-height:.93;margin:14px 0 18px;color:#061846;letter-spacing:-.075em;font-weight:950;}
.urx-hero-copy p{max-width:760px;color:#3f557d;font-size:1.1rem;line-height:1.72;margin:0;}
.urx-hero-pills{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px;}
.urx-hero-pills span{display:inline-flex;align-items:center;padding:12px 17px;border-radius:999px;background:#fff;border:1px solid #dceaff;box-shadow:0 8px 22px rgba(7,26,68,.06);color:#061846;font-weight:850;}
.urx-hero-card{background:rgba(255,255,255,.92);border:1px solid rgba(216,234,255,.95);border-radius:28px;padding:28px;box-shadow:0 20px 55px rgba(7,26,68,.12);}
.urx-hero-card strong{font-size:1.25rem;color:#061846;display:block;margin-bottom:14px;}
.urx-hero-card ul{list-style:none;margin:0;padding:0;display:grid;gap:14px;}
.urx-hero-card li{color:#30496f;font-weight:750;}
.urx-hero-card li:before{content:"✓";display:inline-grid;place-items:center;width:24px;height:24px;background:#e8f4ff;color:#0874ff;border-radius:50%;margin-right:10px;font-weight:950;}
.urx-inventory-section{background:#fbfdff;padding:0 0 78px;}
.urx-search-bar{position:relative;z-index:2;margin-top:-66px;display:grid;grid-template-columns:220px minmax(260px,1fr) 170px 170px 190px;gap:10px;background:#fff;border:1px solid #dceaff;border-radius:24px;padding:12px;box-shadow:0 22px 60px rgba(7,26,68,.12);}
.urx-search-bar label{display:grid;gap:6px;background:#fbfdff;border:1px solid #e4f0ff;border-radius:17px;padding:12px 14px;}
.urx-search-bar label span{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:#64769a;}
.urx-search-bar input,.urx-search-bar select,.urx-filter-strip select{width:100%;border:0;background:transparent;outline:0;color:#061846;font-weight:850;font-size:.95rem;min-width:0;}
.urx-primary-button,.urx-secondary-button,.urx-outline-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;border-radius:14px;border:0;text-decoration:none;font-weight:900;cursor:pointer;white-space:nowrap;}
.urx-primary-button{background:linear-gradient(135deg,#0874ff,#005ce6);color:#fff!important;box-shadow:0 12px 24px rgba(8,116,255,.18);padding:0 18px;}
.urx-secondary-button{background:#061846;color:#fff!important;padding:0 18px;}
.urx-outline-button{background:#fff;color:#0874ff!important;border:1px solid #b9d8ff;padding:0 18px;}
.urx-tabs{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0 20px;}
.urx-tabs a{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:#061846;background:#fff;border:1px solid #dceaff;border-radius:999px;padding:13px 19px;font-weight:950;box-shadow:0 8px 22px rgba(7,26,68,.05);}
.urx-tabs a.active{background:linear-gradient(135deg,#0874ff,#005ce6);color:#fff!important;}
.urx-tabs b{font-size:.78rem;opacity:.86;}
.urx-filter-strip{background:#fff;border:1px solid #dceaff;border-radius:22px;padding:14px;box-shadow:0 10px 28px rgba(7,26,68,.06);margin-bottom:22px;}
.urx-filter-strip form{display:grid;grid-template-columns:repeat(5,minmax(0,1fr)) auto auto;gap:10px;align-items:center;}
.urx-filter-strip select{min-height:46px;border:1px solid #dceaff;border-radius:13px;padding:0 12px;background:#fbfdff;}
.urx-reset-link{color:#0874ff;font-weight:900;text-decoration:none;padding:0 12px;}
.urx-results-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin:18px 0;}
.urx-results-head h2{margin:0 0 6px;color:#061846;font-size:1.45rem;font-weight:950;letter-spacing:-.04em;}
.urx-results-head p{margin:0;color:#5b6f96;max-width:760px;line-height:1.55;}
.urx-whatsapp-link{color:#0874ff;text-decoration:none;font-weight:950;white-space:nowrap;}
.urx-hotel-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important;direction:ltr!important;align-items:stretch!important;}
.urx-hotel-card{display:flex!important;flex-direction:column!important;width:100%!important;min-width:0!important;height:100%!important;background:#fff!important;border:1px solid #dceaff!important;border-radius:24px!important;overflow:hidden!important;box-shadow:0 10px 28px rgba(7,26,68,.07)!important;transform:none!important;}
.urx-card-photo{position:relative;display:block!important;height:205px!important;width:100%!important;overflow:hidden;background:#eef7ff;flex:0 0 auto!important;}
.urx-card-photo img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;transform:none!important;}
.urx-city-pill{position:absolute;left:14px;top:14px;background:#fff;color:#0874ff;border:1px solid rgba(255,255,255,.9);border-radius:999px;padding:8px 12px;font-weight:950;font-size:.78rem;box-shadow:0 10px 22px rgba(7,26,68,.12);}
.urx-card-body{display:flex!important;flex-direction:column!important;gap:12px!important;padding:17px!important;flex:1 1 auto!important;min-width:0!important;}
.urx-card-title-row{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;gap:12px!important;min-width:0;}
.urx-card-title-row h3{margin:0 0 6px!important;color:#061846!important;font-size:1.05rem!important;line-height:1.24!important;font-weight:950!important;letter-spacing:-.035em!important;}
.urx-card-title-row h3 a{color:inherit!important;text-decoration:none!important;}
.urx-location{margin:0!important;color:#65779b!important;font-size:.85rem!important;font-weight:750!important;line-height:1.35!important;}
.urx-verified{display:inline-flex!important;align-items:center!important;justify-content:center!important;background:#e8fff2!important;color:#13864d!important;border-radius:999px!important;padding:7px 10px!important;font-weight:950!important;font-size:.72rem!important;white-space:nowrap!important;}
.urx-description{margin:0!important;color:#40577e!important;line-height:1.5!important;font-size:.86rem!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.urx-chip-row{display:flex!important;flex-wrap:wrap!important;gap:7px!important;}
.urx-chip-row span{display:inline-flex!important;align-items:center!important;border-radius:999px!important;background:#edf6ff!important;border:1px solid #d6eaff!important;color:#075fdc!important;font-size:.72rem!important;font-weight:900!important;padding:6px 9px!important;line-height:1!important;}
.urx-rate-box{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important;background:linear-gradient(135deg,#eff8ff,#fff)!important;border:1px solid #dceeff!important;border-radius:18px!important;padding:13px 14px!important;margin-top:auto!important;}
.urx-rate-box small{display:block!important;color:#667897!important;font-size:.7rem!important;line-height:1.2!important;text-transform:uppercase!important;letter-spacing:.04em!important;font-weight:950!important;}
.urx-rate-box strong{display:block!important;color:#0874ff!important;font-size:1.45rem!important;line-height:1.05!important;font-weight:950!important;letter-spacing:-.05em!important;white-space:nowrap!important;}
.urx-rate-box em{display:block!important;color:#5a6e92!important;font-style:normal!important;font-size:.8rem!important;line-height:1.35!important;margin-top:4px!important;}
.urx-rate-box span{display:inline-flex!important;align-items:center!important;border-radius:999px!important;background:#fff!important;border:1px solid #dceaff!important;padding:7px 10px!important;color:#061846!important;font-size:.72rem!important;font-weight:900!important;white-space:nowrap!important;}
.urx-card-note{border-radius:14px;background:#f7fbff;border:1px dashed #b8d9ff;color:#30496f;font-weight:850;font-size:.8rem;padding:10px 12px;}
.urx-card-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important;}
.urx-card-actions .urx-primary-button,.urx-card-actions .urx-outline-button{min-height:42px!important;font-size:.78rem!important;padding:0 10px!important;}
/* Force old Slot 2 layout not to create a reversed/sidebar squeeze if old markup is cached */
.slot2-layout{direction:ltr!important;grid-template-columns:minmax(0,1fr)!important;}
.slot2-layout>.slot2-filter-panel{display:none!important;}
.slot2-layout>.slot2-results{grid-column:1/-1!important;width:100%!important;min-width:0!important;}
.slot2-layout .slot2-inventory-list{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important;width:100%!important;direction:ltr!important;}
@media(max-width:1100px){
  .urx-container{width:min(100% - 36px,1060px);}
  .urx-hero-grid{grid-template-columns:1fr;}
  .urx-hero-card{max-width:560px;}
  .urx-search-bar{grid-template-columns:1fr 1fr;}
  .urx-search-bar .urx-primary-button{grid-column:1/-1;}
  .urx-filter-strip form{grid-template-columns:1fr 1fr 1fr;}
  .urx-hotel-grid,.slot2-layout .slot2-inventory-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:720px){
  .urx-container{width:min(100% - 24px,560px);}
  .urx-inventory-hero{padding:42px 0 98px;}
  .urx-hero-copy h1{font-size:2.75rem;}
  .urx-search-bar{grid-template-columns:1fr;margin-top:-60px;}
  .urx-filter-strip form{grid-template-columns:1fr;}
  .urx-results-head{display:grid;}
  .urx-hotel-grid,.slot2-layout .slot2-inventory-list{grid-template-columns:1fr!important;}
  .urx-card-photo{height:230px!important;}
  .urx-card-actions{grid-template-columns:1fr!important;}
  .urx-rate-box{grid-template-columns:1fr!important;}
}

/* ===== SOURCE: assets/css/umrahroom-slot6d-force.css ===== */
/* Slot 6D forced inventory/admin hotfix. Loaded last with cache-busting version. */
html,body{max-width:100%;overflow-x:hidden!important;background:#fbfdff!important}
body{font-family:Inter,'Plus Jakarta Sans',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;color:#071a44!important}
.ur6d-container{width:min(1320px,calc(100% - 56px));margin-inline:auto;box-sizing:border-box}
.ur6d-hero{position:relative;overflow:hidden;background:linear-gradient(90deg,#f8fcff 0%,#f8fcff 47%,#e9f6ff 100%);padding:56px 0 110px;border-bottom:1px solid #dceaff}
.ur6d-hero:before{content:"";position:absolute;inset:0;background:url('../images/hero-makkah-premium.jpg') right center/auto 100% no-repeat;opacity:.16;pointer-events:none}
.ur6d-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:32px;align-items:center}
.ur6d-eyebrow{display:inline-flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.16em;color:#0874ff;font-weight:950;font-size:.8rem;margin-bottom:12px}
.ur6d-hero h1{font-size:clamp(3rem,5vw,5.3rem);line-height:.92;margin:0 0 18px;color:#061846;letter-spacing:-.075em;font-weight:950}
.ur6d-hero p{max-width:780px;margin:0;color:#41577e;font-size:1.08rem;line-height:1.72}
.ur6d-pill-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}
.ur6d-pill-row span{display:inline-flex;align-items:center;padding:11px 15px;border-radius:999px;background:#fff;border:1px solid #dceaff;box-shadow:0 8px 22px rgba(7,26,68,.06);color:#061846;font-weight:850}
.ur6d-side-card{background:rgba(255,255,255,.93);border:1px solid #dceaff;border-radius:28px;padding:24px;box-shadow:0 18px 48px rgba(7,26,68,.12)}
.ur6d-side-card strong{display:block;color:#061846;font-size:1.15rem;margin-bottom:12px}.ur6d-side-card ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}.ur6d-side-card li{font-weight:800;color:#435a82}.ur6d-side-card li:before{content:"✓";display:inline-grid;place-items:center;width:22px;height:22px;margin-right:9px;background:#e7f3ff;color:#0874ff;border-radius:50%;font-weight:950}
.ur6d-main{padding:0 0 76px;background:#fbfdff}.ur6d-search-panel{position:relative;z-index:3;margin-top:-58px;background:#fff;border:1px solid #dceaff;border-radius:26px;padding:14px;box-shadow:0 22px 58px rgba(7,26,68,.13);display:grid;grid-template-columns:220px minmax(260px,1fr) 170px 170px 190px;gap:10px;align-items:stretch}
.ur6d-field{display:grid;gap:6px;background:#fbfdff;border:1px solid #e5f0ff;border-radius:17px;padding:12px 14px;min-width:0}.ur6d-field span{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;font-weight:950;color:#657897}.ur6d-field input,.ur6d-field select{width:100%;border:0;outline:0;background:transparent;color:#061846;font-weight:900;font-size:.95rem;min-width:0}.ur6d-btn,.ur6d-btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;border-radius:15px;font-weight:950;min-height:48px;padding:0 18px;white-space:nowrap;border:0;cursor:pointer}.ur6d-btn{background:linear-gradient(135deg,#0874ff,#005ce6);color:#fff!important;box-shadow:0 13px 26px rgba(8,116,255,.18)}.ur6d-btn-outline{background:#fff;color:#0874ff!important;border:1px solid #b8d9ff}.ur6d-tabs{display:flex;gap:12px;flex-wrap:wrap;margin:32px 0 20px}.ur6d-tabs a{display:inline-flex;gap:10px;text-decoration:none;align-items:center;background:#fff;border:1px solid #dceaff;border-radius:999px;padding:13px 19px;color:#061846;font-weight:950;box-shadow:0 8px 22px rgba(7,26,68,.05)}.ur6d-tabs a.active{background:linear-gradient(135deg,#0874ff,#005ce6);color:#fff!important}.ur6d-tabs b{font-size:.78rem;opacity:.85}
.ur6d-filter-strip{background:#fff;border:1px solid #dceaff;border-radius:22px;padding:14px;margin-bottom:22px;box-shadow:0 10px 28px rgba(7,26,68,.06)}.ur6d-filter-strip form{display:grid;grid-template-columns:repeat(5,minmax(0,1fr)) auto auto;gap:10px;align-items:center}.ur6d-filter-strip select{min-height:46px;border:1px solid #dceaff;border-radius:13px;background:#fbfdff;padding:0 12px;color:#061846;font-weight:850;min-width:0}.ur6d-reset{color:#0874ff!important;text-decoration:none;font-weight:950;padding:0 12px}.ur6d-results-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin:18px 0}.ur6d-results-head h2{margin:0 0 6px;color:#061846;font-size:1.45rem;letter-spacing:-.04em;font-weight:950}.ur6d-results-head p{margin:0;line-height:1.55;color:#5b6f96;max-width:780px}.ur6d-whatsapp-link{color:#0874ff!important;text-decoration:none;font-weight:950;white-space:nowrap}.ur6d-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important;align-items:stretch!important;width:100%!important;clear:both!important}.ur6d-card{display:flex!important;flex-direction:column!important;width:100%!important;min-width:0!important;height:100%!important;background:#fff!important;border:1px solid #dceaff!important;border-radius:24px!important;overflow:hidden!important;box-shadow:0 10px 28px rgba(7,26,68,.07)!important}.ur6d-photo{position:relative;display:block!important;height:205px!important;width:100%!important;background:#eef7ff;overflow:hidden;flex:0 0 auto}.ur6d-photo img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}.ur6d-city-pill{position:absolute;left:14px;top:14px;background:#fff;color:#0874ff;border-radius:999px;padding:8px 12px;font-weight:950;font-size:.78rem;box-shadow:0 10px 22px rgba(7,26,68,.12)}.ur6d-body{display:flex!important;flex-direction:column!important;gap:12px!important;padding:17px!important;flex:1;min-width:0}.ur6d-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.ur6d-title-row h3{margin:0 0 6px!important;color:#061846!important;font-size:1.05rem!important;line-height:1.24!important;font-weight:950!important;letter-spacing:-.035em!important}.ur6d-title-row h3 a{text-decoration:none;color:inherit!important}.ur6d-location{margin:0!important;color:#65779b!important;font-size:.85rem!important;font-weight:800!important;line-height:1.35!important}.ur6d-verified{display:inline-flex;background:#e8fff2;color:#13864d;border-radius:999px;padding:7px 10px;font-size:.72rem;font-weight:950;white-space:nowrap}.ur6d-desc{margin:0!important;color:#40577e!important;font-size:.86rem!important;line-height:1.5!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ur6d-chips{display:flex;flex-wrap:wrap;gap:7px}.ur6d-chips span{display:inline-flex;align-items:center;border-radius:999px;background:#edf6ff;border:1px solid #d6eaff;color:#075fdc;font-size:.72rem;font-weight:900;padding:6px 9px;line-height:1}.ur6d-rate{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;background:linear-gradient(135deg,#eff8ff,#fff);border:1px solid #dceeff;border-radius:18px;padding:13px 14px;margin-top:auto}.ur6d-rate small{display:block;color:#667897;font-size:.7rem;line-height:1.2;text-transform:uppercase;letter-spacing:.04em;font-weight:950}.ur6d-rate strong{display:block;color:#0874ff;font-size:1.48rem;line-height:1.05;font-weight:950;letter-spacing:-.05em;white-space:nowrap}.ur6d-rate em{display:block;color:#5a6e92;font-style:normal;font-size:.8rem;line-height:1.35;margin-top:5px}.ur6d-extra{display:inline-flex;align-items:center;border-radius:999px;background:#fff;border:1px solid #dceaff;padding:7px 10px;color:#061846;font-size:.72rem;font-weight:900;white-space:nowrap}.ur6d-note{border-radius:14px;background:#f7fbff;border:1px dashed #b8d9ff;color:#30496f;font-weight:850;font-size:.8rem;padding:10px 12px}.ur6d-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.ur6d-actions .ur6d-btn,.ur6d-actions .ur6d-btn-outline{min-height:42px;font-size:.78rem;padding:0 10px}
/* kill the broken old left-column/right-filter layout if it is still on a page */
.slot2-layout{display:block!important;grid-template-columns:none!important;width:100%!important}.slot2-filter-panel{display:none!important}.slot2-results{width:100%!important;min-width:0!important}.slot2-inventory-list{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important;width:100%!important}.slot2-hotel-card{min-width:0!important;width:100%!important}.filter-panel,.listing-layout aside{max-width:100%!important}.inquiry-modal:not(.open),.quick-view-modal:not(.open),[data-inquiry-modal]:not(.open){display:none!important;visibility:hidden!important}
@media(max-width:1100px){.ur6d-container{width:min(100% - 36px,1060px)}.ur6d-hero-grid{grid-template-columns:1fr}.ur6d-side-card{max-width:580px}.ur6d-search-panel{grid-template-columns:1fr 1fr}.ur6d-search-panel .ur6d-btn{grid-column:1/-1}.ur6d-filter-strip form{grid-template-columns:1fr 1fr 1fr}.ur6d-grid,.slot2-inventory-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:720px){.ur6d-container{width:min(100% - 24px,560px)}.ur6d-hero{padding:42px 0 98px}.ur6d-hero h1{font-size:2.75rem}.ur6d-search-panel{grid-template-columns:1fr;margin-top:-60px}.ur6d-filter-strip form{grid-template-columns:1fr}.ur6d-results-head{display:grid}.ur6d-grid,.slot2-inventory-list{grid-template-columns:1fr!important}.ur6d-photo{height:230px!important}.ur6d-actions{grid-template-columns:1fr}.ur6d-rate{grid-template-columns:1fr}.ur6d-title-row{display:grid}.ur6d-verified{justify-self:start}}

/* ===== SOURCE: assets/css/umrahroom-slot6e-exact.css ===== */
/* Slot 6E Exact Mockup UI Rebuild — Inventory first. Loaded last. */
body.ur6e-exact{
  --ur-blue:#0874ff;
  --ur-blue-2:#005ce6;
  --ur-navy:#061846;
  --ur-text:#30486f;
  --ur-muted:#66789a;
  --ur-line:#dceaff;
  --ur-soft:#eef7ff;
  --ur-bg:#fbfdff;
  --ur-green:#14b86a;
  --ur-red:#ef4965;
  font-family:Inter,'Plus Jakarta Sans',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;
  color:var(--ur-navy)!important;
  background:var(--ur-bg)!important;
  overflow-x:hidden!important;
}
body.ur6e-exact *{box-sizing:border-box}
body.ur6e-exact img{max-width:100%}
body.ur6e-exact .site-container{width:min(1440px,calc(100% - 64px));max-width:none;margin-inline:auto}
body.ur6e-exact .utility-bar{height:34px;background:#eaf6ff!important;border:0;color:#0b2d69;font-size:13px}
body.ur6e-exact .utility-bar-inner{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:24px}
body.ur6e-exact .utility-location,body.ur6e-exact .utility-contact{display:flex;align-items:center;gap:12px;font-weight:700;white-space:nowrap}
body.ur6e-exact .utility-location svg{width:17px;height:17px;color:var(--ur-blue)}
body.ur6e-exact .utility-contact a{color:#003f9e;text-decoration:none;font-weight:900}
body.ur6e-exact .utility-whatsapp{color:#04a957!important}
body.ur6e-exact .site-header{position:relative;top:auto;background:rgba(255,255,255,.92)!important;backdrop-filter:blur(18px);border-bottom:1px solid rgba(220,234,255,.9);box-shadow:none!important;z-index:50}
body.ur6e-exact .nav-row{height:92px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:26px}
body.ur6e-exact .site-brand{display:flex;align-items:center;gap:13px;text-decoration:none;min-width:max-content}
body.ur6e-exact .site-brand img{width:60px;height:60px;border-radius:18px;box-shadow:0 10px 28px rgba(8,116,255,.18)}
body.ur6e-exact .brand-copy strong{display:block;font-size:30px;letter-spacing:-.05em;color:var(--ur-navy);font-weight:950;line-height:.96}
body.ur6e-exact .brand-copy span{display:block;margin-top:5px;text-transform:uppercase;letter-spacing:.25em;color:#66789a;font-size:11px;font-weight:800}
body.ur6e-exact .site-nav{display:flex!important;align-items:center;justify-content:center;gap:28px;position:static!important;transform:none!important;opacity:1!important;visibility:visible!important;background:transparent!important;padding:0!important;box-shadow:none!important;border:0!important}
body.ur6e-exact .site-nav a{position:relative;text-decoration:none;color:#092259!important;font-size:15px;font-weight:850;padding:35px 0 32px;border:0!important;background:transparent!important;white-space:nowrap}
body.ur6e-exact .site-nav a.active{color:var(--ur-blue)!important}
body.ur6e-exact .site-nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:22px;height:3px;border-radius:99px;background:var(--ur-blue)}
body.ur6e-exact .mobile-only{display:none!important}
body.ur6e-exact .nav-actions{display:flex;align-items:center;gap:13px;min-width:max-content}
body.ur6e-exact .language-current{height:48px;border-radius:999px;border:1px solid var(--ur-line);background:#fff;color:#092259;font-weight:850;padding:0 17px;display:flex;align-items:center;gap:9px;box-shadow:0 8px 24px rgba(7,26,68,.04)}
body.ur6e-exact .nav-whatsapp{width:auto;height:48px;border-radius:999px;background:#e9fff3;border:1px solid #bff4d8;color:#07a85a;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
body.ur6e-exact .nav-whatsapp:after{content:"WhatsApp";margin-left:8px;color:#05693a;font-weight:900;font-size:14px}
body.ur6e-exact .nav-whatsapp svg{width:20px;height:20px}
body.ur6e-exact .nav-actions .site-btn.primary.compact{height:48px;padding:0 22px;border-radius:999px;background:#fff!important;color:#07205b!important;border:1px solid #bcd8ff!important;box-shadow:none!important}
body.ur6e-exact .nav-toggle{display:none!important}
body.ur6e-exact #mainContent{display:block!important;width:100%;overflow:visible!important}
.ur6e-shell{width:min(1440px,calc(100% - 64px));margin-inline:auto}
.ur6e-hero{position:relative;margin-top:0;padding:30px 0 0;overflow:hidden;background:linear-gradient(90deg,#fbfdff 0%,#fbfdff 36%,#eef8ff 58%,#dff2ff 100%);border-bottom:1px solid #dceaff}
.ur6e-hero:before{content:"";position:absolute;inset:0;background:url('../images/hero-makkah-premium.jpg') right top/auto 102% no-repeat;opacity:.85;pointer-events:none}
.ur6e-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fbfdff 0%,rgba(251,253,255,.96) 35%,rgba(251,253,255,.67) 57%,rgba(251,253,255,.10) 100%);pointer-events:none}
.ur6e-hero .ur6e-shell{position:relative;z-index:1}
.ur6e-breadcrumb{display:flex;align-items:center;gap:10px;color:#59709a;font-size:14px;font-weight:750;margin-bottom:16px}
.ur6e-breadcrumb a{color:#0b5fde;text-decoration:none}
.ur6e-hero-grid{min-height:218px;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:36px;align-items:center}
.ur6e-hero-copy h1{margin:0;color:var(--ur-navy);font-size:clamp(44px,4vw,70px);line-height:.92;letter-spacing:-.07em;font-weight:950}
.ur6e-hero-copy h2{margin:6px 0 12px;color:var(--ur-blue);font-size:clamp(30px,2.65vw,47px);line-height:.95;letter-spacing:-.055em;font-weight:950}
.ur6e-hero-copy p{margin:0;max-width:650px;color:#3d557e;font-size:18px;line-height:1.55;font-weight:600}
.ur6e-destination-card{justify-self:end;align-self:end;margin-bottom:28px;width:255px;background:rgba(255,255,255,.92);border:1px solid rgba(220,234,255,.96);border-radius:18px;padding:18px 20px;box-shadow:0 18px 48px rgba(7,26,68,.12)}
.ur6e-destination-card span{display:block;color:var(--ur-blue);font-size:13px;text-transform:uppercase;letter-spacing:.12em;font-weight:950;margin-bottom:6px}
.ur6e-destination-card strong{display:block;color:var(--ur-navy);font-size:20px;line-height:1.1;font-weight:950}
.ur6e-destination-card small{display:block;margin-top:6px;color:#5a6f93;font-weight:800}
.ur6e-search{position:relative;z-index:3;margin-top:8px;margin-bottom:-62px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1.1fr;gap:10px;background:#fff;border:1px solid var(--ur-line);border-radius:22px;padding:12px;box-shadow:0 24px 70px rgba(7,26,68,.14)}
.ur6e-search label{display:grid;grid-template-columns:1fr;gap:5px;padding:12px 14px;border:1px solid #e0edff;border-radius:16px;background:#fbfdff;min-width:0}
.ur6e-search label span{font-size:12px;line-height:1;text-transform:uppercase;letter-spacing:.11em;color:#64769b;font-weight:950}
.ur6e-search select,.ur6e-search input{width:100%;border:0;background:transparent;outline:0;color:var(--ur-navy);font-size:15px;font-weight:900;min-width:0}
.ur6e-search button{border:0;border-radius:16px;background:linear-gradient(135deg,var(--ur-blue),var(--ur-blue-2));color:#fff;font-size:17px;font-weight:950;box-shadow:0 16px 30px rgba(8,116,255,.24);display:flex;align-items:center;justify-content:center;gap:11px;cursor:pointer;min-height:64px}
.ur6e-trust-strip{position:relative;z-index:2;margin:76px 0 26px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:rgba(255,255,255,.88);border:1px solid #e2efff;border-radius:18px;overflow:hidden;box-shadow:0 12px 28px rgba(7,26,68,.06)}
.ur6e-trust-strip div{position:relative;padding:16px 28px 16px 72px;min-height:72px}
.ur6e-trust-strip div:not(:last-child){border-right:1px solid #e2efff}
.ur6e-trust-strip div:before{content:"✓";position:absolute;left:26px;top:18px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e9f4ff;color:var(--ur-blue);font-weight:950}
.ur6e-trust-strip b{display:block;color:var(--ur-navy);font-size:14px;font-weight:950;margin-bottom:3px}
.ur6e-trust-strip span{display:block;color:#5d7094;font-size:12.5px;line-height:1.35;font-weight:650}
.ur6e-inventory{position:relative;padding:96px 0 36px;background:#fbfdff}
.ur6e-inventory:before,.ur6e-inventory:after{content:"";position:absolute;width:260px;height:360px;background:radial-gradient(circle at center,#dff1ff 0 2px,transparent 2px);background-size:18px 18px;opacity:.28;pointer-events:none}
.ur6e-inventory:before{left:-118px;top:60px}.ur6e-inventory:after{right:-118px;bottom:80px}
.ur6e-layout{position:relative;z-index:1;display:grid;grid-template-columns:260px minmax(0,1fr);gap:28px;align-items:start}
.ur6e-filter-card{position:sticky;top:18px;background:#fff;border:1px solid var(--ur-line);border-radius:22px;padding:22px;box-shadow:0 12px 36px rgba(7,26,68,.07)}
.ur6e-filter-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px;border-bottom:1px solid #e8f1ff;padding-bottom:16px}
.ur6e-filter-head strong{font-size:20px;font-weight:950;color:var(--ur-navy)}
.ur6e-filter-head a{color:var(--ur-blue);text-decoration:none;font-size:13px;font-weight:900}
.ur6e-filter-group{padding:15px 0;border-bottom:1px solid #e8f1ff}
.ur6e-filter-group button{width:100%;border:0;background:transparent;padding:0;margin:0 0 11px;text-align:left;color:#0b2a64;font-size:14px;text-transform:none;font-weight:950;display:flex;align-items:center;justify-content:space-between;cursor:default}
.ur6e-filter-group button:after{content:"⌃";color:var(--ur-blue);font-weight:950}
.ur6e-filter-group label{display:flex;align-items:center;gap:10px;color:#43587e;font-size:14px;line-height:1.3;font-weight:750;padding:6px 0;cursor:pointer}
.ur6e-filter-group input{width:16px;height:16px;accent-color:var(--ur-blue)}
.ur6e-filter-group span{margin-left:auto;color:#6b7d9e;font-size:13px}
.ur6e-apply{width:100%;margin-top:18px;border:1px solid var(--ur-blue);background:#fff;color:var(--ur-blue);height:46px;border-radius:12px;font-size:14px;font-weight:950;cursor:pointer}
.ur6e-results{min-width:0}
.ur6e-tabs{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:18px}
.ur6e-tabs a{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:#061846;background:#fff;border:1px solid #dceaff;border-radius:999px;padding:14px 20px;font-weight:950;box-shadow:0 8px 22px rgba(7,26,68,.05)}
.ur6e-tabs a.active{background:linear-gradient(135deg,var(--ur-blue),var(--ur-blue-2));color:#fff!important;border-color:transparent;box-shadow:0 14px 30px rgba(8,116,255,.22)}
.ur6e-tabs span{font-size:12px;opacity:.82}
.ur6e-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 18px;color:#5b6f96}
.ur6e-toolbar p{margin:0;font-size:14px;font-weight:700}.ur6e-toolbar strong{color:var(--ur-navy)}
.ur6e-mini-search{display:grid;grid-template-columns:280px 160px 90px;gap:9px;align-items:center}
.ur6e-mini-search input,.ur6e-mini-search select{height:42px;border:1px solid #dceaff;background:#fff;border-radius:12px;padding:0 13px;color:#092259;font-weight:800;min-width:0}
.ur6e-mini-search button{height:42px;border:0;border-radius:12px;background:var(--ur-blue);color:#fff;font-weight:950}
.ur6e-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:stretch;width:100%;min-width:0}
.ur6e-hotel-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--ur-line);border-radius:20px;overflow:hidden;box-shadow:0 12px 30px rgba(7,26,68,.07);min-width:0;transition:transform .18s ease,box-shadow .18s ease}
.ur6e-hotel-card:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(7,26,68,.11)}
.ur6e-hotel-photo{position:relative;display:block;height:170px;background:#edf7ff;overflow:hidden;text-decoration:none}
.ur6e-hotel-photo img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .22s ease}.ur6e-hotel-card:hover .ur6e-hotel-photo img{transform:scale(1.035)}
.ur6e-heart{position:absolute;right:12px;top:12px;width:36px;height:36px;border-radius:50%;background:#fff;color:var(--ur-red);display:grid;place-items:center;font-size:18px;font-weight:950;box-shadow:0 10px 24px rgba(7,26,68,.13)}
.ur6e-hotel-body{display:flex;flex-direction:column;gap:8px;padding:15px;flex:1;min-width:0}
.ur6e-hotel-body h3{margin:0;font-size:17px;line-height:1.2;letter-spacing:-.03em;font-weight:950;color:var(--ur-navy)}
.ur6e-hotel-body h3 a{color:inherit;text-decoration:none}
.ur6e-stars{display:flex;align-items:center;gap:6px;font-size:13px;line-height:1;min-height:16px}.ur6e-stars span{color:#f5a400;letter-spacing:-.08em}.ur6e-stars b{color:#0b2a64;font-weight:950}.ur6e-stars small{color:#7183a2;font-size:12px}
.ur6e-meta{display:flex;align-items:center;gap:8px;min-width:0;margin:0;color:#52688e;font-size:13px;line-height:1.22;font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ur6e-meta span{color:var(--ur-blue);width:16px;display:inline-grid;place-items:center;flex:0 0 auto;font-size:14px}
.ur6e-rate-notice{display:flex;gap:10px;align-items:flex-start;margin-top:5px;padding:10px 11px;border-radius:13px;background:#edf7ff;color:#0b2a64}
.ur6e-rate-notice:before{content:"🛡";font-size:16px;line-height:1}.ur6e-rate-notice strong{display:block;font-size:12px;font-weight:950;line-height:1.25}.ur6e-rate-notice span{display:block;margin-top:2px;color:#637795;font-size:11.5px;line-height:1.25;font-weight:700}
.ur6e-price-row{margin-top:auto;border:1px solid #dceaff;background:linear-gradient(135deg,#f4fbff,#ffffff);border-radius:16px;padding:11px 12px}.ur6e-price-row small{display:block;color:#667897;text-transform:uppercase;letter-spacing:.04em;font-size:10.5px;font-weight:950}.ur6e-price-row strong{display:block;color:var(--ur-blue);font-size:24px;letter-spacing:-.05em;line-height:1.05;font-weight:950}.ur6e-price-row em{display:block;margin-top:3px;color:#627694;font-style:normal;font-size:12px;font-weight:800;line-height:1.25}
.ur6e-actions{display:grid;grid-template-columns:1fr 1.1fr;gap:8px;margin-top:3px}.ur6e-actions a{height:38px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-size:12px;font-weight:950;white-space:nowrap}.ur6e-actions a:first-child{background:#fff;color:var(--ur-blue);border:1px solid #bad8ff}.ur6e-actions a:last-child{background:linear-gradient(135deg,var(--ur-blue),var(--ur-blue-2));color:#fff;border:1px solid var(--ur-blue);box-shadow:0 8px 18px rgba(8,116,255,.16)}
.ur6e-empty{background:#fff;border:1px solid #dceaff;border-radius:22px;padding:40px;text-align:center}.ur6e-empty a{color:#fff;background:var(--ur-blue);padding:13px 20px;border-radius:12px;text-decoration:none;font-weight:900}
body.ur6e-inventory-page .footer-cta{display:none!important}
body.ur6e-inventory-page .quick-modal[aria-hidden="true"],body.ur6e-inventory-page .inquiry-modal[aria-hidden="true"]{display:none!important}
body.ur6e-inventory-page .quick-modal:not(.open),body.ur6e-inventory-page .inquiry-modal:not(.open){display:none!important}
body.ur6e-inventory-page .site-footer{background:#fff!important;border-top:1px solid #dceaff;padding-top:0!important}
body.ur6e-inventory-page .site-footer .footer-grid{display:flex!important;align-items:center;justify-content:space-between;gap:28px;padding:22px 0!important;border:0!important}
body.ur6e-inventory-page .site-footer .footer-about{display:flex;align-items:center;gap:18px;max-width:none!important}body.ur6e-inventory-page .site-footer .footer-about p,body.ur6e-inventory-page .site-footer .footer-contact-line,body.ur6e-inventory-page .site-footer h3,body.ur6e-inventory-page .site-footer .footer-grid>div:not(.footer-about){display:none!important}
body.ur6e-inventory-page .footer-brand{display:flex;align-items:center;gap:12px;text-decoration:none}body.ur6e-inventory-page .footer-brand img{width:52px;height:52px}body.ur6e-inventory-page .footer-brand strong{display:block;color:var(--ur-navy);font-size:21px;font-weight:950}body.ur6e-inventory-page .footer-brand span{display:block;color:#6a7b9c;font-size:13px}
body.ur6e-inventory-page .footer-bottom{height:54px;display:flex!important;align-items:center;justify-content:space-between;padding:0!important;border-top:1px solid #e8f1ff;color:#6d7f9f;font-weight:650;font-size:13px}
body.ur6e-inventory-page .footer-bottom nav{display:flex;gap:24px}body.ur6e-inventory-page .footer-bottom a{color:#52688e;text-decoration:none}
body.ur6e-inventory-page .floating-actions{right:22px;bottom:90px;display:grid;gap:12px}.floating-actions .float-action{box-shadow:0 15px 36px rgba(7,26,68,.16)}
@media (max-width:1420px){
  body.ur6e-exact .site-nav{gap:20px}.ur6e-shell,body.ur6e-exact .site-container{width:min(1280px,calc(100% - 48px))}.ur6e-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ur6e-search{grid-template-columns:repeat(3,1fr)}.ur6e-search button{grid-column:span 3}.ur6e-mini-search{grid-template-columns:210px 140px 82px}
}
@media (max-width:1180px){
  body.ur6e-exact .nav-row{grid-template-columns:auto auto;justify-content:space-between;height:auto;min-height:78px;padding:10px 0}body.ur6e-exact .nav-toggle{display:inline-flex!important;width:48px;height:48px;border:1px solid #dceaff;border-radius:14px;background:#fff;align-items:center;justify-content:center;flex-direction:column;gap:5px}body.ur6e-exact .nav-toggle span{width:22px;height:2px;background:#061846;border-radius:999px}body.ur6e-exact .site-nav{display:none!important}body.ur6e-exact .site-nav.open{display:grid!important;position:absolute!important;left:24px;right:24px;top:86px;background:#fff!important;border:1px solid #dceaff!important;border-radius:20px!important;padding:16px!important;box-shadow:0 22px 55px rgba(7,26,68,.15)!important;z-index:99}body.ur6e-exact .site-nav.open a{padding:12px!important}body.ur6e-exact .nav-actions{display:none}.ur6e-layout{grid-template-columns:1fr}.ur6e-filter-card{position:static}.ur6e-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ur6e-hero-grid{grid-template-columns:1fr}.ur6e-destination-card{justify-self:start;align-self:auto;margin:12px 0 0}.ur6e-trust-strip{grid-template-columns:1fr}.ur6e-trust-strip div:not(:last-child){border-right:0;border-bottom:1px solid #e2efff}
}
@media (max-width:820px){
  body.ur6e-exact .utility-bar{display:none}.ur6e-shell,body.ur6e-exact .site-container{width:min(100% - 28px,620px)}body.ur6e-exact .brand-copy strong{font-size:24px}.ur6e-hero{padding-top:28px}.ur6e-hero-grid{min-height:0}.ur6e-hero-copy h1{font-size:44px}.ur6e-hero-copy h2{font-size:32px}.ur6e-hero-copy p{font-size:16px}.ur6e-search{grid-template-columns:1fr;margin-bottom:-48px}.ur6e-search button{grid-column:auto}.ur6e-inventory{padding-top:74px}.ur6e-toolbar{display:grid}.ur6e-mini-search{grid-template-columns:1fr}.ur6e-card-grid{grid-template-columns:1fr}.ur6e-hotel-photo{height:220px}.ur6e-filter-card{display:none}body.ur6e-inventory-page .site-footer .footer-grid{display:block!important;text-align:left}body.ur6e-inventory-page .footer-bottom{height:auto;display:grid!important;gap:12px;padding:16px 0!important}
}
@media (max-width:520px){
  .ur6e-actions{grid-template-columns:1fr}.ur6e-trust-strip div{padding-left:60px}.ur6e-search label{padding:11px}.ur6e-hotel-photo{height:205px}.ur6e-tabs a{padding:12px 16px}
}

/* ===== SOURCE: assets/css/umrahroom-inventory-v1.css ===== */
/* UmrahRoom Inventory Final Design v1 — locked implementation */
body.ur-inventory-v1{
  --iv1-blue:#0a73f7;--iv1-blue2:#005fd7;--iv1-navy:#071a47;--iv1-text:#354d73;--iv1-muted:#7485a3;
  --iv1-line:#dbe8fb;--iv1-soft:#eef7ff;--iv1-soft2:#f7fbff;--iv1-green:#14a96b;--iv1-amber:#f1a72a;
  --iv1-shadow:0 16px 44px rgba(16,61,128,.09);--iv1-shadow-sm:0 8px 26px rgba(16,61,128,.07);
  background:#f8fbff!important;color:var(--iv1-navy)!important;overflow-x:hidden!important;
}
body.ur-inventory-v1 *{box-sizing:border-box}
body.ur-inventory-v1 .site-container,.urv1-shell{width:min(1420px,calc(100% - 64px));max-width:none;margin-inline:auto}
body.ur-inventory-v1 .site-header{background:rgba(255,255,255,.96)!important;border-bottom:1px solid #e2ecfa!important;box-shadow:0 5px 22px rgba(29,70,130,.035)!important}
body.ur-inventory-v1 .nav-row{height:82px!important;gap:24px!important}
body.ur-inventory-v1 .site-brand img{width:54px!important;height:54px!important}
body.ur-inventory-v1 .brand-copy strong{font-size:22px!important}
body.ur-inventory-v1 .brand-copy span{font-size:11px!important;letter-spacing:.05em!important}
body.ur-inventory-v1 .site-nav{gap:26px!important}
body.ur-inventory-v1 .site-nav>a{font-size:13px!important;font-weight:800!important;padding:30px 0 27px!important}
body.ur-inventory-v1 .utility-bar{height:32px!important;min-height:32px!important;background:#edf7ff!important}
body.ur-inventory-v1 .utility-bar-inner{min-height:32px!important}

.urv1-hero{position:relative;background:linear-gradient(110deg,rgba(7,34,92,.94),rgba(7,76,159,.78)),url('../images/hero-makkah-premium.jpg') center 44%/cover no-repeat;color:#fff;padding:26px 0 0;overflow:visible}
.urv1-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 16%,rgba(76,180,255,.2),transparent 30%);pointer-events:none}
.urv1-hero>.urv1-shell{position:relative;z-index:2}
.urv1-breadcrumb{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700;color:rgba(255,255,255,.75);margin-bottom:22px}.urv1-breadcrumb a{color:#fff;text-decoration:none}.urv1-breadcrumb span:last-child{color:#b9dbff}
.urv1-hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) 330px;gap:60px;align-items:center;min-height:260px;padding-bottom:42px}
.urv1-kicker{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:rgba(255,255,255,.1);font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.urv1-hero-copy h1{margin:13px 0 4px;font-family:'Plus Jakarta Sans',Inter,sans-serif;font-size:54px;line-height:1;letter-spacing:-.045em;font-weight:800;color:#fff}.urv1-hero-copy h2{margin:0 0 15px;font-size:29px;line-height:1.2;font-weight:700;color:#8fceff}.urv1-hero-copy p{max-width:760px;margin:0;color:rgba(255,255,255,.82);font-size:15px;line-height:1.75;font-weight:500}
.urv1-destination-card{justify-self:end;width:310px;padding:28px;border:1px solid rgba(255,255,255,.32);background:rgba(255,255,255,.94);box-shadow:0 22px 65px rgba(0,21,66,.22);border-radius:22px;color:var(--iv1-navy);backdrop-filter:blur(16px)}.urv1-destination-card span{display:block;color:var(--iv1-blue);font-size:11px;letter-spacing:.15em;font-weight:900;text-transform:uppercase}.urv1-destination-card strong{display:block;margin:9px 0 4px;font:800 24px/1.2 'Plus Jakarta Sans',sans-serif;letter-spacing:-.035em}.urv1-destination-card small{font-size:13px;color:#7c8eaa;font-weight:700}

.urv1-search-card{position:relative;z-index:12;display:grid;grid-template-columns:repeat(5,minmax(0,1fr)) 190px;gap:0;align-items:stretch;margin:0 0 -52px;background:#fff;border:1px solid rgba(218,233,253,.95);border-radius:22px;padding:10px;box-shadow:0 20px 55px rgba(8,38,91,.16)}
.urv1-select{position:relative;min-width:0;border-right:1px solid #e5eefb;padding:10px 18px}.urv1-select:nth-of-type(5){border-right:0}.urv1-field-label{display:block;margin-bottom:7px;color:#7788a5;font-size:10px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.urv1-select-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;border:0;background:transparent;padding:0;color:#122c5c;font:800 14px/1.35 Inter,sans-serif;cursor:pointer;text-align:left;min-width:0}.urv1-select-trigger>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.urv1-select-trigger svg{width:17px;height:17px;flex:0 0 auto;fill:none;stroke:#6b86ad;stroke-width:2;transition:transform .18s ease}.urv1-select.open .urv1-select-trigger svg{transform:rotate(180deg)}.urv1-select-trigger:focus-visible{outline:2px solid #80b7ff;outline-offset:4px;border-radius:5px}.urv1-select-trigger:disabled{cursor:default;opacity:.8}
.urv1-select-menu{display:none;position:absolute;left:8px;right:8px;top:calc(100% + 9px);z-index:120;padding:7px;background:#fff;border:1px solid #d9e8fb;border-radius:16px;box-shadow:0 18px 50px rgba(13,51,110,.18);max-height:290px;overflow:auto}.urv1-select.open .urv1-select-menu{display:block;animation:urv1Menu .14s ease-out}@keyframes urv1Menu{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
.urv1-select-menu button{width:100%;border:0;background:#fff;color:#243c66;border-radius:10px;padding:10px 11px;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;font:750 13px/1.2 Inter,sans-serif;cursor:pointer}.urv1-select-menu button:hover,.urv1-select-menu button[aria-selected="true"]{background:#edf6ff;color:#075ed0}.urv1-select-menu b{color:var(--iv1-blue);font-size:13px}
.urv1-search-btn{border:0;border-radius:15px;background:linear-gradient(135deg,var(--iv1-blue),var(--iv1-blue2));color:#fff;box-shadow:0 12px 26px rgba(10,115,247,.24);font:850 14px/1 Inter,sans-serif;display:flex;align-items:center;justify-content:center;gap:14px;cursor:pointer;min-height:66px}.urv1-search-btn b{font-size:18px}.urv1-search-btn:hover{filter:brightness(.97)}
.urv1-trust-row{display:grid;grid-template-columns:repeat(3,1fr);margin-top:76px;padding:0 0 24px}.urv1-trust-row>div{display:flex;align-items:center;gap:12px;padding:0 24px;border-right:1px solid rgba(255,255,255,.18)}.urv1-trust-row>div:first-child{padding-left:0}.urv1-trust-row>div:last-child{border:0}.urv1-trust-row i{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:rgba(255,255,255,.13);color:#a4d9ff;font-style:normal;font-weight:900}.urv1-trust-row b{display:block;font-size:12px;color:#fff}.urv1-trust-row small{display:block;margin-top:3px;color:rgba(255,255,255,.64);font-size:11px;line-height:1.3}

.urv1-inventory{padding:34px 0 70px;background:#f8fbff}.urv1-layout{display:grid;grid-template-columns:278px minmax(0,1fr);gap:24px;align-items:start}.urv1-mobile-filter-row{display:none}
.urv1-filter-panel{position:sticky;top:18px;background:#fff;border:1px solid var(--iv1-line);border-radius:20px;box-shadow:var(--iv1-shadow-sm);overflow:hidden}.urv1-filter-head{display:flex;align-items:center;justify-content:space-between;padding:18px 18px 14px;border-bottom:1px solid #edf2fa}.urv1-filter-head span{display:block;color:#7f91ad;font-size:10px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.urv1-filter-head strong{display:block;margin-top:3px;font-size:18px}.urv1-filter-head button{display:none;border:0;background:#eef6ff;color:#1d5ca7;width:34px;height:34px;border-radius:10px;font-size:22px}.urv1-filter-panel form{padding:0 18px 18px}.urv1-filter-panel fieldset{border:0;margin:0;padding:16px 0;border-bottom:1px solid #edf2fa}.urv1-filter-panel legend{padding:0;margin:0 0 9px;font-size:12px;font-weight:900;color:#102c5b}.urv1-filter-panel label{display:flex;align-items:center;gap:9px;min-height:30px;color:#4b6083;font-size:12px;font-weight:650;cursor:pointer}.urv1-filter-panel input[type="radio"]{appearance:none;width:15px;height:15px;border:1.5px solid #b9cbe4;border-radius:50%;display:grid;place-items:center;flex:0 0 auto}.urv1-filter-panel input[type="radio"]:checked{border-color:var(--iv1-blue)}.urv1-filter-panel input[type="radio"]:checked:after{content:"";width:7px;height:7px;border-radius:50%;background:var(--iv1-blue)}.urv1-filter-panel label b{margin-left:auto;font-size:10px;color:#8a9ab3;font-weight:800}.urv1-apply{width:100%;height:43px;margin-top:16px;border:0;border-radius:11px;background:var(--iv1-blue);color:#fff;font-weight:850;cursor:pointer}.urv1-reset{display:block;text-align:center;margin-top:11px;color:#6d82a4;font-size:11px;font-weight:750;text-decoration:none}
.urv1-filter-backdrop{display:none}
.urv1-results{min-width:0}.urv1-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.urv1-tabs a{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:#30486f;background:#fff;border:1px solid #dce9f9;border-radius:999px;padding:10px 15px;font-size:12px;font-weight:850;box-shadow:0 5px 15px rgba(28,69,128,.035)}.urv1-tabs a span{color:#8293ad;font-size:10px}.urv1-tabs a.active{background:var(--iv1-blue);border-color:var(--iv1-blue);color:#fff}.urv1-tabs a.active span{color:#cce4ff}
.urv1-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:17px}.urv1-result-count{display:flex;align-items:baseline;gap:7px;color:#667b9c;font-size:12px}.urv1-result-count strong{font-size:22px;color:#0d2857}.urv1-toolbar-form{display:grid;grid-template-columns:260px 170px 54px;gap:8px;align-items:center}.urv1-name-search{height:42px;border:1px solid #dbe8f8;border-radius:11px;background:#fff;display:flex;align-items:center;gap:8px;padding:0 11px}.urv1-name-search svg{width:17px;height:17px;fill:none;stroke:#7c90ae;stroke-width:1.8}.urv1-name-search input{border:0;outline:0;width:100%;min-width:0;color:#1b335f;font-size:12px;font-weight:650}.urv1-toolbar-form>.urv1-select{height:42px;border:1px solid #dbe8f8;border-radius:11px;background:#fff;padding:6px 10px}.urv1-toolbar-form .urv1-field-label{display:none}.urv1-toolbar-form .urv1-select-menu{left:0;right:0}.urv1-toolbar-submit{height:42px;border:0;border-radius:11px;background:#0a73f7;color:#fff;font-weight:850;cursor:pointer}

.urv1-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}.urv1-card{position:relative;display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid #dbe8f7;border-radius:18px;overflow:hidden;box-shadow:0 9px 28px rgba(23,63,120,.055);transition:transform .18s ease,box-shadow .18s ease}.urv1-card:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(23,63,120,.1)}
.urv1-photo{display:block;height:180px;background:#eef6ff;overflow:hidden;position:relative}.urv1-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s ease}.urv1-card:hover .urv1-photo img{transform:scale(1.025)}.urv1-photo-badge{position:absolute;left:12px;top:12px;padding:6px 9px;border-radius:999px;background:rgba(6,109,242,.93);color:#fff;font-size:9px;letter-spacing:.04em;text-transform:uppercase;font-weight:900;box-shadow:0 6px 18px rgba(6,74,160,.18)}.urv1-save{position:absolute;right:12px;top:12px;z-index:4;width:34px;height:34px;border:1px solid rgba(222,234,249,.85);border-radius:50%;background:rgba(255,255,255,.95);color:#2f5f9b;font-size:20px;line-height:1;cursor:pointer;box-shadow:0 7px 20px rgba(9,46,99,.12)}.urv1-save.saved{color:#ef4965;background:#fff1f4}
.urv1-card-body{display:flex;flex-direction:column;gap:10px;padding:15px;flex:1}.urv1-card-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.urv1-card-eyebrow{display:block;color:#7290b5;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;margin-bottom:3px}.urv1-card h3{margin:0;font:800 17px/1.2 'Plus Jakarta Sans',sans-serif;letter-spacing:-.025em;color:#0b2553}.urv1-card h3 a{color:inherit;text-decoration:none}.urv1-photo-trust{flex:0 0 auto;padding:5px 7px;border-radius:8px;background:#f1f8ff;color:#4976aa;font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.04em}
.urv1-details{display:grid;gap:6px}.urv1-details p{display:flex;align-items:flex-start;gap:7px;margin:0;color:#53698c;font-size:11px;line-height:1.35;font-weight:650}.urv1-details i{width:16px;flex:0 0 16px;color:#0a73f7;font-style:normal;text-align:center;font-weight:900}
.urv1-rate-box{margin-top:auto;padding:12px 12px 10px;border:1px solid #d8e9fc;border-radius:14px;background:linear-gradient(135deg,#edf7ff,#fff)}.urv1-rate-copy small{display:block;color:#7186a6;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.09em}.urv1-rate-copy strong{display:block;margin-top:2px;color:#0a73f7;font:850 21px/1.1 'Plus Jakarta Sans',sans-serif;letter-spacing:-.035em}.urv1-rate-copy strong span{font-size:11px;color:#58759a;font-weight:800;letter-spacing:0}.urv1-rate-copy em{display:block;margin-top:4px;color:#4e668b;font-size:10px;font-style:normal;font-weight:750}.urv1-rate-box.no-rate .urv1-rate-copy strong{font-size:15px;color:#234774}
.urv1-freshness{display:flex;align-items:center;gap:6px;margin-top:9px;padding-top:8px;border-top:1px solid #dcebf9;color:#66809f;font-size:9px;font-weight:800}.urv1-freshness span{width:7px;height:7px;border-radius:50%;background:#8fa0b7}.urv1-freshness.fresh span{background:#16b66f;box-shadow:0 0 0 3px rgba(22,182,111,.11)}.urv1-freshness.watch span{background:#f0a52e}.urv1-freshness.stale span{background:#a5afbd}
.urv1-card-note{display:flex;gap:6px;color:#667c9c;font-size:9px;line-height:1.35;font-weight:700}.urv1-card-note span{color:#0a73f7;font-weight:900}.urv1-actions{display:grid;grid-template-columns:.9fr 1.2fr;gap:7px}.urv1-actions a{height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px;text-decoration:none;font-size:10px;font-weight:850;white-space:nowrap}.urv1-actions .secondary{border:1px solid #c9dcf4;color:#185da9;background:#fff}.urv1-actions .primary{border:1px solid #0a73f7;color:#fff;background:linear-gradient(135deg,#0a73f7,#0060d8);box-shadow:0 6px 15px rgba(10,115,247,.14)}
.urv1-empty{background:#fff;border:1px solid #dce9f8;border-radius:20px;text-align:center;padding:54px 28px;box-shadow:var(--iv1-shadow-sm)}.urv1-empty>div{font-size:36px;color:#7aa9df}.urv1-empty h3{margin:10px 0 6px}.urv1-empty p{color:#72839e}.urv1-empty a{display:inline-block;margin-top:10px;padding:11px 16px;border-radius:10px;background:#0a73f7;color:#fff;text-decoration:none;font-weight:800;font-size:12px}

body.ur-inventory-v1 .footer-cta{display:none!important}body.ur-inventory-v1 .quick-modal[aria-hidden="true"],body.ur-inventory-v1 .inquiry-modal[aria-hidden="true"],body.ur-inventory-v1 .quick-modal:not(.open),body.ur-inventory-v1 .inquiry-modal:not(.open){display:none!important}
body.ur-inventory-v1 .site-footer{margin-top:0!important;border-top:1px solid #e3edf9!important}
body.ur-inventory-v1 .floating-actions{right:18px!important;bottom:86px!important}.ur-inventory-v1 .float-action{width:46px!important;height:46px!important;box-shadow:0 12px 26px rgba(20,62,120,.15)!important}

@media (max-width:1280px){
  body.ur-inventory-v1 .site-container,.urv1-shell{width:min(1220px,calc(100% - 40px))}.urv1-search-card{grid-template-columns:repeat(3,minmax(0,1fr))}.urv1-search-btn{grid-column:span 3}.urv1-select:nth-of-type(3){border-right:0}.urv1-toolbar-form{grid-template-columns:220px 155px 50px}.urv1-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.urv1-photo{height:168px}
}
@media (max-width:1080px){
  .urv1-layout{grid-template-columns:1fr}.urv1-mobile-filter-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.urv1-filter-toggle{border:1px solid #cfe0f5;background:#fff;border-radius:11px;padding:10px 13px;color:#1d569d;font-weight:850;box-shadow:0 5px 15px rgba(25,67,125,.05)}.urv1-mobile-filter-row span{font-size:11px;color:#788aa5;font-weight:750}.urv1-filter-panel{position:fixed;z-index:220;left:0;top:0;bottom:0;width:min(340px,88vw);border-radius:0 20px 20px 0;overflow:auto;transform:translateX(-104%);transition:transform .2s ease}.urv1-filter-panel.open{transform:none}.urv1-filter-head button{display:block}.urv1-filter-backdrop{position:fixed;inset:0;z-index:210;background:rgba(5,24,58,.42);backdrop-filter:blur(2px)}.urv1-filter-backdrop.open{display:block}.urv1-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.urv1-hero-grid{grid-template-columns:1fr 260px;gap:30px}.urv1-destination-card{width:260px}.urv1-toolbar{align-items:flex-start}.urv1-toolbar-form{grid-template-columns:200px 150px 48px}
}
@media (max-width:900px){
  .urv1-hero-grid{grid-template-columns:1fr}.urv1-destination-card{display:none}.urv1-search-card{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:-55px}.urv1-select{border-right:1px solid #e5eefb}.urv1-select:nth-of-type(2n){border-right:0}.urv1-search-btn{grid-column:span 2}.urv1-trust-row{margin-top:82px}.urv1-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.urv1-toolbar{display:grid}.urv1-toolbar-form{grid-template-columns:1fr 155px 50px;width:100%}
}
@media (max-width:680px){
  body.ur-inventory-v1 .site-container,.urv1-shell{width:min(100% - 26px,620px)}.urv1-hero{padding-top:20px}.urv1-hero-grid{min-height:0;padding-bottom:28px}.urv1-hero-copy h1{font-size:39px}.urv1-hero-copy h2{font-size:24px}.urv1-hero-copy p{font-size:13px}.urv1-search-card{grid-template-columns:1fr;border-radius:18px;padding:7px;margin-bottom:-52px}.urv1-select,.urv1-select:nth-of-type(2n),.urv1-select:nth-of-type(5){border-right:0;border-bottom:1px solid #e9f0f9;padding:10px 13px}.urv1-search-btn{grid-column:auto;min-height:52px}.urv1-trust-row{grid-template-columns:1fr;margin-top:74px;padding-bottom:18px}.urv1-trust-row>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.15);padding:10px 0}.urv1-trust-row>div:last-child{border-bottom:0}.urv1-inventory{padding-top:24px}.urv1-card-grid{grid-template-columns:1fr}.urv1-photo{height:215px}.urv1-toolbar-form{grid-template-columns:1fr}.urv1-toolbar-submit{display:none}.urv1-toolbar-form>.urv1-select{height:42px;border:1px solid #dbe8f8!important}.urv1-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:3px}.urv1-tabs a{white-space:nowrap}.urv1-actions a{height:40px;font-size:11px}.urv1-card-body{padding:16px}.urv1-card h3{font-size:19px}
}

/* ============================================================
   Inventory v1.1 — visual polish + professional mobile navigation
   Locked design refinement, 2026-09-13
   ============================================================ */
body.ur-inventory-v1{--iv11-radius:16px;--iv11-shadow:0 10px 28px rgba(18,66,132,.10)}

/* Cleaner top navigation */
body.ur-inventory-v1 .utility-bar{display:none!important}
body.ur-inventory-v1 .site-header{position:relative;z-index:1000;background:#fff!important;box-shadow:0 2px 16px rgba(17,55,108,.06)!important}
body.ur-inventory-v1 .nav-row{height:74px!important;min-height:74px!important;gap:22px!important}
body.ur-inventory-v1 .site-brand{gap:10px!important;text-decoration:none!important}
body.ur-inventory-v1 .site-brand img{width:48px!important;height:48px!important;border-radius:13px!important}
body.ur-inventory-v1 .brand-copy strong{font-size:20px!important;letter-spacing:-.035em!important;color:#09204f!important}
body.ur-inventory-v1 .brand-copy span{font-size:10px!important;color:#6e82a2!important;letter-spacing:.08em!important}
body.ur-inventory-v1 .site-nav{gap:24px!important}
body.ur-inventory-v1 .site-nav>a{padding:27px 0 25px!important;font-size:12.5px!important;color:#172d59!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
body.ur-inventory-v1 .site-nav>a.active{color:var(--iv1-blue)!important;background:transparent!important}
body.ur-inventory-v1 .site-nav>a:after{display:block!important;content:""!important;position:absolute!important;left:50%!important;right:auto!important;bottom:15px!important;width:0!important;height:2.5px!important;border-radius:99px!important;background:var(--iv1-blue)!important;transform:translateX(-50%)!important;transition:width .18s ease!important}
body.ur-inventory-v1 .site-nav>a:hover:after,body.ur-inventory-v1 .site-nav>a.active:after{width:100%!important}
body.ur-inventory-v1 .nav-actions{gap:9px!important}
body.ur-inventory-v1 .language-current{height:42px!important;border:1px solid #d9e7f8!important;border-radius:12px!important;background:#fff!important;padding:0 13px!important;box-shadow:0 4px 13px rgba(19,63,120,.04)!important}
body.ur-inventory-v1 .nav-whatsapp{width:42px!important;height:42px!important;border-radius:12px!important;border:1px solid #bdecd4!important;background:#ecfff5!important;color:#11a765!important;display:grid!important;place-items:center!important;box-shadow:0 5px 14px rgba(19,169,103,.08)!important}
body.ur-inventory-v1 .nav-whatsapp svg{width:20px!important;height:20px!important}
body.ur-inventory-v1 .nav-actions .site-btn.primary.compact{height:42px!important;min-height:42px!important;padding:0 18px!important;border-radius:12px!important;background:linear-gradient(135deg,#0a73f7,#0561da)!important;color:#fff!important;border:0!important;box-shadow:0 8px 18px rgba(10,115,247,.20)!important;font-size:12px!important;font-weight:850!important}

/* Slightly lighter, more compact hero */
.urv1-hero{background:linear-gradient(108deg,rgba(5,43,105,.86),rgba(6,91,177,.54)),url('../images/hero-makkah-premium.jpg') center 46%/cover no-repeat;padding-top:18px}
.urv1-breadcrumb{margin-bottom:15px;font-size:11px}
.urv1-hero-grid{grid-template-columns:minmax(0,1.25fr) 285px;gap:46px;min-height:220px;padding-bottom:34px}
.urv1-hero-copy h1{font-size:48px;margin-top:10px}.urv1-hero-copy h2{font-size:26px;margin-bottom:11px}.urv1-hero-copy p{font-size:14px;line-height:1.6;max-width:720px}
.urv1-destination-card{width:275px;padding:23px;border-radius:19px}.urv1-destination-card strong{font-size:21px}
.urv1-kicker{padding:6px 10px;font-size:10px}

/* Professional compact search bar; one row on desktop */
.urv1-search-card{grid-template-columns:1.05fr 1fr 1fr 1fr 1fr 180px;border-radius:18px;padding:8px;margin-bottom:-45px;box-shadow:0 16px 42px rgba(8,38,91,.14)}
.urv1-select{padding:8px 14px}.urv1-field-label{font-size:9px;margin-bottom:5px}.urv1-select-trigger{font-size:12.5px}.urv1-search-btn{min-height:58px;border-radius:13px;font-size:13px;box-shadow:0 8px 20px rgba(10,115,247,.22)}
.urv1-select-menu{border-radius:14px;box-shadow:0 18px 42px rgba(13,51,110,.16)}
.urv1-select-menu button{padding:10px;font-size:12px}
.urv1-trust-row{margin-top:65px;padding-bottom:18px}.urv1-trust-row>div{padding:0 20px}.urv1-trust-row i{width:31px;height:31px}.urv1-trust-row b{font-size:11px}.urv1-trust-row small{font-size:10px}

/* More compact inventory proportions */
.urv1-inventory{padding:30px 0 58px}.urv1-layout{grid-template-columns:252px minmax(0,1fr);gap:20px}
.urv1-filter-panel{border-radius:17px}.urv1-filter-head{padding:16px 16px 12px}.urv1-filter-head strong{font-size:17px}.urv1-filter-panel form{padding:0 16px 16px}.urv1-filter-panel fieldset{padding:13px 0}.urv1-filter-panel label{min-height:28px;font-size:11.5px}.urv1-apply{height:42px;border-radius:11px;box-shadow:0 7px 16px rgba(10,115,247,.14)}
.urv1-toolbar{margin-bottom:14px}.urv1-toolbar-form{grid-template-columns:240px 155px 48px}.urv1-tabs a{padding:9px 14px}.urv1-result-count strong{font-size:20px}

/* Wide desktop gets the requested zoomed-out density */
.urv1-card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.urv1-card{border-radius:16px;box-shadow:0 7px 22px rgba(23,63,120,.055)}
.urv1-photo{height:156px}.urv1-save{width:32px;height:32px;font-size:18px}
.urv1-card-body{gap:8px;padding:13px}.urv1-card h3{font-size:15.5px}.urv1-card-eyebrow{font-size:8px}.urv1-details{gap:5px}.urv1-details p{font-size:10.5px}.urv1-rate-box{padding:10px 11px 9px;border-radius:12px}.urv1-rate-copy strong{font-size:19px}.urv1-rate-copy em{font-size:9.5px}.urv1-freshness{margin-top:7px;padding-top:7px}.urv1-card-note{font-size:8.5px}.urv1-actions{gap:7px}.urv1-actions a{height:39px;border-radius:10px;font-size:10.5px;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.urv1-actions a:hover{transform:translateY(-1px)}.urv1-actions .secondary{border-color:#bcd4f2;color:#075fc9;background:#fff}.urv1-actions .secondary:hover{background:#f4f9ff;border-color:#8ebbf1}.urv1-actions .primary{background:linear-gradient(135deg,#0c78fb,#0561da);box-shadow:0 7px 16px rgba(10,115,247,.17)}.urv1-actions .primary:hover{box-shadow:0 10px 20px rgba(10,115,247,.23)}
.urv1-photo-badge,.urv1-photo-trust{display:none!important}

/* Mobile drawer building blocks hidden on desktop */
.mobile-nav-head,.mobile-nav-languages,.mobile-nav-help,.mobile-nav-contact,.mobile-menu-backdrop{display:none}

/* Professional tablet */
@media (max-width:1350px){
  body.ur-inventory-v1 .site-container,.urv1-shell{width:min(1280px,calc(100% - 34px))}
  .urv1-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .urv1-photo{height:164px}
  .urv1-layout{grid-template-columns:242px minmax(0,1fr)}
  .urv1-search-card{grid-template-columns:1fr 1fr 1fr 1fr 1fr 165px}
}
@media (max-width:1180px){
  .urv1-search-card{grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
  .urv1-search-btn{grid-column:span 3;margin-top:2px}
  .urv1-select:nth-of-type(3){border-right:0}.urv1-select:nth-of-type(5){border-right:1px solid #e5eefb}
}

/* ------------------------------------------------------------
   Mobile: dedicated app-like header + working slide-out menu
   ------------------------------------------------------------ */
@media (max-width:960px){
  body.ur-inventory-v1{padding-bottom:72px!important}
  body.ur-inventory-v1 .site-header{position:sticky!important;top:0!important;z-index:1000!important}
  body.ur-inventory-v1 .nav-row{height:64px!important;min-height:64px!important;padding:7px 0!important;display:flex!important;align-items:center!important;gap:8px!important}
  body.ur-inventory-v1 .site-container{width:calc(100% - 28px)!important}
  body.ur-inventory-v1 .site-brand{min-width:0!important;margin-right:auto!important}
  body.ur-inventory-v1 .site-brand img{width:40px!important;height:40px!important;border-radius:11px!important}
  body.ur-inventory-v1 .brand-copy strong{font-size:16px!important;white-space:nowrap!important}
  body.ur-inventory-v1 .brand-copy span{display:none!important}

  body.ur-inventory-v1 .nav-actions{display:flex!important;order:2!important;margin-left:auto!important;gap:7px!important}
  body.ur-inventory-v1 .nav-actions .language-switcher,body.ur-inventory-v1 .nav-actions .site-btn{display:none!important}
  body.ur-inventory-v1 .nav-whatsapp{display:grid!important;width:40px!important;height:40px!important;border-radius:12px!important}
  body.ur-inventory-v1 .nav-toggle{display:flex!important;order:3!important;width:40px!important;height:40px!important;padding:0!important;border:1px solid #d9e7f8!important;border-radius:12px!important;background:#f7fbff!important;box-shadow:none!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:4px!important;margin:0!important;position:relative!important;z-index:1020!important}
  body.ur-inventory-v1 .nav-toggle span{width:18px!important;height:2px!important;background:#12305e!important;margin:0!important;border-radius:99px!important;transition:.18s ease!important}
  body.ur-inventory-v1.menu-open .nav-toggle span:nth-child(1){transform:translateY(6px) rotate(45deg)!important}
  body.ur-inventory-v1.menu-open .nav-toggle span:nth-child(2){opacity:0!important}
  body.ur-inventory-v1.menu-open .nav-toggle span:nth-child(3){transform:translateY(-6px) rotate(-45deg)!important}

  body.ur-inventory-v1 .site-nav{display:flex!important;position:fixed!important;z-index:1100!important;top:0!important;right:0!important;left:auto!important;bottom:0!important;width:min(350px,88vw)!important;height:100dvh!important;background:#fff!important;flex-direction:column!important;align-items:stretch!important;gap:2px!important;padding:0 16px calc(86px + env(safe-area-inset-bottom))!important;overflow-y:auto!important;box-shadow:-24px 0 60px rgba(5,24,58,.18)!important;transform:translateX(105%)!important;visibility:hidden!important;opacity:0!important;transition:transform .22s ease,opacity .18s ease,visibility .22s!important;margin:0!important}
  body.ur-inventory-v1 .site-nav.open{transform:translateX(0)!important;visibility:visible!important;opacity:1!important}
  body.ur-inventory-v1 .site-nav>a{display:flex!important;align-items:center!important;min-height:48px!important;padding:0 13px!important;border:0!important;border-radius:11px!important;color:#18345f!important;font-size:14px!important;font-weight:750!important;background:transparent!important}
  body.ur-inventory-v1 .site-nav>a:after{display:none!important}
  body.ur-inventory-v1 .site-nav>a.active{color:#086bf0!important;background:#edf6ff!important}
  body.ur-inventory-v1 .site-nav>a:hover{background:#f5f9ff!important;color:#086bf0!important}
  body.ur-inventory-v1 .site-nav .mobile-only{display:flex!important}

  .mobile-nav-head{display:flex!important;align-items:center;justify-content:space-between;gap:12px;min-height:78px;margin:0 -16px 10px;padding:14px 16px;border-bottom:1px solid #e7eef8;background:#fff;position:sticky;top:0;z-index:3}
  .mobile-nav-brand{display:flex!important;align-items:center!important;gap:9px!important;text-decoration:none!important;padding:0!important;min-height:0!important;background:transparent!important}
  .mobile-nav-brand img{width:40px;height:40px;border-radius:10px}.mobile-nav-brand strong{font:800 17px/1 'Plus Jakarta Sans',sans-serif;color:#0a2250}
  .mobile-nav-close{width:38px;height:38px;border:0;border-radius:11px;background:#f2f7fd;color:#15335f;font-size:25px;line-height:1;cursor:pointer}
  .mobile-nav-languages{display:block!important;margin:11px 0;padding:13px;border-radius:13px;background:#f7fbff;border:1px solid #e1edf9}.mobile-nav-languages>span{display:block;font-size:10px;color:#7086a7;text-transform:uppercase;letter-spacing:.08em;font-weight:900;margin-bottom:8px}.mobile-nav-languages>div{display:grid;grid-template-columns:1fr 1fr;gap:6px}.mobile-nav-languages a{display:flex!important;align-items:center!important;justify-content:center!important;min-height:36px!important;padding:0 8px!important;border:1px solid #dceafb!important;border-radius:9px!important;background:#fff!important;color:#25476f!important;font-size:11px!important;text-decoration:none!important}
  body.ur-inventory-v1 .site-nav>a.mobile-nav-contact{margin-top:2px;border-top:1px solid #edf2f8!important;border-radius:0!important;padding-top:4px!important}
  body.ur-inventory-v1 .site-nav>a.mobile-nav-help{display:grid!important;grid-template-columns:1fr auto!important;grid-template-rows:auto auto!important;column-gap:12px!important;margin-top:10px!important;padding:13px!important;min-height:64px!important;background:#edf6ff!important;border:1px solid #d8eaff!important;border-radius:13px!important}.mobile-nav-help span{font-weight:850;color:#14365f}.mobile-nav-help small{font-size:10px;color:#6c83a4}.mobile-nav-help b{grid-column:2;grid-row:1/3;align-self:center;color:#0a73f7;font-size:24px}
  .mobile-menu-backdrop{display:block!important;position:fixed!important;z-index:1050!important;inset:0!important;background:rgba(4,21,52,.48)!important;backdrop-filter:blur(3px)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:.2s ease!important}
  body.ur-inventory-v1.menu-open .mobile-menu-backdrop{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
  body.ur-inventory-v1.menu-open{overflow:hidden!important}

  .urv1-hero{padding-top:14px;background:linear-gradient(106deg,rgba(5,43,105,.90),rgba(6,91,177,.60)),url('../images/hero-makkah-premium.jpg') center/cover no-repeat}
  .urv1-breadcrumb{display:none}.urv1-hero-grid{grid-template-columns:1fr;min-height:0;padding:18px 0 24px}.urv1-destination-card{display:none}.urv1-hero-copy h1{font-size:38px}.urv1-hero-copy h2{font-size:22px}.urv1-hero-copy p{font-size:12.5px;line-height:1.55}.urv1-kicker{font-size:9px}
  .urv1-search-card{grid-template-columns:1fr 1fr;margin-bottom:-46px;padding:7px;border-radius:17px}.urv1-search-btn{grid-column:span 2;min-height:50px;margin-top:2px}.urv1-select{padding:9px 11px}.urv1-select:nth-of-type(odd){border-right:1px solid #e5eefb}.urv1-select:nth-of-type(even){border-right:0}.urv1-select:nth-of-type(5){border-right:1px solid #e5eefb}.urv1-field-label{font-size:8px}.urv1-select-trigger{font-size:11.5px}
  .urv1-trust-row{display:none}.urv1-inventory{padding-top:66px}.urv1-layout{grid-template-columns:1fr}.urv1-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.urv1-photo{height:160px}.urv1-card-body{padding:12px}.urv1-toolbar-form{grid-template-columns:minmax(0,1fr) 145px 44px}.urv1-filter-panel{z-index:1200}

  body.ur-inventory-v1 .floating-actions{display:none!important}
  body.ur-inventory-v1 .mobile-sticky-actions{display:grid!important;height:68px!important;padding:7px 10px calc(7px + env(safe-area-inset-bottom))!important;grid-template-columns:1fr 1fr 1fr!important;gap:7px!important;background:rgba(255,255,255,.98)!important;box-shadow:0 -8px 28px rgba(14,52,104,.10)!important;border-top:1px solid #dce8f6!important;z-index:1000!important}
  body.ur-inventory-v1 .mobile-sticky-actions a,body.ur-inventory-v1 .mobile-sticky-actions button{border:0!important;background:transparent!important;color:#536b8e!important;border-radius:10px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;font:750 9px/1 Inter,sans-serif!important;text-decoration:none!important;padding:3px!important}
  body.ur-inventory-v1 .mobile-sticky-actions svg{width:20px;height:20px;stroke-width:1.8}.ur-inventory-v1 .mobile-sticky-actions a:first-child{color:#0a73f7!important;background:#f0f7ff!important}.ur-inventory-v1 .mobile-sticky-actions a.primary{color:#12a86b!important}
}

@media (max-width:680px){
  body.ur-inventory-v1 .site-container,.urv1-shell{width:calc(100% - 24px)!important}
  .urv1-hero-grid{padding-top:15px}.urv1-hero-copy h1{font-size:32px}.urv1-hero-copy h2{font-size:18px}.urv1-hero-copy p{font-size:11.5px}.urv1-kicker{padding:5px 8px}
  .urv1-search-card{grid-template-columns:1fr!important;margin-bottom:-42px!important}.urv1-search-card .urv1-select,.urv1-search-card .urv1-select:nth-of-type(odd),.urv1-search-card .urv1-select:nth-of-type(even),.urv1-search-card .urv1-select:nth-of-type(5){border-right:0!important;border-bottom:1px solid #edf2f8!important}.urv1-search-btn{grid-column:auto!important;min-height:48px!important}
  .urv1-inventory{padding-top:58px}.urv1-card-grid{grid-template-columns:1fr!important}.urv1-photo{height:205px}.urv1-toolbar{display:grid!important;gap:11px}.urv1-toolbar-form{grid-template-columns:1fr 1fr!important}.urv1-toolbar-submit{display:none!important}.urv1-toolbar-form>.urv1-select{height:42px}.urv1-tabs{margin-bottom:10px}.urv1-tabs a{padding:9px 13px}.urv1-actions a{height:42px;font-size:11px}.urv1-card h3{font-size:18px}.urv1-details p{font-size:11px}.urv1-rate-copy strong{font-size:21px}
}

/* ===== SOURCE: assets/css/umrahroom-inventory-mockup-lock.css ===== */
/* UmrahRoom Inventory — exact visual direction from the locked desktop/mobile mockups */
body.ur-inventory-v1{
  --ur-blue:#0877f9;
  --ur-blue-dark:#0565df;
  --ur-navy:#08245a;
  --ur-text:#35527d;
  --ur-muted:#6f86a8;
  --ur-line:#d7e7fb;
  --ur-soft:#eef7ff;
  --ur-bg:#f7fbff;
  --ur-green:#15bf70;
  background:var(--ur-bg)!important;
  color:var(--ur-navy)!important;
  overflow-x:hidden!important;
}
body.ur-inventory-v1 *{box-sizing:border-box}
body.ur-inventory-v1 .utility-bar{display:none!important}
body.ur-inventory-v1 .site-container,.urv1-shell{width:min(1320px,calc(100% - 64px))!important;max-width:none!important;margin-inline:auto!important}

/* Header — desktop mockup */
body.ur-inventory-v1 .site-header{position:relative!important;top:auto!important;z-index:900!important;background:#fff!important;border-bottom:1px solid #dce9f8!important;box-shadow:none!important}
body.ur-inventory-v1 .nav-row{height:82px!important;min-height:82px!important;display:flex!important;align-items:center!important;gap:34px!important;padding:0!important}
body.ur-inventory-v1 .site-brand{display:flex!important;align-items:center!important;gap:12px!important;min-width:235px!important;text-decoration:none!important}
body.ur-inventory-v1 .site-brand img{width:52px!important;height:52px!important;border-radius:10px!important}
body.ur-inventory-v1 .brand-copy strong{font:800 22px/1 'Plus Jakarta Sans',Inter,sans-serif!important;color:#0b2455!important;letter-spacing:-.03em!important}
body.ur-inventory-v1 .brand-copy span{display:none!important}
body.ur-inventory-v1 .site-nav{display:flex!important;align-items:center!important;justify-content:center!important;gap:34px!important;margin-inline:auto!important;position:static!important;width:auto!important;height:auto!important;transform:none!important;visibility:visible!important;opacity:1!important;padding:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
body.ur-inventory-v1 .site-nav>a{position:relative!important;display:flex!important;align-items:center!important;height:82px!important;min-height:82px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#0e2c5f!important;font:750 13px/1 Inter,sans-serif!important;text-decoration:none!important;white-space:nowrap!important}
body.ur-inventory-v1 .site-nav>a:after{content:""!important;position:absolute!important;left:0!important;right:0!important;bottom:15px!important;height:3px!important;border-radius:999px!important;background:var(--ur-blue)!important;transform:scaleX(0)!important;transition:transform .18s ease!important}
body.ur-inventory-v1 .site-nav>a.active{color:var(--ur-blue)!important}
body.ur-inventory-v1 .site-nav>a.active:after{transform:scaleX(1)!important}
body.ur-inventory-v1 .site-nav>a:hover{color:var(--ur-blue)!important}
body.ur-inventory-v1 .mobile-nav-head,body.ur-inventory-v1 .site-nav .mobile-only{display:none!important}
body.ur-inventory-v1 .nav-actions{display:flex!important;align-items:center!important;gap:10px!important;margin:0!important}
body.ur-inventory-v1 .language-current{height:46px!important;border:0!important;background:transparent!important;border-radius:12px!important;padding:0 8px!important;color:#102c5d!important;font-size:12.5px!important;font-weight:750!important;box-shadow:none!important}
body.ur-inventory-v1 .language-current .globe{font-size:18px!important}
body.ur-inventory-v1 .nav-whatsapp{display:grid!important;place-items:center!important;width:48px!important;height:46px!important;border:1px solid #a9e6c7!important;border-radius:11px!important;background:#effff6!important;color:#0faf64!important;box-shadow:none!important}
body.ur-inventory-v1 .nav-whatsapp svg{width:22px!important;height:22px!important}
body.ur-inventory-v1 .nav-actions .site-btn.primary.compact{height:46px!important;min-height:46px!important;padding:0 22px!important;border:0!important;border-radius:10px!important;background:linear-gradient(135deg,#1180ff,#086be7)!important;color:#fff!important;font-size:12.5px!important;font-weight:800!important;box-shadow:0 8px 18px rgba(8,119,249,.18)!important}
body.ur-inventory-v1 .nav-toggle{display:none!important}
body.ur-inventory-v1 .mobile-menu-backdrop{display:none!important}

/* Hero */
.urv1-hero{position:relative!important;overflow:visible!important;background:linear-gradient(90deg,rgba(3,65,139,.88) 0%,rgba(4,90,169,.66) 46%,rgba(4,74,142,.36) 100%),url('../images/hero-makkah-premium.jpg') center 48%/cover no-repeat!important;color:#fff!important;border:0!important;padding:0!important}
.urv1-hero:after{content:none!important}
.urv1-hero-inner{position:relative!important;z-index:2!important}
.urv1-hero-grid{display:grid!important;grid-template-columns:minmax(0,1fr) 300px!important;align-items:center!important;gap:54px!important;min-height:226px!important;padding:34px 0 58px!important}
.urv1-hero-copy{max-width:760px!important}
.urv1-kicker{display:block!important;padding:0!important;margin:0 0 10px!important;border:0!important;border-radius:0!important;background:transparent!important;color:#dceeff!important;font-size:10px!important;font-weight:800!important;letter-spacing:.22em!important;text-transform:uppercase!important}
.urv1-hero-copy h1{margin:0 0 9px!important;color:#fff!important;font:800 38px/1.08 'Plus Jakarta Sans',Inter,sans-serif!important;letter-spacing:-.035em!important;max-width:720px!important}
.urv1-hero-copy p{margin:0!important;max-width:650px!important;color:rgba(255,255,255,.94)!important;font-size:14px!important;font-weight:500!important;line-height:1.55!important}
.urv1-partner-card{display:flex!important;align-items:center!important;gap:16px!important;justify-self:end!important;width:286px!important;padding:15px 18px!important;border:1px solid rgba(255,255,255,.55)!important;border-radius:11px!important;background:rgba(12,67,129,.62)!important;color:#fff!important;box-shadow:0 12px 35px rgba(0,36,83,.18)!important;backdrop-filter:blur(5px)!important}
.urv1-partner-icon{width:42px!important;height:42px!important;display:grid!important;place-items:center!important;flex:0 0 auto!important;border-radius:50%!important;background:rgba(255,255,255,.18)!important}
.urv1-partner-icon svg{width:22px!important;height:22px!important;fill:none!important;stroke:#fff!important;stroke-width:1.8!important}
.urv1-partner-card strong{display:block!important;font-size:12px!important;font-weight:850!important;margin-bottom:4px!important}
.urv1-partner-card small{display:block!important;font-size:10px!important;line-height:1.45!important;color:rgba(255,255,255,.9)!important}

/* Search bar matching the desktop mockup */
.urv1-search-card{position:relative!important;z-index:30!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr)) 190px!important;align-items:stretch!important;gap:7px!important;margin:0 0 -42px!important;padding:10px!important;background:#fff!important;border:1px solid #dce9f8!important;border-radius:12px!important;box-shadow:0 10px 30px rgba(17,62,120,.10)!important}
.urv1-search-card>.urv1-select{min-width:0!important;height:58px!important;padding:7px 12px!important;border:1px solid #d8e6f7!important;border-radius:8px!important;background:#fff!important;display:grid!important;grid-template-columns:30px minmax(0,1fr)!important;align-items:center!important;gap:9px!important}
.urv1-select{position:relative!important}
.urv1-select-icon{display:grid!important;place-items:center!important;color:#056fe9!important}
.urv1-select-icon svg{width:22px!important;height:22px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.urv1-select-copy{min-width:0!important}
.urv1-field-label{display:block!important;margin:0 0 2px!important;color:#59759d!important;font-size:9px!important;font-weight:750!important;letter-spacing:0!important;text-transform:none!important;line-height:1.15!important}
.urv1-select-trigger{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:6px!important;width:100%!important;min-width:0!important;padding:0!important;border:0!important;background:transparent!important;color:#0d2b5c!important;font:750 11.5px/1.25 Inter,sans-serif!important;text-align:left!important;cursor:pointer!important}
.urv1-select-trigger>span{display:block!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.urv1-select-trigger>svg{width:13px!important;height:13px!important;flex:0 0 auto!important;fill:none!important;stroke:#0877f9!important;stroke-width:2!important;transition:transform .16s ease!important}
.urv1-select.open .urv1-select-trigger>svg{transform:rotate(180deg)!important}
.urv1-select-menu{display:none!important;position:absolute!important;z-index:1300!important;left:0!important;right:0!important;top:calc(100% + 7px)!important;max-height:280px!important;overflow:auto!important;padding:6px!important;border:1px solid #d9e7f8!important;border-radius:11px!important;background:#fff!important;box-shadow:0 16px 40px rgba(14,52,104,.16)!important}
.urv1-select.open .urv1-select-menu{display:block!important}
.urv1-select-menu button{width:100%!important;min-height:36px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;padding:7px 9px!important;border:0!important;border-radius:8px!important;background:#fff!important;color:#24466f!important;font-size:10.5px!important;font-weight:700!important;text-align:left!important;cursor:pointer!important}
.urv1-select-menu button:hover,.urv1-select-menu button[aria-selected="true"]{background:#edf6ff!important;color:#076ae1!important}
.urv1-search-btn{height:58px!important;min-height:58px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;border:0!important;border-radius:8px!important;background:linear-gradient(135deg,#087cff,#066ae6)!important;color:#fff!important;font:800 12px/1 Inter,sans-serif!important;box-shadow:0 8px 18px rgba(8,119,249,.20)!important;cursor:pointer!important}
.urv1-search-btn span{display:grid!important;place-items:center!important}.urv1-search-btn span svg{width:20px!important;height:20px!important;fill:none!important;stroke:#fff!important;stroke-width:1.8!important}.urv1-search-btn b{font-size:18px!important;font-weight:500!important}

/* Trust band */
.urv1-trust-band{background:#fff!important;border-bottom:1px solid #edf3fa!important}
.urv1-trust-row{display:grid!important;grid-template-columns:repeat(3,1fr)!important;margin:0 auto!important;padding:62px 70px 22px!important}
.urv1-trust-row>div{display:flex!important;align-items:center!important;justify-content:center!important;gap:14px!important;min-height:52px!important;border-right:1px solid #d9e6f5!important}
.urv1-trust-row>div:last-child{border-right:0!important}
.urv1-trust-row i{width:44px!important;height:44px!important;display:grid!important;place-items:center!important;border:1px solid #78b4ff!important;border-radius:50%!important;background:#f4f9ff!important;color:#0877f9!important;font-style:normal!important}
.urv1-trust-row i svg{width:23px!important;height:23px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.urv1-trust-row b{display:block!important;color:#102f60!important;font-size:11.5px!important;font-weight:850!important;margin-bottom:3px!important}.urv1-trust-row small{display:block!important;color:#6b82a5!important;font-size:10px!important;line-height:1.3!important}

/* Results */
.urv1-inventory{background:#f7fbff!important;padding:24px 0 64px!important;min-height:0!important}
.urv1-mobile-tabs{display:none!important}
.urv1-layout{display:grid!important;grid-template-columns:260px minmax(0,1fr)!important;gap:20px!important;align-items:start!important}
.urv1-filter-panel{position:sticky!important;top:16px!important;overflow:visible!important;background:#fff!important;border:1px solid #d9e7f7!important;border-radius:10px!important;box-shadow:0 8px 24px rgba(17,62,120,.05)!important}
.urv1-filter-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:16px 15px 10px!important;border:0!important}
.urv1-filter-title{display:flex!important;align-items:center!important;gap:9px!important}.urv1-filter-title>span{display:grid!important;place-items:center!important;color:#113567!important}.urv1-filter-title svg{width:21px!important;height:21px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important}.urv1-filter-title strong{font-size:16px!important;font-weight:850!important;color:#0d2c5e!important}
.urv1-filter-head>a{color:#0877f9!important;text-decoration:none!important;font-size:10px!important;font-weight:750!important}
.urv1-filter-form{padding:0 15px 16px!important}
.urv1-filter-form>.urv1-select{display:block!important;height:auto!important;margin:0 0 10px!important;padding:0!important;border:0!important;background:transparent!important}
.urv1-filter-form .urv1-field-label{font-size:10px!important;font-weight:800!important;color:#163967!important;margin:0 0 5px!important}
.urv1-filter-form .urv1-select-trigger{height:34px!important;padding:0 9px!important;border:1px solid #cfe0f4!important;border-radius:7px!important;background:#fff!important;font-size:10.5px!important;color:#183963!important}
.urv1-filter-form .urv1-select-menu{top:calc(100% + 4px)!important}
.urv1-apply{width:100%!important;height:43px!important;margin-top:5px!important;border:0!important;border-radius:8px!important;background:linear-gradient(135deg,#0b7fff,#0769e8)!important;color:#fff!important;font-size:12px!important;font-weight:800!important;box-shadow:0 7px 16px rgba(8,119,249,.18)!important;cursor:pointer!important}
.urv1-apply span{margin-right:7px!important}
.urv1-results{min-width:0!important}
.urv1-toolbar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;margin:2px 0 8px!important}
.urv1-result-count{display:block!important}.urv1-result-count strong{display:block!important;color:#0d2b5d!important;font:800 18px/1.15 'Plus Jakarta Sans',Inter,sans-serif!important;letter-spacing:-.02em!important}.urv1-result-count span{display:block!important;margin-top:3px!important;color:#6a82a5!important;font-size:10.5px!important}
.urv1-toolbar-form{display:grid!important;grid-template-columns:220px 34px 42px 42px!important;gap:7px!important;align-items:center!important}
.urv1-toolbar-form>.urv1-select{display:grid!important;grid-template-columns:56px minmax(0,1fr)!important;align-items:center!important;height:40px!important;padding:0 8px!important;border:1px solid #d1e1f4!important;border-radius:8px!important;background:#fff!important}
.urv1-toolbar-form .urv1-field-label{font-size:9.5px!important;color:#6e84a4!important;margin:0!important}.urv1-toolbar-form .urv1-select-trigger{font-size:10.5px!important}
.urv1-sort-submit{height:40px!important;border:1px solid #d2e2f5!important;border-radius:8px!important;background:#fff!important;color:#12386a!important;font-size:17px!important;cursor:pointer!important}
.urv1-view-toggle{height:40px!important;width:42px!important;display:grid!important;place-items:center!important;border:1px solid #d2e2f5!important;border-radius:8px!important;background:#fff!important;color:#0d3a70!important;cursor:pointer!important}.urv1-view-toggle.active{background:#0877f9!important;border-color:#0877f9!important;color:#fff!important}.urv1-view-toggle svg{width:19px!important;height:19px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important}
.urv1-page-note{margin:0 0 9px!important;color:#7086a6!important;font-size:9.5px!important;text-align:right!important}
.urv1-card-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;align-items:start!important}
.urv1-card{position:relative!important;min-width:0!important;overflow:hidden!important;border:1px solid #d7e7fa!important;border-radius:9px!important;background:#fff!important;box-shadow:0 5px 18px rgba(22,66,124,.055)!important}
.urv1-photo{position:relative!important;display:block!important;height:154px!important;margin:7px 7px 0!important;overflow:hidden!important;border-radius:7px!important;background:#eaf4ff!important;text-decoration:none!important}
.urv1-photo img{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;transition:transform .2s ease!important}.urv1-card:hover .urv1-photo img{transform:scale(1.015)!important}
.urv1-photo.is-placeholder{background:linear-gradient(145deg,#dff1ff,#f4f9ff)!important}.urv1-photo-placeholder{position:absolute!important;inset:0!important;background:radial-gradient(circle at 78% 22%,rgba(87,169,255,.18),transparent 30%),linear-gradient(135deg,rgba(8,119,249,.07),rgba(255,255,255,.1)),repeating-linear-gradient(90deg,transparent 0 44px,rgba(8,119,249,.035) 44px 45px)!important}
.urv1-distance-pill{position:absolute!important;z-index:3!important;left:8px!important;top:8px!important;display:inline-flex!important;align-items:center!important;gap:4px!important;max-width:75%!important;padding:5px 8px!important;border-radius:999px!important;background:rgba(244,250,255,.94)!important;color:#0b3870!important;font-size:9px!important;font-weight:800!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;box-shadow:0 2px 8px rgba(14,52,104,.08)!important}.urv1-distance-pill svg{width:13px!important;height:13px!important;flex:0 0 auto!important;fill:none!important;stroke:#0b65d7!important;stroke-width:2!important}
.urv1-save{position:absolute!important;z-index:5!important;right:14px!important;top:14px!important;width:30px!important;height:30px!important;display:grid!important;place-items:center!important;border:1px solid #d8e5f4!important;border-radius:8px!important;background:rgba(255,255,255,.94)!important;color:#1a5da9!important;font-size:18px!important;line-height:1!important;cursor:pointer!important;box-shadow:0 3px 10px rgba(16,61,128,.06)!important}.urv1-save.saved{color:#e84c6b!important}
.urv1-card-body{display:grid!important;gap:7px!important;padding:8px 10px 10px!important}.urv1-card h3{margin:0!important;font:800 14px/1.18 'Plus Jakarta Sans',Inter,sans-serif!important;letter-spacing:-.02em!important}.urv1-card h3 a{color:#0b2c5e!important;text-decoration:none!important}
.urv1-location-line{display:flex!important;align-items:center!important;gap:6px!important;min-width:0!important;color:#55739d!important;font-size:9.5px!important;font-weight:650!important}.urv1-location-line b{font-size:8px!important;color:#7fa0c7!important}.urv1-location-line span{min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.urv1-details{display:grid!important;gap:4px!important;margin:1px 0!important}.urv1-details p{display:grid!important;grid-template-columns:16px minmax(0,1fr)!important;align-items:start!important;gap:5px!important;margin:0!important;color:#506f99!important;font-size:9.5px!important;font-weight:550!important;line-height:1.25!important}.urv1-details svg{width:14px!important;height:14px!important;fill:none!important;stroke:#17487f!important;stroke-width:1.7!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.urv1-rate-box{display:flex!important;align-items:end!important;justify-content:space-between!important;gap:10px!important;margin-top:2px!important;padding:7px 9px!important;border:0!important;border-radius:7px!important;background:linear-gradient(90deg,#eaf5ff,#f0f8ff)!important}.urv1-rate-copy small{display:block!important;color:#0877f9!important;font-size:9px!important;line-height:1!important;margin-bottom:2px!important}.urv1-rate-copy strong{display:block!important;color:#062a61!important;font:800 19px/1 'Plus Jakarta Sans',Inter,sans-serif!important;letter-spacing:-.035em!important}.urv1-per-night{padding-bottom:1px!important;color:#5e7598!important;font-size:8.5px!important;white-space:nowrap!important}.urv1-rate-box.no-rate .urv1-rate-copy strong{font-size:14px!important;letter-spacing:0!important}
.urv1-freshness{display:flex!important;align-items:center!important;gap:5px!important;margin:0!important;padding:0!important;border:0!important;color:#6b83a5!important;font-size:8.5px!important;font-weight:650!important}.urv1-freshness svg{width:12px!important;height:12px!important;fill:none!important;stroke:#315e96!important;stroke-width:1.7!important}.urv1-freshness>span{display:block!important}
.urv1-actions{display:grid!important;grid-template-columns:1fr 1.15fr!important;gap:6px!important;margin-top:0!important}.urv1-actions a{height:36px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:6px!important;text-decoration:none!important;font-size:9.5px!important;font-weight:800!important;transition:.15s ease!important}.urv1-actions .secondary{border:1.3px solid #0877f9!important;background:#fff!important;color:#086be6!important}.urv1-actions .primary{border:1px solid #0877f9!important;background:linear-gradient(135deg,#087cff,#066be7)!important;color:#fff!important;box-shadow:none!important}.urv1-actions a:hover{transform:translateY(-1px)!important}
.urv1-card-grid.list-view{grid-template-columns:1fr!important}.urv1-card-grid.list-view .urv1-card{display:grid!important;grid-template-columns:280px minmax(0,1fr)!important}.urv1-card-grid.list-view .urv1-photo{height:100%!important;min-height:210px!important}.urv1-card-grid.list-view .urv1-save{right:auto!important;left:245px!important}
.urv1-empty{padding:60px 20px!important;text-align:center!important;background:#fff!important;border:1px solid #d9e7f7!important;border-radius:12px!important}

/* The generic site CTA is intentionally hidden on inventory: the locked mockup goes straight to content/footer. */
body.ur-inventory-v1 .footer-cta{display:none!important}
body.ur-inventory-v1 .floating-actions{display:none!important}

/* Medium desktop */
@media (max-width:1180px) and (min-width:761px){
  body.ur-inventory-v1 .site-container,.urv1-shell{width:min(1080px,calc(100% - 34px))!important}
  body.ur-inventory-v1 .site-brand{min-width:195px!important}.urv1-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.urv1-layout{grid-template-columns:235px minmax(0,1fr)!important}.urv1-search-card{grid-template-columns:repeat(3,minmax(0,1fr))!important}.urv1-search-btn{grid-column:span 1!important}.urv1-hero-grid{grid-template-columns:minmax(0,1fr) 260px!important}.urv1-partner-card{width:250px!important}.urv1-toolbar-form{grid-template-columns:185px 34px 40px 40px!important}.urv1-hero-copy h1{font-size:34px!important}
}

/* Mobile mockup */
@media (max-width:760px){
  body.ur-inventory-v1{padding-bottom:67px!important;background:#fff!important}
  body.ur-inventory-v1 .site-container,.urv1-shell{width:calc(100% - 24px)!important}
  body.ur-inventory-v1 .site-header{position:sticky!important;top:0!important;z-index:1200!important;border-bottom:1px solid #e5eef9!important}
  body.ur-inventory-v1 .nav-row{height:68px!important;min-height:68px!important;gap:7px!important}
  body.ur-inventory-v1 .site-brand{min-width:0!important;margin-right:auto!important;gap:8px!important}
  body.ur-inventory-v1 .site-brand img{width:42px!important;height:42px!important;border-radius:8px!important}
  body.ur-inventory-v1 .brand-copy strong{font-size:18px!important}.ur-inventory-v1 .brand-copy span{display:none!important}
  body.ur-inventory-v1 .nav-actions{order:2!important;margin-left:auto!important}.ur-inventory-v1 .nav-actions .language-switcher,.ur-inventory-v1 .nav-actions .site-btn{display:none!important}
  body.ur-inventory-v1 .nav-whatsapp{display:grid!important;width:40px!important;height:40px!important;border-radius:50%!important;background:#18c96f!important;border-color:#18c96f!important;color:#fff!important}
  body.ur-inventory-v1 .nav-whatsapp svg{width:20px!important;height:20px!important}
  body.ur-inventory-v1 .nav-toggle{display:flex!important;order:3!important;width:40px!important;height:40px!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:4px!important;padding:0!important;border:0!important;border-radius:9px!important;background:#f4f7fb!important;position:relative!important;z-index:1310!important}
  body.ur-inventory-v1 .nav-toggle span{width:18px!important;height:2px!important;margin:0!important;border-radius:9px!important;background:#153a6e!important;transition:.18s ease!important}
  body.ur-inventory-v1.menu-open .nav-toggle span:nth-child(1){transform:translateY(6px) rotate(45deg)!important}.ur-inventory-v1.menu-open .nav-toggle span:nth-child(2){opacity:0!important}.ur-inventory-v1.menu-open .nav-toggle span:nth-child(3){transform:translateY(-6px) rotate(-45deg)!important}

  body.ur-inventory-v1 .site-nav{display:flex!important;position:fixed!important;z-index:1300!important;top:0!important;right:0!important;bottom:0!important;left:auto!important;width:min(330px,84vw)!important;height:100dvh!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:2px!important;margin:0!important;padding:0 15px calc(76px + env(safe-area-inset-bottom))!important;overflow-y:auto!important;background:#fff!important;box-shadow:-22px 0 50px rgba(3,27,65,.20)!important;transform:translateX(105%)!important;visibility:hidden!important;opacity:0!important;transition:transform .22s ease,opacity .18s ease,visibility .22s!important}
  body.ur-inventory-v1 .site-nav.open{transform:translateX(0)!important;visibility:visible!important;opacity:1!important}
  body.ur-inventory-v1 .mobile-nav-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;min-height:82px!important;margin:0 -15px 8px!important;padding:14px 16px!important;border-bottom:1px solid #edf2f8!important;background:#fff!important;position:sticky!important;top:0!important;z-index:4!important}
  body.ur-inventory-v1 .mobile-nav-brand{display:flex!important;align-items:center!important;gap:8px!important;text-decoration:none!important}.ur-inventory-v1 .mobile-nav-brand img{width:42px!important;height:42px!important;border-radius:8px!important}.ur-inventory-v1 .mobile-nav-brand strong{font:800 17px/1 'Plus Jakarta Sans',Inter,sans-serif!important;color:#0b2859!important}
  body.ur-inventory-v1 .mobile-nav-close{width:36px!important;height:36px!important;border:0!important;background:transparent!important;color:#0b2c5e!important;font-size:26px!important;cursor:pointer!important}
  body.ur-inventory-v1 .site-nav>a{display:flex!important;align-items:center!important;gap:13px!important;height:auto!important;min-height:49px!important;padding:0 11px!important;border:0!important;border-radius:9px!important;background:transparent!important;color:#102d5d!important;font-size:14px!important;font-weight:650!important}
  body.ur-inventory-v1 .site-nav>a:after{display:none!important}.ur-inventory-v1 .site-nav>a.active{background:#eaf4ff!important;color:#0877f9!important;font-weight:800!important}
  body.ur-inventory-v1 .site-nav>a.mobile-only{display:none!important}
  body.ur-inventory-v1 .site-nav>a.mobile-nav-contact,body.ur-inventory-v1 .site-nav>a.mobile-nav-help{display:flex!important}
  body.ur-inventory-v1 .site-nav>a.mobile-nav-contact{margin-top:5px!important;border-top:1px solid #eef3f9!important;border-radius:0!important;padding-top:8px!important}
  body.ur-inventory-v1 .site-nav>a.mobile-nav-help{display:grid!important;grid-template-columns:1fr auto!important;grid-template-rows:auto auto!important;column-gap:10px!important;margin-top:9px!important;padding:11px!important;min-height:63px!important;border:1px solid #d8e9fb!important;border-radius:9px!important;background:#edf6ff!important}.ur-inventory-v1 .mobile-nav-help span{font-weight:800!important}.ur-inventory-v1 .mobile-nav-help small{font-size:9.5px!important;color:#7087a8!important}.ur-inventory-v1 .mobile-nav-help b{grid-column:2!important;grid-row:1/3!important;align-self:center!important;color:#0a72ef!important;font-size:22px!important}
  body.ur-inventory-v1 .mobile-nav-languages{display:block!important;margin:4px 0 2px!important;padding:10px!important;border:0!important;border-radius:9px!important;background:#f8fbff!important}.ur-inventory-v1 .mobile-nav-languages>span{display:flex!important;align-items:center!important;color:#102d5d!important;font-size:13px!important;font-weight:700!important;text-transform:none!important;letter-spacing:0!important;margin-bottom:7px!important}.ur-inventory-v1 .mobile-nav-languages>div{display:grid!important;grid-template-columns:1fr 1fr!important;gap:5px!important}.ur-inventory-v1 .mobile-nav-languages a{min-height:33px!important;border:1px solid #dce9f8!important;border-radius:7px!important;background:#fff!important;color:#315278!important;font-size:10px!important}
  body.ur-inventory-v1 .mobile-menu-backdrop{display:block!important;position:fixed!important;z-index:1250!important;inset:0!important;background:rgba(4,20,47,.58)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:.2s ease!important}.ur-inventory-v1.menu-open .mobile-menu-backdrop{opacity:1!important;visibility:visible!important;pointer-events:auto!important}.ur-inventory-v1.menu-open{overflow:hidden!important}

  .urv1-hero{background:linear-gradient(100deg,rgba(4,52,116,.88),rgba(4,91,170,.57)),url('../images/hero-makkah-premium.jpg') center/cover no-repeat!important}
  .urv1-hero-grid{display:block!important;min-height:0!important;padding:36px 8px 96px!important}.urv1-partner-card{display:none!important}.urv1-kicker{font-size:8.5px!important;letter-spacing:.2em!important;margin-bottom:10px!important}.urv1-hero-copy h1{font-size:31px!important;line-height:1.08!important;margin-bottom:9px!important}.urv1-hero-copy p{font-size:12px!important;line-height:1.55!important;max-width:320px!important}.urv1-hero-copy p br{display:none!important}
  .urv1-search-card{grid-template-columns:1fr!important;gap:6px!important;margin:-62px 0 -38px!important;padding:9px!important;border-radius:12px!important;box-shadow:0 9px 28px rgba(11,51,101,.13)!important}.urv1-search-card>.urv1-select{height:54px!important;grid-template-columns:28px minmax(0,1fr)!important;padding:6px 10px!important}.urv1-select-icon svg{width:20px!important;height:20px!important}.urv1-field-label{font-size:8.5px!important}.urv1-select-trigger{font-size:11px!important}.urv1-search-btn{height:50px!important;min-height:50px!important;border-radius:7px!important;font-size:11px!important}
  .urv1-trust-band{display:none!important}
  .urv1-inventory{padding:57px 0 42px!important;background:#fff!important}
  .urv1-mobile-tabs{display:grid!important;grid-template-columns:1.25fr 1fr 1fr!important;gap:7px!important;margin:0 0 10px!important}.urv1-mobile-tabs a{display:flex!important;align-items:center!important;justify-content:center!important;gap:3px!important;height:39px!important;padding:0 7px!important;border:1px solid #cbdff4!important;border-radius:999px!important;background:#f7fbff!important;color:#14396a!important;text-decoration:none!important;font-size:10px!important;font-weight:650!important}.urv1-mobile-tabs a.active{background:#0877f9!important;border-color:#0877f9!important;color:#fff!important}.urv1-mobile-tabs a span{font-size:9px!important}
  .urv1-layout{display:block!important}.urv1-filter-panel{display:none!important}.urv1-toolbar{display:none!important}.urv1-page-note{display:none!important}.urv1-results{width:100%!important}.urv1-card-grid{grid-template-columns:1fr!important;gap:10px!important}.urv1-card{border-radius:10px!important}.urv1-photo{height:160px!important;margin:6px 6px 0!important}.urv1-distance-pill{font-size:8.5px!important}.urv1-save{right:12px!important;top:12px!important}.urv1-card-body{gap:6px!important;padding:8px 10px 10px!important}.urv1-card h3{font-size:16px!important}.urv1-location-line{font-size:9.5px!important}.urv1-details p{font-size:9.5px!important}.urv1-rate-copy strong{font-size:21px!important}.urv1-actions a{height:36px!important;font-size:9.5px!important}

  body.ur-inventory-v1 .floating-actions{display:flex!important;position:fixed!important;z-index:1050!important;right:12px!important;bottom:76px!important;flex-direction:column!important;gap:8px!important}.ur-inventory-v1 .float-action{width:45px!important;height:45px!important;border-radius:50%!important;box-shadow:0 8px 18px rgba(9,50,104,.16)!important}.ur-inventory-v1 .floating-label{display:none!important}.ur-inventory-v1 .float-action svg{width:21px!important;height:21px!important}
  body.ur-inventory-v1 .mobile-sticky-actions{display:grid!important;position:fixed!important;z-index:1100!important;left:0!important;right:0!important;bottom:0!important;height:64px!important;grid-template-columns:repeat(3,1fr)!important;padding:6px 8px calc(6px + env(safe-area-inset-bottom))!important;border-top:1px solid #dce8f6!important;background:rgba(255,255,255,.98)!important;box-shadow:0 -7px 18px rgba(14,52,104,.08)!important}.ur-inventory-v1 .mobile-sticky-actions a,.ur-inventory-v1 .mobile-sticky-actions button{display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:3px!important;border:0!important;background:transparent!important;color:#657b9c!important;font-size:8.5px!important;font-weight:700!important;text-decoration:none!important}.ur-inventory-v1 .mobile-sticky-actions svg{width:19px!important;height:19px!important}.ur-inventory-v1 .mobile-sticky-actions a:first-child{color:#0877f9!important}.ur-inventory-v1 .mobile-sticky-actions a.primary{color:#526986!important}

  body.ur-inventory-v1 .site-footer{padding-bottom:70px!important}
}

@media (max-width:390px){
  body.ur-inventory-v1 .site-container,.urv1-shell{width:calc(100% - 20px)!important}.urv1-hero-grid{padding-left:5px!important;padding-right:5px!important}.urv1-hero-copy h1{font-size:29px!important}.urv1-photo{height:154px!important}
}
body.ur-inventory-v1 .mobile-menu-icon{display:none!important}
@media (max-width:760px){
  body.ur-inventory-v1 .site-nav>a .mobile-menu-icon{display:block!important;width:21px!important;height:21px!important;flex:0 0 auto!important;stroke-width:1.8!important}
  body.ur-inventory-v1 .mobile-nav-language{display:block!important;margin:2px 0!important;border-radius:9px!important;background:#fff!important}
  body.ur-inventory-v1 .mobile-nav-language summary{list-style:none!important;display:grid!important;grid-template-columns:21px 1fr auto!important;align-items:center!important;gap:13px!important;min-height:49px!important;padding:0 11px!important;color:#102d5d!important;font-size:14px!important;font-weight:650!important;cursor:pointer!important}
  body.ur-inventory-v1 .mobile-nav-language summary::-webkit-details-marker{display:none!important}
  body.ur-inventory-v1 .mobile-nav-language summary svg{width:21px!important;height:21px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important}
  body.ur-inventory-v1 .mobile-nav-language summary b{font-size:16px!important;font-weight:600!important;color:#174777!important;transition:transform .15s ease!important}
  body.ur-inventory-v1 .mobile-nav-language[open] summary b{transform:rotate(180deg)!important}
  body.ur-inventory-v1 .mobile-nav-language>div{display:grid!important;grid-template-columns:1fr 1fr!important;gap:5px!important;padding:0 10px 9px 45px!important}
  body.ur-inventory-v1 .mobile-nav-language>div a{min-height:31px!important;display:flex!important;align-items:center!important;justify-content:center!important;border:1px solid #dce9f8!important;border-radius:7px!important;background:#f8fbff!important;color:#315278!important;font-size:9.5px!important;text-decoration:none!important}
  body.ur-inventory-v1 .mobile-nav-languages{display:none!important}
}
@media (min-width:761px){body.ur-inventory-v1 .nav-actions .site-btn.primary.compact:after{content:"→";margin-left:9px;font-size:16px;font-weight:500}}

/* ============================================================
   Inventory v1.3 — FINAL PIXEL FIX
   Locked against the approved AFTER mockup.
   Only visual alignment fixes; no data/functionality redesign.
   ============================================================ */

/* Desktop hero search must stay one single row: 5 fields + CTA. */
@media (min-width:1181px){
  body.ur-inventory-v1 .urv1-search-card{
    grid-template-columns:minmax(0,1.05fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) 178px!important;
    grid-template-rows:58px!important;
    grid-auto-flow:row!important;
    align-items:stretch!important;
  }
  body.ur-inventory-v1 .urv1-search-card>.urv1-select{
    grid-row:1!important;
  }
  body.ur-inventory-v1 .urv1-search-card>.urv1-select:nth-of-type(1){grid-column:1!important}
  body.ur-inventory-v1 .urv1-search-card>.urv1-select:nth-of-type(2){grid-column:2!important}
  body.ur-inventory-v1 .urv1-search-card>.urv1-select:nth-of-type(3){grid-column:3!important}
  body.ur-inventory-v1 .urv1-search-card>.urv1-select:nth-of-type(4){grid-column:4!important}
  body.ur-inventory-v1 .urv1-search-card>.urv1-select:nth-of-type(5){grid-column:5!important}
  body.ur-inventory-v1 .urv1-search-card>.urv1-search-btn{
    grid-column:6 / 7!important;
    grid-row:1!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
  }
}

/* The sort control should always show “Recommended”, never “Reco…”. */
body.ur-inventory-v1 .urv1-toolbar-form{
  grid-template-columns:246px 38px 42px 42px!important;
}
body.ur-inventory-v1 .urv1-toolbar-form>.urv1-select{
  grid-template-columns:58px minmax(0,1fr)!important;
  min-width:0!important;
}
body.ur-inventory-v1 .urv1-toolbar-form .urv1-select-trigger>span{
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:nowrap!important;
}

/* Repair the freshness row collision caused by legacy styles. */
body.ur-inventory-v1 .urv1-freshness{
  min-height:14px!important;
  gap:4px!important;
  white-space:nowrap!important;
}
body.ur-inventory-v1 .urv1-freshness>span{
  display:inline-flex!important;
  align-items:center!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:inherit!important;
  line-height:1.2!important;
}
body.ur-inventory-v1 .urv1-freshness>span::before{
  content:""!important;
  width:6px!important;
  height:6px!important;
  flex:0 0 6px!important;
  margin-right:4px!important;
  border-radius:50%!important;
  background:#8fa0b7!important;
  box-shadow:none!important;
}
body.ur-inventory-v1 .urv1-freshness.fresh>span::before{
  background:#16b66f!important;
  box-shadow:0 0 0 2px rgba(22,182,111,.11)!important;
}
body.ur-inventory-v1 .urv1-freshness.watch>span::before{background:#f0a52e!important}
body.ur-inventory-v1 .urv1-freshness.stale>span::before{background:#a5afbd!important}

/* Match the approved mockup’s tighter content-to-footer rhythm. */
body.ur-inventory-v1 .urv1-inventory{
  padding-bottom:26px!important;
}
body.ur-inventory-v1 .urv1-card-grid{
  margin-bottom:0!important;
}
body.ur-inventory-v1 .site-footer{
  margin-top:0!important;
}

/* Small alignment polish in the result toolbar. */
body.ur-inventory-v1 .urv1-toolbar{
  min-height:48px!important;
  margin-bottom:4px!important;
}
body.ur-inventory-v1 .urv1-page-note{
  margin-bottom:10px!important;
  line-height:1.25!important;
}

/* Preserve responsive behavior below the desktop lock. */
@media (max-width:1180px) and (min-width:761px){
  body.ur-inventory-v1 .urv1-toolbar-form{
    grid-template-columns:205px 36px 40px 40px!important;
  }
  body.ur-inventory-v1 .urv1-toolbar-form>.urv1-select{
    grid-template-columns:54px minmax(0,1fr)!important;
  }
}
@media (max-width:760px){
  body.ur-inventory-v1 .urv1-inventory{padding-bottom:24px!important}
}


/* ============================================================
   Inventory v1.4 — SORT DROPDOWN INTERACTION FIX
   Keeps the approved visual design and makes Sort by reliably
   clickable, layered above the hotel grid, and auto-applying.
   ============================================================ */
body.ur-inventory-v1 .urv1-results,
body.ur-inventory-v1 .urv1-toolbar,
body.ur-inventory-v1 .urv1-toolbar-form{
  overflow:visible!important;
}
body.ur-inventory-v1 .urv1-toolbar{
  position:relative!important;
  z-index:80!important;
}
body.ur-inventory-v1 .urv1-toolbar-form{
  position:relative!important;
  z-index:90!important;
}
body.ur-inventory-v1 .urv1-toolbar-form>.urv1-sort-select{
  position:relative!important;
  z-index:91!important;
  cursor:pointer!important;
  overflow:visible!important;
}
body.ur-inventory-v1 .urv1-toolbar-form>.urv1-sort-select.open{
  z-index:9998!important;
  border-color:#8fc0ff!important;
  box-shadow:0 0 0 3px rgba(8,119,249,.09)!important;
}
body.ur-inventory-v1 .urv1-toolbar-form .urv1-sort-select .urv1-select-copy{
  width:100%!important;
  min-width:0!important;
}
body.ur-inventory-v1 .urv1-toolbar-form .urv1-sort-select .urv1-select-trigger{
  width:100%!important;
  min-height:22px!important;
  cursor:pointer!important;
}
body.ur-inventory-v1 .urv1-toolbar-form .urv1-sort-select .urv1-select-menu{
  display:none;
  top:calc(100% + 8px)!important;
  left:0!important;
  right:auto!important;
  width:100%!important;
  min-width:220px!important;
  z-index:9999!important;
  max-height:none!important;
  overflow:visible!important;
  padding:7px!important;
  border:1px solid #d5e5f8!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:0 18px 45px rgba(8,43,96,.18)!important;
}
body.ur-inventory-v1 .urv1-toolbar-form .urv1-sort-select.open .urv1-select-menu{
  display:block!important;
}
body.ur-inventory-v1 .urv1-toolbar-form .urv1-sort-select .urv1-select-menu button{
  min-height:38px!important;
  padding:9px 10px!important;
  border-radius:8px!important;
  font-size:11px!important;
  white-space:nowrap!important;
}
body.ur-inventory-v1 .urv1-toolbar-form .urv1-sort-select .urv1-select-menu button:hover,
body.ur-inventory-v1 .urv1-toolbar-form .urv1-sort-select .urv1-select-menu button[aria-selected="true"]{
  background:#edf6ff!important;
  color:#066af0!important;
}

/* ===== SOURCE: assets/css/umrahroom-qa-v15.css ===== */
/* ============================================================
   UmrahRoom v1.5 QA FIX
   Final mobile QA fixes discovered by local rendering.
   Scope: home mobile, universal mobile sticky bar, inventory
   duplicate location rendering polish. Desktop inventory remains
   visually locked.
   ============================================================ */

/* Universal mobile quick actions: hard-size icons so legacy SVG rules
   cannot stretch them on non-inventory pages. */
@media (max-width:760px){
  .mobile-sticky-actions{
    position:fixed!important;
    left:0!important;right:0!important;bottom:0!important;
    z-index:180!important;
    height:64px!important;
    min-height:64px!important;
    max-height:64px!important;
    padding:6px 8px calc(6px + env(safe-area-inset-bottom))!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:7px!important;
    background:rgba(255,255,255,.98)!important;
    border-top:1px solid #dce8f6!important;
    box-shadow:0 -7px 20px rgba(14,52,104,.09)!important;
    backdrop-filter:blur(14px)!important;
    overflow:hidden!important;
  }
  .mobile-sticky-actions>a,
  .mobile-sticky-actions>button{
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    height:50px!important;
    max-height:50px!important;
    margin:0!important;
    padding:4px!important;
    border:0!important;
    border-radius:10px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    background:#f3f7fc!important;
    color:#536b8e!important;
    font:750 9px/1 Inter,Arial,sans-serif!important;
    text-decoration:none!important;
    overflow:hidden!important;
  }
  .mobile-sticky-actions>a.primary{background:#eafff4!important;color:#12a86b!important}
  .mobile-sticky-actions svg{
    display:block!important;
    width:20px!important;
    height:20px!important;
    min-width:20px!important;
    min-height:20px!important;
    max-width:20px!important;
    max-height:20px!important;
    flex:0 0 20px!important;
    stroke-width:1.8!important;
  }
  .mobile-sticky-actions span{
    display:block!important;
    font-size:9px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
}

/* Home mobile: compact hero and search instead of a full-screen stack. */
@media (max-width:760px){
  body.ur-home-v15{padding-bottom:64px!important}
  body.ur-home-v15 .utility-bar{display:none!important}
  body.ur-home-v15 .site-header{position:sticky!important;top:0!important;z-index:1200!important;border-bottom:1px solid #e4edf8!important}
  body.ur-home-v15 .nav-row{height:64px!important;min-height:64px!important;padding:6px 0!important;gap:8px!important}
  body.ur-home-v15 .site-brand{min-width:0!important;margin-right:auto!important;gap:8px!important}
  body.ur-home-v15 .site-brand img{width:40px!important;height:40px!important;border-radius:10px!important}
  body.ur-home-v15 .brand-copy strong{font-size:17px!important;white-space:nowrap!important}
  body.ur-home-v15 .brand-copy span{display:none!important}
  body.ur-home-v15 .nav-actions{display:flex!important;order:2!important;margin-left:auto!important;gap:7px!important}
  body.ur-home-v15 .nav-actions .language-switcher,
  body.ur-home-v15 .nav-actions .site-btn{display:none!important}
  body.ur-home-v15 .nav-whatsapp{display:grid!important;width:40px!important;height:40px!important;border-radius:12px!important}
  body.ur-home-v15 .nav-whatsapp svg{width:20px!important;height:20px!important}
  body.ur-home-v15 .nav-toggle{display:flex!important;order:3!important;width:40px!important;height:40px!important;padding:0!important;border:1px solid #d9e7f8!important;border-radius:12px!important;background:#f7fbff!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:4px!important;margin:0!important}
  body.ur-home-v15 .nav-toggle span{width:18px!important;height:2px!important;margin:0!important;background:#12305e!important;border-radius:99px!important}

  body.ur-home-v15 .signature-hero,
  body.ur-home-v15 .v6-hero{min-height:0!important}
  body.ur-home-v15 .signature-hero-grid,
  body.ur-home-v15 .v6-hero-grid{
    min-height:0!important;
    display:block!important;
    padding:28px 0 82px!important;
  }
  body.ur-home-v15 .signature-hero .signature-hero-copy{padding:0!important;max-width:none!important}
  body.ur-home-v15 .hero-kicker{font-size:10px!important;padding:7px 10px!important;letter-spacing:.07em!important;margin-bottom:16px!important}
  body.ur-home-v15 .signature-hero h1,
  body.ur-home-v15 .v6-hero h1{
    font-size:40px!important;
    line-height:.98!important;
    letter-spacing:-.055em!important;
    max-width:350px!important;
    margin:0 0 16px!important;
  }
  body.ur-home-v15 .signature-hero-copy>p{
    font-size:15px!important;
    line-height:1.55!important;
    max-width:355px!important;
    margin:0 0 20px!important;
  }
  body.ur-home-v15 .hero-actions{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;margin-top:0!important}
  body.ur-home-v15 .hero-actions .site-btn{
    min-height:50px!important;
    height:50px!important;
    padding:0 16px!important;
    border-radius:15px!important;
    font-size:14px!important;
  }
  body.ur-home-v15 .hero-actions .site-btn.glass{
    color:#0b5fd7!important;
    background:rgba(255,255,255,.92)!important;
    border:1px solid #cfe2fb!important;
    box-shadow:0 8px 22px rgba(3,40,90,.08)!important;
  }
  body.ur-home-v15 .hero-assurance{display:none!important}
  body.ur-home-v15 .featured-stay-card{display:none!important}

  body.ur-home-v15 .search-dock,
  body.ur-home-v15 .v6-search-dock{margin-top:-48px!important;position:relative!important;z-index:20!important}
  body.ur-home-v15 .signature-search,
  body.ur-home-v15 .search-bar{
    grid-template-columns:1fr!important;
    padding:8px!important;
    border-radius:18px!important;
    gap:0!important;
    box-shadow:0 18px 40px rgba(8,48,102,.14)!important;
  }
  body.ur-home-v15 .signature-search .search-field,
  body.ur-home-v15 .search-bar .search-field{
    position:relative!important;
    min-height:58px!important;
    height:58px!important;
    padding:7px 12px 7px 42px!important;
    border-right:0!important;
    border-bottom:1px solid #e5eef8!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
  }
  body.ur-home-v15 .signature-search .search-field:last-of-type{border-bottom:0!important}
  body.ur-home-v15 .signature-search .field-icon{left:13px!important;top:50%!important;transform:translateY(-50%)!important}
  body.ur-home-v15 .signature-search .field-icon svg{width:20px!important;height:20px!important}
  body.ur-home-v15 .signature-search label{font-size:9px!important;line-height:1.1!important;margin-bottom:2px!important;letter-spacing:.08em!important}
  body.ur-home-v15 .signature-search input,
  body.ur-home-v15 .signature-search select{
    height:24px!important;
    min-height:24px!important;
    font-size:13px!important;
    line-height:24px!important;
  }
  body.ur-home-v15 .search-submit{
    grid-column:auto!important;
    min-height:52px!important;
    height:52px!important;
    margin-top:8px!important;
    border-radius:14px!important;
    font-size:14px!important;
  }
  body.ur-home-v15 .search-submit svg{width:20px!important;height:20px!important}

  body.ur-home-v15 .trust-strip-v6{padding:8px 0!important}
  body.ur-home-v15 .trust-strip-grid{
    grid-template-columns:1fr 1fr!important;
    gap:0!important;
  }
  body.ur-home-v15 .trust-strip-grid>div{
    min-height:72px!important;
    padding:10px 8px!important;
    gap:8px!important;
    border-bottom:1px solid #eef3fb!important;
  }
  body.ur-home-v15 .trust-strip-grid>div:nth-child(2n){border-right:0!important}
  body.ur-home-v15 .trust-icon{width:34px!important;height:34px!important;min-width:34px!important;border-radius:11px!important;font-size:14px!important}
  body.ur-home-v15 .trust-strip-grid strong{font-size:11px!important;line-height:1.2!important}
  body.ur-home-v15 .trust-strip-grid small{font-size:9px!important;line-height:1.25!important;margin-top:2px!important}

  body.ur-home-v15 .v6-featured-section{padding-top:46px!important}
  body.ur-home-v15 .signature-heading{gap:10px!important;margin-bottom:22px!important}
  body.ur-home-v15 .signature-heading h2{font-size:31px!important;line-height:1.02!important;letter-spacing:-.045em!important}
  body.ur-home-v15 .signature-heading p{font-size:14px!important;line-height:1.5!important}
  body.ur-home-v15 .text-link{font-size:13px!important}

  body.ur-home-v15 .urx-hotel-card{border-radius:18px!important}
  body.ur-home-v15 .urx-card-photo{height:215px!important}
  body.ur-home-v15 .urx-card-body{padding:16px!important}
  body.ur-home-v15 .urx-card-title-row h3{font-size:21px!important}
  body.ur-home-v15 .urx-description{font-size:13px!important;line-height:1.45!important}
  body.ur-home-v15 .urx-chip-row{gap:5px!important}
  body.ur-home-v15 .urx-chip-row span{padding:5px 8px!important;font-size:10px!important}
  body.ur-home-v15 .urx-rate-box{padding:12px!important;border-radius:15px!important}
  body.ur-home-v15 .urx-rate-box strong{font-size:25px!important}
  body.ur-home-v15 .urx-rate-box em{font-size:11px!important}
  body.ur-home-v15 .urx-card-actions{gap:7px!important}
  body.ur-home-v15 .urx-card-actions a{min-height:42px!important;font-size:11px!important}
}

@media (max-width:390px){
  body.ur-home-v15 .site-container{width:calc(100% - 24px)!important}
  body.ur-home-v15 .signature-hero h1,
  body.ur-home-v15 .v6-hero h1{font-size:36px!important;max-width:330px!important}
  body.ur-home-v15 .signature-hero-copy>p{font-size:14px!important}
}

/* Inventory: keep city + area clean and hide separators when no secondary
   location is available. */
body.ur-inventory-v1 .urv1-location-line.is-city-only b,
body.ur-inventory-v1 .urv1-location-line.is-city-only span:last-child{display:none!important}

/* ===== SOURCE: assets/css/umrahroom-theme-v16.css ===== */
/* ============================================================
   UmrahRoom v1.6 — Subtle Star Texture + Optional Dark Mode
   - Decorative stars only; no lantern/mosque/geometric clutter.
   - Light mode remains the default visual language.
   - Dark mode is user-selectable and persisted in localStorage.
   ============================================================ */

:root{
  --urt-dark-bg:#07172f;
  --urt-dark-surface:#0b1f3f;
  --urt-dark-surface-2:#10284d;
  --urt-dark-card:#0d2346;
  --urt-dark-line:#24476f;
  --urt-dark-text:#f4f8ff;
  --urt-dark-muted:#a9bbd6;
}
html{color-scheme:light}
html[data-theme="dark"]{color-scheme:dark}

/* ---------- Theme toggle ---------- */
.theme-toggle{
  appearance:none;border:1px solid #d8e6f7;background:#f8fbff;color:#163a6c;
  width:42px;height:42px;min-width:42px;border-radius:12px;display:grid;place-items:center;
  cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease;
}
.theme-toggle:hover{background:#edf6ff;border-color:#bcd8fb;box-shadow:0 7px 18px rgba(8,75,154,.09);transform:translateY(-1px)}
.theme-toggle svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.theme-toggle .theme-icon-sun{display:none}
html[data-theme="dark"] .theme-toggle .theme-icon-moon{display:none}
html[data-theme="dark"] .theme-toggle .theme-icon-sun{display:block}

.mobile-theme-toggle{width:100%!important;min-height:49px!important;height:auto!important;padding:0 11px!important;border:0!important;border-radius:9px!important;background:#fff!important;color:#102d5d!important;display:none!important;grid-template-columns:21px 1fr auto!important;align-items:center!important;gap:13px!important;text-align:left!important;font:650 14px/1.2 Inter,sans-serif!important;cursor:pointer!important}
.mobile-theme-toggle .theme-icon-wrap{display:grid!important;place-items:center!important;width:21px!important;height:21px!important}
.mobile-theme-toggle svg{width:21px!important;height:21px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important}
.mobile-theme-toggle b{font-size:17px;font-weight:600;color:#0877f9}
@media(max-width:760px){
  .desktop-theme-toggle{display:none!important}
  .site-nav .mobile-theme-toggle{display:grid!important}
}

/* ---------- Very subtle stars: deliberately sparse ---------- */
body.ur-inventory-v1 .urv1-inventory{
  background-color:#f7fbff!important;
  background-image:url('../images/umrahroom-stars.svg')!important;
  background-repeat:repeat!important;
  background-size:760px 760px!important;
  background-position:center 20px!important;
}
body.ur-inventory-v1 .urv1-inventory:before{content:none!important}

/* Home: only the spacious light sections get the texture. Cards remain clean. */
body.ur-home-v15 .v6-featured-section,
body.ur-home-v15 .destination-section,
body.ur-home-v15 .faq-home-section{
  background-color:#fff;
  background-image:url('../images/umrahroom-stars.svg');
  background-repeat:repeat;
  background-size:760px 760px;
}
body.ur-home-v15 .section-soft{
  background-image:url('../images/umrahroom-stars.svg'),linear-gradient(180deg,#f8faff 0%,#f4f7fc 100%)!important;
  background-repeat:repeat,no-repeat!important;
  background-size:760px 760px,100% 100%!important;
}

/* ---------- Global public dark foundation ---------- */
html[data-theme="dark"] body{
  background:var(--urt-dark-bg)!important;
  color:var(--urt-dark-text);
}
html[data-theme="dark"] .site-header{
  background:#081a35!important;
  border-color:#1e3b61!important;
  box-shadow:0 8px 30px rgba(0,0,0,.14)!important;
}
html[data-theme="dark"] .site-brand strong,
html[data-theme="dark"] .brand-copy strong,
html[data-theme="dark"] .site-nav>a,
html[data-theme="dark"] .language-current{color:#eef5ff!important}
html[data-theme="dark"] .site-nav>a:hover,
html[data-theme="dark"] .site-nav>a.active{color:#63acff!important}
html[data-theme="dark"] .language-current,
html[data-theme="dark"] .theme-toggle{background:#0d2548!important;border-color:#294c75!important;color:#dceaff!important}
html[data-theme="dark"] .language-menu{background:#0d2344!important;border-color:#294c75!important;box-shadow:0 18px 42px rgba(0,0,0,.35)!important}
html[data-theme="dark"] .language-menu a{color:#dce8f8!important}
html[data-theme="dark"] .language-menu a:hover,
html[data-theme="dark"] .language-menu a.active{background:#15345f!important;color:#fff!important}
html[data-theme="dark"] .nav-whatsapp{background:#0b332b!important;border-color:#176044!important;color:#37d88b!important}

/* Generic sections/cards/forms used across the public site. */
html[data-theme="dark"] .section,
html[data-theme="dark"] .section-soft,
html[data-theme="dark"] .trust-strip-v6,
html[data-theme="dark"] .search-dock,
html[data-theme="dark"] .results-section,
html[data-theme="dark"] .content-section,
html[data-theme="dark"] .article-shell-wrap{
  background-color:var(--urt-dark-bg)!important;
  color:var(--urt-dark-text)!important;
}
html[data-theme="dark"] .section-soft{
  background-image:url('../images/umrahroom-stars-dark.svg'),linear-gradient(180deg,#091c38 0%,#07172f 100%)!important;
  background-size:760px 760px,100% 100%!important;
}
html[data-theme="dark"] .v6-featured-section,
html[data-theme="dark"] .destination-section,
html[data-theme="dark"] .faq-home-section{
  background-color:var(--urt-dark-bg)!important;
  background-image:url('../images/umrahroom-stars-dark.svg')!important;
  background-size:760px 760px!important;
}
html[data-theme="dark"] .search-bar,
html[data-theme="dark"] .signature-search,
html[data-theme="dark"] .hotel-card,
html[data-theme="dark"] .hotel-card-v6,
html[data-theme="dark"] .urx-hotel-card,
html[data-theme="dark"] .blog-card,
html[data-theme="dark"] .service-card,
html[data-theme="dark"] .need-card,
html[data-theme="dark"] .benefit,
html[data-theme="dark"] .public-form,
html[data-theme="dark"] .filter-panel,
html[data-theme="dark"] .right-rail,
html[data-theme="dark"] .room-card,
html[data-theme="dark"] .faq-list details,
html[data-theme="dark"] .home-faq-list details,
html[data-theme="dark"] .quick-content,
html[data-theme="dark"] .inquiry-form-wrap{
  background:var(--urt-dark-card)!important;
  border-color:var(--urt-dark-line)!important;
  color:var(--urt-dark-text)!important;
}
html[data-theme="dark"] .search-field,
html[data-theme="dark"] .public-form input,
html[data-theme="dark"] .public-form select,
html[data-theme="dark"] .public-form textarea,
html[data-theme="dark"] .form-stack input,
html[data-theme="dark"] .form-stack select,
html[data-theme="dark"] .form-stack textarea{
  background:#0a1d3a!important;border-color:#2a4a71!important;color:#edf5ff!important
}
html[data-theme="dark"] .search-field label,
html[data-theme="dark"] .search-field input,
html[data-theme="dark"] .search-field select,
html[data-theme="dark"] .section p,
html[data-theme="dark"] .section-heading p,
html[data-theme="dark"] .hotel-card p,
html[data-theme="dark"] .hotel-meta,
html[data-theme="dark"] .muted,
html[data-theme="dark"] small{color:var(--urt-dark-muted)}
html[data-theme="dark"] .section h1,
html[data-theme="dark"] .section h2,
html[data-theme="dark"] .section h3,
html[data-theme="dark"] .section-heading h2,
html[data-theme="dark"] .hotel-card h3,
html[data-theme="dark"] .faq-list summary{color:var(--urt-dark-text)!important}

/* Mobile drawer + sticky bar */
html[data-theme="dark"] .mobile-menu-backdrop{background:rgba(1,8,20,.66)!important;backdrop-filter:blur(6px)!important}
@media(max-width:760px){
  html[data-theme="dark"] .site-nav{
    background:#091c38!important;border-color:#27486f!important;box-shadow:-20px 0 45px rgba(0,0,0,.38)!important
  }
  html[data-theme="dark"] .site-nav>a,
  html[data-theme="dark"] .mobile-nav-language summary,
  html[data-theme="dark"] .mobile-theme-toggle{color:#eaf3ff!important;background:transparent!important}
  html[data-theme="dark"] .site-nav>a:hover,
  html[data-theme="dark"] .site-nav>a.active{background:#12325b!important;color:#70b4ff!important}
  html[data-theme="dark"] .mobile-nav-head{border-color:#24446a!important}
  html[data-theme="dark"] .mobile-nav-language{background:transparent!important}
  html[data-theme="dark"] .mobile-nav-language>div a{background:#0d274a!important;border-color:#2c4e76!important;color:#cfe0f5!important}
  html[data-theme="dark"] .mobile-nav-help{background:#102f58!important}
  html[data-theme="dark"] .mobile-sticky-actions{background:rgba(8,24,48,.97)!important;border-color:#25466e!important;box-shadow:0 -9px 25px rgba(0,0,0,.22)!important}
  html[data-theme="dark"] .mobile-sticky-actions>a,
  html[data-theme="dark"] .mobile-sticky-actions>button{background:#0d2749!important;color:#afc3df!important}
  html[data-theme="dark"] .mobile-sticky-actions>a.primary{background:#0b392f!important;color:#43dd94!important}
}

/* ---------- Inventory: fully intentional dark treatment ---------- */
html[data-theme="dark"] body.ur-inventory-v1{
  --ur-navy:#f3f7ff;
  --ur-text:#b7c7dd;
  --ur-muted:#95aac8;
  --ur-line:#294a71;
  --ur-soft:#10294c;
  --ur-bg:#07172f;
  background:#07172f!important;
  color:#f3f7ff!important;
}
html[data-theme="dark"] body.ur-inventory-v1 .site-header{background:#081a35!important;border-color:#234363!important}
html[data-theme="dark"] body.ur-inventory-v1 .brand-copy strong,
html[data-theme="dark"] body.ur-inventory-v1 .site-nav>a,
html[data-theme="dark"] body.ur-inventory-v1 .language-current{color:#edf5ff!important}
html[data-theme="dark"] body.ur-inventory-v1 .urv1-trust-band{background:#091c38!important;border-color:#24456d!important;color:#eef5ff!important}
html[data-theme="dark"] body.ur-inventory-v1 .urv1-trust-row>div{border-color:#27486e!important}
html[data-theme="dark"] body.ur-inventory-v1 .urv1-trust-row strong{color:#eaf3ff!important}
html[data-theme="dark"] body.ur-inventory-v1 .urv1-trust-row small{color:#9fb3cf!important}
html[data-theme="dark"] body.ur-inventory-v1 .urv1-inventory{
  background-color:#07172f!important;
  background-image:url('../images/umrahroom-stars-dark.svg')!important;
  background-size:760px 760px!important;
}
html[data-theme="dark"] body.ur-inventory-v1 .urv1-search-card,
html[data-theme="dark"] body.ur-inventory-v1 .urv1-filter-panel,
html[data-theme="dark"] body.ur-inventory-v1 .urv1-card,
html[data-theme="dark"] body.ur-inventory-v1 .urv1-search-card>.urv1-select,
html[data-theme="dark"] body.ur-inventory-v1 .urv1-toolbar-form>.urv1-select{
  background:#0d2346!important;border-color:#294b74!important;color:#edf5ff!important;box-shadow:0 12px 30px rgba(0,0,0,.16)!important
}
html[data-theme="dark"] body.ur-inventory-v1 .urv1-field-label,
html[data-theme="dark"] body.ur-inventory-v1 .urv1-result-count span,
html[data-theme="dark"] body.ur-inventory-v1 .urv1-page-note{color:#98adca!important}
html[data-theme="dark"] body.ur-inventory-v1 .urv1-select-trigger,
html[data-theme="dark"] body.ur-inventory-v1 .urv1-filter-title strong,
html[data-theme="dark"] body.ur-inventory-v1 .urv1-result-count strong,
html[data-theme="dark"] body.ur-inventory-v1 .urv1-card h3{color:#f2f7ff!important}
html[data-theme="dark"] body.ur-inventory-v1 .urv1-select-menu,
html[data-theme="dark"] body.ur-inventory-v1 .urv1-toolbar-form .urv1-sort-select .urv1-select-menu{
  background:#0b203f!important;border-color:#31547d!important;box-shadow:0 18px 45px rgba(0,0,0,.36)!important
}
html[data-theme="dark"] body.ur-inventory-v1 .urv1-select-menu button,
html[data-theme="dark"] body.ur-inventory-v1 .urv1-toolbar-form .urv1-sort-select .urv1-select-menu button{background:#0b203f!important;color:#dce9f9!important}
html[data-theme="dark"] body.ur-inventory-v1 .urv1-select-menu button:hover,
html[data-theme="dark"] body.ur-inventory-v1 .urv1-select-menu button[aria-selected="true"]{background:#153760!important;color:#74b8ff!important}
html[data-theme="dark"] body.ur-inventory-v1 .urv1-filter-form label{color:#dbe7f7!important}
html[data-theme="dark"] body.ur-inventory-v1 .urv1-filter-form select,
html[data-theme="dark"] body.ur-inventory-v1 .urv1-filter-form input{background:#0a1f3d!important;border-color:#2a4e78!important;color:#eaf3ff!important}
html[data-theme="dark"] body.ur-inventory-v1 .urv1-location-line,
html[data-theme="dark"] body.ur-inventory-v1 .urv1-details,
html[data-theme="dark"] body.ur-inventory-v1 .urv1-freshness{color:#a9bdd8!important}
html[data-theme="dark"] body.ur-inventory-v1 .urv1-rate-box{background:#102d52!important;border-color:#284e79!important}
html[data-theme="dark"] body.ur-inventory-v1 .urv1-rate-copy span,
html[data-theme="dark"] body.ur-inventory-v1 .urv1-per-night{color:#98adca!important}
html[data-theme="dark"] body.ur-inventory-v1 .urv1-rate-copy strong{color:#f2f7ff!important}
html[data-theme="dark"] body.ur-inventory-v1 .urv1-actions .secondary{background:#0d2346!important;border-color:#3e79bd!important;color:#7cbcff!important}
html[data-theme="dark"] body.ur-inventory-v1 .urv1-photo.is-placeholder{background:linear-gradient(135deg,#102a4d,#0c2343)!important}
html[data-theme="dark"] body.ur-inventory-v1 .urv1-photo-placeholder{opacity:.62!important}
html[data-theme="dark"] body.ur-inventory-v1 .urv1-distance-pill,
html[data-theme="dark"] body.ur-inventory-v1 .urv1-save{background:rgba(7,24,48,.88)!important;color:#8ac6ff!important;border-color:#2d527c!important}

/* Footer stays deep navy; a tiny star texture makes the transition intentional. */
.site-footer{background-image:url('../images/umrahroom-stars-dark.svg')!important;background-size:760px 760px!important;background-blend-mode:soft-light!important}

/* Accessibility: users asking for less motion get instant theme changes. */
@media(prefers-reduced-motion:reduce){.theme-toggle,*{transition-duration:.001ms!important}}
@media(max-width:760px){
  body.ur-inventory-v1 .site-nav .mobile-theme-toggle{display:grid!important}
  html[data-theme="dark"] body.ur-inventory-v1 .mobile-nav-head{background:#091c38!important;border-color:#24446a!important}
  html[data-theme="dark"] body.ur-inventory-v1 .mobile-nav-brand strong,
  html[data-theme="dark"] body.ur-inventory-v1 .mobile-nav-close{color:#eef5ff!important}
  html[data-theme="dark"] body.ur-inventory-v1 .nav-toggle{background:#102a4d!important;border:1px solid #294d76!important}
  html[data-theme="dark"] body.ur-inventory-v1 .nav-toggle span{background:#d9e8fb!important}
}
/* Dark inventory contrast polish: keep all card/filter copy readable. */
html[data-theme="dark"] body.ur-inventory-v1 .urv1-card h3 a{color:#f2f7ff!important}
html[data-theme="dark"] body.ur-inventory-v1 .urv1-location-line,
html[data-theme="dark"] body.ur-inventory-v1 .urv1-location-line span,
html[data-theme="dark"] body.ur-inventory-v1 .urv1-location-line b{color:#a8bfdc!important}
html[data-theme="dark"] body.ur-inventory-v1 .urv1-details p,
html[data-theme="dark"] body.ur-inventory-v1 .urv1-details p span{color:#b7c9e1!important}
html[data-theme="dark"] body.ur-inventory-v1 .urv1-details svg,
html[data-theme="dark"] body.ur-inventory-v1 .urv1-freshness svg{stroke:#75b8ff!important}
html[data-theme="dark"] body.ur-inventory-v1 .urv1-freshness,
html[data-theme="dark"] body.ur-inventory-v1 .urv1-freshness>span{color:#9eb4d1!important}
html[data-theme="dark"] body.ur-inventory-v1 .urv1-filter-form .urv1-field-label{color:#c6d7ec!important}
html[data-theme="dark"] body.ur-inventory-v1 .urv1-filter-form .urv1-select-trigger{background:#0a1f3d!important;border-color:#31557f!important;color:#edf5ff!important}
html[data-theme="dark"] body.ur-inventory-v1 .urv1-filter-title>span{color:#79baff!important}
html[data-theme="dark"] body.ur-inventory-v1 .urv1-sort-submit,
html[data-theme="dark"] body.ur-inventory-v1 .urv1-view-toggle{background:#0d2346!important;border-color:#31557f!important;color:#c7ddf5!important}
html[data-theme="dark"] body.ur-inventory-v1 .urv1-view-toggle.active{background:#0877f9!important;border-color:#0877f9!important;color:#fff!important}
html[data-theme="dark"] body.ur-inventory-v1 .urv1-trust-row i{background:#102b50!important;border-color:#4779b2!important;color:#7cbcff!important}
html[data-theme="dark"] body.ur-inventory-v1 .urv1-trust-row b{color:#edf5ff!important}

/* ===== SOURCE: assets/css/umrahroom-v17-final-fixes.css ===== */
/* ============================================================
   UmrahRoom v1.7 — final mobile menu / theme / WhatsApp / sort polish
   Loaded last so it intentionally wins over legacy layers.
   ============================================================ */

/* Header WhatsApp: restrained, professional and consistent. */
body.ur-inventory-v1 .nav-whatsapp,
.nav-whatsapp{
  width:42px!important;height:42px!important;min-width:42px!important;
  border-radius:12px!important;border:1px solid #bfe8d3!important;
  background:#f3fff8!important;color:#0b9a55!important;
  box-shadow:0 4px 12px rgba(10,112,72,.06)!important;
  transition:background .18s ease,border-color .18s ease,transform .18s ease!important;
}
.nav-whatsapp:hover{background:#e9fbf2!important;border-color:#9ed9bd!important;transform:translateY(-1px)!important}
.nav-whatsapp svg{width:19px!important;height:19px!important;stroke-width:1.8!important}
html[data-theme="dark"] .nav-whatsapp{background:#0b2f2a!important;border-color:#1b5e47!important;color:#45db91!important;box-shadow:none!important}

/* Sort by: one deliberate chevron only; no overlapping icon. */
body.ur-inventory-v1 .urv1-toolbar-form .urv1-sort-select .urv1-select-trigger{
  position:relative!important;padding-right:20px!important;overflow:visible!important;
  appearance:none!important;-webkit-appearance:none!important;
}
body.ur-inventory-v1 .urv1-toolbar-form .urv1-sort-select .urv1-select-trigger>svg{display:none!important}
body.ur-inventory-v1 .urv1-toolbar-form .urv1-sort-select .urv1-select-trigger::after{
  content:"";position:absolute;right:2px;top:50%;width:7px;height:7px;
  border-right:1.7px solid #2473c9;border-bottom:1.7px solid #2473c9;
  transform:translateY(-68%) rotate(45deg);transition:transform .16s ease;pointer-events:none;
}
body.ur-inventory-v1 .urv1-toolbar-form .urv1-sort-select.open .urv1-select-trigger::after{
  transform:translateY(-25%) rotate(225deg)
}
body.ur-inventory-v1 .urv1-toolbar-form .urv1-sort-select .urv1-select-trigger>span{
  padding-right:4px!important;max-width:100%!important
}

/* Theme controls in drawer. */
.mobile-theme-panel{display:none!important}
@media(max-width:960px){
  body.ur-inventory-v1 .site-nav .mobile-theme-panel{
    display:block!important;margin:8px 0 5px!important;padding:12px 0 3px!important;
    border-top:1px solid #e8eff8!important;background:transparent!important;
  }
  .mobile-theme-title{display:flex!important;align-items:center!important;gap:10px!important;padding:0 10px 9px!important;color:#14345f!important;font:750 13px/1.2 Inter,sans-serif!important}
  .mobile-theme-title svg{width:20px!important;height:20px!important;stroke-width:1.8!important}
  .mobile-theme-segment{display:grid!important;grid-template-columns:1fr 1fr!important;gap:4px!important;padding:4px!important;border:1px solid #d9e7f7!important;border-radius:11px!important;background:#f3f7fc!important}
  .mobile-theme-segment button{min-height:40px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#476585!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;font:750 12px/1 Inter,sans-serif!important;cursor:pointer!important}
  .mobile-theme-segment button svg{width:17px!important;height:17px!important;stroke-width:1.8!important}
  html[data-theme="light"] .mobile-theme-segment [data-theme-choice="light"],
  html[data-theme="dark"] .mobile-theme-segment [data-theme-choice="dark"]{
    background:#0877f9!important;color:#fff!important;box-shadow:0 4px 12px rgba(8,119,249,.18)!important
  }

  /* Drawer must remain sharp. Only dim the page behind it — no blur. */
  body.ur-inventory-v1 .mobile-menu-backdrop,
  html[data-theme="dark"] body.ur-inventory-v1 .mobile-menu-backdrop{
    z-index:1190!important;background:rgba(4,20,47,.36)!important;
    -webkit-backdrop-filter:none!important;backdrop-filter:none!important;filter:none!important;
  }

  body.ur-inventory-v1 .site-header{z-index:1200!important}
  body.ur-inventory-v1 .site-nav{z-index:1300!important;filter:none!important;-webkit-filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  body.ur-inventory-v1 .site-nav.open{filter:none!important;-webkit-filter:none!important;opacity:1!important}

  /* Clean, shorter mobile menu: hide old secondary rows. */
  body.ur-inventory-v1 .site-nav>a.mobile-only:not(.mobile-nav-contact):not(.mobile-nav-help){display:none!important}
  body.ur-inventory-v1 .mobile-nav-language{margin-top:4px!important}

  /* No duplicate floating support buttons on mobile; bottom bar already has WhatsApp. */
  body.ur-inventory-v1 .floating-actions{display:none!important}

  /* Header WhatsApp on mobile: small soft-square, not a giant green bubble. */
  body.ur-inventory-v1 .nav-whatsapp{
    width:40px!important;height:40px!important;min-width:40px!important;border-radius:11px!important;
    background:#effcf5!important;border:1px solid #bfe8d3!important;color:#0b9a55!important;box-shadow:none!important
  }
  html[data-theme="dark"] body.ur-inventory-v1 .nav-whatsapp{background:#0b332b!important;border-color:#1d5d48!important;color:#42dc91!important}

  /* Bottom WhatsApp action professional parity with other tabs. */
  body.ur-inventory-v1 .mobile-sticky-actions a.primary{
    background:transparent!important;color:#14a667!important;border-radius:10px!important
  }
  html[data-theme="dark"] body.ur-inventory-v1 .mobile-sticky-actions a.primary{
    background:#0c352e!important;color:#46dd95!important
  }
}

/* Dark drawer surfaces and theme chooser remain crisp. */
@media(max-width:960px){
  html[data-theme="dark"] body.ur-inventory-v1 .site-nav{background:#091c38!important;border-color:#27486f!important}
  html[data-theme="dark"] .mobile-theme-panel{border-top-color:#24466d!important}
  html[data-theme="dark"] .mobile-theme-title{color:#e8f2ff!important}
  html[data-theme="dark"] .mobile-theme-segment{background:#07182f!important;border-color:#2a4b73!important}
  html[data-theme="dark"] .mobile-theme-segment button{color:#a9bed8!important}
  html[data-theme="dark"] body.ur-inventory-v1 .mobile-nav-language summary{color:#e8f2ff!important}
}
@media(max-width:960px){
  body.ur-inventory-v1 .site-nav .mobile-nav-language{display:block!important;margin:3px 0 4px!important;background:transparent!important}
  body.ur-inventory-v1 .mobile-nav-language summary{display:grid!important;grid-template-columns:21px 1fr auto!important;align-items:center!important;gap:13px!important;min-height:48px!important;padding:0 10px!important;border-radius:9px!important;color:#14345f!important;background:transparent!important;font:650 14px/1.2 Inter,sans-serif!important}
  body.ur-inventory-v1 .mobile-nav-language summary svg{width:20px!important;height:20px!important}
  html[data-theme="dark"] body.ur-inventory-v1 .mobile-nav-language summary{color:#e8f2ff!important}
  html[data-theme="dark"] body.ur-inventory-v1 .mobile-nav-help{background:#102f58!important;border-color:#2a527d!important}
  html[data-theme="dark"] body.ur-inventory-v1 .mobile-nav-help span{color:#f0f6ff!important}
  html[data-theme="dark"] body.ur-inventory-v1 .mobile-nav-help small{color:#9fb6d1!important}
}

/* ===== SOURCE: assets/css/umrahroom-v18-final.css ===== */
/* ============================================================
   UmrahRoom v1.8 FINAL QA
   Scope: mobile drawer crispness, mobile select bottom sheets,
   WhatsApp polish, sort toolbar cleanup. Loaded last by design.
   ============================================================ */

/* ---------- Sort toolbar: one control, one chevron, no dead reload button ---------- */
body.ur-inventory-v1 .urv1-sort-submit{display:none!important}
body.ur-inventory-v1 .urv1-toolbar-form{
  align-items:center!important;
}
body.ur-inventory-v1 .urv1-toolbar-form .urv1-sort-select{
  min-width:220px!important;
}
body.ur-inventory-v1 .urv1-toolbar-form .urv1-sort-select .urv1-select-trigger{
  cursor:pointer!important;
  padding-right:28px!important;
  overflow:hidden!important;
}
body.ur-inventory-v1 .urv1-toolbar-form .urv1-sort-select .urv1-select-trigger>svg{display:none!important}
body.ur-inventory-v1 .urv1-toolbar-form .urv1-sort-select .urv1-select-trigger::after{
  content:""!important;
  position:absolute!important;
  right:4px!important;
  top:50%!important;
  width:7px!important;height:7px!important;
  border-right:2px solid currentColor!important;
  border-bottom:2px solid currentColor!important;
  transform:translateY(-70%) rotate(45deg)!important;
  opacity:.65!important;
  pointer-events:none!important;
}
body.ur-inventory-v1 .urv1-toolbar-form .urv1-sort-select.open .urv1-select-trigger::after{
  transform:translateY(-20%) rotate(225deg)!important;
}

/* ---------- WhatsApp: restrained, consistent, no duplicate floating FAB ---------- */
body.ur-inventory-v1 .nav-whatsapp{
  width:42px!important;height:42px!important;min-width:42px!important;
  border-radius:12px!important;
  background:#f7fcfa!important;
  border:1px solid #cce9dc!important;
  color:#10945b!important;
  box-shadow:0 5px 16px rgba(14,89,62,.05)!important;
}
body.ur-inventory-v1 .nav-whatsapp:hover{
  background:#eefaf4!important;border-color:#aedaC4!important;
  transform:translateY(-1px)!important;
}
body.ur-inventory-v1 .nav-whatsapp svg{width:19px!important;height:19px!important;stroke-width:1.8!important}
html[data-theme="dark"] body.ur-inventory-v1 .nav-whatsapp{
  background:#0b2630!important;border-color:#28584d!important;color:#44d88e!important;box-shadow:none!important;
}
/* Inventory already has header + mobile bar WhatsApp. Avoid a third duplicate FAB. */
body.ur-inventory-v1 .floating-actions .whatsapp{display:none!important}
body.ur-inventory-v1 .floating-actions .inquiry{
  width:46px!important;height:46px!important;border-radius:14px!important;
  box-shadow:0 12px 30px rgba(7,74,165,.15)!important;
}

/* ---------- Mobile drawer: crisp panel, DIM ONLY backdrop, zero blur ---------- */
@media(max-width:960px){
  body.ur-inventory-v1.menu-open .site-header{
    z-index:1200!important;
    -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  }
  body.ur-inventory-v1 .mobile-menu-backdrop,
  html[data-theme="dark"] body.ur-inventory-v1 .mobile-menu-backdrop{
    display:block!important;
    position:fixed!important;
    inset:0!important;
    z-index:1190!important;
    background:rgba(3,17,39,.42)!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    filter:none!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition:opacity .18s ease,visibility .18s ease!important;
  }
  body.ur-inventory-v1.menu-open .mobile-menu-backdrop{
    opacity:1!important;visibility:visible!important;pointer-events:auto!important;
  }
  body.ur-inventory-v1 .site-nav,
  html[data-theme="dark"] body.ur-inventory-v1 .site-nav{
    position:fixed!important;
    z-index:1300!important;
    top:0!important;right:0!important;bottom:0!important;left:auto!important;
    width:min(350px,88vw)!important;
    height:100dvh!important;
    opacity:0!important;
    visibility:hidden!important;
    transform:translate3d(105%,0,0)!important;
    filter:none!important;-webkit-filter:none!important;
    -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
    isolation:isolate!important;
    will-change:transform!important;
  }
  body.ur-inventory-v1 .site-nav{background:#fff!important}
  html[data-theme="dark"] body.ur-inventory-v1 .site-nav{background:#081b35!important}
  body.ur-inventory-v1 .site-nav.open,
  html[data-theme="dark"] body.ur-inventory-v1 .site-nav.open{
    opacity:1!important;visibility:visible!important;transform:translate3d(0,0,0)!important;
    filter:none!important;-webkit-filter:none!important;
  }
  body.ur-inventory-v1 .mobile-nav-head{
    -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
    background:#fff!important;
  }
  html[data-theme="dark"] body.ur-inventory-v1 .mobile-nav-head{background:#081b35!important;border-color:#27486f!important}
  /* Explicitly keep page content unfiltered. Overlay provides dimming. */
  body.ur-inventory-v1.menu-open #mainContent,
  body.ur-inventory-v1.menu-open .site-footer,
  body.ur-inventory-v1.menu-open .mobile-sticky-actions{
    filter:none!important;-webkit-filter:none!important;
  }

  /* Clear, visible appearance control inside drawer. */
  body.ur-inventory-v1 .site-nav .mobile-theme-panel{
    display:block!important;
    flex:0 0 auto!important;
    margin:8px 0 5px!important;
    padding:12px 0 3px!important;
    border-top:1px solid #e4edf8!important;
  }
  body.ur-inventory-v1 .mobile-theme-title{
    display:flex!important;align-items:center!important;gap:10px!important;
    padding:0 10px 9px!important;color:#17375f!important;
  }
  body.ur-inventory-v1 .mobile-theme-segment{
    display:grid!important;grid-template-columns:1fr 1fr!important;gap:4px!important;
    padding:4px!important;border:1px solid #dce8f6!important;border-radius:12px!important;background:#f4f8fc!important;
  }
  body.ur-inventory-v1 .mobile-theme-segment button{
    display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;
    min-height:40px!important;border:0!important;border-radius:9px!important;background:transparent!important;color:#4f6a89!important;
  }
  html[data-theme="light"] body.ur-inventory-v1 .mobile-theme-segment [data-theme-choice="light"],
  html[data-theme="dark"] body.ur-inventory-v1 .mobile-theme-segment [data-theme-choice="dark"]{
    background:#0877f9!important;color:#fff!important;box-shadow:0 4px 14px rgba(8,119,249,.18)!important;
  }
  html[data-theme="dark"] body.ur-inventory-v1 .mobile-theme-panel{border-color:#29496d!important}
  html[data-theme="dark"] body.ur-inventory-v1 .mobile-theme-title{color:#eef5ff!important}
  html[data-theme="dark"] body.ur-inventory-v1 .mobile-theme-segment{background:#07182f!important;border-color:#29496d!important}
  html[data-theme="dark"] body.ur-inventory-v1 .mobile-theme-segment button{color:#aec1d9!important}

  /* Mobile WhatsApp is deliberately NOT a floating green circle. */
  body.ur-inventory-v1 .floating-actions{display:none!important}
  body.ur-inventory-v1 .nav-whatsapp{
    width:40px!important;height:40px!important;min-width:40px!important;border-radius:11px!important;
    background:#f7fcfa!important;border:1px solid #cce9dc!important;color:#11925a!important;box-shadow:none!important;
  }
  html[data-theme="dark"] body.ur-inventory-v1 .nav-whatsapp{
    background:#0b2630!important;border-color:#28584d!important;color:#44d88e!important;
  }

  /* Bottom navigation: keep it, but make WhatsApp an accent, not a giant green block. */
  body.ur-inventory-v1 .mobile-sticky-actions{
    height:68px!important;min-height:68px!important;max-height:68px!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;padding:7px 10px calc(7px + env(safe-area-inset-bottom))!important;
    background:rgba(255,255,255,.985)!important;border-top:1px solid #dce8f6!important;
    box-shadow:0 -8px 24px rgba(12,48,96,.08)!important;
    -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
    z-index:3000!important;
  }
  body.ur-inventory-v1 .mobile-sticky-actions>a,
  body.ur-inventory-v1 .mobile-sticky-actions>button{
    height:52px!important;max-height:52px!important;
    border-radius:11px!important;background:#f3f7fc!important;color:#61738c!important;
  }
  body.ur-inventory-v1 .mobile-sticky-actions>a:first-child{
    background:#edf6ff!important;color:#0877f9!important;
  }
  body.ur-inventory-v1 .mobile-sticky-actions>a.primary{
    background:#f1faf6!important;color:#12955d!important;border:1px solid #d3ede1!important;
  }
  html[data-theme="dark"] body.ur-inventory-v1 .mobile-sticky-actions{
    background:#07182f!important;border-color:#244566!important;box-shadow:0 -8px 24px rgba(0,0,0,.18)!important;
  }
  html[data-theme="dark"] body.ur-inventory-v1 .mobile-sticky-actions>a,
  html[data-theme="dark"] body.ur-inventory-v1 .mobile-sticky-actions>button{
    background:#0b2342!important;color:#aebfd4!important;
  }
  html[data-theme="dark"] body.ur-inventory-v1 .mobile-sticky-actions>a:first-child{
    background:#eaf4ff!important;color:#0877f9!important;
  }
  html[data-theme="dark"] body.ur-inventory-v1 .mobile-sticky-actions>a.primary{
    background:#0a2b29!important;color:#46d792!important;border-color:#205245!important;
  }
}

/* ---------- Mobile custom selects become bottom sheets ---------- */
.urv1-select-backdrop{display:none}
@media(max-width:680px){
  body.ur-inventory-v1.urv1-select-open{overflow:hidden!important}
  body.ur-inventory-v1 .urv1-select-backdrop{
    display:block!important;position:fixed!important;inset:0!important;z-index:5990!important;
    background:rgba(3,17,39,.38)!important;
    -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
    opacity:0!important;visibility:hidden!important;pointer-events:none!important;
    transition:opacity .16s ease,visibility .16s ease!important;
  }
  body.ur-inventory-v1 .urv1-select-backdrop.open{
    opacity:1!important;visibility:visible!important;pointer-events:auto!important;
  }
  body.ur-inventory-v1 .urv1-select-menu.urv1-sheet-menu,
  html[data-theme="dark"] body.ur-inventory-v1 .urv1-select-menu.urv1-sheet-menu{
    display:block!important;
    position:fixed!important;
    left:12px!important;right:12px!important;top:auto!important;bottom:calc(78px + env(safe-area-inset-bottom))!important;
    width:auto!important;min-width:0!important;max-width:none!important;
    max-height:min(56dvh,430px)!important;
    overflow-y:auto!important;
    z-index:6000!important;
    margin:0!important;padding:52px 8px 8px!important;
    border-radius:20px!important;
    transform:translateY(22px)!important;
    opacity:0!important;visibility:hidden!important;pointer-events:none!important;
    box-shadow:0 24px 70px rgba(1,14,34,.28)!important;
    -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  }
  body.ur-inventory-v1 .urv1-select-menu.urv1-sheet-menu{
    background:#fff!important;border:1px solid #d8e6f6!important;color:#12305c!important;
  }
  html[data-theme="dark"] body.ur-inventory-v1 .urv1-select-menu.urv1-sheet-menu{
    background:#091d39!important;border-color:#2b4b70!important;color:#eaf3ff!important;
  }
  body.ur-inventory-v1 .urv1-select-menu.urv1-sheet-menu.open,
  html[data-theme="dark"] body.ur-inventory-v1 .urv1-select-menu.urv1-sheet-menu.open{
    transform:translateY(0)!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;
  }
  body.ur-inventory-v1 .urv1-select-menu.urv1-sheet-menu::before{
    content:attr(data-sheet-title)!important;
    position:absolute!important;left:18px!important;right:52px!important;top:16px!important;
    color:#0d2d57!important;font:850 15px/1.2 Inter,Arial,sans-serif!important;
  }
  body.ur-inventory-v1 .urv1-select-menu.urv1-sheet-menu::after{
    content:""!important;position:absolute!important;left:50%!important;top:8px!important;transform:translateX(-50%)!important;
    width:38px!important;height:4px!important;border-radius:99px!important;background:#d8e3f0!important;
  }
  html[data-theme="dark"] body.ur-inventory-v1 .urv1-select-menu.urv1-sheet-menu::before{color:#eef5ff!important}
  html[data-theme="dark"] body.ur-inventory-v1 .urv1-select-menu.urv1-sheet-menu::after{background:#395672!important}
  body.ur-inventory-v1 .urv1-select-menu.urv1-sheet-menu button{
    width:100%!important;min-height:48px!important;padding:0 14px!important;border-radius:11px!important;
    display:flex!important;align-items:center!important;justify-content:space-between!important;
    font-size:14px!important;font-weight:750!important;text-align:left!important;
  }
  body.ur-inventory-v1 .urv1-select-menu.urv1-sheet-menu button+button{margin-top:3px!important}
  body.ur-inventory-v1 .urv1-select-menu.urv1-sheet-menu button[aria-selected="true"]{
    background:#edf6ff!important;color:#0877f9!important;
  }
  html[data-theme="dark"] body.ur-inventory-v1 .urv1-select-menu.urv1-sheet-menu button{
    background:transparent!important;color:#dce8f8!important;
  }
  html[data-theme="dark"] body.ur-inventory-v1 .urv1-select-menu.urv1-sheet-menu button[aria-selected="true"]{
    background:#123861!important;color:#70b8ff!important;
  }
  /* Sheet should sit above page content, while bottom bar remains stable below it. */
  body.ur-inventory-v1.urv1-select-open .mobile-sticky-actions{z-index:5980!important}
}

/* Smaller mobile sort trigger; its options use the same safe sheet behavior. */
@media(max-width:680px){
  body.ur-inventory-v1 .urv1-toolbar-form{
    grid-template-columns:minmax(0,1fr) 44px 44px!important;
  }
  body.ur-inventory-v1 .urv1-toolbar-form .urv1-sort-select{min-width:0!important;width:100%!important}
  body.ur-inventory-v1 .urv1-toolbar-form .urv1-sort-select .urv1-select-trigger{padding-right:25px!important}
}

/* Final sort sizing: the selected value owns the full control width. */
body.ur-inventory-v1 .urv1-toolbar-form .urv1-sort-select .urv1-select-copy{
  width:100%!important;min-width:0!important;
}
body.ur-inventory-v1 .urv1-toolbar-form .urv1-sort-select .urv1-select-trigger{
  width:100%!important;min-width:0!important;display:flex!important;align-items:center!important;
  justify-content:space-between!important;
}
body.ur-inventory-v1 .urv1-toolbar-form .urv1-sort-select [data-urv1-value]{
  display:block!important;min-width:0!important;max-width:none!important;width:100%!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
@media(max-width:960px){
  body.ur-inventory-v1.menu-open .mobile-sticky-actions{
    z-index:1100!important;pointer-events:none!important;
  }
}

/* Removing the obsolete ↕ control also removes its empty toolbar column. */
body.ur-inventory-v1 .urv1-toolbar-form{
  grid-template-columns:246px 42px 42px!important;
}
body.ur-inventory-v1 .urv1-toolbar-form>.urv1-sort-select{
  grid-template-columns:minmax(0,1fr)!important;
}
@media(max-width:1180px) and (min-width:681px){
  body.ur-inventory-v1 .urv1-toolbar-form{grid-template-columns:205px 40px 40px!important}
}
@media(max-width:680px){
  body.ur-inventory-v1 .urv1-toolbar-form{grid-template-columns:minmax(0,1fr) 44px 44px!important}
}

/* Use a simple typographic chevron so it cannot visually collide with the value. */
body.ur-inventory-v1 .urv1-toolbar-form .urv1-sort-select .urv1-select-trigger::after{
  content:"⌄"!important;
  right:2px!important;top:50%!important;
  width:auto!important;height:auto!important;
  border:0!important;
  color:#2473c9!important;
  font:800 14px/1 Arial,sans-serif!important;
  transform:translateY(-54%)!important;
  opacity:.8!important;
}
body.ur-inventory-v1 .urv1-toolbar-form .urv1-sort-select.open .urv1-select-trigger::after{
  transform:translateY(-45%) rotate(180deg)!important;
}

/* ===== SOURCE: assets/css/umrahroom-v19-whatsapp-polish.css ===== */
/* ============================================================
   UmrahRoom v1.9 — WhatsApp micro-polish
   Purpose: make WhatsApp actions feel like restrained utility
   controls instead of promotional green bubbles/blocks.
   Loaded last. Inventory-only to avoid disturbing other pages.
   ============================================================ */

/* Header: same visual weight as other utility controls. */
body.ur-inventory-v1 .nav-whatsapp{
  display:grid!important;
  place-items:center!important;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  padding:0!important;
  border-radius:12px!important;
  background:#ffffff!important;
  border:1px solid #d8e6f3!important;
  color:#17885f!important;
  box-shadow:0 4px 12px rgba(12,43,82,.045)!important;
  transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease!important;
}
body.ur-inventory-v1 .nav-whatsapp:hover,
body.ur-inventory-v1 .nav-whatsapp:focus-visible{
  background:#f7fbf9!important;
  border-color:#bcdcca!important;
  color:#0f7750!important;
  box-shadow:0 7px 18px rgba(18,96,68,.08)!important;
  transform:translateY(-1px)!important;
}
body.ur-inventory-v1 .nav-whatsapp svg{
  width:19px!important;
  height:19px!important;
  stroke-width:1.75!important;
}
html[data-theme="dark"] body.ur-inventory-v1 .nav-whatsapp{
  background:#0b213d!important;
  border-color:#2b4968!important;
  color:#57cf99!important;
  box-shadow:none!important;
}
html[data-theme="dark"] body.ur-inventory-v1 .nav-whatsapp:hover,
html[data-theme="dark"] body.ur-inventory-v1 .nav-whatsapp:focus-visible{
  background:#102a49!important;
  border-color:#3b625d!important;
  color:#6de0aa!important;
}

/* Inventory already exposes WhatsApp in header + bottom nav on mobile. */
body.ur-inventory-v1 .floating-actions .whatsapp{display:none!important}

@media(max-width:960px){
  /* Header mobile utility: compact, neutral surface with green glyph only. */
  body.ur-inventory-v1 .nav-whatsapp{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    border-radius:11px!important;
    background:#ffffff!important;
    border-color:#d8e6f3!important;
    color:#17885f!important;
    box-shadow:0 3px 10px rgba(12,43,82,.04)!important;
  }
  html[data-theme="dark"] body.ur-inventory-v1 .nav-whatsapp{
    background:#0b213d!important;
    border-color:#2b4968!important;
    color:#57cf99!important;
  }

  /* No duplicate floating controls on mobile. */
  body.ur-inventory-v1 .floating-actions{display:none!important}

  /* Bottom bar: one coherent component. WhatsApp is an accent, not a block. */
  body.ur-inventory-v1 .mobile-sticky-actions{
    background:#ffffff!important;
    border-top:1px solid #dbe7f3!important;
    box-shadow:0 -8px 22px rgba(11,42,82,.075)!important;
  }
  body.ur-inventory-v1 .mobile-sticky-actions>a,
  body.ur-inventory-v1 .mobile-sticky-actions>button,
  body.ur-inventory-v1 .mobile-sticky-actions>a.primary{
    background:#f6f9fc!important;
    border:1px solid transparent!important;
    color:#64758d!important;
    box-shadow:none!important;
  }
  body.ur-inventory-v1 .mobile-sticky-actions>a:first-child{
    background:#edf6ff!important;
    border-color:#d9eaff!important;
    color:#0877f9!important;
  }
  body.ur-inventory-v1 .mobile-sticky-actions>a.primary{
    background:#f6f9fc!important;
    border-color:#e5edf5!important;
    color:#17885f!important;
  }
  body.ur-inventory-v1 .mobile-sticky-actions>a.primary:hover,
  body.ur-inventory-v1 .mobile-sticky-actions>a.primary:focus-visible{
    background:#f2faf6!important;
    border-color:#cce5d8!important;
    color:#0f7750!important;
  }
  body.ur-inventory-v1 .mobile-sticky-actions svg{
    width:21px!important;
    height:21px!important;
    stroke-width:1.8!important;
  }
  body.ur-inventory-v1 .mobile-sticky-actions span{
    font-weight:800!important;
  }

  html[data-theme="dark"] body.ur-inventory-v1 .mobile-sticky-actions{
    background:#07182f!important;
    border-color:#254565!important;
    box-shadow:0 -8px 22px rgba(0,0,0,.18)!important;
  }
  html[data-theme="dark"] body.ur-inventory-v1 .mobile-sticky-actions>a,
  html[data-theme="dark"] body.ur-inventory-v1 .mobile-sticky-actions>button,
  html[data-theme="dark"] body.ur-inventory-v1 .mobile-sticky-actions>a.primary{
    background:#0b2342!important;
    border-color:transparent!important;
    color:#b2c1d5!important;
  }
  html[data-theme="dark"] body.ur-inventory-v1 .mobile-sticky-actions>a:first-child{
    background:#eaf4ff!important;
    border-color:#d8eaff!important;
    color:#0877f9!important;
  }
  html[data-theme="dark"] body.ur-inventory-v1 .mobile-sticky-actions>a.primary{
    background:#0b2342!important;
    border-color:#294965!important;
    color:#55d49a!important;
  }
}

/* ===== SOURCE: assets/css/umrahroom-v20-gallery.css ===== */
/* UmrahRoom V2.0 — hotel photo gallery */
.ur-hotel-gallery{display:grid;gap:12px;min-width:0}
.ur-gallery-stage{position:relative;border-radius:34px;overflow:hidden;box-shadow:var(--slot2-shadow);border:1px solid rgba(255,255,255,.8);background:#fff;min-height:380px}
.ur-gallery-main-button{display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in}
.ur-gallery-main{width:100%;height:min(55vw,540px);min-height:380px;object-fit:cover;display:block;transition:opacity .18s ease}
.ur-gallery-main.is-switching{opacity:.7}
.ur-gallery-city{position:absolute;left:20px;top:20px;background:rgba(255,255,255,.96);border-radius:999px;padding:10px 15px;color:#075fdc;font-weight:950;box-shadow:0 12px 30px rgba(7,26,68,.12);z-index:2}
.ur-gallery-counter{position:absolute;right:20px;top:20px;z-index:2;background:rgba(7,26,68,.76);color:#fff;border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(7px);border-radius:999px;padding:8px 11px;font-weight:850;font-size:.8rem}
.ur-gallery-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.74);background:rgba(255,255,255,.94);color:#071a44;box-shadow:0 10px 28px rgba(7,26,68,.18);display:grid;place-items:center;font-size:1.45rem;cursor:pointer;transition:.18s ease}
.ur-gallery-nav:hover{transform:translateY(-50%) scale(1.04)}
.ur-gallery-prev{left:16px}.ur-gallery-next{right:16px}
.ur-gallery-view-all{position:absolute;right:20px;bottom:20px;z-index:3;border:1px solid rgba(255,255,255,.75);background:rgba(255,255,255,.95);color:#071a44;border-radius:14px;padding:10px 13px;font-weight:900;cursor:pointer;box-shadow:0 10px 24px rgba(7,26,68,.15)}
.ur-gallery-thumbs-wrap{display:flex;align-items:center;gap:8px;min-width:0}
.ur-gallery-thumbs{display:flex;gap:9px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;padding:2px 2px 7px;min-width:0;flex:1}
.ur-gallery-thumb{flex:0 0 104px;height:72px;border:2px solid transparent;border-radius:14px;padding:0;overflow:hidden;background:#eef4fb;cursor:pointer;scroll-snap-align:center;opacity:.72;transition:.18s ease}
.ur-gallery-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.ur-gallery-thumb:hover,.ur-gallery-thumb.is-active{opacity:1;border-color:#0a6bff;box-shadow:0 6px 18px rgba(10,107,255,.16)}
.ur-gallery-thumb:focus-visible,.ur-gallery-nav:focus-visible,.ur-gallery-view-all:focus-visible{outline:3px solid rgba(10,107,255,.3);outline-offset:2px}
.ur-gallery-single .ur-gallery-nav,.ur-gallery-single .ur-gallery-counter,.ur-gallery-single .ur-gallery-view-all,.ur-gallery-single .ur-gallery-thumbs-wrap{display:none}
.ur-gallery-lightbox{position:fixed;inset:0;z-index:10050;background:rgba(2,10,26,.94);display:none;align-items:center;justify-content:center;padding:24px}
.ur-gallery-lightbox.is-open{display:flex}
.ur-gallery-lightbox-inner{position:relative;width:min(1180px,94vw);height:min(820px,88vh);display:grid;place-items:center}
.ur-gallery-lightbox-img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:16px;box-shadow:0 24px 80px rgba(0,0,0,.45)}
.ur-gallery-lightbox-close,.ur-gallery-lightbox-nav{position:absolute;z-index:2;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.12);color:#fff;backdrop-filter:blur(8px);cursor:pointer;display:grid;place-items:center}
.ur-gallery-lightbox-close{right:0;top:0;width:44px;height:44px;border-radius:50%;font-size:1.8rem}
.ur-gallery-lightbox-nav{top:50%;transform:translateY(-50%);width:50px;height:50px;border-radius:50%;font-size:1.7rem}.ur-gallery-lightbox-prev{left:0}.ur-gallery-lightbox-next{right:0}
.ur-gallery-lightbox-count{position:absolute;left:50%;bottom:0;transform:translateX(-50%);background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:8px 13px;font-weight:850}
body.ur-gallery-lightbox-open{overflow:hidden}
html[data-theme="dark"] .ur-gallery-stage{background:#0d2145;border-color:rgba(255,255,255,.08)}
html[data-theme="dark"] .ur-gallery-thumb{background:#10264d}
html[data-theme="dark"] .ur-gallery-city,html[data-theme="dark"] .ur-gallery-nav,html[data-theme="dark"] .ur-gallery-view-all{background:rgba(11,35,68,.94);color:#f7faff;border-color:rgba(255,255,255,.12)}
@media(max-width:760px){
  .ur-gallery-stage{min-height:300px;border-radius:24px}.ur-gallery-main{height:300px;min-height:300px}
  .ur-gallery-city{left:12px;top:12px;padding:8px 11px}.ur-gallery-counter{right:12px;top:12px}
  .ur-gallery-nav{width:38px;height:38px;font-size:1.2rem}.ur-gallery-prev{left:10px}.ur-gallery-next{right:10px}
  .ur-gallery-view-all{right:12px;bottom:12px;padding:8px 10px;font-size:.82rem}
  .ur-gallery-thumb{flex-basis:86px;height:61px;border-radius:11px}
  .ur-gallery-lightbox{padding:10px}.ur-gallery-lightbox-inner{width:100%;height:92vh}.ur-gallery-lightbox-img{border-radius:10px}
  .ur-gallery-lightbox-close{right:8px;top:8px}.ur-gallery-lightbox-prev{left:8px}.ur-gallery-lightbox-next{right:8px}.ur-gallery-lightbox-count{bottom:8px}
}

/* ===== SOURCE: assets/css/umrahroom-v21-hotel-detail.css ===== */
/* UmrahRoom V2.1 — locked-theme hotel detail implementation */
body.ur-hotel-detail-v21{background:#f7fbff!important}
body.ur-hotel-detail-v21 .utility-bar{display:none!important}
.ur21-page{position:relative;padding:18px 0 74px;background-color:#f7fbff;background-image:url('../images/umrahroom-stars.svg');background-repeat:repeat;background-size:760px 760px;color:#0d2d60}
.ur21-breadcrumbs{display:flex;align-items:center;gap:9px;padding-top:4px;padding-bottom:14px;color:#6e82a1;font-size:12px;font-weight:700}
.ur21-breadcrumbs a{color:#46658d;text-decoration:none}.ur21-breadcrumbs a:hover{color:#0877f9}.ur21-breadcrumbs span:last-child{color:#0d2d60}
.ur21-gallery-shell{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr);gap:8px;height:430px;margin-bottom:16px}.ur21-gallery-shell.is-single{grid-template-columns:1fr}
.ur21-gallery-main{position:relative;min-width:0;overflow:hidden;border-radius:16px 0 0 16px;background:#dceeff;box-shadow:0 10px 30px rgba(17,62,120,.08)}
.ur21-gallery-shell.is-single .ur21-gallery-main{border-radius:16px}
.ur21-main-photo{display:block;width:100%;height:100%;padding:0;border:0;background:none;cursor:zoom-in}.ur21-main-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:opacity .18s ease}.ur21-main-photo img.is-switching{opacity:.74}
.ur21-gallery-mosaic{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:8px;min-width:0}.ur21-mosaic-photo,.ur21-mosaic-placeholder{position:relative;display:block;min-width:0;min-height:0;overflow:hidden;border:0;padding:0;background:#eaf4ff;cursor:zoom-in}.ur21-mosaic-photo:nth-child(2){border-radius:0 16px 0 0}.ur21-mosaic-photo:nth-last-child(1){border-radius:0 0 16px 0}.ur21-mosaic-photo img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .24s ease}.ur21-mosaic-photo:hover img{transform:scale(1.025)}
.ur21-more-overlay{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:4px;background:rgba(5,35,76,.78);color:#fff;font:800 30px/1 Plus Jakarta Sans,sans-serif}.ur21-more-overlay small{font:700 12px/1.2 Inter,sans-serif}
.ur21-gallery-count{position:absolute;right:14px;top:14px;z-index:3;background:rgba(6,31,67,.82);color:#fff;border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800;backdrop-filter:blur(4px)}
.ur21-gallery-arrow{position:absolute;top:50%;z-index:3;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.75);background:rgba(255,255,255,.94);color:#0d2d60;display:grid;place-items:center;font-size:25px;cursor:pointer;transform:translateY(-50%);box-shadow:0 8px 20px rgba(12,42,80,.16)}.ur21-gallery-arrow.prev{left:14px}.ur21-gallery-arrow.next{right:14px}
.ur21-view-photos{position:absolute;right:14px;bottom:14px;z-index:3;border:1px solid rgba(255,255,255,.8);background:rgba(5,32,70,.84);color:#fff;border-radius:10px;padding:9px 13px;font-weight:800;cursor:pointer;backdrop-filter:blur(5px)}
.ur21-gallery-data{display:none!important}
.ur21-summary-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:start;margin-bottom:14px}.ur21-hotel-summary,.ur21-rate-card,.ur21-panel,.ur21-related{background:#fff;border:1px solid #d9e8f7;border-radius:14px;box-shadow:0 6px 22px rgba(14,58,112,.055)}
.ur21-hotel-summary{padding:22px 24px}.ur21-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.ur21-eyebrow{display:block;color:#6480a6;text-transform:uppercase;letter-spacing:.11em;font-size:10px;font-weight:900;margin-bottom:5px}.ur21-title-row h1{margin:0;color:#0b2e64;font:800 34px/1.08 Plus Jakarta Sans,sans-serif;letter-spacing:-.04em}.ur21-location{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:8px 0 0;color:#526b91;font-size:13px;font-weight:700}.ur21-location a{color:#0877f9;text-decoration:none;margin-left:6px}.ur21-save{width:42px;height:42px;border:1px solid #d8e7f6;border-radius:11px;background:#fff;color:#0a6bda;font-size:25px;cursor:pointer}
.ur21-tags{display:flex;gap:7px;flex-wrap:wrap;margin:16px 0 13px}.ur21-tags span{background:#edf6ff;border:1px solid #d9ebff;border-radius:999px;padding:7px 10px;color:#245788;font-size:11px;font-weight:800;text-transform:capitalize}.ur21-description{margin:0;max-width:850px;color:#486283;font-size:14px;line-height:1.65;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.ur21-description.is-expanded{-webkit-line-clamp:unset}.ur21-read-more{border:0;background:none;color:#0877f9;font-weight:800;padding:7px 0 0;cursor:pointer}
.ur21-rate-card{padding:20px;position:sticky;top:96px}.ur21-rate-card>span{display:block;color:#6680a1;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.ur21-rate-line{display:flex;align-items:baseline;gap:5px;margin:4px 0 2px}.ur21-rate-line small{color:#6680a1;font-weight:800}.ur21-rate-line strong{color:#0b2e64;font:800 26px/1 Plus Jakarta Sans,sans-serif;letter-spacing:-.04em}.ur21-rate-line em{font-style:normal;color:#7186a4;font-size:12px}.ur21-rate-card>p{margin:8px 0 15px;color:#617897;font-size:11px}.ur21-fresh{font-weight:800}.ur21-fresh.fresh{color:#169663}.ur21-fresh.watch{color:#a56d00}.ur21-fresh.stale{color:#aa5a5a}
.ur21-cta{min-height:44px;width:100%;display:flex;align-items:center;justify-content:center;border-radius:9px;padding:0 14px;margin-top:8px;font:800 12px/1 Inter,sans-serif;text-decoration:none;cursor:pointer;transition:.16s ease}.ur21-cta.primary{border:1px solid #0877f9;background:#0877f9;color:#fff}.ur21-cta.primary:hover{background:#056bdc}.ur21-cta.whatsapp{border:1px solid #b9dfcd;background:#f9fdfb;color:#148257}.ur21-cta.outline{border:1px solid #98c6fb;background:#fff;color:#0877f9}.ur21-rate-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:14px;padding-top:13px;border-top:1px solid #e4eef8}.ur21-rate-trust span{text-align:center;color:#687f9f;font-size:9.5px;font-weight:700;line-height:1.3}
.ur21-tabs{position:sticky;top:82px;z-index:20;display:flex;align-items:center;gap:3px;margin:0 0 14px;padding:7px;background:rgba(255,255,255,.96);border:1px solid #dae8f6;border-radius:12px;box-shadow:0 8px 24px rgba(14,58,112,.05);backdrop-filter:blur(10px);overflow-x:auto}.ur21-tabs a{flex:0 0 auto;padding:10px 14px;border-radius:8px;color:#4e6689;text-decoration:none;font-size:12px;font-weight:800}.ur21-tabs a:hover,.ur21-tabs a.active{background:#edf6ff;color:#0877f9}
.ur21-content-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.8fr);gap:14px;align-items:start}.ur21-main-column,.ur21-side-column{display:grid;gap:14px}.ur21-panel{padding:18px}.ur21-panel-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:14px}.ur21-panel-head.compact{align-items:flex-start}.ur21-panel-head h2{margin:0;color:#0b2e64;font:800 21px/1.15 Plus Jakarta Sans,sans-serif;letter-spacing:-.035em}.ur21-panel-head>a{color:#0877f9;text-decoration:none;font-size:11px;font-weight:800;white-space:nowrap}
.ur21-room-list{display:grid;gap:8px}.ur21-room-row{display:grid;grid-template-columns:96px minmax(0,1fr) 150px;gap:13px;align-items:center;padding:8px;border:1px solid #e0ebf6;border-radius:11px;background:#fff}.ur21-room-row>img{width:96px;height:70px;object-fit:cover;border-radius:8px;background:#edf5fd}.ur21-room-copy h3{margin:0 0 5px;color:#0b2e64;font-size:13px}.ur21-room-copy p{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 5px;color:#6b82a1;font-size:10.5px;font-weight:700}.ur21-room-copy small{display:block;color:#4f9b69;font-size:10.5px;font-weight:750}.ur21-room-price{text-align:right}.ur21-room-price strong{display:block;color:#0b2e64;font:800 14px/1.25 Plus Jakarta Sans,sans-serif}.ur21-room-price a{display:inline-flex;align-items:center;justify-content:center;margin-top:7px;min-width:74px;height:31px;border-radius:7px;background:#0877f9;color:#fff;text-decoration:none;font-size:10.5px;font-weight:800}.ur21-rate-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.ur21-rate-strip>div{border:1px solid #dceafa;background:#f7fbff;border-radius:10px;padding:10px}.ur21-rate-strip small,.ur21-rate-strip span{display:block;color:#7085a3;font-size:9.5px}.ur21-rate-strip strong{display:block;color:#0b2e64;font-size:14px;margin:3px 0}.ur21-reconfirm-note{margin:12px 0 0;color:#607a9a;font-size:10.5px;font-weight:700}
.ur21-highlights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ur21-highlights>div{min-height:88px;padding:12px 10px;border:1px solid #e0ecf8;border-radius:10px;background:#fbfdff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:7px}.ur21-highlights b{font-size:20px;color:#0877f9}.ur21-highlights span{color:#536c8d;font-size:10.5px;font-weight:750;line-height:1.3}
.ur21-map-card{position:relative;height:180px;border:1px solid #dceafa;border-radius:11px;overflow:hidden;background:linear-gradient(135deg,#edf6ff,#f9fcff);display:flex;align-items:center;justify-content:center;flex-direction:column;text-decoration:none;color:#0b2e64}.ur21-map-grid{position:absolute;inset:0;opacity:.46;background-image:linear-gradient(#bcd8f3 1px,transparent 1px),linear-gradient(90deg,#bcd8f3 1px,transparent 1px);background-size:28px 28px;transform:rotate(-8deg) scale(1.2)}.ur21-map-card:after{content:"";position:absolute;width:180px;height:70px;border:5px solid rgba(255,255,255,.8);border-left:0;border-bottom:0;border-radius:50%;transform:rotate(-16deg)}.ur21-map-card i,.ur21-map-card strong{position:relative;z-index:2}.ur21-map-card i{font-style:normal;font-size:38px;color:#ef4b42}.ur21-map-card strong{font-size:12px;margin-top:3px}.ur21-location-list{display:grid;gap:7px;margin-top:10px}.ur21-location-list span{color:#55708f;font-size:10.5px;font-weight:700}
.ur21-help-card{display:grid;grid-template-columns:44px 1fr;gap:10px}.ur21-help-icon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#edf6ff;color:#0877f9;font-size:22px}.ur21-help-card h2{margin:0;color:#0b2e64;font-size:18px}.ur21-help-card p{margin:5px 0 0;color:#607897;font-size:11px;line-height:1.5}.ur21-help-card .ur21-cta{grid-column:1/-1}
.ur21-policy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.ur21-policy-grid>div{border:1px solid #e1ebf6;border-radius:10px;padding:13px;background:#fbfdff}.ur21-policy-grid strong{color:#0b2e64;font-size:12px}.ur21-policy-grid p{margin:5px 0 0;color:#607897;font-size:10.5px;line-height:1.5}
.ur21-related{margin-top:14px;padding:18px}.ur21-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.ur21-related-card{overflow:hidden;border:1px solid #dce9f6;border-radius:11px;background:#fff}.ur21-related-photo{display:block;height:112px;background:#edf5fd}.ur21-related-photo img{width:100%;height:100%;object-fit:cover;display:block}.ur21-related-card>div{padding:10px}.ur21-related-card h3{margin:0 0 4px;font-size:12px}.ur21-related-card h3 a{color:#0b2e64;text-decoration:none}.ur21-related-card p{margin:0 0 7px;color:#6b82a1;font-size:10px}.ur21-related-card strong{color:#0877f9;font-size:11px}
.ur21-lightbox{position:fixed;inset:0;z-index:10060;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(1,10,24,.94)}.ur21-lightbox.is-open{display:flex}.ur21-lightbox-inner{position:relative;width:min(1180px,96vw);height:min(880px,92vh);display:flex;align-items:center;justify-content:center;padding-bottom:82px}.ur21-lightbox-img{max-width:100%;max-height:calc(100% - 22px);object-fit:contain;border-radius:12px;box-shadow:0 24px 80px rgba(0,0,0,.4)}.ur21-lightbox-close,.ur21-lightbox-arrow{position:absolute;z-index:4;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.12);color:#fff;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(7px)}.ur21-lightbox-close{right:0;top:0;width:42px;height:42px;border-radius:50%;font-size:27px}.ur21-lightbox-arrow{top:45%;width:48px;height:48px;border-radius:50%;font-size:28px}.ur21-lightbox-arrow.prev{left:0}.ur21-lightbox-arrow.next{right:0}.ur21-lightbox-count{position:absolute;left:50%;bottom:62px;transform:translateX(-50%);color:#fff;background:rgba(255,255,255,.12);border-radius:999px;padding:7px 11px;font-size:11px;font-weight:800}.ur21-lightbox-thumbs{position:absolute;left:50%;bottom:0;transform:translateX(-50%);display:flex;gap:7px;max-width:min(820px,88vw);overflow-x:auto;padding:3px}.ur21-lightbox-thumbs button{flex:0 0 72px;height:48px;padding:0;border:2px solid transparent;border-radius:7px;overflow:hidden;background:#12243e;opacity:.6;cursor:pointer}.ur21-lightbox-thumbs button.is-active{border-color:#3b96ff;opacity:1}.ur21-lightbox-thumbs img{width:100%;height:100%;object-fit:cover}.ur21-lightbox-open{overflow:hidden}
html[data-theme="dark"] body.ur-hotel-detail-v21{background:#07172f!important}html[data-theme="dark"] .ur21-page{background-color:#07172f;background-image:url('../images/umrahroom-stars-dark.svg');color:#eef5ff}html[data-theme="dark"] .ur21-breadcrumbs,html[data-theme="dark"] .ur21-location,html[data-theme="dark"] .ur21-description{color:#a9bdd8}html[data-theme="dark"] .ur21-breadcrumbs span:last-child,html[data-theme="dark"] .ur21-title-row h1,html[data-theme="dark"] .ur21-rate-line strong,html[data-theme="dark"] .ur21-panel-head h2,html[data-theme="dark"] .ur21-room-copy h3,html[data-theme="dark"] .ur21-room-price strong,html[data-theme="dark"] .ur21-highlights span,html[data-theme="dark"] .ur21-help-card h2,html[data-theme="dark"] .ur21-policy-grid strong,html[data-theme="dark"] .ur21-related-card h3 a{color:#f2f7ff!important}html[data-theme="dark"] .ur21-hotel-summary,html[data-theme="dark"] .ur21-rate-card,html[data-theme="dark"] .ur21-panel,html[data-theme="dark"] .ur21-related,html[data-theme="dark"] .ur21-tabs,html[data-theme="dark"] .ur21-room-row,html[data-theme="dark"] .ur21-related-card{background:#0d2346;border-color:#294b74;box-shadow:0 9px 24px rgba(0,0,0,.16)}html[data-theme="dark"] .ur21-tags span,html[data-theme="dark"] .ur21-highlights>div,html[data-theme="dark"] .ur21-rate-strip>div,html[data-theme="dark"] .ur21-policy-grid>div{background:#102d52;border-color:#294b74;color:#a9c5e6}html[data-theme="dark"] .ur21-tabs a{color:#b4c6dc}html[data-theme="dark"] .ur21-tabs a.active,html[data-theme="dark"] .ur21-tabs a:hover{background:#153760;color:#75b8ff}html[data-theme="dark"] .ur21-save{background:#102d52;border-color:#31527a;color:#80c3ff}html[data-theme="dark"] .ur21-cta.outline{background:#0d2346;border-color:#3d79b9;color:#7dbdff}html[data-theme="dark"] .ur21-cta.whatsapp{background:#0b332b;border-color:#176044;color:#57d69a}html[data-theme="dark"] .ur21-map-card{background:linear-gradient(135deg,#102a4d,#0b203f);border-color:#294b74;color:#f2f7ff}html[data-theme="dark"] .ur21-map-grid{opacity:.18}html[data-theme="dark"] .ur21-related-photo{background:#102a4d}
@media(max-width:960px){
  .ur21-page{padding-top:10px;padding-bottom:98px}.ur21-breadcrumbs{padding:5px 15px 10px;font-size:10px;overflow-x:auto;white-space:nowrap}
  .ur21-gallery-shell{display:block;height:auto;margin-left:-1px;margin-right:-1px}.ur21-gallery-main{height:285px;border-radius:0;background:#dceeff}.ur21-gallery-mosaic{display:none}.ur21-main-photo img{height:285px}.ur21-gallery-arrow{width:36px;height:36px;font-size:22px}.ur21-gallery-count{top:10px;right:10px;padding:6px 9px}.ur21-view-photos{bottom:10px;right:50%;transform:translateX(50%);padding:8px 12px}
  .ur21-summary-grid{display:block;margin-top:0}.ur21-hotel-summary{border-radius:0;border-left:0;border-right:0;box-shadow:none;padding:18px 15px}.ur21-title-row h1{font-size:25px}.ur21-save{display:none}.ur21-description{-webkit-line-clamp:2;font-size:13px}.ur21-tags{margin-top:12px}.ur21-rate-card{position:static;border-radius:12px;margin:10px 12px 14px;padding:17px}.ur21-rate-line strong{font-size:24px}.ur21-rate-trust{font-size:9px}
  .ur21-tabs{top:72px;border-radius:0;border-left:0;border-right:0;margin:0 -1px 12px;padding:6px 12px}.ur21-tabs a{padding:9px 10px;font-size:10.5px}
  .ur21-content-grid{display:block}.ur21-main-column,.ur21-side-column{display:block}.ur21-panel{margin:0 12px 12px;padding:15px;border-radius:12px}.ur21-panel-head{align-items:flex-start}.ur21-panel-head h2{font-size:19px}.ur21-room-row{grid-template-columns:88px minmax(0,1fr);gap:10px}.ur21-room-row>img{width:88px;height:72px}.ur21-room-price{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;text-align:left;border-top:1px solid #e2ecf6;padding-top:8px}.ur21-room-price a{margin:0}.ur21-rate-strip{grid-template-columns:1fr}.ur21-highlights{grid-template-columns:repeat(2,1fr)}.ur21-map-card{height:160px}.ur21-policy-grid{grid-template-columns:1fr}.ur21-related{margin:0 12px;padding:15px}.ur21-related-grid{display:flex;overflow-x:auto;gap:9px;scroll-snap-type:x proximity;padding-bottom:5px}.ur21-related-card{flex:0 0 72%;scroll-snap-align:start}.ur21-related-photo{height:125px}
  .ur21-lightbox{padding:8px}.ur21-lightbox-inner{width:100%;height:94vh;padding-bottom:72px}.ur21-lightbox-img{max-height:calc(100% - 35px);border-radius:8px}.ur21-lightbox-arrow{width:40px;height:40px}.ur21-lightbox-arrow.prev{left:6px}.ur21-lightbox-arrow.next{right:6px}.ur21-lightbox-close{right:6px;top:6px}.ur21-lightbox-thumbs{max-width:94vw}.ur21-lightbox-count{bottom:54px}
}
@media(max-width:520px){.ur21-gallery-main,.ur21-main-photo img{height:255px}.ur21-title-row h1{font-size:23px}.ur21-tags span{font-size:9.5px;padding:6px 8px}.ur21-rate-card{margin-left:10px;margin-right:10px}.ur21-panel,.ur21-related{margin-left:10px;margin-right:10px}.ur21-room-copy p{gap:6px}.ur21-related-card{flex-basis:82%}}
@media(max-width:960px){body.ur-hotel-detail-v21.menu-open .nav-toggle{opacity:0!important;visibility:hidden!important;pointer-events:none!important}}

/* ===== SOURCE: assets/css/umrahroom-v22-hotel-detail-lock.css ===== */
/* UmrahRoom V2.2 — approved Hotel Detail lock */
body.ur-hotel-detail-v22{background:#f7fbff!important}
body.ur-hotel-detail-v22 .utility-bar{display:none!important}
.ur22-page{position:relative;padding:18px 0 72px;background-color:#f7fbff;background-image:url('../images/umrahroom-stars.svg');background-repeat:repeat;background-size:760px 760px;color:#0d2d60}
.ur22-breadcrumbs{display:flex;align-items:center;gap:9px;padding:5px 0 14px;color:#6d82a2;font-size:12px;font-weight:750}.ur22-breadcrumbs a{color:#47658d;text-decoration:none}.ur22-breadcrumbs a:hover{color:#0877f9}.ur22-breadcrumbs span:last-child{color:#0d2d60}

/* Gallery */
.ur22-gallery-shell{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr);gap:8px;height:405px;margin-bottom:14px}.ur22-gallery-shell.is-single{grid-template-columns:1fr;height:350px;max-width:100%}.ur22-gallery-main{position:relative;min-width:0;overflow:hidden;border-radius:16px 0 0 16px;background:#e8f3ff;box-shadow:0 10px 30px rgba(17,62,120,.07)}.ur22-gallery-shell.is-single .ur22-gallery-main{border-radius:16px}.ur22-main-photo{display:block;width:100%;height:100%;padding:0;border:0;background:none;cursor:zoom-in}.ur22-main-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:opacity .18s ease}.ur22-main-photo img.is-switching{opacity:.75}.ur22-gallery-mosaic{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:8px;min-width:0}.ur22-mosaic-photo{position:relative;min-width:0;min-height:0;overflow:hidden;border:0;padding:0;background:#eaf4ff;cursor:zoom-in}.ur22-gallery-shell.count-2 .ur22-gallery-mosaic{grid-template-columns:1fr;grid-template-rows:1fr}.ur22-gallery-shell.count-2 .ur22-mosaic-photo{grid-column:1/-1;grid-row:1/-1;border-radius:0 16px 16px 0}.ur22-gallery-shell.count-3 .ur22-gallery-mosaic{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.ur22-gallery-shell.count-3 .ur22-mosaic-photo:first-child{border-radius:0 16px 0 0}.ur22-gallery-shell.count-3 .ur22-mosaic-photo:last-child{border-radius:0 0 16px 0}.ur22-gallery-shell.count-4 .ur22-mosaic-photo:first-child{grid-column:1/-1;border-radius:0 16px 0 0}.ur22-gallery-shell.count-4 .ur22-mosaic-photo:nth-child(2){border-radius:0}.ur22-gallery-shell.count-4 .ur22-mosaic-photo:last-child{border-radius:0 0 16px 0}.ur22-gallery-shell.count-5 .ur22-mosaic-photo:nth-child(2){border-radius:0 16px 0 0}.ur22-gallery-shell.count-5 .ur22-mosaic-photo:last-child{border-radius:0 0 16px 0}.ur22-mosaic-photo img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .24s ease}.ur22-mosaic-photo:hover img{transform:scale(1.025)}.ur22-more-overlay{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:5px;background:rgba(5,35,76,.8);color:#fff;font:800 30px/1 Plus Jakarta Sans,sans-serif}.ur22-more-overlay small{font:700 12px/1.2 Inter,sans-serif}.ur22-gallery-count{position:absolute;right:14px;top:14px;z-index:3;background:rgba(6,31,67,.84);color:#fff;border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800;backdrop-filter:blur(4px)}.ur22-gallery-arrow{position:absolute;top:50%;z-index:3;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.8);background:rgba(255,255,255,.95);color:#0d2d60;display:grid;place-items:center;font-size:26px;cursor:pointer;transform:translateY(-50%);box-shadow:0 8px 20px rgba(12,42,80,.15)}.ur22-gallery-arrow.prev{left:14px}.ur22-gallery-arrow.next{right:14px}.ur22-view-photos{position:absolute;right:14px;bottom:14px;z-index:3;border:1px solid rgba(255,255,255,.8);background:rgba(5,32,70,.87);color:#fff;border-radius:10px;padding:9px 13px;font-weight:850;cursor:pointer;backdrop-filter:blur(5px)}.ur22-gallery-data{display:none!important}.ur22-mobile-thumbs{display:none}

/* Summary */
.ur22-summary-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px;align-items:stretch;margin-bottom:12px}.ur22-hotel-summary,.ur22-rate-card,.ur22-panel,.ur22-related{background:#fff;border:1px solid #d9e8f7;border-radius:14px;box-shadow:0 6px 22px rgba(14,58,112,.05)}.ur22-hotel-summary{padding:20px 24px}.ur22-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.ur22-title-row h1{margin:7px 0 0;color:#0b2e64;font:800 33px/1.08 Plus Jakarta Sans,sans-serif;letter-spacing:-.04em}.ur22-offer-pill{display:inline-flex;background:#edf6ff;border:1px solid #d8eaff;border-radius:999px;padding:6px 10px;color:#547499;font-size:10px;font-weight:850}.ur22-location{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:8px 0 0;color:#526b91;font-size:13px;font-weight:700}.ur22-location a{color:#0877f9;text-decoration:none;margin-left:5px}.ur22-save{width:42px;height:42px;border:1px solid #d8e7f6;border-radius:11px;background:#fff;color:#0a6bda;font-size:25px;cursor:pointer}.ur22-tags{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0 12px}.ur22-tags span{background:#edf6ff;border:1px solid #d9ebff;border-radius:999px;padding:7px 10px;color:#245788;font-size:10.5px;font-weight:800;text-transform:capitalize}.ur22-description{margin:0;max-width:900px;color:#486283;font-size:13.5px;line-height:1.62;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ur22-description.is-expanded{-webkit-line-clamp:unset}.ur22-read-more{border:0;background:none;color:#0877f9;font-weight:800;padding:7px 0 0;cursor:pointer}.ur22-rate-card{padding:18px 20px}.ur22-rate-card>span{display:block;color:#6680a1;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.ur22-rate-line{display:flex;align-items:baseline;gap:5px;margin:5px 0 2px}.ur22-rate-line small{color:#6680a1;font-weight:800}.ur22-rate-line strong{color:#0b2e64;font:800 28px/1 Plus Jakarta Sans,sans-serif;letter-spacing:-.04em}.ur22-rate-line em{font-style:normal;color:#7186a4;font-size:12px}.ur22-rate-card>p{margin:8px 0 12px;color:#617897;font-size:11px}.ur22-fresh{font-weight:800}.ur22-fresh.fresh{color:#169663}.ur22-fresh.watch{color:#a56d00}.ur22-fresh.stale{color:#aa5a5a}.ur22-cta{min-height:43px;width:100%;display:flex;align-items:center;justify-content:center;border-radius:9px;padding:0 14px;margin-top:8px;font:800 12px/1 Inter,sans-serif;text-decoration:none;cursor:pointer;transition:.16s ease}.ur22-cta.primary{border:1px solid #0877f9;background:#0877f9;color:#fff}.ur22-cta.primary:hover{background:#056bdc}.ur22-cta.whatsapp{border:1px solid #b9dfcd;background:#f9fdfb;color:#148257}.ur22-cta.outline{border:1px solid #98c6fb;background:#fff;color:#0877f9}.ur22-rate-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:13px;padding-top:12px;border-top:1px solid #e4eef8}.ur22-rate-trust span{text-align:center;color:#687f9f;font-size:9px;font-weight:700;line-height:1.28}

/* Tabs */
.ur22-tabs{position:sticky;top:82px;z-index:20;display:flex;align-items:center;gap:3px;margin:0 0 12px;padding:6px;background:rgba(255,255,255,.96);border:1px solid #dae8f6;border-radius:12px;box-shadow:0 8px 24px rgba(14,58,112,.045);backdrop-filter:blur(10px);overflow-x:auto}.ur22-tabs a{flex:0 0 auto;padding:10px 17px;border-radius:8px;color:#4e6689;text-decoration:none;font-size:11.5px;font-weight:800}.ur22-tabs a:hover,.ur22-tabs a.active{background:#edf6ff;color:#0877f9}

/* Approved 3-column composition */
.ur22-detail-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.82fr) minmax(260px,.82fr);gap:12px;align-items:start}.ur22-col{display:grid;gap:12px;min-width:0}.ur22-panel{padding:15px}.ur22-panel-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:12px}.ur22-panel-head.compact{align-items:flex-start}.ur22-panel-head h2{margin:0;color:#0b2e64;font:800 19px/1.15 Plus Jakarta Sans,sans-serif;letter-spacing:-.03em}.ur22-panel-head>a{color:#0877f9;text-decoration:none;font-size:10.5px;font-weight:800;white-space:nowrap}

/* Rooms */
.ur22-room-list{display:grid;gap:7px}.ur22-room-row{display:grid;grid-template-columns:90px minmax(0,1fr) 126px;gap:11px;align-items:center;padding:8px;border:1px solid #e0ebf6;border-radius:10px;background:#fff}.ur22-room-row.no-photo{grid-template-columns:minmax(0,1fr) 126px}.ur22-room-row>img{width:90px;height:66px;object-fit:cover;border-radius:8px;background:#edf5fd}.ur22-room-copy h3{margin:0 0 4px;color:#0b2e64;font-size:12.5px}.ur22-room-copy p{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 4px;color:#6b82a1;font-size:10px;font-weight:700}.ur22-room-copy small{display:block;color:#4f9b69;font-size:10px;font-weight:750}.ur22-room-price{text-align:right}.ur22-room-price strong{display:block;color:#0b2e64;font:800 13.5px/1.25 Plus Jakarta Sans,sans-serif}.ur22-room-price a{display:inline-flex;align-items:center;justify-content:center;margin-top:6px;min-width:70px;height:30px;border-radius:7px;background:#0877f9;color:#fff;text-decoration:none;font-size:10px;font-weight:800}.ur22-rate-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px}.ur22-rate-strip>div{border:1px solid #dceafa;background:#f7fbff;border-radius:9px;padding:9px}.ur22-rate-strip small,.ur22-rate-strip span{display:block;color:#7085a3;font-size:9px}.ur22-rate-strip strong{display:block;color:#0b2e64;font-size:13px;margin:3px 0}.ur22-reconfirm-note{margin:10px 0 0;color:#607a9a;font-size:10px;font-weight:700}

/* Hotel info / facilities */
.ur22-info-layout{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:start}.ur22-info-layout>p{margin:0;color:#5d7595;font-size:10.8px;line-height:1.55}.ur22-times{display:flex;gap:15px}.ur22-times>div{min-width:74px;padding-left:12px;border-left:1px solid #dce9f7}.ur22-times small{display:block;color:#7186a3;font-size:9px}.ur22-times strong{display:block;color:#0b2e64;margin-top:3px;font-size:12px}.ur22-facilities-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.ur22-facilities-strip>div{min-height:62px;border:1px solid #e0ebf6;border-radius:9px;background:#fbfdff;display:flex;align-items:center;justify-content:center;gap:6px;text-align:center;padding:8px}.ur22-facilities-strip b{color:#0877f9}.ur22-facilities-strip span{color:#536c8d;font-size:9.5px;font-weight:750}

/* Highlights */
.ur22-highlights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.ur22-highlights>div{min-height:78px;padding:10px 8px;border:1px solid #e0ecf8;border-radius:10px;background:#fbfdff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px}.ur22-highlights b{font-size:19px;color:#0877f9}.ur22-highlights span{color:#536c8d;font-size:9.8px;font-weight:750;line-height:1.28}

/* Real map */
.ur22-map-frame{height:190px;border:1px solid #dceafa;border-radius:10px;overflow:hidden;background:#edf6ff}.ur22-map-frame iframe{width:100%;height:100%;border:0;display:block;filter:saturate(.9)}.ur22-location-list{display:grid;gap:6px;margin-top:9px}.ur22-location-list span{color:#55708f;font-size:9.8px;font-weight:700;line-height:1.35}.ur22-map-button{display:flex;align-items:center;justify-content:center;height:34px;margin-top:9px;border:1px solid #98c6fb;border-radius:8px;color:#0877f9;text-decoration:none;font-size:10px;font-weight:800;background:#fff}

/* Booking notes / help */
.ur22-policy-list{display:grid;gap:8px}.ur22-policy-list>div{display:grid;grid-template-columns:34px 1fr;gap:9px;align-items:start;padding:10px;border:1px solid #e1ebf6;border-radius:10px;background:#fbfdff}.ur22-policy-list>div>b{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#edf6ff;color:#0877f9}.ur22-policy-list strong{color:#0b2e64;font-size:11px}.ur22-policy-list p{margin:4px 0 0;color:#607897;font-size:9.8px;line-height:1.45}.ur22-help-card{padding:16px}.ur22-help-top{display:grid;grid-template-columns:42px 1fr;gap:10px}.ur22-help-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#edf6ff;color:#0877f9;font-size:21px}.ur22-help-top span{display:block;color:#6680a1;text-transform:uppercase;letter-spacing:.08em;font-size:9px;font-weight:850}.ur22-help-top h2{margin:2px 0 0;color:#0b2e64;font-size:18px}.ur22-help-top p{margin:5px 0 0;color:#607897;font-size:10.2px;line-height:1.45}

/* Related */
.ur22-related{margin-top:12px;padding:15px}.ur22-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.ur22-related-card{overflow:hidden;border:1px solid #dce9f6;border-radius:10px;background:#fff}.ur22-related-photo{display:block;height:105px;background:#edf5fd}.ur22-related-photo img{width:100%;height:100%;object-fit:cover;display:block}.ur22-related-card>div{padding:9px}.ur22-related-card.no-photo>div{min-height:112px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(145deg,#f7fbff,#edf6ff)}.ur22-related-card h3{margin:0 0 4px;font-size:11.5px}.ur22-related-card h3 a{color:#0b2e64;text-decoration:none}.ur22-related-card p{margin:0 0 6px;color:#6b82a1;font-size:9.5px}.ur22-related-card strong{color:#0877f9;font-size:10.5px}

/* Lightbox */
.ur22-lightbox{position:fixed;inset:0;z-index:10060;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(1,10,24,.94)}.ur22-lightbox.is-open{display:flex}.ur22-lightbox-inner{position:relative;width:min(1180px,96vw);height:min(880px,92vh);display:flex;align-items:center;justify-content:center;padding-bottom:82px}.ur22-lightbox-img{max-width:100%;max-height:calc(100% - 22px);object-fit:contain;border-radius:12px;box-shadow:0 24px 80px rgba(0,0,0,.4)}.ur22-lightbox-close,.ur22-lightbox-arrow{position:absolute;z-index:4;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.12);color:#fff;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(7px)}.ur22-lightbox-close{right:0;top:0;width:42px;height:42px;border-radius:50%;font-size:27px}.ur22-lightbox-arrow{top:45%;width:48px;height:48px;border-radius:50%;font-size:28px}.ur22-lightbox-arrow.prev{left:0}.ur22-lightbox-arrow.next{right:0}.ur22-lightbox-count{position:absolute;left:50%;bottom:62px;transform:translateX(-50%);color:#fff;background:rgba(255,255,255,.12);border-radius:999px;padding:7px 11px;font-size:11px;font-weight:800}.ur22-lightbox-thumbs{position:absolute;left:50%;bottom:0;transform:translateX(-50%);display:flex;gap:7px;max-width:min(820px,88vw);overflow-x:auto;padding:3px}.ur22-lightbox-thumbs button{flex:0 0 72px;height:48px;padding:0;border:2px solid transparent;border-radius:7px;overflow:hidden;background:#12243e;opacity:.6;cursor:pointer}.ur22-lightbox-thumbs button.is-active{border-color:#3b96ff;opacity:1}.ur22-lightbox-thumbs img{width:100%;height:100%;object-fit:cover}.ur22-lightbox-open{overflow:hidden}

/* Dark mode */
html[data-theme="dark"] body.ur-hotel-detail-v22{background:#07172f!important}html[data-theme="dark"] .ur22-page{background-color:#07172f;background-image:url('../images/umrahroom-stars-dark.svg');color:#eef5ff}html[data-theme="dark"] .ur22-breadcrumbs,html[data-theme="dark"] .ur22-location,html[data-theme="dark"] .ur22-description{color:#a9bdd8}html[data-theme="dark"] .ur22-breadcrumbs span:last-child,html[data-theme="dark"] .ur22-title-row h1,html[data-theme="dark"] .ur22-rate-line strong,html[data-theme="dark"] .ur22-panel-head h2,html[data-theme="dark"] .ur22-room-copy h3,html[data-theme="dark"] .ur22-room-price strong,html[data-theme="dark"] .ur22-highlights span,html[data-theme="dark"] .ur22-help-top h2,html[data-theme="dark"] .ur22-policy-list strong,html[data-theme="dark"] .ur22-related-card h3 a,html[data-theme="dark"] .ur22-times strong{color:#f2f7ff!important}html[data-theme="dark"] .ur22-hotel-summary,html[data-theme="dark"] .ur22-rate-card,html[data-theme="dark"] .ur22-panel,html[data-theme="dark"] .ur22-related,html[data-theme="dark"] .ur22-tabs,html[data-theme="dark"] .ur22-room-row,html[data-theme="dark"] .ur22-related-card{background:#0d2346;border-color:#294b74;box-shadow:0 9px 24px rgba(0,0,0,.16)}html[data-theme="dark"] .ur22-tags span,html[data-theme="dark"] .ur22-highlights>div,html[data-theme="dark"] .ur22-rate-strip>div,html[data-theme="dark"] .ur22-policy-list>div,html[data-theme="dark"] .ur22-facilities-strip>div{background:#102d52;border-color:#294b74;color:#a9c5e6}html[data-theme="dark"] .ur22-tabs a{color:#b4c6dc}html[data-theme="dark"] .ur22-tabs a.active,html[data-theme="dark"] .ur22-tabs a:hover{background:#153760;color:#75b8ff}html[data-theme="dark"] .ur22-save{background:#102d52;border-color:#31527a;color:#80c3ff}html[data-theme="dark"] .ur22-cta.outline,html[data-theme="dark"] .ur22-map-button{background:#0d2346;border-color:#3d79b9;color:#7dbdff}html[data-theme="dark"] .ur22-cta.whatsapp{background:#0b332b;border-color:#176044;color:#57d69a}html[data-theme="dark"] .ur22-map-frame{border-color:#294b74;background:#102a4d}html[data-theme="dark"] .ur22-related-card.no-photo>div{background:#102a4d}

/* Tablet */
@media(max-width:1180px){.ur22-detail-grid{grid-template-columns:minmax(0,1.35fr) minmax(260px,.8fr)}.ur22-col-side{grid-column:1/-1;grid-template-columns:1fr 1fr}.ur22-facilities-strip{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* Mobile */
@media(max-width:960px){
  .ur22-page{padding-top:10px;padding-bottom:94px}.ur22-breadcrumbs{padding:5px 15px 10px;font-size:10px;overflow-x:auto;white-space:nowrap}
  .ur22-gallery-shell,.ur22-gallery-shell.is-single{display:block;height:auto;margin-left:-1px;margin-right:-1px;margin-bottom:0}.ur22-gallery-main{height:270px;border-radius:0;background:#dceeff}.ur22-gallery-mosaic{display:none}.ur22-main-photo img{height:270px}.ur22-gallery-arrow{width:36px;height:36px;font-size:22px}.ur22-gallery-count{top:10px;right:10px;padding:6px 9px}.ur22-view-photos{bottom:10px;right:50%;transform:translateX(50%);padding:8px 12px;white-space:nowrap}.ur22-mobile-thumbs{display:flex;gap:7px;overflow-x:auto;padding:8px 12px;background:#fff;border-bottom:1px solid #dce9f7;scroll-snap-type:x proximity}.ur22-mobile-thumbs button{flex:0 0 70px;height:52px;padding:0;border:2px solid transparent;border-radius:8px;overflow:hidden;background:#edf5fd;opacity:.72;scroll-snap-align:center}.ur22-mobile-thumbs button.is-active{border-color:#0877f9;opacity:1}.ur22-mobile-thumbs img{width:100%;height:100%;object-fit:cover;display:block}
  .ur22-summary-grid{display:block;margin-top:0}.ur22-hotel-summary{border-radius:0;border-left:0;border-right:0;box-shadow:none;padding:17px 15px}.ur22-title-row h1{font-size:25px}.ur22-save{display:none}.ur22-description{-webkit-line-clamp:2;font-size:12.5px}.ur22-tags{margin-top:11px}.ur22-rate-card{position:static;border-radius:12px;margin:10px 12px 12px;padding:16px}.ur22-rate-line strong{font-size:24px}.ur22-rate-trust{font-size:9px}
  .ur22-tabs{top:72px;border-radius:0;border-left:0;border-right:0;margin:0 -1px 12px;padding:6px 12px}.ur22-tabs a{padding:9px 10px;font-size:10.5px}
  .ur22-detail-grid{display:block}.ur22-col{display:block}.ur22-panel{margin:0 12px 12px;padding:14px;border-radius:12px}.ur22-panel-head{align-items:flex-start}.ur22-panel-head h2{font-size:18px}.ur22-room-row,.ur22-room-row.no-photo{grid-template-columns:minmax(0,1fr) 104px;gap:9px}.ur22-room-row>img{display:none}.ur22-room-price{text-align:right}.ur22-room-price a{min-width:68px}.ur22-rate-strip{grid-template-columns:1fr}.ur22-info-layout{grid-template-columns:1fr}.ur22-times{margin-top:4px}.ur22-facilities-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.ur22-highlights{grid-template-columns:repeat(2,1fr)}.ur22-map-frame{height:180px}.ur22-col-side{display:block}.ur22-related{margin:0 12px;padding:14px}.ur22-related-grid{display:flex;overflow-x:auto;gap:9px;scroll-snap-type:x proximity;padding-bottom:5px}.ur22-related-card{flex:0 0 72%;scroll-snap-align:start}.ur22-related-photo{height:125px}
  .ur22-lightbox{padding:8px}.ur22-lightbox-inner{width:100%;height:94vh;padding-bottom:72px}.ur22-lightbox-img{max-height:calc(100% - 35px);border-radius:8px}.ur22-lightbox-arrow{width:40px;height:40px}.ur22-lightbox-arrow.prev{left:6px}.ur22-lightbox-arrow.next{right:6px}.ur22-lightbox-close{right:6px;top:6px}.ur22-lightbox-thumbs{max-width:94vw}.ur22-lightbox-count{bottom:54px}
  body.ur-hotel-detail-v22.menu-open .nav-toggle{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
}
@media(max-width:520px){.ur22-gallery-main,.ur22-main-photo img{height:245px}.ur22-title-row h1{font-size:23px}.ur22-tags span{font-size:9.3px;padding:6px 8px}.ur22-rate-card{margin-left:10px;margin-right:10px}.ur22-panel,.ur22-related{margin-left:10px;margin-right:10px}.ur22-room-copy p{gap:5px}.ur22-related-card{flex-basis:82%}.ur22-facilities-strip{grid-template-columns:1fr 1fr}}
/* Hotel-detail footer density: keep the approved page compact without changing Inventory */
body.ur-hotel-detail-v22 .site-footer{padding-top:38px}
body.ur-hotel-detail-v22 .site-footer .footer-grid{grid-template-columns:1.45fr .82fr .9fr .9fr 1fr;gap:26px}
body.ur-hotel-detail-v22 .site-footer .footer-grid h3{margin-bottom:11px}
body.ur-hotel-detail-v22 .site-footer .footer-grid a{margin:6px 0}
body.ur-hotel-detail-v22 .site-footer .footer-about p{margin:12px 0}
body.ur-hotel-detail-v22 .site-footer .footer-bottom{margin-top:28px;padding:16px 0}
@media(max-width:960px){body.ur-hotel-detail-v22 .site-footer{padding-top:30px}body.ur-hotel-detail-v22 .site-footer .footer-grid{grid-template-columns:1fr 1fr;gap:24px}body.ur-hotel-detail-v22 .site-footer .footer-about,body.ur-hotel-detail-v22 .site-footer .footer-location{grid-column:1/-1}}
@media(max-width:520px){body.ur-hotel-detail-v22 .site-footer .footer-grid{grid-template-columns:1fr}body.ur-hotel-detail-v22 .site-footer .footer-about,body.ur-hotel-detail-v22 .site-footer .footer-location{grid-column:auto}}

/* ===== SOURCE: assets/css/umrahroom-community-v1.css ===== */
/* UmrahRoom Community V1 — approved mockup implementation
   Scoped to body.community-v2 so locked Inventory / Hotel Detail / Admin layouts are untouched. */

.community-v2{
  --urc-blue:#0a73ff;
  --urc-blue-dark:#075fcf;
  --urc-navy:#071b52;
  --urc-ink:#0d2b63;
  --urc-muted:#60769d;
  --urc-line:#d7e8fb;
  --urc-soft:#f4f9ff;
  --urc-green:#12b864;
  --urc-shadow:0 12px 34px rgba(8,41,91,.08);
  --urc-shadow-soft:0 7px 20px rgba(8,41,91,.055);
  background:#f9fcff!important;
  color:var(--urc-ink);
}
.community-v2 .utility-bar{display:none!important}
.community-v2 .site-header{top:0!important;background:rgba(255,255,255,.98)!important;box-shadow:0 1px 0 rgba(218,231,247,.95)!important}
.community-v2 .nav-row{height:64px!important;min-height:64px!important;grid-template-columns:auto minmax(0,1fr) auto!important;gap:14px!important}
.community-v2 .site-container{width:min(1240px,calc(100% - 48px))!important;max-width:1240px!important}
.community-v2 .site-brand{min-width:202px!important;gap:9px!important}
.community-v2 .site-brand img{width:42px!important;height:42px!important;border-radius:11px!important;box-shadow:0 7px 16px rgba(10,115,255,.16)!important}
.community-v2 .brand-copy strong{font-size:1.08rem!important;letter-spacing:-.035em!important}
.community-v2 .brand-copy span{display:none!important}
.community-v2 .site-nav{gap:2px!important}
.community-v2 .site-nav .mobile-menu-icon,.community-v2 .site-nav .mobile-nav-head,.community-v2 .site-nav .mobile-only{display:none!important}
.community-v2 .site-nav>a{padding:8px 10px!important;border-radius:8px!important;font-size:.76rem!important;color:#08265a!important;background:transparent!important;position:relative}
.community-v2 .site-nav>a.active{color:var(--urc-blue)!important}
.community-v2 .site-nav>a.active:before{content:"";position:absolute;left:10px;right:10px;bottom:-10px;height:2px;border-radius:4px;background:var(--urc-blue)}
.community-v2 .language-current{height:37px!important;border:0!important;padding-inline:9px!important;font-size:.74rem!important;background:transparent!important}
.community-v2 .theme-toggle{width:38px!important;height:38px!important;border-radius:10px!important}
.community-v2 .nav-whatsapp{width:38px!important;height:38px!important;border-radius:10px!important}
.community-v2 .nav-actions{gap:6px!important}
.community-v2 .nav-actions .site-btn.compact{min-height:38px!important;border-radius:9px!important;padding:0 16px!important;font-size:.75rem!important;box-shadow:none!important}
.community-v2 .mobile-menu-backdrop{z-index:1199}
.community-v2 #mainContent{overflow:visible!important}

/* HERO */
.urc-hero{position:relative;isolation:isolate;min-height:225px;overflow:hidden;background:#115ab4;color:#fff}
.urc-hero-image{position:absolute;z-index:-3;inset:0;background:url('../images/hero-makkah-clean.jpg') 63% center/cover no-repeat;filter:saturate(.98) contrast(1.02)}
.urc-hero-overlay{position:absolute;z-index:-2;inset:0;background:
  linear-gradient(90deg,rgba(5,60,130,.96) 0%,rgba(7,84,165,.90) 35%,rgba(23,112,194,.47) 58%,rgba(6,44,103,.12) 100%),
  linear-gradient(180deg,rgba(2,35,88,.08),rgba(2,35,88,.10))}
.urc-hero:before{content:"";position:absolute;z-index:-1;inset:0 auto 0 0;width:33%;opacity:.18;background:url('../images/umrahroom-stars-dark.svg') center/460px auto repeat}
.urc-hero-inner{min-height:225px;display:grid;grid-template-columns:minmax(0,1fr) 255px;align-items:center;gap:34px;padding-top:19px!important;padding-bottom:20px!important}
.urc-kicker{display:block;font-size:.63rem;line-height:1.2;font-weight:900;letter-spacing:.21em;color:#eff7ff;margin-bottom:7px}
.urc-kicker.dark{color:var(--urc-blue)}
.urc-hero-copy h1{font-family:'Plus Jakarta Sans',Inter,sans-serif;font-size:2.75rem;line-height:.98;letter-spacing:-.055em;color:#fff;margin:0 0 7px;font-weight:800}
.urc-hero-copy>p{max-width:560px;font-size:.9rem;line-height:1.43;margin:0;color:rgba(255,255,255,.96)}
.urc-hero-features{display:flex;align-items:center;gap:0;margin-top:18px;max-width:700px}
.urc-hero-features>div{display:flex;align-items:center;gap:8px;padding-right:23px;margin-right:23px;border-right:1px solid rgba(255,255,255,.28);min-width:0}
.urc-hero-features>div:last-child{border-right:0;margin-right:0;padding-right:0}
.urc-hero-features i{display:grid;place-items:center;width:27px;height:27px;color:#fff;flex:0 0 27px;font-style:normal}
.urc-hero-features svg{width:26px;height:26px;stroke-width:1.8}
.urc-hero-features span{display:grid;line-height:1.12}
.urc-hero-features b{font-size:.69rem;color:#fff;white-space:nowrap}
.urc-hero-features small{font-size:.59rem;color:rgba(255,255,255,.83);white-space:nowrap;margin-top:2px}
.urc-hero-callout{justify-self:end;width:245px;background:rgba(8,57,122,.72);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(8px);border-radius:14px;padding:15px 16px;display:grid;grid-template-columns:42px 1fr;gap:8px;color:#fff;box-shadow:0 10px 30px rgba(4,28,73,.16)}
.urc-callout-icon{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.12)}
.urc-callout-icon svg{width:23px;height:23px;stroke-width:1.8}
.urc-hero-callout strong{display:block;font-size:.83rem;line-height:1.18;color:#fff;margin:1px 0 4px}
.urc-hero-callout p{font-size:.59rem;line-height:1.4;color:rgba(255,255,255,.84);margin:0}
.urc-hero-callout .urc-btn{grid-column:1/-1;margin-top:7px}

/* PAGE SHELL */
.urc-page{position:relative;background:#fbfdff;padding:0 0 0;min-height:600px}
.urc-page:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:url('../images/umrahroom-stars.svg');background-repeat:repeat;background-size:520px auto;opacity:.17}
.urc-page>.site-container{position:relative;z-index:1}
.urc-success{margin:12px 0 0;background:#eafbf2;border:1px solid #b9ebd0;color:#11663c;border-radius:10px;padding:10px 14px;font-size:.76rem}
.urc-announcement-strip{height:42px;margin-top:-1px;display:grid;grid-template-columns:auto auto auto minmax(0,1fr) auto;gap:10px;align-items:center;background:#eef7ff;border:1px solid #d2e7fb;border-radius:9px;padding:0 14px;box-shadow:0 2px 8px rgba(16,58,107,.035)}
.urc-strip-icon{display:grid;place-items:center;width:25px;height:25px;color:var(--urc-blue)}
.urc-strip-icon svg{width:24px;height:24px}
.urc-announcement-strip>b{font-size:.71rem;color:#092d68}
.urc-new-pill{display:inline-flex;align-items:center;justify-content:center;height:20px;padding:0 10px;border-radius:999px;background:var(--urc-blue);color:#fff;font-size:.58rem;font-weight:800}
.urc-announcement-strip p{margin:0;font-size:.68rem;color:#2b5488;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.urc-announcement-strip a{display:inline-flex;align-items:center;gap:5px;font-size:.65rem;font-weight:800;color:var(--urc-blue);text-decoration:none;white-space:nowrap}
.urc-announcement-strip a svg{width:13px;height:13px}

.urc-top-grid,.urc-middle-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:14px}
.urc-lower-grid{display:grid;grid-template-columns:1.05fr 1fr 1.02fr;gap:22px;margin-top:14px}
.urc-section{min-width:0}
.urc-section-head{height:27px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.urc-section-head h2{display:flex;align-items:center;gap:7px;font-family:'Plus Jakarta Sans',Inter,sans-serif;font-size:.88rem;line-height:1;color:#092861;margin:0;font-weight:800;letter-spacing:-.025em}
.urc-section-head h2>span{width:20px;height:20px;display:grid;place-items:center;color:var(--urc-blue)}
.urc-section-head h2 svg{width:19px;height:19px;stroke-width:2}
.urc-section-head h2.with-whatsapp>span{color:var(--urc-green)}
.urc-section-head>a,.urc-section-head>span,.urc-section-head>button{border:0;background:none;padding:0;display:inline-flex;align-items:center;gap:5px;font-size:.59rem;color:var(--urc-blue);font-weight:800;text-decoration:none;white-space:nowrap;cursor:pointer}
.urc-section-head svg{width:12px;height:12px}

/* BUTTONS */
.urc-btn,.urc-outline-btn{appearance:none;border:0;font-family:inherit;text-decoration:none;cursor:pointer;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:.16s ease}
.urc-btn svg,.urc-outline-btn svg{width:13px;height:13px;flex:0 0 auto}
.urc-btn-primary{min-height:36px;padding:0 14px;border-radius:7px;background:linear-gradient(135deg,#1280ff,#0665ea);color:#fff!important;border:1px solid rgba(255,255,255,.30);box-shadow:0 6px 14px rgba(3,87,205,.18);font-size:.67rem}
.urc-outline-btn{min-height:28px;padding:0 10px;border-radius:6px;background:#fff;color:#0869e8!important;border:1px solid #5ea3f5;font-size:.61rem;width:100%}
.urc-outline-btn.whatsapp{color:#08a759!important;border-color:#49c982}
.urc-outline-btn.whatsapp svg:first-child{color:#09af5b;width:15px;height:15px}
.urc-btn:hover,.urc-outline-btn:hover{transform:translateY(-1px)}

/* QUICK LINKS */
.urc-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.urc-quick-card{min-height:152px;background:#fff;border:1px solid var(--urc-line);border-radius:9px;padding:11px 9px 9px;text-align:center;box-shadow:var(--urc-shadow-soft);display:flex;flex-direction:column;align-items:center}
.urc-quick-card>i,.urc-resource-grid article>i{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;font-style:normal;margin-bottom:7px}
.urc-quick-card>i svg,.urc-resource-grid article>i svg{width:23px;height:23px;stroke-width:2}
.urc-quick-card>i.blue{background:#e7f3ff;color:#0a73ff}.urc-quick-card>i.green{background:#e3f8ed;color:#12a95d}.urc-quick-card>i.purple{background:#f0e7ff;color:#8b4ce0}.urc-quick-card>i.orange{background:#fff1dc;color:#ef9215}
.urc-quick-card h3{font-size:.69rem;line-height:1.15;color:#092861;margin:0 0 5px;font-weight:800}
.urc-quick-card p{font-size:.59rem;line-height:1.34;color:#5a7197;margin:0 0 8px;min-height:32px;flex:1}

/* WHATSAPP MEDIA CARDS */
.urc-whatsapp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.urc-media-card{background:#fff;border:1px solid var(--urc-line);border-radius:9px;overflow:hidden;box-shadow:var(--urc-shadow-soft);min-width:0}
.urc-media-card>img{width:100%;height:64px;display:block;object-fit:cover}
.urc-media-card>div{padding:8px}
.urc-media-card h3{font-size:.69rem;line-height:1.15;color:#092861;margin:0 0 4px;font-weight:800}
.urc-media-card p{font-size:.57rem;line-height:1.35;color:#5d7396;margin:0 0 7px;min-height:47px}

/* NEWS / TIPS */
.urc-news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.urc-news-card{background:#fff;border:1px solid var(--urc-line);border-radius:8px;overflow:hidden;box-shadow:var(--urc-shadow-soft);min-width:0}
.urc-news-image{position:relative;height:71px;overflow:hidden;background:#eaf4ff}
.urc-news-image img{width:100%;height:100%;object-fit:cover;display:block}
.urc-news-image>span{position:absolute;top:6px;left:7px;border-radius:999px;padding:3px 7px;color:#fff;font-size:.52rem;font-weight:800;box-shadow:0 3px 9px #0002}
.urc-news-image>span.blue{background:#1478f2}.urc-news-image>span.green{background:#17ae68}.urc-news-image>span.orange{background:#ee941e}
.urc-news-body{padding:7px 8px 8px}
.urc-news-body h3{font-size:.68rem;line-height:1.16;color:#08285f;margin:0 0 4px;font-weight:800}
.urc-news-body p{font-size:.56rem;line-height:1.35;color:#5b7298;margin:0 0 6px;min-height:31px}
.urc-news-body>a{display:inline-flex;align-items:center;gap:5px;color:var(--urc-blue);font-size:.55rem;font-weight:800;text-decoration:none}
.urc-news-body>a svg{width:11px;height:11px}
.urc-tip-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#6b7f9d;font-size:.53rem;font-weight:700}
.urc-tip-meta a{width:22px;height:22px;border-radius:50%;background:#e8f4ff;color:var(--urc-blue);display:grid;place-items:center}
.urc-tip-meta svg{width:12px;height:12px}

/* LOWER ROW */
.urc-discussion-list{background:rgba(255,255,255,.8);border-top:1px solid #e0ebf8}
.urc-discussion-row{min-height:33px;display:grid;grid-template-columns:27px minmax(0,1fr) 20px;align-items:center;gap:8px;text-decoration:none;border-bottom:1px solid #e5eef9;color:inherit;padding:3px 5px}
.urc-avatar{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#9d5cf1,#6e7df5);color:#fff;font-size:.58rem;font-weight:800}
.urc-discussion-row:nth-child(2n) .urc-avatar{background:linear-gradient(135deg,#46a0ff,#4d6ae4)}
.urc-discussion-copy{display:grid;min-width:0}
.urc-discussion-copy b{font-size:.58rem;line-height:1.15;color:#0c2d69;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.urc-discussion-copy small{font-size:.51rem;color:#7183a0;margin-top:2px}
.urc-chat-icon{display:grid;place-items:center;color:#2b73ce}
.urc-chat-icon svg{width:14px;height:14px}
.urc-discussion-empty{padding:9px;border:1px solid var(--urc-line);border-radius:8px;background:#fff}
.urc-discussion-empty>b{font-size:.67rem;color:#092861}.urc-discussion-empty>p{font-size:.56rem;color:#62779a;margin:2px 0 7px}.urc-discussion-empty .urc-outline-btn{display:flex;margin-top:5px;min-height:26px}

.urc-resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.urc-resource-grid article{background:#fff;border:1px solid var(--urc-line);border-radius:8px;padding:9px 7px 7px;text-align:center;box-shadow:var(--urc-shadow-soft);display:flex;flex-direction:column;align-items:center;min-width:0}
.urc-resource-grid article>i{width:33px;height:33px;border-radius:8px;margin-bottom:6px;background:#edf7ff;color:#0a73ff}
.urc-resource-grid article>i.green{background:#e7f8ed;color:#19a85c}.urc-resource-grid article>i svg{width:20px;height:20px}
.urc-resource-grid h3{font-size:.62rem;line-height:1.16;color:#0b2d67;margin:0 0 3px}
.urc-resource-grid p{font-size:.53rem;line-height:1.32;color:#667a99;margin:0 0 7px;min-height:41px;flex:1}
.urc-resource-grid .urc-outline-btn{min-height:25px;font-size:.53rem}

.urc-faq-list{display:grid;gap:5px}
.urc-faq-list details{background:#fff;border:1px solid #d8e8fa;border-radius:6px;overflow:hidden}
.urc-faq-list summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:28px;padding:5px 9px;cursor:pointer;font-size:.58rem;font-weight:750;color:#0d3474}
.urc-faq-list summary::-webkit-details-marker{display:none}
.urc-faq-list summary span{color:#0d62d5;font-size:.8rem}
.urc-faq-list details p{margin:0;padding:2px 9px 8px;color:#607595;font-size:.54rem;line-height:1.38}

.urc-bottom-cta{margin-top:13px;min-height:51px;border-radius:8px;border:1px solid #d5e7f9;background:linear-gradient(90deg,#eef7ff 0%,#eef7ff 62%,#e1f0ff 100%);position:relative;overflow:hidden;display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px 13px}
.urc-bottom-cta:after{content:"";position:absolute;right:105px;bottom:-14px;width:340px;height:65px;opacity:.15;background:url('../images/umrahroom-stars.svg') center/300px auto no-repeat}
.urc-cta-icon{width:43px;height:43px;display:grid;place-items:center;color:var(--urc-blue);position:relative;z-index:1}
.urc-cta-icon svg{width:38px;height:38px;stroke-width:1.7}
.urc-bottom-cta>div{position:relative;z-index:1}.urc-bottom-cta strong{display:block;font-size:.71rem;color:#092861}.urc-bottom-cta p{font-size:.55rem;color:#5a739a;margin:1px 0 0}.urc-bottom-cta .urc-btn{position:relative;z-index:1;min-width:145px}

/* COMMUNITY MODAL */
.community-modal-open{overflow:hidden!important}
.urc-modal{position:fixed;inset:0;z-index:1600;display:none;place-items:center;padding:22px}
.urc-modal[aria-hidden="false"]{display:grid}
.urc-modal-backdrop{position:absolute;inset:0;background:rgba(3,16,45,.64);backdrop-filter:blur(7px)}
.urc-modal-box{position:relative;width:min(720px,100%);max-height:min(92vh,820px);overflow:auto;background:#fff;border:1px solid #d9e9fa;border-radius:20px;box-shadow:0 28px 90px rgba(4,24,67,.30);padding:23px;z-index:1;outline:none}
.urc-modal-close{position:absolute;right:14px;top:12px;width:34px;height:34px;border-radius:50%;border:1px solid #d9e9fa;background:#fff;color:#153a73;font-size:1.3rem;cursor:pointer}
.urc-modal-head{display:grid;grid-template-columns:52px 1fr;gap:13px;padding-right:44px;margin-bottom:16px}
.urc-modal-icon{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;background:#e9f4ff;color:var(--urc-blue)}
.urc-modal-icon svg{width:29px;height:29px}.urc-modal-head h2{font-size:1.45rem;line-height:1.07;letter-spacing:-.035em;color:#071d50;margin:3px 0 5px}.urc-modal-head p{font-size:.76rem;color:#65799a;margin:0}
.urc-community-form{display:grid;gap:10px}.urc-form-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.urc-community-form label{display:grid;gap:5px;font-size:.69rem;font-weight:800;color:#173a70}.urc-community-form label small{font-weight:500;color:#7b8ca6}.urc-community-form input,.urc-community-form select,.urc-community-form textarea{width:100%;border:1px solid #d5e5f7;background:#fbfdff;color:#102f66;border-radius:9px;padding:10px 11px;font:inherit;font-size:.77rem;outline:none}.urc-community-form input:focus,.urc-community-form select:focus,.urc-community-form textarea:focus{border-color:#6eaff8;box-shadow:0 0 0 3px rgba(10,115,255,.08)}.urc-form-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:2px}.urc-form-actions>span{font-size:.65rem;color:#7183a0}

/* COMPACT FOOTER (community page only) */
.community-v2 .footer-cta{display:none!important}
.community-v2 .site-footer.compact-public-footer{padding:0!important;background:#071f54!important;border-top:0!important;color:#d9e8fb!important}
.compact-public-footer .compact-footer-main{min-height:53px;display:grid;grid-template-columns:210px minmax(0,1fr) auto;align-items:center;gap:20px}
.compact-public-footer .compact-footer-brand{display:flex;align-items:center;gap:8px;color:#fff!important;text-decoration:none}.compact-public-footer .compact-footer-brand img{width:34px;height:34px;border-radius:8px}.compact-public-footer .compact-footer-brand strong{display:block;font-size:.76rem}.compact-public-footer .compact-footer-brand span{display:block;font-size:.48rem;color:#a9c1e5;margin-top:1px}
.compact-public-footer .compact-footer-nav{display:flex;align-items:center;justify-content:center;gap:23px}.compact-public-footer .compact-footer-nav a{font-size:.55rem;color:#e8f2ff!important;text-decoration:none;white-space:nowrap}
.compact-public-footer .compact-footer-support{display:flex;align-items:center;gap:14px}.compact-public-footer .compact-footer-socials{display:flex;align-items:center;gap:8px}.compact-public-footer .compact-footer-socials span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#0b2d65;font-size:.56rem;font-weight:900}.compact-public-footer .compact-footer-wa{display:flex;align-items:center;gap:7px;border-left:1px solid rgba(255,255,255,.18);padding-left:14px;color:#fff!important;text-decoration:none;font-size:.56rem;white-space:nowrap}.compact-public-footer .compact-footer-wa i{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#13b862;color:#fff}.compact-public-footer .compact-footer-wa svg{width:15px;height:15px}.compact-public-footer .compact-footer-bottom{min-height:29px;border-top:1px solid rgba(255,255,255,.11);display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:.48rem;color:#8fa9cf}.compact-public-footer .compact-footer-bottom nav{display:flex;gap:20px}.compact-public-footer .compact-footer-bottom a{color:#a9bfdd!important;text-decoration:none}
.community-v2 .floating-actions{display:none!important}

/* DARK MODE */
html[data-theme="dark"] .community-v2 .urc-page{background:#081633}
html[data-theme="dark"] .community-v2 .urc-page:before{opacity:.07}
html[data-theme="dark"] .community-v2 .urc-announcement-strip,html[data-theme="dark"] .community-v2 .urc-quick-card,html[data-theme="dark"] .community-v2 .urc-media-card,html[data-theme="dark"] .community-v2 .urc-news-card,html[data-theme="dark"] .community-v2 .urc-resource-grid article,html[data-theme="dark"] .community-v2 .urc-faq-list details,html[data-theme="dark"] .community-v2 .urc-discussion-empty{background:#0c1f43!important;border-color:#1f3968!important;color:#dce9ff!important}
html[data-theme="dark"] .community-v2 .urc-section-head h2,html[data-theme="dark"] .community-v2 .urc-quick-card h3,html[data-theme="dark"] .community-v2 .urc-media-card h3,html[data-theme="dark"] .community-v2 .urc-news-body h3,html[data-theme="dark"] .community-v2 .urc-resource-grid h3,html[data-theme="dark"] .community-v2 .urc-faq-list summary{color:#e9f3ff!important}
html[data-theme="dark"] .community-v2 .urc-quick-card p,html[data-theme="dark"] .community-v2 .urc-media-card p,html[data-theme="dark"] .community-v2 .urc-news-body p,html[data-theme="dark"] .community-v2 .urc-resource-grid p,html[data-theme="dark"] .community-v2 .urc-faq-list details p{color:#9fb4d2!important}
html[data-theme="dark"] .community-v2 .urc-discussion-list{background:#0c1f43;border-color:#1f3968}html[data-theme="dark"] .community-v2 .urc-discussion-row{border-color:#1f3968}html[data-theme="dark"] .community-v2 .urc-discussion-copy b{color:#e8f1ff}
html[data-theme="dark"] .community-v2 .urc-bottom-cta{background:#0c234d;border-color:#23416e}html[data-theme="dark"] .community-v2 .urc-bottom-cta strong{color:#eaf3ff}html[data-theme="dark"] .community-v2 .urc-bottom-cta p{color:#9fb4d2}

/* RESPONSIVE */
@media(max-width:1180px){
  .community-v2 .site-container{width:min(1100px,calc(100% - 36px))!important}
  .community-v2 .site-brand{min-width:auto!important}.community-v2 .site-nav>a{padding-inline:7px!important;font-size:.69rem!important}
  .urc-hero-inner{grid-template-columns:minmax(0,1fr) 235px}.urc-hero-features>div{padding-right:12px;margin-right:12px}
  .urc-top-grid,.urc-middle-grid{gap:16px}.urc-lower-grid{gap:14px}
}
@media(max-width:1050px){
  .community-v2 .site-nav .mobile-menu-icon{display:block!important}.community-v2 .site-nav .mobile-nav-head{display:flex!important}.community-v2 .site-nav .mobile-only{display:flex!important}.community-v2 .site-nav details.mobile-only{display:block!important}
  .community-v2 .nav-row{height:64px!important;min-height:64px!important}.community-v2 .site-nav{top:74px!important}.community-v2 .nav-actions .site-btn.compact,.community-v2 .language-switcher{display:none!important}
  .urc-hero{min-height:350px}.urc-hero-inner{min-height:350px;grid-template-columns:1fr;align-content:center;padding-block:28px!important}.urc-hero-callout{display:none}.urc-hero-copy>p{max-width:640px}.urc-hero-features{flex-wrap:wrap;row-gap:12px}
  .urc-top-grid,.urc-middle-grid{grid-template-columns:1fr}.urc-lower-grid{grid-template-columns:1fr 1fr}.urc-faqs{grid-column:1/-1}.urc-whatsapp-grid,.urc-news-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .compact-public-footer .compact-footer-main{grid-template-columns:1fr auto}.compact-public-footer .compact-footer-nav{display:none}
}
@media(max-width:720px){
  .community-v2 .site-container{width:min(100% - 24px,620px)!important}
  .community-v2 .site-brand img{width:40px!important;height:40px!important}.community-v2 .brand-copy strong{font-size:1rem!important}
  .urc-hero{min-height:410px}.urc-hero-image{background-position:62% center}.urc-hero-overlay{background:linear-gradient(90deg,rgba(5,60,130,.97),rgba(8,86,169,.84) 75%,rgba(8,86,169,.55))}.urc-hero-inner{min-height:410px;padding-block:38px!important}.urc-hero-copy h1{font-size:2.55rem}.urc-hero-copy>p{font-size:.88rem}.urc-hero-features{display:grid;grid-template-columns:1fr 1fr;gap:13px 10px}.urc-hero-features>div{border:0;margin:0;padding:0}.urc-hero-features b,.urc-hero-features small{white-space:normal}
  .urc-announcement-strip{height:auto;min-height:64px;grid-template-columns:auto auto auto 1fr;padding:9px 11px;gap:6px}.urc-announcement-strip p{grid-column:1/-1;white-space:normal;line-height:1.35}.urc-announcement-strip>a{display:none}
  .urc-quick-grid{grid-template-columns:1fr 1fr}.urc-whatsapp-grid,.urc-news-grid{grid-template-columns:1fr 1fr}.urc-whatsapp-grid .urc-media-card:last-child,.urc-news-grid .urc-news-card:last-child{grid-column:1/-1}.urc-media-card>img{height:110px}.urc-news-image{height:115px}
  .urc-lower-grid{grid-template-columns:1fr}.urc-faqs{grid-column:auto}.urc-resource-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .urc-bottom-cta{grid-template-columns:48px 1fr;padding:10px}.urc-bottom-cta .urc-btn{grid-column:1/-1;width:100%}
  .urc-modal{padding:10px}.urc-modal-box{padding:18px;border-radius:16px}.urc-form-two{grid-template-columns:1fr}.urc-form-actions{display:grid}.urc-form-actions .urc-btn{width:100%}
  .compact-public-footer .compact-footer-main{grid-template-columns:1fr;text-align:center;padding:10px 0}.compact-public-footer .compact-footer-brand{justify-content:center}.compact-public-footer .compact-footer-support{justify-content:center}.compact-public-footer .compact-footer-bottom{display:grid;justify-items:center;padding:8px 0;text-align:center}
  .community-v2 .mobile-sticky-actions{display:grid!important}
}
@media(max-width:460px){
  .urc-hero-copy h1{font-size:2.15rem}.urc-kicker{font-size:.55rem}.urc-hero-features{grid-template-columns:1fr}
  .urc-section-head{height:auto;min-height:27px;align-items:flex-start}.urc-section-head>span{display:none}
  .urc-quick-grid,.urc-whatsapp-grid,.urc-news-grid,.urc-resource-grid{grid-template-columns:1fr}.urc-whatsapp-grid .urc-media-card:last-child,.urc-news-grid .urc-news-card:last-child{grid-column:auto}.urc-quick-card{min-height:140px}.urc-media-card>img,.urc-news-image{height:145px}
  .compact-public-footer .compact-footer-support{display:grid}.compact-public-footer .compact-footer-wa{border:0;padding-left:0;justify-content:center}
}

/* ===== SOURCE: assets/css/umrahroom-community-auth-v1.css ===== */
.community-auth-modal{position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center;padding:20px}
.community-auth-modal[aria-hidden="false"]{display:flex}
.community-auth-backdrop{position:absolute;inset:0;background:rgba(3,25,61,.70);backdrop-filter:blur(3px)}
.community-auth-shell{position:relative;z-index:1;width:min(430px,calc(100vw - 28px));max-height:min(780px,calc(100vh - 28px));overflow:auto;background:#fff;border-radius:20px;box-shadow:0 30px 80px rgba(2,25,64,.30);padding:34px 30px;color:#082760;outline:0}
.community-auth-close{position:absolute;top:15px;right:16px;width:34px;height:34px;border:0;background:#f2f7ff;border-radius:50%;color:#0b2d6f;font-size:24px;cursor:pointer}
.community-auth-step{text-align:center}
.community-auth-icon{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;margin:0 auto 14px;background:linear-gradient(145deg,#0c7dff,#2f5fff);color:#fff;font-size:28px;box-shadow:0 8px 20px rgba(16,110,255,.22)}
.community-auth-step h2{font-family:'Plus Jakarta Sans',Inter,sans-serif;font-size:1.55rem;line-height:1.15;letter-spacing:-.04em;margin:0 0 8px;color:#082760}
.community-auth-step>p{margin:0 0 20px;color:#63799c;font-size:.86rem;line-height:1.5}
.community-google-btn{min-height:48px;border:1px solid #ceddf0;border-radius:11px;display:flex;align-items:center;justify-content:center;gap:10px;color:#092b68;text-decoration:none;font-size:.86rem;background:#fff;transition:.15s}
.community-google-btn:hover{border-color:#80b5ff;box-shadow:0 5px 18px rgba(7,96,220,.08)}
.community-google-btn.is-disabled{opacity:.55;cursor:not-allowed}
.google-g{font-size:1.2rem;font-weight:900;color:#4285f4}
.community-auth-divider{display:flex;align-items:center;gap:14px;color:#7c90ac;font-size:.74rem;margin:15px 0}
.community-auth-divider:before,.community-auth-divider:after{content:"";height:1px;background:#d9e4f2;flex:1}
.community-auth-form{display:grid;gap:12px;text-align:left}
.community-auth-form label{display:grid;gap:6px;font-weight:700;font-size:.75rem;color:#102f67}
.community-auth-form label em{font-style:normal;font-weight:500;color:#7085a4}
.community-auth-form input,.community-auth-form select{width:100%;height:46px;border:1px solid #c9daef;border-radius:10px;padding:0 13px;font:inherit;color:#082760;background:#fff;outline:0}
.community-auth-form input:focus,.community-auth-form select:focus{border-color:#1a7cff;box-shadow:0 0 0 3px rgba(18,121,255,.10)}
.community-auth-input{height:46px;border:1px solid #c9daef;border-radius:10px;display:flex;align-items:center;padding:0 12px;gap:9px;color:#4b6790;background:#fff}
.community-auth-input input{border:0!important;box-shadow:none!important;padding:0;height:42px}
.community-auth-input.username span{font-size:1.15rem;font-weight:800;color:#173f7c}
.community-auth-primary{min-height:48px;border:0;border-radius:10px;background:linear-gradient(90deg,#0879ff,#0766ef);color:#fff;font:800 .87rem/1 Inter,sans-serif;cursor:pointer;box-shadow:0 8px 18px rgba(7,105,241,.18)}
.community-auth-primary:disabled{opacity:.6;cursor:wait}
.community-auth-note{margin-top:14px;border-radius:10px;background:#eef6ff;color:#456a9d;padding:11px 12px;font-size:.7rem;line-height:1.45}
.community-auth-legal{display:block;margin-top:15px;color:#7e90aa;font-size:.61rem;line-height:1.45}.community-auth-legal a{color:#0b72f4}
.community-auth-error{margin-top:12px;background:#fff0f0;border:1px solid #ffcaca;color:#a33434;border-radius:9px;padding:10px 12px;font-size:.7rem;text-align:left}
.community-otp-boxes{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:2px 0 8px}
.community-otp-boxes input{height:58px;text-align:center;font-size:1.4rem;font-weight:800;padding:0}
.community-auth-inline-links{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:14px}.community-auth-inline-links button{border:0;background:none;color:#0875f9;font:700 .7rem Inter;cursor:pointer}.community-auth-inline-links span{width:1px;height:17px;background:#d4dfed}
.community-profile-step{text-align:left}.community-profile-head{display:grid;grid-template-columns:1fr 94px;gap:18px;align-items:start;margin-bottom:18px}.community-profile-logo{width:116px;height:auto;margin-bottom:12px}.community-profile-head h2{font-size:1.55rem}.community-profile-head p{margin:6px 0 0;color:#63799c;font-size:.8rem;line-height:1.45}.community-profile-avatar{width:88px;height:88px;border-radius:50%;background:#eaf3ff;border:4px solid #fff;box-shadow:0 0 0 2px #d4e5fa,0 8px 25px rgba(6,72,170,.12);display:grid;place-items:center;overflow:hidden;font-weight:800;font-size:1.35rem;color:#0a65da}.community-profile-avatar img{width:100%;height:100%;object-fit:cover}.community-auth-form small{font-size:.64rem;color:#7a8faa;font-weight:500}.community-auth-skip{border:0;background:none;color:#0b73f2;font:700 .72rem Inter;cursor:pointer;text-align:center}
.community-user-chip{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 9px;border:1px solid #d8e5f5;border-radius:10px;background:#fff;color:#0b2c66;text-decoration:none;max-width:150px}.community-user-chip img,.community-user-chip .avatar-fallback{width:28px;height:28px;border-radius:50%;object-fit:cover;background:#e8f2ff;color:#0870ec;display:grid;place-items:center;font-size:.65rem;font-weight:800}.community-user-chip b{font-size:.7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.community-user-chip small{display:none}
body.community-auth-open{overflow:hidden}
@media(max-width:720px){.community-auth-modal{align-items:flex-end;padding:0}.community-auth-shell{width:100%;max-height:92vh;border-radius:24px 24px 0 0;padding:34px 22px calc(26px + env(safe-area-inset-bottom))}.community-profile-head{grid-template-columns:1fr 72px}.community-profile-avatar{width:68px;height:68px}.community-otp-boxes{gap:5px}.community-otp-boxes input{height:52px;font-size:1.15rem}.community-user-chip b{display:none}}

.community-auth-logout{display:block;text-align:center;color:#8b4a4a;font:600 .68rem Inter;text-decoration:none;margin-top:-5px}.community-auth-logout:hover{text-decoration:underline}

/* ===== SOURCE: assets/css/umrahroom-community-app-v2.css ===== */
/* UmrahRoom Community App V2 — scoped rebuild */
:root{--uc-blue:#0876f9;--uc-deep:#082968;--uc-navy:#071f4d;--uc-soft:#f5f9ff;--uc-border:#dbe8f7;--uc-muted:#6d82a4;--uc-green:#17b866;--uc-red:#ef4b4b;--uc-shadow:0 12px 32px rgba(15,62,127,.08)}
body.community-app{background:#f7faff;color:var(--uc-deep)}
body.community-app .utility-bar{display:none}
body.community-app .site-header{box-shadow:0 1px 0 #e5eef9;background:rgba(255,255,255,.98)}
body.community-app .site-header .brand-copy span{display:none}
body.community-app main#mainContent{overflow:visible}
body.community-app .compact-footer{margin-top:0}

/* Header account */
.community-account{position:relative;z-index:90}.community-account-trigger{height:44px;border:1px solid #d7e5f7;background:#fff;border-radius:13px;padding:4px 9px 4px 5px;display:flex;align-items:center;gap:8px;color:#0a2f70;cursor:pointer;min-width:138px}.community-account-trigger img,.community-account-trigger>.avatar-fallback{width:34px;height:34px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:#5369cb;color:#fff;font-weight:800}.community-account-trigger>span{display:grid;text-align:left;line-height:1.1;min-width:0}.community-account-trigger b{font-size:.76rem;white-space:nowrap;max-width:110px;overflow:hidden;text-overflow:ellipsis}.community-account-trigger small{font-size:.58rem;color:#7185a2;font-weight:600;margin-top:3px}.community-account-trigger i{font:800 .58rem Inter;background:#ef4444;color:#fff;border-radius:99px;min-width:17px;height:17px;display:grid;place-items:center;font-style:normal}.community-account-trigger em{font-style:normal;font-size:.7rem;margin-left:auto}.community-account-menu{position:absolute;right:0;top:52px;width:318px;background:#fff;border:1px solid #dce7f5;border-radius:20px;box-shadow:0 24px 65px rgba(7,34,81,.2);padding:18px;display:none;color:#102f67}.community-account.open .community-account-menu{display:block}.community-account-head{display:flex;align-items:center;gap:12px;padding-bottom:13px}.community-account-head img,.community-account-head>.avatar-fallback{width:50px;height:50px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:#5369cb;color:#fff;font-weight:800}.community-account-head>div{display:grid}.community-account-head b{font-size:.9rem}.community-account-head small{font-size:.69rem;color:#7084a3;margin-top:2px}.community-account-head span{margin-top:5px;width:max-content;background:#eaf4ff;color:#0874f6;border-radius:99px;padding:4px 8px;font-size:.58rem;font-weight:800}.community-account-email{border-top:1px solid #edf2f8;border-bottom:1px solid #edf2f8;padding:11px 2px;color:#5f7699;font-size:.72rem;display:flex;gap:9px;align-items:center}.community-account-menu nav{display:grid;padding:8px 0}.community-account-menu nav a{display:flex;align-items:center;gap:10px;padding:10px 7px;border-radius:9px;color:#0e316e;text-decoration:none;font-size:.76rem;font-weight:650}.community-account-menu nav a:hover{background:#f2f7ff}.community-account-menu nav a span{margin-left:auto;color:#8496af}.community-account-menu nav a b{margin-left:auto;background:#0876f9;color:#fff;border-radius:99px;padding:2px 6px;font-size:.58rem}.community-account-signout{display:block;border-top:1px solid #edf2f8;padding:12px 7px 2px;color:#dc2b2b;text-decoration:none;font-size:.75rem;font-weight:700}.community-join-header{height:40px;padding:0 14px;border:0;border-radius:10px;background:#0876f9;color:#fff;font:700 .72rem Inter;cursor:pointer}

/* Core shell */
.ur-community-app{padding:18px 0 34px;min-height:70vh}.ur-community-app-grid{display:grid;grid-template-columns:208px minmax(0,1fr) 270px;gap:16px;align-items:start}.ur-community-main{min-width:0}.ur-community-sidebar,.ur-community-rightbar{position:sticky;top:86px}.ur-community-sidebar{border:1px solid var(--uc-border);background:#fff;border-radius:14px;padding:12px;box-shadow:0 4px 16px rgba(18,71,138,.04)}.ur-community-sidebar-title,.ur-community-side-heading{font:800 .76rem Plus Jakarta Sans;color:#173a76;padding:4px 8px 9px}.ur-community-side-heading{font-size:.63rem;color:#8091aa;text-transform:uppercase;letter-spacing:.08em;margin-top:12px}.ur-community-side-nav{display:grid;gap:4px}.ur-community-side-nav a,.ur-community-side-nav button{width:100%;border:0;background:none;display:flex;align-items:center;gap:9px;padding:9px 9px;border-radius:9px;color:#173a76;text-decoration:none;font:650 .69rem Inter;cursor:pointer;text-align:left}.ur-community-side-nav a span:first-child,.ur-community-side-nav button span:first-child{width:19px;text-align:center;color:#0876f9;font-size:.85rem}.ur-community-side-nav a:hover,.ur-community-side-nav button:hover,.ur-community-side-nav a.active{background:#eaf4ff;color:#0669e8}.ur-community-side-nav a b{margin-left:auto;background:#0876f9;color:#fff;border-radius:99px;min-width:18px;height:18px;display:grid;place-items:center;font-size:.56rem}.ur-community-side-nav.subtle a{font-size:.64rem;padding:8px 9px}.ur-community-guidelines-card{margin-top:14px;padding:12px;background:linear-gradient(145deg,#edf6ff,#f9fbff);border:1px solid #d7e8fb;border-radius:12px}.ur-community-guidelines-card strong{font:800 .68rem Plus Jakarta Sans}.ur-community-guidelines-card p{font-size:.61rem;color:#7084a3;line-height:1.45;margin:6px 0}.ur-community-guidelines-card a{font-size:.59rem;color:#0876f9;font-weight:800;text-decoration:none}

/* Feed hero */
.ur-community-feed-hero{position:relative;min-height:224px;border-radius:18px;overflow:hidden;box-shadow:var(--uc-shadow);margin-bottom:13px;background:#0b5dba}.ur-community-feed-hero-bg{position:absolute;inset:0;background:url('../images/kaaba-panorama.jpg') center 48%/cover no-repeat}.ur-community-feed-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,51,112,.95) 0%,rgba(6,89,174,.78) 48%,rgba(4,57,125,.35) 100%)}.ur-community-feed-hero-content{position:relative;z-index:2;padding:28px 28px 24px;color:#fff;max-width:720px}.ur-community-feed-hero-content>span{font:800 .6rem Plus Jakarta Sans;letter-spacing:.18em}.ur-community-feed-hero h1{font:800 2.1rem/1.08 Plus Jakarta Sans;margin:8px 0 5px;letter-spacing:-.045em}.ur-community-feed-hero p{margin:0 0 20px;font-size:.76rem;line-height:1.5;max-width:600px;color:#eaf4ff}.ur-community-search{height:42px;background:#fff;border-radius:10px;padding:0 6px 0 12px;display:flex;align-items:center;gap:8px;width:min(610px,calc(100% - 100px));box-shadow:0 5px 18px rgba(0,26,70,.12)}.ur-community-search span{color:#7791b5}.ur-community-search input{border:0;outline:0;flex:1;min-width:0;font:.69rem Inter;color:#173a76}.ur-community-search button{border:0;background:#eaf4ff;color:#0876f9;border-radius:7px;padding:8px 12px;font:700 .62rem Inter;cursor:pointer}.ur-community-new-post{position:absolute;right:20px;bottom:24px;height:42px;border:0;border-radius:10px;background:#0876f9;color:#fff;text-decoration:none;padding:0 15px;display:flex;align-items:center;font:800 .68rem Inter;box-shadow:0 10px 25px rgba(6,91,218,.28);cursor:pointer}.ur-community-system-note{display:flex;gap:8px;flex-direction:column;background:#fff5d8;border:1px solid #ffe19a;color:#725a1b;padding:16px;border-radius:12px;margin:12px 0;font-size:.72rem}

.ur-community-topic-scroll{display:flex;gap:7px;overflow:auto;padding:2px 0 11px;scrollbar-width:none}.ur-community-topic-scroll::-webkit-scrollbar{display:none}.ur-community-topic-scroll a{white-space:nowrap;padding:7px 12px;border-radius:99px;border:1px solid #cfe0f4;background:#fff;color:#214477;text-decoration:none;font:700 .59rem Inter}.ur-community-topic-scroll a.active{background:#0876f9;border-color:#0876f9;color:#fff}.ur-community-feed-toolbar{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--uc-border);border-radius:12px 12px 0 0;background:#fff;padding:0 14px}.ur-community-feed-toolbar>span{font-size:.58rem;color:#7e91ae}.ur-community-feed-tabs{display:flex;gap:2px}.ur-community-feed-tabs a{padding:13px 12px 11px;border-bottom:2px solid transparent;color:#7288a8;text-decoration:none;font:700 .62rem Inter}.ur-community-feed-tabs a.active{color:#0876f9;border-color:#0876f9}.ur-community-feed-list{display:grid;gap:10px;margin-top:10px}

/* Posts */
.ur-community-post-card,.ur-community-thread-card,.ur-community-reply-composer,.ur-community-replies{background:#fff;border:1px solid var(--uc-border);border-radius:14px;box-shadow:0 4px 16px rgba(20,65,127,.035)}.ur-community-post-card{padding:15px}.ur-community-post-author{display:flex;align-items:center;gap:10px}.ur-community-avatar,.ur-community-mini-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#dceaff;color:#145dc6;font:800 .66rem Inter;flex:0 0 auto}.ur-community-avatar img,.ur-community-mini-avatar img{width:100%;height:100%;object-fit:cover}.ur-community-mini-avatar{width:31px;height:31px}.ur-community-author-copy{min-width:0;flex:1}.ur-community-author-copy>div{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.ur-community-author-copy a{font:800 .67rem Inter;color:#173b75;text-decoration:none}.ur-community-author-copy span,.ur-community-author-copy small{font-size:.56rem;color:#8394ad}.ur-community-author-copy small{display:block;margin-top:2px}.ur-community-room-pill{font:800 .54rem Inter;color:#0876f9;background:#edf6ff;border:1px solid #d5e9ff;border-radius:99px;padding:5px 8px;text-decoration:none}.ur-community-post-card h3{margin:10px 0 6px;font:800 .84rem/1.35 Plus Jakarta Sans}.ur-community-post-card h3 a{color:#0d2d67;text-decoration:none}.ur-community-post-card>p{margin:0;color:#596f91;font-size:.66rem;line-height:1.55}.ur-community-post-image{display:block;margin-top:10px;border-radius:11px;overflow:hidden;max-height:220px}.ur-community-post-image img{width:100%;height:100%;object-fit:cover;display:block}.ur-community-post-meta{display:flex;gap:15px;margin-top:11px;color:#7890af;font-size:.57rem}.ur-community-post-actions{border-top:1px solid #edf2f8;margin-top:9px;padding-top:9px;display:flex;align-items:center;gap:7px;flex-wrap:wrap}.ur-community-post-actions a,.ur-community-post-actions button,.ur-community-reply-actions button{border:0;background:none;color:#43658f;text-decoration:none;font:700 .59rem Inter;padding:5px 7px;border-radius:7px;cursor:pointer}.ur-community-post-actions button:hover,.ur-community-post-actions a:hover,.ur-community-reply-actions button:hover{background:#f0f6ff;color:#0876f9}.ur-community-post-actions button.active{color:#0876f9;background:#eaf4ff}

/* Empty */
.ur-community-empty{background:#fff;border:1px dashed #c8d9ee;border-radius:16px;text-align:center;padding:44px 20px;color:#547095}.ur-community-empty>span{width:54px;height:54px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;background:#eaf4ff;color:#0876f9;font-size:1.4rem}.ur-community-empty h1,.ur-community-empty h2{margin:0 0 6px;color:#12346d;font:800 1rem Plus Jakarta Sans}.ur-community-empty p{font-size:.68rem;line-height:1.5;margin:0 auto 15px;max-width:440px}.ur-community-empty a,.ur-community-empty button{border:0;border-radius:9px;background:#0876f9;color:#fff;padding:10px 15px;text-decoration:none;font:800 .65rem Inter;cursor:pointer}.ur-community-empty.compact{padding:22px}

/* Right widgets */
.ur-community-rightbar{display:grid;gap:12px}.ur-community-widget{background:#fff;border:1px solid var(--uc-border);border-radius:14px;padding:13px;box-shadow:0 4px 16px rgba(20,65,127,.035)}.ur-community-widget-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.ur-community-widget h2,.ur-community-widget-head h2{font:800 .72rem Plus Jakarta Sans;color:#11346f;margin:0}.ur-community-widget-head span,.ur-community-widget-head a{font-size:.54rem;color:#0876f9;text-decoration:none}.ur-community-contributors{display:grid;gap:7px}.ur-community-contributors>a{display:flex;gap:8px;align-items:center;text-decoration:none;color:#193e79}.ur-community-contributors>a>span{display:grid}.ur-community-contributors b{font-size:.61rem}.ur-community-contributors small{font-size:.51rem;color:#8294ad;margin-top:2px}.ur-community-widget-empty{font-size:.61rem;line-height:1.5;color:#7489a8;margin:7px 0}.ur-community-join-chat{text-align:center;background:linear-gradient(145deg,#eff8ff,#fff)}.ur-community-widget-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;margin:0 auto 8px;background:#dff0ff;color:#0876f9;font-size:1.1rem}.ur-community-join-chat p{font-size:.61rem;line-height:1.45;color:#6f84a3}.ur-community-join-chat a{display:block;background:#0876f9;color:#fff;text-decoration:none;border-radius:8px;padding:9px;font:800 .61rem Inter;margin-top:9px}.ur-community-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.ur-community-stats-grid div{text-align:center;background:#f5f9ff;border-radius:9px;padding:8px 3px}.ur-community-stats-grid b{display:block;font:800 .78rem Plus Jakarta Sans}.ur-community-stats-grid span{font-size:.48rem;color:#8294ad}.ur-community-help-card{display:grid;gap:4px}.ur-community-help-card h2{margin-bottom:4px}.ur-community-help-card a,.ur-profile-account a{display:flex;align-items:center;gap:7px;color:#294c7f;text-decoration:none;padding:8px;border-radius:8px;font-size:.59rem}.ur-community-help-card a:hover,.ur-profile-account a:hover{background:#f2f7ff}.ur-community-help-card a span,.ur-profile-account a span{margin-left:auto}

/* Page head / forms */
.ur-community-page-head{background:#fff;border:1px solid var(--uc-border);border-radius:14px;padding:16px 18px;margin-bottom:12px;display:flex;align-items:center;gap:16px}.ur-community-page-head>a:first-child{font-size:.59rem;color:#0876f9;text-decoration:none}.ur-community-page-head>div{flex:1}.ur-community-page-head h1{margin:0;font:800 1.15rem Plus Jakarta Sans}.ur-community-page-head p{margin:4px 0 0;font-size:.63rem;color:#7489a8}.ur-community-page-action{background:#0876f9;color:#fff!important;border:0;border-radius:9px;padding:9px 12px;text-decoration:none!important;font:800 .61rem Inter;cursor:pointer}.ur-community-page-action.secondary{background:#edf5ff;color:#0876f9!important}.ur-community-create-form,.ur-profile-edit-panel{background:#fff;border:1px solid var(--uc-border);border-radius:15px;padding:20px}.ur-community-create-form{display:grid;gap:15px}.ur-community-create-form label,.ur-profile-edit-grid label{display:grid;gap:7px;color:#14366f;font:700 .64rem Inter}.ur-community-create-form label>span b{color:#e54444}.ur-community-create-form input,.ur-community-create-form select,.ur-community-create-form textarea,.ur-profile-edit-grid input,.ur-profile-edit-grid select,.ur-profile-edit-grid textarea{border:1px solid #cadcf2;border-radius:9px;padding:11px 12px;font:500 .68rem Inter;color:#173a75;background:#fff;outline:0;resize:vertical}.ur-community-create-form input:focus,.ur-community-create-form select:focus,.ur-community-create-form textarea:focus,.ur-profile-edit-grid input:focus,.ur-profile-edit-grid textarea:focus{border-color:#0876f9;box-shadow:0 0 0 3px rgba(8,118,249,.08)}.ur-community-upload>div{border:1px dashed #bcd3ee;background:#f7fbff;border-radius:10px;padding:17px;display:grid;gap:3px;position:relative}.ur-community-upload input{position:absolute;inset:0;opacity:0;cursor:pointer}.ur-community-upload small{font-size:.56rem;color:#8092aa}.ur-community-form-note{background:#f0f6ff;border-radius:9px;padding:11px;color:#627a9d;font-size:.58rem;line-height:1.5}.ur-community-form-actions{display:flex;justify-content:flex-end;gap:8px;align-items:center}.ur-community-form-actions a,.ur-community-form-actions button{border:0;border-radius:9px;padding:10px 15px;font:800 .62rem Inter;text-decoration:none;cursor:pointer}.ur-community-form-actions a,.ur-community-form-actions .secondary{background:#edf3fa;color:#466486}.ur-community-form-actions button:not(.secondary){background:#0876f9;color:#fff}.ur-community-form-error{padding:10px;border-radius:8px;background:#fff0f0;color:#a33030;font-size:.61rem}

/* Discussion */
.ur-community-back{display:inline-block;margin:2px 0 9px;color:#0876f9;text-decoration:none;font:700 .61rem Inter}.ur-community-thread-card{padding:19px}.ur-community-thread-card h1{font:800 1.25rem/1.25 Plus Jakarta Sans;color:#0c2d69;margin:16px 0 10px}.ur-community-thread-body{font-size:.72rem;line-height:1.65;color:#405d84}.ur-community-thread-image{border-radius:12px;overflow:hidden;margin-top:12px}.ur-community-thread-image img{display:block;width:100%;max-height:420px;object-fit:cover}.ur-community-replies{margin-top:12px;padding:15px}.ur-community-replies-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #edf2f8;padding-bottom:11px}.ur-community-replies-head h2{font:800 .8rem Plus Jakarta Sans;margin:0}.ur-community-replies-head h2 span{color:#0876f9}.ur-community-replies-head>span{font-size:.55rem;color:#8192aa}.ur-community-reply{display:grid;grid-template-columns:36px 1fr;gap:10px;padding:13px 2px;border-bottom:1px solid #edf2f8}.ur-community-reply.is-nested{margin-left:44px;background:#f7faff;border-radius:10px;padding:12px}.ur-community-reply-content{min-width:0}.ur-community-reply-head{display:flex;justify-content:space-between;gap:8px}.ur-community-reply-head>div{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.ur-community-reply-head b{font-size:.64rem}.ur-community-reply-head span{font-size:.54rem;color:#8697ae}.ur-community-reply-head button{border:0;background:none;color:#8091a8;cursor:pointer}.ur-community-reply-content p{font-size:.65rem;line-height:1.55;color:#526b8e;margin:6px 0}.ur-community-replying{color:#0876f9;font-size:.53rem}.ur-community-reply-image{max-width:260px;max-height:180px;object-fit:cover;border-radius:8px}.ur-community-reply-actions{display:flex;gap:4px}.ur-community-no-replies{text-align:center;padding:25px;color:#758aa8}.ur-community-no-replies b,.ur-community-no-replies span{display:block;font-size:.64rem}.ur-community-reply-composer{margin-top:12px;padding:14px}.ur-community-composer-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.ur-community-composer-title b{font-size:.72rem}.ur-community-composer-title span{font-size:.55rem;color:#0876f9}.ur-community-reply-composer form{display:grid;grid-template-columns:36px 1fr;gap:9px}.ur-community-reply-composer textarea{width:100%;border:1px solid #ccdcf0;border-radius:9px;padding:10px;min-height:74px;resize:vertical;font:500 .66rem Inter;outline:0}.ur-community-composer-tools{display:flex;align-items:center;gap:7px;margin-top:7px}.ur-community-composer-tools label,.ur-community-composer-tools button{border:0;background:#eef5ff;color:#0876f9;border-radius:8px;padding:8px 10px;font:700 .57rem Inter;cursor:pointer}.ur-community-composer-tools button[type=submit]{margin-left:auto;background:#0876f9;color:#fff}.ur-community-login-to-reply{width:100%;border:0;background:#0876f9;color:#fff;padding:11px;border-radius:9px;font:800 .64rem Inter;cursor:pointer}.ur-community-related-list{display:grid}.ur-community-related-list>a{display:flex;gap:8px;text-decoration:none;padding:8px 0;border-bottom:1px solid #edf2f8;color:#163a75}.ur-community-related-list>a>span{color:#0876f9}.ur-community-related-list>a div{display:grid}.ur-community-related-list b{font-size:.59rem;line-height:1.35}.ur-community-related-list small{font-size:.49rem;color:#8294ad;margin-top:3px}.ur-community-rules{list-style:none;padding:0;margin:0;counter-reset:rules;display:grid;gap:9px}.ur-community-rules li{display:grid;grid-template-columns:25px 1fr;column-gap:8px;counter-increment:rules}.ur-community-rules li:before{content:counter(rules);width:25px;height:25px;border-radius:50%;background:#eaf4ff;color:#0876f9;display:grid;place-items:center;font:800 .58rem Inter;grid-row:1/3}.ur-community-rules b{font-size:.58rem}.ur-community-rules span{font-size:.52rem;color:#7d8fa8;line-height:1.4;margin-top:2px}

/* Chat */
.ur-community-chat-app{padding-top:14px}.ur-community-chat-shell{display:grid;grid-template-columns:215px minmax(0,1fr) 230px;height:calc(100vh - 120px);min-height:620px;max-height:790px;background:#fff;border:1px solid var(--uc-border);border-radius:16px;overflow:hidden;box-shadow:var(--uc-shadow)}.ur-chat-rooms{border-right:1px solid #e6eef8;padding:16px 11px;display:flex;flex-direction:column;min-height:0}.ur-chat-brand h1{font:800 1.05rem Plus Jakarta Sans;margin:0}.ur-chat-brand p{font-size:.57rem;line-height:1.45;color:#7a8fae}.ur-chat-room-list{display:grid;gap:3px;overflow:auto;margin-top:8px}.ur-chat-room-list a{display:flex;gap:8px;padding:8px;border-radius:9px;text-decoration:none;color:#1d447e}.ur-chat-room-list a>span{font:900 .8rem Inter;color:#0876f9}.ur-chat-room-list a div{display:grid}.ur-chat-room-list b{font-size:.62rem}.ur-chat-room-list small{font-size:.49rem;color:#8698b0;margin-top:2px}.ur-chat-room-list a.active{background:#0876f9;color:#fff}.ur-chat-room-list a.active span,.ur-chat-room-list a.active small{color:#fff}.ur-chat-back{margin-top:auto;text-decoration:none;color:#0876f9;font-size:.58rem;padding:9px}.ur-chat-main{display:grid;grid-template-rows:auto auto 1fr auto;min-width:0;min-height:0}.ur-chat-header{height:70px;border-bottom:1px solid #e6eef8;display:flex;align-items:center;justify-content:space-between;padding:0 16px}.ur-chat-header h2{font:800 .85rem Plus Jakarta Sans;margin:0}.ur-chat-header p{font-size:.52rem;color:#8092ab;margin:3px 0 0}.ur-chat-online{font-size:.55rem;color:#5c789e;display:flex;align-items:center;gap:5px}.ur-chat-online i,.ur-chat-member-list i{width:7px;height:7px;border-radius:50%;background:#18bd68;display:inline-block}.ur-chat-pinned{margin:10px 13px 0;padding:9px 11px;background:#eff7ff;border:1px solid #d7e9fb;border-radius:8px;display:grid;gap:3px}.ur-chat-pinned b{font-size:.56rem;color:#16417c}.ur-chat-pinned span{font-size:.51rem;color:#6d83a4}.ur-chat-messages{padding:12px 14px;overflow:auto;min-height:0}.ur-chat-message{display:grid;grid-template-columns:34px minmax(0,1fr);gap:8px;padding:8px 0}.ur-chat-message>div{max-width:80%}.ur-chat-message-head{display:flex;gap:8px;align-items:center}.ur-chat-message-head b{font-size:.6rem}.ur-chat-message-head time{font-size:.49rem;color:#8a9ab0}.ur-chat-message p{display:inline-block;background:#f1f5f9;border-radius:3px 10px 10px 10px;padding:8px 10px;font-size:.61rem;line-height:1.45;color:#36577f;margin:4px 0 0;word-break:break-word}.ur-chat-message.is-mine{grid-template-columns:minmax(0,1fr) 34px}.ur-chat-message.is-mine>.ur-community-avatar{grid-column:2}.ur-chat-message.is-mine>div{grid-row:1;grid-column:1;justify-self:end;text-align:right}.ur-chat-message.is-mine .ur-chat-message-head{justify-content:flex-end}.ur-chat-message.is-mine p{background:#e3f0ff;border-radius:10px 3px 10px 10px;text-align:left}.ur-chat-empty{text-align:center;padding:50px 20px;color:#7a8eaa}.ur-chat-empty span{font-size:1.5rem;color:#0876f9}.ur-chat-empty b,.ur-chat-empty p{display:block;font-size:.6rem}.ur-chat-composer{border-top:1px solid #e6eef8;padding:10px 12px}.ur-chat-composer form{display:flex;gap:7px}.ur-chat-composer textarea{height:42px;max-height:90px;flex:1;resize:none;border:1px solid #cbdcf0;border-radius:10px;padding:11px 12px;font:500 .63rem Inter;outline:0}.ur-chat-composer button{width:43px;border:0;border-radius:9px;background:#0876f9;color:#fff;font-size:1rem;cursor:pointer}.ur-chat-login{width:100%!important;font:800 .63rem Inter!important}.ur-chat-members{border-left:1px solid #e6eef8;padding:14px 12px;overflow:auto}.ur-chat-member-list{display:grid}.ur-chat-member-list a{display:flex;align-items:center;gap:8px;padding:7px 0;text-decoration:none;color:#183c76}.ur-chat-member-list>a>span:not(.ur-community-mini-avatar){display:grid;min-width:0}.ur-chat-member-list b{font-size:.57rem}.ur-chat-member-list small{font-size:.48rem;color:#7990ad}.ur-chat-member-list i{margin-left:auto}.ur-chat-rules{margin-top:16px;background:#f6f9fe;border-radius:10px;padding:11px}.ur-chat-rules h3{font:800 .63rem Plus Jakarta Sans;margin:0 0 8px}.ur-chat-rules p{font-size:.51rem;color:#6d83a4;margin:6px 0}.ur-chat-mobile-back{display:none}

/* Profile */
.ur-profile-hero{background:#fff;border:1px solid var(--uc-border);border-radius:16px;overflow:hidden}.ur-profile-cover{height:155px;background:linear-gradient(180deg,rgba(8,75,157,.12),rgba(8,75,157,.12)),url('../images/kaaba-panorama.jpg') center 54%/cover}.ur-profile-main-row{display:flex;align-items:flex-end;gap:14px;padding:0 18px 16px;margin-top:-45px}.ur-profile-avatar{width:92px;height:92px;border-radius:50%;border:5px solid #fff;background:#5369cb;color:#fff;display:grid;place-items:center;overflow:hidden;font:800 1.5rem Inter;box-shadow:0 3px 10px rgba(21,55,104,.15);flex:0 0 auto}.ur-profile-avatar img{width:100%;height:100%;object-fit:cover}.ur-profile-identity{padding-bottom:4px;flex:1}.ur-profile-identity h1{font:800 1.15rem Plus Jakarta Sans;margin:0}.ur-profile-identity p{font-size:.61rem;color:#657c9e;margin:4px 0}.ur-profile-identity p span{background:#e9f4ff;color:#0876f9;border-radius:99px;padding:4px 7px;font-weight:800;margin-left:5px}.ur-profile-identity small{font-size:.52rem;color:#8193ac}.ur-profile-edit-btn{margin-bottom:6px;border:1px solid #bdd6f4;background:#fff;color:#0876f9;border-radius:8px;padding:8px 10px;font:800 .57rem Inter;cursor:pointer}.ur-profile-edit-panel{margin-top:10px}.ur-profile-edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ur-profile-edit-grid label.full{grid-column:1/-1}.ur-profile-edit-grid em{font-style:normal;color:#8192aa;font-weight:500}.ur-input-prefix{display:flex;border:1px solid #cadcf2;border-radius:9px;overflow:hidden}.ur-input-prefix span{padding:11px;background:#f4f8fd;color:#45658c}.ur-input-prefix input{border:0!important;border-radius:0!important;flex:1}.ur-profile-photo-input input{padding:8px}.ur-profile-photo-input small{font-size:.53rem;color:#8495ad}.ur-profile-tabs{display:flex;gap:20px;background:#fff;border:1px solid var(--uc-border);border-radius:12px;margin-top:10px;padding:0 15px;overflow:auto}.ur-profile-tabs a{padding:12px 2px 10px;white-space:nowrap;text-decoration:none;color:#6a82a2;font:700 .59rem Inter;border-bottom:2px solid transparent}.ur-profile-tabs a.active{color:#0876f9;border-color:#0876f9}.ur-profile-content-grid{display:grid;grid-template-columns:1fr 220px;gap:12px;margin-top:10px}.ur-profile-stats{background:#fff;border:1px solid var(--uc-border);border-radius:13px;display:grid;grid-template-columns:repeat(4,1fr);padding:15px}.ur-profile-stats div{text-align:center;border-right:1px solid #edf2f8}.ur-profile-stats div:last-child{border-right:0}.ur-profile-stats b{display:block;font:800 .9rem Plus Jakarta Sans;color:#0d3778}.ur-profile-stats span{font-size:.5rem;color:#7d90aa}.ur-profile-about{margin-top:10px}.ur-profile-about p{font-size:.63rem;line-height:1.6;color:#5f7899}.ur-profile-account{display:grid;align-content:start}.ur-profile-account h2{margin-bottom:7px}.ur-profile-account .signout{color:#d72e2e;border-top:1px solid #edf2f8;margin-top:5px}.ur-profile-section{margin-top:14px}.ur-profile-activity-list{display:grid;gap:7px}.ur-profile-activity-list a{background:#fff;border:1px solid var(--uc-border);border-radius:10px;padding:11px;text-decoration:none;color:#183b75}.ur-profile-activity-list b{font-size:.61rem}.ur-profile-activity-list p{font-size:.56rem;color:#7287a6;margin:4px 0}.ur-profile-activity-list small{font-size:.49rem;color:#93a0b3}

/* Notifications */
.ur-community-notification-list{display:grid;gap:7px}.ur-community-notification{background:#fff;border:1px solid var(--uc-border);border-radius:11px;padding:11px;display:grid;grid-template-columns:36px 1fr 18px;align-items:center;gap:9px;text-decoration:none;color:#153a75}.ur-community-notification.unread{border-color:#9dcbff;background:#f4f9ff}.ur-community-notification>div{min-width:0}.ur-community-notification b{font-size:.62rem}.ur-community-notification p{font-size:.55rem;color:#7085a4;margin:3px 0}.ur-community-notification small{font-size:.49rem;color:#92a0b4}.ur-community-notification>span:last-child{color:#7c91ac}

/* Mobile bottom nav */
.ur-community-bottom-nav{display:none}

/* Profile auth polish */
.community-auth-shell.is-profile-step{width:min(690px,calc(100vw - 28px));padding:28px 30px}.community-auth-shell.is-profile-step .community-profile-step{max-width:600px;margin:auto}.community-profile-progress{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 0 18px}.community-profile-progress>span{display:flex;align-items:center;gap:5px;color:#8294ad;font:700 .59rem Inter}.community-profile-progress>span:first-child{color:#0876f9}.community-profile-progress>span:not(.active){width:25px;height:25px;border:1px solid #c7d9ef;border-radius:50%;display:grid;place-items:center}.community-profile-progress>span.active{width:auto}.community-profile-progress>span.active:before{content:'1';width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#0876f9;color:#fff}.community-profile-progress>span.active{font-size:0}.community-profile-progress>span.active b{font-size:.59rem}.community-profile-progress>span.active::after{display:none}.community-profile-progress>span.active{gap:7px}.community-profile-progress>span.active{counter-reset:none}.community-profile-progress>span.active{color:#0876f9}.community-profile-progress>span.active{display:flex}.community-profile-progress>span.active{font-weight:800}.community-profile-progress>span.active{line-height:1}.community-profile-progress>span.active{white-space:nowrap}.community-profile-progress>span.active{height:25px}.community-profile-progress>span.active{align-items:center}.community-profile-progress>span.active{justify-content:center}.community-profile-progress>span.active{padding:0}.community-profile-progress>span.active{background:none}.community-profile-progress>span.active{border:0}.community-profile-progress>span.active{border-radius:0}.community-profile-progress>span.active{width:auto}.community-profile-progress>span.active{box-shadow:none}.community-profile-progress>span.active{overflow:visible}.community-profile-progress>span.active{position:relative}.community-profile-progress>span.active{margin:0}.community-profile-progress>span.active{vertical-align:middle}.community-profile-progress>span.active{letter-spacing:0}.community-profile-progress>span.active{text-transform:none}.community-profile-progress>span.active{opacity:1}.community-profile-progress>span.active{transform:none}.community-profile-progress i{width:80px;height:1px;background:#d4e2f2}.community-profile-progress span b{font-size:.56rem}.community-profile-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.community-profile-form-v2 textarea{width:100%;border:1px solid #c9daef;border-radius:10px;padding:10px 13px;font:inherit;color:#082760;background:#fff;outline:0;resize:vertical}.community-profile-upload-box{position:relative;border:1px dashed #bdd4ef;border-radius:10px;padding:10px 12px;display:flex!important;align-items:center;gap:8px;color:#0876f9;background:#f6faff}.community-profile-upload-box b{font-size:.66rem}.community-profile-upload-box small{margin-left:auto}.community-profile-upload-box input{position:absolute;inset:0;opacity:0;cursor:pointer}

@media(max-width:1180px){.ur-community-app-grid{grid-template-columns:190px minmax(0,1fr)}.ur-community-rightbar{display:none}.ur-community-chat-shell{grid-template-columns:200px minmax(0,1fr)}.ur-chat-members{display:none}.community-account-trigger>span{display:none}.community-account-trigger{min-width:45px;padding-right:5px}.community-account-trigger em{display:none}}
@media(max-width:900px){body.community-app{padding-bottom:70px}body.community-app .site-header .site-brand .brand-copy{display:none}body.community-app .nav-actions .language-switcher,body.community-app .nav-actions .desktop-theme-toggle,body.community-app .nav-actions .nav-whatsapp,body.community-app .nav-actions .site-btn{display:none}.community-account-trigger{border:0}.community-account-menu{position:fixed;top:68px;right:12px;left:12px;width:auto}.ur-community-app{padding:8px 0 20px}.ur-community-app>.site-container,.ur-community-app-grid{width:100%;max-width:none;padding:0 10px}.ur-community-app-grid{display:block}.ur-community-sidebar,.ur-community-rightbar{display:none}.ur-community-feed-hero{min-height:205px;border-radius:14px}.ur-community-feed-hero-content{padding:23px 18px}.ur-community-feed-hero h1{font-size:1.55rem;max-width:360px}.ur-community-feed-hero p{font-size:.68rem;max-width:440px}.ur-community-search{width:calc(100% - 2px);margin-top:13px}.ur-community-new-post{right:16px;bottom:74px;width:46px;height:46px;border-radius:50%;padding:0;justify-content:center;font-size:0}.ur-community-new-post::first-letter{font-size:1rem}.ur-community-topic-scroll{padding:2px 0 9px}.ur-community-feed-toolbar{border-radius:10px}.ur-community-post-card{padding:13px}.ur-community-post-card h3{font-size:.78rem}.ur-community-post-card>p{font-size:.63rem}.ur-community-post-actions button:nth-last-child(-n+2){display:none}.ur-community-bottom-nav{position:fixed;z-index:80;left:0;right:0;bottom:0;height:66px;padding-bottom:env(safe-area-inset-bottom);display:grid;grid-auto-flow:column;grid-auto-columns:1fr;background:#fff;border-top:1px solid #dce7f4;box-shadow:0 -8px 25px rgba(10,47,101,.08)}.ur-community-bottom-nav a,.ur-community-bottom-nav button{border:0;background:#fff;text-decoration:none;color:#5f789a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font:600 .48rem Inter;position:relative}.ur-community-bottom-nav span{font-size:1rem;color:#173d77;position:relative}.ur-community-bottom-nav a.active span,.ur-community-bottom-nav a.active b{color:#0876f9}.ur-community-bottom-nav i{position:absolute;top:-5px;right:-10px;background:#ef4343;color:#fff;border-radius:99px;padding:2px 4px;font:800 .43rem Inter;font-style:normal}.ur-community-page-head{border-radius:10px;padding:12px;align-items:flex-start;flex-wrap:wrap}.ur-community-page-head>a:first-child{width:100%}.ur-community-page-head h1{font-size:1rem}.ur-community-create-form{padding:14px}.ur-community-chat-app{padding:8px 0 0}.ur-community-chat-app>.site-container{padding:0}.ur-community-chat-shell{height:calc(100vh - 140px);min-height:530px;border-radius:13px;display:block}.ur-chat-rooms{display:none}.ur-chat-main{height:100%;grid-template-rows:auto auto 1fr auto}.ur-chat-header{height:60px;padding:0 12px}.ur-chat-mobile-back{display:inline;margin-right:6px}.ur-chat-mobile-back a{text-decoration:none;color:#0876f9}.ur-chat-header h2{display:inline}.ur-chat-pinned{margin:7px 9px 0}.ur-chat-messages{padding:8px 10px}.ur-chat-message>div{max-width:88%}.ur-chat-composer{padding:8px}.ur-profile-cover{height:120px}.ur-profile-main-row{margin-top:-35px;padding:0 12px 13px;align-items:flex-end;flex-wrap:wrap}.ur-profile-avatar{width:72px;height:72px}.ur-profile-identity{min-width:180px}.ur-profile-edit-btn{margin-left:auto}.ur-profile-tabs{border-radius:10px;gap:16px}.ur-profile-content-grid{display:block}.ur-profile-stats{grid-template-columns:repeat(2,1fr);gap:10px}.ur-profile-stats div{border-right:0;background:#f7faff;border-radius:9px;padding:10px}.ur-profile-account{margin-top:10px}.ur-profile-edit-grid{grid-template-columns:1fr}.ur-profile-edit-grid label.full{grid-column:auto}.ur-community-reply.is-nested{margin-left:20px}.ur-community-thread-card{padding:14px}.ur-community-thread-card h1{font-size:1.06rem}.community-auth-shell.is-profile-step{width:100%;max-height:92vh;border-radius:24px 24px 0 0;padding:28px 20px}.community-profile-row{grid-template-columns:1fr}.community-profile-progress i{width:45px}}

@media(max-width:520px){.ur-community-feed-hero h1{font-size:1.35rem}.ur-community-feed-hero-content>span{font-size:.52rem}.ur-community-search button{display:none}.ur-community-post-author{align-items:flex-start}.ur-community-room-pill{margin-left:auto;max-width:105px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ur-community-post-meta{font-size:.52rem}.ur-community-reply{grid-template-columns:31px 1fr}.ur-community-avatar{width:31px;height:31px}.ur-community-reply.is-nested{margin-left:10px}.ur-community-reply-composer form{grid-template-columns:1fr}.ur-community-reply-composer form>.ur-community-avatar{display:none}.ur-profile-main-row{align-items:center}.ur-profile-identity h1{font-size:1rem}.ur-profile-stats b{font-size:.8rem}}

html[data-theme="dark"] body.community-app{background:#07162c;color:#eaf2ff}html[data-theme="dark"] body.community-app .site-header,html[data-theme="dark"] .ur-community-sidebar,html[data-theme="dark"] .ur-community-widget,html[data-theme="dark"] .ur-community-post-card,html[data-theme="dark"] .ur-community-thread-card,html[data-theme="dark"] .ur-community-replies,html[data-theme="dark"] .ur-community-reply-composer,html[data-theme="dark"] .ur-community-page-head,html[data-theme="dark"] .ur-community-create-form,html[data-theme="dark"] .ur-profile-hero,html[data-theme="dark"] .ur-profile-tabs,html[data-theme="dark"] .ur-profile-stats,html[data-theme="dark"] .ur-community-notification,html[data-theme="dark"] .ur-community-chat-shell{background:#0d213e;border-color:#203858;color:#eaf2ff}html[data-theme="dark"] .ur-community-post-card h3 a,html[data-theme="dark"] .ur-community-widget h2,html[data-theme="dark"] .ur-community-page-head h1,html[data-theme="dark"] .ur-community-thread-card h1,html[data-theme="dark"] .ur-profile-identity h1{color:#f1f6ff}html[data-theme="dark"] .ur-community-post-card>p,html[data-theme="dark"] .ur-community-thread-body,html[data-theme="dark"] .ur-community-reply-content p{color:#b4c4db}
.ur-community-toast{position:fixed;z-index:100000;right:22px;bottom:24px;max-width:340px;background:#0d2f67;color:#fff;border-radius:10px;padding:11px 14px;font:700 .65rem Inter;box-shadow:0 15px 40px rgba(4,30,76,.25);opacity:0;transform:translateY(12px);pointer-events:none;transition:.22s}.ur-community-toast.show{opacity:1;transform:none}.ur-community-toast[data-type="error"]{background:#a92e35}@media(max-width:900px){.ur-community-toast{right:12px;left:12px;bottom:78px;text-align:center}}
@media(max-width:900px){.ur-community-new-post{font-size:0!important}.ur-community-new-post::before{content:'+';font:800 1.25rem Inter}}
.ur-chat-mobile-rooms{display:none}
@media(max-width:900px){.ur-chat-main{grid-template-rows:auto auto auto 1fr auto}.ur-chat-mobile-rooms{display:flex;overflow:auto;gap:6px;padding:7px 9px;border-bottom:1px solid #e6eef8;scrollbar-width:none}.ur-chat-mobile-rooms::-webkit-scrollbar{display:none}.ur-chat-mobile-rooms a{white-space:nowrap;text-decoration:none;border:1px solid #d4e3f5;border-radius:99px;padding:6px 9px;color:#33567f;font:700 .52rem Inter}.ur-chat-mobile-rooms a.active{background:#0876f9;border-color:#0876f9;color:#fff}}
.ur-chat-attach{width:38px;height:42px;border:1px solid #cbdcf0;border-radius:9px;display:grid;place-items:center;color:#56759d;cursor:pointer;font-size:.85rem}.ur-chat-attachment{display:block;margin-top:6px;max-width:260px;border-radius:9px;overflow:hidden}.ur-chat-attachment img{display:block;width:100%;max-height:220px;object-fit:cover}

/* V2.1 header isolation fix — mobile navigation icons must never render in the desktop header. */
body.community-app .site-nav .mobile-menu-icon,
body.community-app .site-nav .mobile-nav-head,
body.community-app .site-nav .mobile-only{
  display:none!important;
}

@media(max-width:960px){
  body.community-app .site-nav .mobile-menu-icon{
    display:block!important;
    width:20px!important;
    height:20px!important;
    flex:0 0 auto!important;
    stroke-width:1.8!important;
  }
  body.community-app .site-nav .mobile-nav-head{display:flex!important}
  body.community-app .site-nav .mobile-only{display:flex!important}
  body.community-app .site-nav details.mobile-only{display:block!important}
  body.community-app .site-nav>a{display:flex!important;align-items:center!important;gap:10px!important}
}

/* ===== SOURCE: assets/css/umrahroom-community-locked-v3.css ===== */
/* UmrahRoom Community Locked V3 — visual source of truth: approved community mockups */
body.community-app{background:#f5f9ff;color:#0b2a63}
body.community-app .utility-bar{display:none!important}
body.community-app .site-header{position:sticky;top:0;z-index:80;background:#fff;border-bottom:1px solid #e3ecfa;box-shadow:0 1px 8px rgba(10,47,102,.05)}
body.community-app .site-header .site-container{max-width:1440px}
body.community-app .site-brand img{width:42px;height:42px}
body.community-app .site-brand .brand-copy strong{font-size:20px;letter-spacing:-.4px}
body.community-app .site-brand .brand-copy span{display:none}
body.community-app .site-nav>a{font-size:14px;font-weight:700;color:#0c316d;padding:22px 8px 19px;border-bottom:3px solid transparent}
body.community-app .site-nav>a.active{color:#0878ff;border-bottom-color:#0878ff}
body.community-app .nav-row{min-height:64px}
body.community-app main#mainContent{padding-bottom:0}
body.community-app .site-footer{margin-top:18px}

body.community-app .ur-community-app{padding:0 0 26px}
body.community-app .ur-community-app-grid{display:grid;grid-template-columns:180px minmax(0,1fr) 300px;gap:14px;max-width:1440px;padding:14px 18px 0;margin:0 auto;align-items:start}
body.community-app .ur-community-sidebar{position:sticky;top:78px;background:#fff;border:1px solid #dfebfa;border-radius:16px;padding:16px 12px;box-shadow:0 8px 28px rgba(13,60,120,.05)}
body.community-app .ur-community-sidebar-title{font:800 17px/1.2 'Plus Jakarta Sans',sans-serif;margin:2px 10px 12px;color:#0a2860}
body.community-app .ur-community-side-nav{display:grid;gap:4px}
body.community-app .ur-community-side-nav a,body.community-app .ur-community-side-nav button{min-height:40px;border:0;background:transparent;border-radius:10px;padding:0 10px;display:flex;align-items:center;gap:10px;color:#13376f;font-weight:650;font-size:13px;text-decoration:none;text-align:left;width:100%;cursor:pointer}
body.community-app .ur-community-side-nav a span,body.community-app .ur-community-side-nav button span{font-size:17px;width:19px;color:#0878ff;text-align:center}
body.community-app .ur-community-side-nav a.active{background:#eaf4ff;color:#0878ff}
body.community-app .ur-community-side-nav a b{margin-left:auto;display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:20px;background:#0878ff;color:#fff;font-size:11px}
body.community-app .ur-community-side-heading{margin:18px 10px 8px;padding-top:13px;border-top:1px solid #e5edf8;color:#7286a7;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
body.community-app .ur-community-side-nav.subtle a{font-weight:600;color:#24477e}
body.community-app .ur-community-guidelines-card{margin-top:16px;background:#f3f8ff;border:1px solid #dce9fb;border-radius:13px;padding:14px}
body.community-app .ur-community-guidelines-card strong{display:block;font-size:13px;color:#0a2b67;margin-bottom:6px}
body.community-app .ur-community-guidelines-card p{font-size:12px;line-height:1.55;color:#6f82a2;margin:0 0 8px}
body.community-app .ur-community-guidelines-card a{font-size:12px;font-weight:800;color:#0878ff;text-decoration:none}

body.community-app .ur-community-main{min-width:0}
body.community-app .ur-community-rightbar{display:grid;gap:12px}
body.community-app .ur-community-widget{background:#fff;border:1px solid #dfebfa;border-radius:16px;padding:16px;box-shadow:0 8px 28px rgba(13,60,120,.045)}
body.community-app .ur-community-widget-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
body.community-app .ur-community-widget-head h2,body.community-app .ur-community-widget h2{font:800 16px/1.25 'Plus Jakarta Sans',sans-serif;color:#0a2b67;margin:0}
body.community-app .ur-community-widget-head a,body.community-app .ur-community-widget-head span{font-size:12px;color:#0878ff;text-decoration:none;font-weight:700}

body.community-app .ur-community-feed-hero{position:relative;min-height:238px;border-radius:18px;overflow:hidden;background:#0b3b7f;color:#fff}
body.community-app .ur-community-feed-hero-bg{position:absolute;inset:0;background:url('../images/kaaba-panorama.jpg') center 46%/cover no-repeat;filter:saturate(.9)}
body.community-app .ur-community-feed-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,35,84,.95),rgba(5,62,128,.72) 58%,rgba(4,53,112,.28))}
body.community-app .ur-community-feed-hero-content{position:relative;z-index:1;padding:30px 32px;max-width:100%}
body.community-app .ur-community-feed-hero-content>span{font-size:11px;font-weight:800;letter-spacing:.22em;color:#c9e3ff}
body.community-app .ur-community-feed-hero-content h1{font:800 36px/1.05 'Plus Jakarta Sans',sans-serif;margin:8px 0 1px;color:#fff;letter-spacing:-1.2px}
body.community-app .ur-community-feed-hero-content h2{font:700 18px/1.2 'Plus Jakarta Sans',sans-serif;margin:0 0 5px;color:#fff}
body.community-app .ur-community-feed-hero-content p{font-size:14px;color:#e8f3ff;margin:0 0 20px}
body.community-app .ur-lock-hero-actions{display:grid;grid-template-columns:minmax(0,1fr) 160px;gap:10px;align-items:stretch}
body.community-app .ur-community-search{display:grid;grid-template-columns:34px 1fr;align-items:center;background:#fff;border-radius:11px;min-height:50px;padding:0 11px;box-shadow:0 4px 20px rgba(0,0,0,.12)}
body.community-app .ur-community-search span{font-size:20px;color:#315c96;text-align:center}
body.community-app .ur-community-search input{border:0;outline:0;background:transparent;color:#14376e;font-size:14px;min-width:0}
body.community-app .ur-community-search button{display:none}
body.community-app .ur-community-new-post{display:flex;align-items:center;justify-content:center;border:0;border-radius:11px;background:#0878ff;color:#fff!important;font-weight:800;font-size:14px;text-decoration:none;cursor:pointer;box-shadow:0 8px 22px rgba(8,120,255,.22)}

body.community-app .ur-community-topic-scroll{display:flex;gap:8px;overflow:auto;padding:12px 0 10px;scrollbar-width:none}
body.community-app .ur-community-topic-scroll::-webkit-scrollbar{display:none}
body.community-app .ur-community-topic-scroll a{white-space:nowrap;border:1px solid #d7e5f8;background:#fff;border-radius:999px;padding:8px 15px;color:#173a73;text-decoration:none;font-size:12px;font-weight:700}
body.community-app .ur-community-topic-scroll a.active{background:#0878ff;border-color:#0878ff;color:#fff}
body.community-app .ur-community-feed-toolbar{background:#fff;border:1px solid #dfebfa;border-radius:14px 14px 0 0;padding:0 14px;margin-top:1px}
body.community-app .ur-community-feed-tabs{display:flex;gap:34px}
body.community-app .ur-community-feed-tabs a{padding:14px 0 12px;text-decoration:none;color:#526e99;font-size:13px;font-weight:700;border-bottom:3px solid transparent}
body.community-app .ur-community-feed-tabs a.active{color:#0878ff;border-color:#0878ff}
body.community-app .ur-community-feed-list{display:grid;gap:10px}
body.community-app .ur-community-feed-toolbar+.ur-community-feed-list{margin-top:0}
body.community-app .ur-community-post-card{position:relative;background:#fff;border:1px solid #dfebfa;border-radius:14px;padding:15px 16px;box-shadow:0 6px 20px rgba(19,60,115,.035);display:block;overflow:hidden}
body.community-app .ur-community-post-author{display:flex;align-items:center;gap:10px;margin-bottom:8px}
body.community-app .ur-community-avatar,body.community-app .ur-community-mini-avatar{flex:0 0 auto;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,#716de8,#465eb4);color:#fff;font-weight:800}
body.community-app .ur-community-avatar{width:42px;height:42px;font-size:16px}
body.community-app .ur-community-mini-avatar{width:36px;height:36px;font-size:13px}
body.community-app .ur-community-avatar img,body.community-app .ur-community-mini-avatar img{width:100%;height:100%;object-fit:cover}
body.community-app .ur-community-author-copy{min-width:0;flex:1}
body.community-app .ur-community-author-copy>div{display:flex;gap:6px;align-items:center;flex-wrap:wrap;font-size:12px;color:#7185a5}
body.community-app .ur-community-author-copy a{font-size:13px;font-weight:800;color:#0b2d69;text-decoration:none}
body.community-app .ur-community-author-copy small{display:none}
body.community-app .ur-community-room-pill{margin-left:auto;border-radius:999px;background:#eaf4ff;color:#0878ff;text-decoration:none;padding:5px 10px;font-size:11px;font-weight:800}
body.community-app .ur-community-post-card h3{font:800 16px/1.3 'Plus Jakarta Sans',sans-serif;margin:4px 0 5px;max-width:calc(100% - 150px)}
body.community-app .ur-community-post-card h3 a{color:#0a2b67;text-decoration:none}
body.community-app .ur-community-post-card>p{margin:0 0 10px;color:#526e96;font-size:13px;line-height:1.5;max-width:calc(100% - 150px)}
body.community-app .ur-community-post-image{position:absolute;right:16px;top:64px;width:130px;height:82px;border-radius:10px;overflow:hidden}
body.community-app .ur-community-post-image img{width:100%;height:100%;object-fit:cover}
body.community-app .ur-community-post-meta{display:none}
body.community-app .ur-community-post-actions{display:flex;gap:16px;align-items:center;margin-top:8px}
body.community-app .ur-community-post-actions a,body.community-app .ur-community-post-actions button{border:0;background:none;padding:0;color:#456997;font-size:12px;font-weight:700;text-decoration:none;cursor:pointer}
body.community-app .ur-community-post-actions button.active{color:#0878ff}

body.community-app .ur-lock-ask-card{display:grid;grid-template-columns:46px 1fr;gap:10px;align-items:start}
body.community-app .ur-lock-round-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#0878ff;color:#fff;font-size:20px;font-weight:900}
body.community-app .ur-lock-ask-card p{margin:5px 0 12px;color:#6c82a3;font-size:12px;line-height:1.45}
body.community-app .ur-lock-ask-card>a,body.community-app .ur-lock-ask-card>button{grid-column:1/-1;border:0;border-radius:9px;background:#0878ff;color:#fff;text-decoration:none;font-weight:800;font-size:13px;min-height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer}
body.community-app .ur-lock-trending-list{display:grid;gap:3px}
body.community-app .ur-lock-trending-list a{display:grid;grid-template-columns:28px 1fr 14px;align-items:center;gap:8px;padding:7px 0;text-decoration:none;color:#173b76}
body.community-app .ur-lock-trending-list i{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#eaf4ff;color:#0878ff;font-style:normal;font-weight:800;font-size:11px}
body.community-app .ur-lock-trending-list span{min-width:0}
body.community-app .ur-lock-trending-list b{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.community-app .ur-lock-trending-list small{display:block;color:#8293ae;font-size:10px;margin-top:2px}
body.community-app .ur-lock-trending-list em{font-style:normal;color:#6d86aa}
body.community-app .ur-community-contributors{display:grid;gap:6px}
body.community-app .ur-community-contributors>a{display:flex;align-items:center;gap:9px;text-decoration:none;color:#173b76;padding:4px 0}
body.community-app .ur-community-contributors span{min-width:0;flex:1}
body.community-app .ur-community-contributors b{display:block;font-size:12px}
body.community-app .ur-community-contributors small{display:block;color:#7b8eaa;font-size:10px}
body.community-app .ur-lock-contributors em{font-style:normal;font-size:10px;color:#0878ff;border:1px solid #cfe3ff;border-radius:7px;padding:5px 7px}
body.community-app .ur-lock-help-title{display:flex;gap:10px;align-items:flex-start}
body.community-app .ur-lock-help-title>span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#eaf4ff;color:#0878ff;font-size:18px}
body.community-app .ur-lock-help-card p{font-size:12px;color:#7286a6;margin:4px 0 12px;line-height:1.45}
body.community-app .ur-lock-help-card>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:8px}
body.community-app .ur-lock-help-card a{min-height:34px;border:1px solid #cfe2fb;border-radius:8px;display:flex;align-items:center;justify-content:center;text-decoration:none;color:#0878ff;font-size:11px;font-weight:800}
body.community-app .ur-lock-stats-card{display:grid;grid-template-columns:repeat(3,1fr);padding:12px 8px}
body.community-app .ur-lock-stats-card div{text-align:center;border-right:1px solid #e4edf9}.ur-lock-stats-card div:last-child{border-right:0}
body.community-app .ur-lock-stats-card b{display:block;color:#0a2b67;font-size:15px}.ur-lock-stats-card span{font-size:9px;color:#7d90aa}

body.community-app .ur-community-back{display:inline-flex;margin:4px 0 10px;color:#0878ff;text-decoration:none;font-size:12px;font-weight:700}
body.community-app .ur-community-thread-card,body.community-app .ur-community-replies,body.community-app .ur-community-reply-composer{background:#fff;border:1px solid #dfebfa;border-radius:14px;padding:18px;box-shadow:0 6px 22px rgba(15,55,105,.04)}
body.community-app .ur-community-thread-card h1{font:800 26px/1.22 'Plus Jakarta Sans',sans-serif;color:#0a2b67;margin:10px 0}
body.community-app .ur-community-thread-body{font-size:14px;color:#476794;line-height:1.65}
body.community-app .ur-community-thread-image img{max-width:100%;border-radius:12px;margin-top:12px}
body.community-app .ur-community-thread-card .ur-community-post-meta{display:flex;gap:18px;margin-top:12px;color:#6d83a4;font-size:12px}
body.community-app .ur-community-replies{margin-top:12px;padding:0 18px}
body.community-app .ur-community-replies-head{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid #e6eef9}
body.community-app .ur-community-replies-head h2{font:800 20px 'Plus Jakarta Sans';margin:0;color:#0a2b67}
body.community-app .ur-community-reply{display:grid;grid-template-columns:42px 1fr;gap:12px;padding:16px 0;border-bottom:1px solid #e6eef9}
body.community-app .ur-community-reply:last-child{border-bottom:0}
body.community-app .ur-community-reply-content p{color:#486895;font-size:13px;line-height:1.55;margin:8px 0}
body.community-app .ur-community-reply-head{display:flex;justify-content:space-between;color:#7185a6;font-size:11px}
body.community-app .ur-community-reply-head b{color:#0a2b67;font-size:13px}
body.community-app .ur-community-reply-actions button{border:0;background:none;color:#0878ff;font-weight:700;font-size:11px;cursor:pointer}
body.community-app .ur-community-reply-composer{margin-top:12px}
body.community-app .ur-community-reply-composer form{display:grid;grid-template-columns:42px 1fr;gap:12px}
body.community-app .ur-community-reply-composer textarea{width:100%;min-height:90px;border:1px solid #d8e6f8;border-radius:10px;padding:12px;font:inherit;resize:vertical}
body.community-app .ur-community-composer-tools{display:flex;gap:8px;align-items:center;margin-top:8px}.ur-community-composer-tools button{margin-left:auto}
body.community-app .ur-lock-author-head{display:flex;align-items:center;gap:9px}.ur-lock-author-head>div{flex:1}.ur-lock-author-head h2{font-size:14px!important}.ur-lock-author-head small{color:#7186a6}.ur-lock-author-head>a{font-size:11px;font-weight:800;color:#0878ff;text-decoration:none;border:1px solid #cfe2fb;border-radius:8px;padding:6px 9px}
body.community-app .ur-lock-author-meta{display:flex;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid #e8eff8;color:#6680a3;font-size:11px}
body.community-app .ur-lock-thread-stats p{display:flex;align-items:center;gap:9px;margin:10px 0;font-size:11px;color:#7b8da8}.ur-lock-thread-stats b{min-width:48px;color:#0a2b67}.ur-lock-tags div{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.ur-lock-tags a{background:#eaf4ff;border-radius:999px;padding:6px 9px;color:#0878ff;font-size:11px;font-weight:700;text-decoration:none}

body.community-app .ur-community-chat-shell{max-width:1440px;margin:0 auto;padding:14px 18px;display:grid;grid-template-columns:300px minmax(0,1fr) 285px;gap:12px;min-height:calc(100vh - 86px)}
body.community-app .ur-chat-rooms,body.community-app .ur-chat-main,body.community-app .ur-chat-members{background:#fff;border:1px solid #dfebfa;border-radius:16px;overflow:hidden;box-shadow:0 8px 26px rgba(12,58,116,.045)}
body.community-app .ur-chat-brand{padding:16px 16px 10px}.ur-chat-brand h1{font:800 24px 'Plus Jakarta Sans';margin:0;color:#0a2b67}.ur-chat-brand p{font-size:12px;line-height:1.45;color:#7588a7;margin:4px 0}
body.community-app .ur-lock-chat-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:0 12px 10px}.ur-lock-chat-tabs button{min-height:36px;border:1px solid #d8e6f8;border-radius:9px;background:#fff;color:#3b5d8d;font-weight:800;font-size:11px}.ur-lock-chat-tabs button.active{background:#0878ff;color:#fff;border-color:#0878ff}
body.community-app .ur-chat-room-list{padding:0 8px 8px;display:grid;gap:3px}.ur-chat-room-list>a{display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:center;padding:9px;border-radius:10px;text-decoration:none;color:#163a73}.ur-chat-room-list>a.active{background:#eaf4ff}.ur-lock-room-icon{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,#0878ff,#2257c8);color:#fff;display:grid;place-items:center;font-weight:900;font-size:18px}.ur-chat-room-list b{display:block;font-size:12px}.ur-chat-room-list small{display:block;color:#7d90ab;font-size:10px;margin-top:2px}
body.community-app .ur-chat-back{display:block;margin:8px 12px 14px;color:#0878ff;text-decoration:none;font-size:11px;font-weight:800}
body.community-app .ur-lock-chat-main{display:flex;flex-direction:column;min-height:700px}.ur-lock-chat-header{padding:12px 14px;border-bottom:1px solid #e5edf8;display:flex;justify-content:space-between;align-items:center}.ur-lock-chat-title{display:flex;gap:10px;align-items:center}.ur-lock-chat-title>span{width:40px;height:40px;border-radius:10px;background:#0878ff;color:#fff;display:grid;place-items:center;font-size:20px;font-weight:900}.ur-lock-chat-title h2{font:800 16px 'Plus Jakarta Sans';margin:0;color:#0a2b67}.ur-lock-chat-title p{font-size:10px;margin:2px 0 0;color:#31a268}.ur-lock-chat-title p i{display:inline-block;width:7px;height:7px;background:#20c86a;border-radius:50%;margin-right:5px}.ur-lock-chat-head-actions{display:flex;gap:6px}.ur-lock-chat-head-actions button{width:34px;height:34px;border:1px solid #dbe8f8;border-radius:9px;background:#fff;color:#3d5c88}
body.community-app .ur-chat-pinned{margin:10px 12px 0;background:#f7faff;border:1px solid #e0ebf8;border-radius:10px;padding:8px 10px;font-size:10px;color:#6c81a3}.ur-chat-pinned b{color:#0a2b67;margin-right:6px}
body.community-app .ur-chat-messages{flex:1;overflow:auto;padding:16px 16px 8px;display:grid;align-content:start;gap:12px}.ur-chat-message{display:grid;grid-template-columns:38px minmax(0,1fr);gap:9px;max-width:92%}.ur-chat-message>div>p{display:inline-block;max-width:100%;margin:4px 0 0;background:#f0f4f9;border-radius:12px;padding:10px 12px;color:#24466f;font-size:12px;line-height:1.5}.ur-chat-message.is-mine{justify-self:end;grid-template-columns:minmax(0,1fr) 38px}.ur-chat-message.is-mine>.ur-community-avatar{grid-column:2}.ur-chat-message.is-mine>div{grid-column:1;grid-row:1;text-align:right}.ur-chat-message.is-mine>div>p{background:#e5f2ff}.ur-chat-message-head{display:flex;gap:8px;align-items:center;color:#7c90ad;font-size:10px}.ur-chat-message-head b{color:#0a2b67;font-size:12px}.ur-chat-message.is-mine .ur-chat-message-head{justify-content:flex-end}
body.community-app .ur-lock-quick-topics{display:flex;gap:6px;overflow:auto;padding:8px 12px}.ur-lock-quick-topics a{white-space:nowrap;border:1px solid #cfe2fb;border-radius:999px;padding:6px 10px;color:#0878ff;text-decoration:none;font-size:10px;font-weight:700}
body.community-app .ur-chat-composer{border-top:1px solid #e4edf8;padding:10px 12px}.ur-chat-composer form{display:grid;grid-template-columns:36px 1fr 42px;gap:7px;align-items:center}.ur-chat-composer textarea{border:1px solid #d8e6f8;border-radius:10px;min-height:40px;max-height:100px;padding:10px;resize:none;font:inherit}.ur-chat-attach{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;border:1px solid #d8e6f8;color:#0878ff;cursor:pointer}.ur-chat-composer button[type=submit]{width:42px;height:40px;border:0;border-radius:9px;background:#0878ff;color:#fff;font-size:18px}.ur-chat-login{width:100%;min-height:42px;border:0;border-radius:9px;background:#0878ff;color:#fff;font-weight:800}
body.community-app .ur-chat-members{padding:12px;display:grid;align-content:start;gap:12px}.ur-chat-members .ur-community-widget{box-shadow:none}.ur-lock-chat-about h3{font:800 14px 'Plus Jakarta Sans';color:#0a2b67;margin:8px 0 4px}.ur-lock-chat-about p,.ur-lock-chat-about li{font-size:11px;line-height:1.5;color:#6f83a3}.ur-lock-chat-about ul{padding-left:18px}.ur-lock-chat-about>a{font-size:11px;font-weight:800;color:#0878ff;text-decoration:none}.ur-chat-member-list{display:grid;gap:7px}.ur-chat-member-list>a{display:flex;gap:8px;align-items:center;text-decoration:none;color:#153872}.ur-chat-member-list>a>span:nth-child(2){flex:1}.ur-chat-member-list b{display:block;font-size:11px}.ur-chat-member-list small{font-size:9px;color:#31a268}.ur-chat-member-list i{width:7px;height:7px;border-radius:50%;background:#20c86a}

body.community-app .ur-profile-hero{background:#fff;border:1px solid #dfebfa;border-radius:16px;overflow:hidden}.ur-profile-cover{height:175px;background:url('../images/kaaba-panorama.jpg') center 48%/cover no-repeat;position:relative}.ur-profile-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,36,81,.02),rgba(2,36,81,.24))}.ur-profile-main-row{display:flex;align-items:flex-end;gap:14px;padding:0 18px 12px;margin-top:-54px;position:relative;z-index:1}.ur-profile-avatar{width:110px;height:110px;border-radius:50%;border:5px solid #fff;display:grid;place-items:center;background:linear-gradient(135deg,#7566e4,#4756b7);color:#fff;font-size:36px;font-weight:800;overflow:hidden}.ur-profile-avatar img{width:100%;height:100%;object-fit:cover}.ur-profile-identity{padding-bottom:6px;flex:1}.ur-profile-identity h1{font:800 24px 'Plus Jakarta Sans';margin:0;color:#0a2b67}.ur-profile-identity p{margin:2px 0;color:#667da0;font-size:12px}.ur-profile-identity p span{display:inline-block;background:#eaf4ff;color:#0878ff;border-radius:999px;padding:4px 8px;margin-left:6px}.ur-profile-identity small{color:#7488a7;font-size:11px}.ur-profile-edit-btn{align-self:center;border:1px solid #bcd8ff;border-radius:9px;background:#fff;color:#0878ff;padding:9px 13px;font-weight:800}.ur-lock-profile-bio{margin:0 18px 12px;color:#537096;font-size:13px;line-height:1.55}.ur-profile-stats{display:grid;grid-template-columns:repeat(4,1fr);margin:0 18px 16px;border:1px solid #e0eaf8;border-radius:11px}.ur-profile-stats div{text-align:center;padding:10px;border-right:1px solid #e5edf8}.ur-profile-stats div:last-child{border-right:0}.ur-profile-stats b{display:block;font-size:16px;color:#0a2b67}.ur-profile-stats span{font-size:10px;color:#7286a4}.ur-profile-tabs{display:flex;background:#fff;border:1px solid #dfebfa;border-radius:12px;margin:12px 0;padding:0 10px}.ur-profile-tabs a{padding:12px 16px;color:#5e7598;text-decoration:none;font-size:12px;font-weight:700;border-bottom:3px solid transparent}.ur-profile-tabs a.active{color:#0878ff;border-color:#0878ff}.ur-profile-section{margin-top:10px}.ur-profile-activity-list{display:grid;gap:8px}.ur-profile-activity-list>a{background:#fff;border:1px solid #dfebfa;border-radius:12px;padding:12px;text-decoration:none;color:#173a73}.ur-profile-activity-list b{display:block;font-size:12px}.ur-profile-activity-list p{font-size:11px;color:#6c82a3}.ur-profile-activity-list small{font-size:10px;color:#8a9ab3}.ur-lock-achievements>div:not(.ur-community-widget-head){display:flex;gap:9px;align-items:center;padding:8px 0}.ur-lock-achievements>div>span{width:36px;height:36px;border-radius:50%;background:#eaf4ff;color:#0878ff;display:grid;place-items:center}.ur-lock-achievements p{margin:0}.ur-lock-achievements b{display:block;font-size:11px}.ur-lock-achievements small{display:block;font-size:9px;color:#7d90ab;margin-top:2px}.ur-lock-community-areas>a{display:grid;grid-template-columns:28px 1fr 14px;align-items:center;gap:8px;padding:8px 0;text-decoration:none;color:#173a73}.ur-lock-community-areas>a span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#eaf4ff;color:#0878ff}.ur-lock-community-areas>a b{font-size:11px}.ur-lock-community-areas>a em{font-style:normal;color:#7990ad}
body.community-app .ur-lock-mobile-account-menu{display:none}

body.community-app .ur-community-page-head{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #dfebfa;border-radius:14px;padding:15px;margin-bottom:12px}.ur-community-page-head>a{color:#0878ff;text-decoration:none;font-size:11px;font-weight:800}.ur-community-page-head>div{flex:1}.ur-community-page-head h1{font:800 24px 'Plus Jakarta Sans';margin:0;color:#0a2b67}.ur-community-page-head p{font-size:12px;color:#7186a5;margin:3px 0 0}
body.community-app .ur-community-create-form{background:#fff;border:1px solid #dfebfa;border-radius:14px;padding:18px;display:grid;gap:14px}.ur-community-create-form label>span{display:block;font-weight:800;color:#0a2b67;font-size:12px;margin-bottom:6px}.ur-community-create-form input,.ur-community-create-form select,.ur-community-create-form textarea{width:100%;border:1px solid #d8e6f8;border-radius:10px;padding:11px 12px;font:inherit;background:#fff;color:#173a73}.ur-community-upload>div{border:1.5px dashed #8fbfff;border-radius:11px;padding:16px;background:#f7fbff}.ur-community-upload b{display:block;color:#0878ff}.ur-community-upload small{display:block;color:#7186a5;margin:4px 0 8px}.ur-community-form-note{background:#f2f7ff;border-radius:10px;padding:11px;color:#6d82a3;font-size:11px}.ur-community-form-actions{display:flex;gap:8px;justify-content:flex-end}.ur-community-form-actions a,.ur-community-form-actions button{min-height:40px;border-radius:9px;padding:0 16px;display:flex;align-items:center;justify-content:center;text-decoration:none;font-weight:800}.ur-community-form-actions button{border:0;background:#0878ff;color:#fff}.ur-community-form-actions a{border:1px solid #d3e3f8;color:#4f6d97}
body.community-app .ur-community-notification-list{display:grid;gap:8px}.ur-community-notification{display:grid;grid-template-columns:42px 1fr 18px;gap:10px;align-items:center;background:#fff;border:1px solid #dfebfa;border-radius:12px;padding:12px;text-decoration:none;color:#153975}.ur-community-notification.unread{background:#f2f8ff;border-color:#c8e0ff}.ur-community-notification b{font-size:12px}.ur-community-notification p{font-size:11px;color:#60799d;margin:3px 0}.ur-community-notification small{font-size:9px;color:#8a9bb4}

body.community-app .ur-lock-member-search{display:grid;grid-template-columns:1fr 100px;gap:8px;background:#fff;border:1px solid #dfebfa;border-radius:12px;padding:10px;margin-bottom:10px}.ur-lock-member-search input{border:1px solid #d8e6f8;border-radius:8px;padding:10px}.ur-lock-member-search button{border:0;border-radius:8px;background:#0878ff;color:#fff;font-weight:800}.ur-lock-member-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ur-lock-member-card{position:relative;display:grid;grid-template-columns:52px 1fr;gap:11px;background:#fff;border:1px solid #dfebfa;border-radius:13px;padding:13px;text-decoration:none;color:#163a73}.ur-lock-member-card .ur-community-avatar{width:52px;height:52px}.ur-lock-member-card b{display:block;font-size:13px}.ur-lock-member-card small{color:#0878ff;font-size:10px}.ur-lock-member-card p{font-size:10px;color:#6d82a3;margin:3px 0}.ur-lock-member-card div>span{font-size:9px;color:#8a9bb3}.ur-lock-member-card>i{position:absolute;right:10px;top:10px;border-radius:999px;background:#e8fbef;color:#16914c;padding:4px 7px;font-style:normal;font-size:9px;font-weight:800}.ur-lock-rules-page{display:grid;gap:10px}.ur-lock-rules-page section{display:grid;grid-template-columns:42px 1fr;gap:12px;background:#fff;border:1px solid #dfebfa;border-radius:13px;padding:15px}.ur-lock-rules-page section>span{width:38px;height:38px;border-radius:10px;background:#eaf4ff;color:#0878ff;display:grid;place-items:center;font-weight:900}.ur-lock-rules-page h2{font:800 14px 'Plus Jakarta Sans';margin:0 0 4px;color:#0a2b67}.ur-lock-rules-page p{font-size:12px;color:#647c9f;line-height:1.5;margin:0}

body.community-app .ur-community-bottom-nav{display:none}

@media(max-width:1180px){
 body.community-app .ur-community-app-grid{grid-template-columns:170px minmax(0,1fr) 260px}
 body.community-app .ur-community-chat-shell{grid-template-columns:260px minmax(0,1fr) 250px}
 body.community-app .ur-community-post-card h3,body.community-app .ur-community-post-card>p{max-width:none}
 body.community-app .ur-community-post-image{position:static;width:100%;height:180px;margin:8px 0}
}

@media(max-width:960px){
 body.community-app{padding-bottom:74px}
 body.community-app .site-header{position:sticky;top:0}
 body.community-app .site-header .nav-row{min-height:60px;padding-left:14px;padding-right:14px}
 body.community-app .site-brand img{width:38px;height:38px}
 body.community-app .site-brand .brand-copy strong{font-size:18px}
 body.community-app .nav-actions .language-switcher,body.community-app .nav-actions .desktop-theme-toggle,body.community-app .nav-actions .nav-whatsapp,body.community-app .nav-actions .site-btn{display:none!important}
 body.community-app .ur-community-app-grid{display:block;padding:10px 10px 0}
 body.community-app .ur-community-sidebar,body.community-app .ur-community-rightbar{display:none}
 body.community-app .ur-community-feed-hero{min-height:250px;border-radius:16px}
 body.community-app .ur-community-feed-hero-content{padding:24px 18px}
 body.community-app .ur-community-feed-hero-content h1{font-size:30px}
 body.community-app .ur-community-feed-hero-content h2{font-size:16px}
 body.community-app .ur-lock-hero-actions{grid-template-columns:1fr 150px}
 body.community-app .ur-community-topic-scroll{padding:10px 0}
 body.community-app .ur-community-post-card{padding:13px}
 body.community-app .ur-community-post-card h3{font-size:15px;max-width:calc(100% - 105px)}
 body.community-app .ur-community-post-card>p{font-size:12px;max-width:calc(100% - 105px)}
 body.community-app .ur-community-post-image{position:absolute;right:12px;top:78px;width:95px;height:72px;margin:0}
 body.community-app .ur-community-post-actions{gap:13px}
 body.community-app .ur-community-post-actions a,body.community-app .ur-community-post-actions button{font-size:11px}
 body.community-app .ur-community-bottom-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);left:0;right:0;bottom:0;z-index:120;background:#fff;border-top:1px solid #dfe8f5;box-shadow:0 -8px 24px rgba(21,55,100,.08);padding:7px max(8px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}
 body.community-app .ur-community-bottom-nav a,body.community-app .ur-community-bottom-nav button{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;border:0;background:transparent;text-decoration:none;color:#5f7598;font-size:10px;font-weight:700}
 body.community-app .ur-community-bottom-nav span{font-size:21px;line-height:1}.ur-community-bottom-nav b{font-size:10px}.ur-community-bottom-nav .active{color:#0878ff}.ur-community-bottom-nav i{position:absolute;top:-4px;margin-left:-4px;background:#f4212e;color:#fff;border-radius:50%;font-style:normal;font-size:8px;min-width:16px;height:16px;display:grid;place-items:center}
 body.community-app .site-footer,body.community-app .floating-actions,body.community-app .mobile-sticky-actions{display:none!important}

 body.community-app .ur-community-chat-shell{display:block;padding:0;min-height:calc(100vh - 132px)}
 body.community-app .ur-chat-rooms,body.community-app .ur-chat-members{display:none}
 body.community-app .ur-chat-main{border-radius:0;border-left:0;border-right:0;min-height:calc(100vh - 132px);box-shadow:none}
 body.community-app .ur-chat-header{position:sticky;top:60px;background:#fff;z-index:10}
 body.community-app .ur-chat-mobile-rooms{display:flex;gap:6px;overflow:auto;padding:9px 10px;border-bottom:1px solid #e4edf8}.ur-chat-mobile-rooms a{white-space:nowrap;border:1px solid #d3e3f8;border-radius:999px;padding:6px 10px;text-decoration:none;color:#486990;font-size:10px;font-weight:700}.ur-chat-mobile-rooms a.active{background:#eaf4ff;color:#0878ff;border-color:#bcd9ff}
 body.community-app .ur-chat-pinned{margin:9px 10px 0}
 body.community-app .ur-chat-messages{padding:14px 12px 8px}
 body.community-app .ur-chat-message{max-width:96%}
 body.community-app .ur-chat-composer{position:sticky;bottom:63px;background:#fff;z-index:10}
 body.community-app .ur-lock-quick-topics{padding-bottom:6px}

 body.community-app .ur-profile-cover{height:145px}.ur-profile-main-row{margin-top:-45px;padding:0 14px 10px}.ur-profile-avatar{width:92px;height:92px}.ur-profile-identity h1{font-size:22px}.ur-profile-edit-btn{font-size:11px;padding:8px 10px}.ur-lock-profile-bio{margin:0 14px 10px}.ur-profile-stats{margin:0 14px 14px}.ur-profile-tabs{overflow:auto}.ur-profile-tabs a{white-space:nowrap;padding:11px 14px}
 body.community-app .ur-lock-mobile-account-menu{display:grid;background:#fff;border:1px solid #dfebfa;border-radius:14px;margin-top:12px;overflow:hidden}.ur-lock-mobile-account-menu a{display:flex;justify-content:space-between;align-items:center;padding:13px 14px;border-bottom:1px solid #e6eef9;color:#14376e;text-decoration:none;font-weight:700;font-size:13px}.ur-lock-mobile-account-menu a:last-child{border-bottom:0}.ur-lock-mobile-account-menu .signout{color:#e42b2b}
 body.community-app .ur-community-page-head{padding:12px}.ur-community-page-head h1{font-size:21px}
 body.community-app .ur-community-create-form{padding:14px}
 body.community-app .ur-lock-member-grid{grid-template-columns:1fr}
}

@media(max-width:640px){
 body.community-app .ur-community-app-grid{padding:8px 8px 0}
 body.community-app .ur-community-feed-hero{min-height:245px}
 body.community-app .ur-community-feed-hero-content{padding:22px 14px}
 body.community-app .ur-community-feed-hero-content h1{font-size:27px}
 body.community-app .ur-community-feed-hero-content p{font-size:12px}
 body.community-app .ur-lock-hero-actions{grid-template-columns:1fr 126px}
 body.community-app .ur-community-new-post{font-size:12px}
 body.community-app .ur-community-search{min-height:46px}
 body.community-app .ur-community-topic-scroll a{padding:7px 12px;font-size:11px}
 body.community-app .ur-community-feed-tabs{gap:22px}
 body.community-app .ur-community-post-card h3{font-size:14px}
 body.community-app .ur-community-post-card>p{font-size:11.5px;line-height:1.45}
 body.community-app .ur-community-post-image{width:88px;height:66px}
 body.community-app .ur-community-avatar{width:38px;height:38px}
 body.community-app .ur-community-reply{grid-template-columns:38px 1fr}
 body.community-app .ur-community-thread-card h1{font-size:21px}
 body.community-app .ur-community-thread-card,body.community-app .ur-community-replies,body.community-app .ur-community-reply-composer{padding:14px}
 body.community-app .ur-profile-main-row{flex-wrap:wrap}.ur-profile-edit-btn{margin-left:auto}.ur-profile-stats{grid-template-columns:repeat(4,1fr)}.ur-profile-stats div{padding:8px 4px}.ur-profile-stats b{font-size:14px}.ur-profile-stats span{font-size:8.5px}
}

.urx-photo-note{position:absolute;right:10px;top:10px;z-index:2;padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.92);color:#315a92;font-size:10px;font-weight:800;box-shadow:0 2px 9px rgba(8,40,80,.12)}