/* الغرف زي إيكيا (rooms-page.php): معرض الغرف، مشاهد بنقاط شراء، «اشترِ الغرفة كاملة» */
.rm{--gut:16px;padding:8px var(--gut) 60px;color:var(--k-ink)}
.rm svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.rm-cr{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:6px 0 0;color:var(--k-mute);font:500 13px/1.5 var(--fb)}
.rm-cr a{color:var(--k-mute);text-decoration:none}
.rm-cr a:hover{color:var(--k-ink);text-decoration:underline}
.rm-h{margin:10px 0 16px}
.rm-h h1{margin:0;font:800 28px/1.25 var(--fd);text-wrap:balance}
.rm-h p{margin:6px 0 0;max-width:62ch;color:var(--k-mute);font:500 15px/1.7 var(--fb)}

/* الستايل */
.rm-st{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 calc(-1 * var(--gut)) 16px;padding:2px var(--gut)}
.rm-st::-webkit-scrollbar{display:none}
.rm-st button{flex:none;min-height:40px;padding:0 16px;border:1.5px solid var(--k-line);border-radius:999px;background:var(--k-bg);color:var(--k-ink);font:600 14px/1 var(--fb);cursor:pointer}
.rm-st button[aria-pressed=true]{background:var(--k-ink);border-color:var(--k-ink);color:var(--k-bg)}
.rm-st button:focus-visible{outline:2px solid var(--k-on);outline-offset:2px}

/* كروت الغرف */
.rm-rooms{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media (max-width:899px){.rm-rc:last-child:nth-child(odd){grid-column:1/-1}.rm-rc:last-child:nth-child(odd) .rm-rc__img{aspect-ratio:2/1}}
.rm-rc{display:grid;gap:2px;color:var(--k-ink);text-decoration:none}
.rm-rc__img{display:block;aspect-ratio:1;border-radius:12px;overflow:hidden;background:var(--k-soft);margin-bottom:8px}
.rm-rc__img img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}
.rm-rc:hover .rm-rc__img img{transform:scale(1.03)}
.rm-rc b{font:700 16px/1.3 var(--fb)}
.rm-rc small{color:var(--k-mute);font:500 13px/1.3 var(--fb)}
.rm-ideas,.rm-sub,.rm-best,.rm-tips{margin-top:36px}
.rm-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.rm-gi{position:relative;display:block;aspect-ratio:1;border-radius:10px;overflow:hidden;background:var(--k-soft)}
.rm-gi img{width:100%;height:100%;object-fit:cover}
.rm-gi span{position:absolute;inset:auto 8px 8px auto;padding:3px 9px;border-radius:999px;background:color-mix(in srgb,var(--k-bg) 90%,transparent);color:var(--k-ink);font:600 12px/1.5 var(--fb)}
[data-rm-hide]{display:none!important}

/* المشهد ونقاطه */
.rm-scs{display:grid;gap:34px}
.rm-sc{display:grid;gap:14px;scroll-margin-top:calc(var(--hdr-h,110px) + 12px)}
.rm-f{position:relative;margin:0 calc(-1 * var(--gut));aspect-ratio:var(--ar);background:var(--k-soft)}
.rm-f__img{display:block;width:100%;height:100%;object-fit:cover}
.rm-hs{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.94);color:#1c1b19;box-shadow:0 2px 10px rgba(0,0,0,.25);cursor:pointer;transition:transform .2s}
.rm-hs::before{content:"";position:absolute;inset:-7px;border-radius:50%;border:2px solid rgba(255,255,255,.75);animation:rmPulse 2.4s ease-out infinite}
.rm-hs svg{width:18px;height:18px;transition:transform .2s}
.rm-hs[aria-expanded=true]{background:#1c1b19;color:#fff}
.rm-hs[aria-expanded=true] svg{transform:rotate(45deg)}
.rm-hs:focus-visible{outline:3px solid var(--k-on);outline-offset:3px}
@keyframes rmPulse{0%{transform:scale(.8);opacity:1}100%{transform:scale(1.35);opacity:0}}
@media (prefers-reduced-motion:reduce){.rm-hs::before{animation:none}}
.rm-pop{position:absolute;inset:auto 12px 12px 12px;z-index:2;display:flex;gap:12px;align-items:center;padding:10px;border-radius:12px;background:var(--k-bg);color:var(--k-ink);text-decoration:none;box-shadow:0 8px 28px rgba(0,0,0,.22)}
.rm-pop[hidden]{display:none}
.rm-pop__img{flex:none;width:64px;height:64px;border-radius:8px;overflow:hidden;background:var(--k-soft)}
.rm-pop__img img{width:100%;height:100%;object-fit:cover}
.rm-pop__c{display:grid;gap:2px;min-width:0}
.rm-pop__c b{font:700 14.5px/1.35 var(--fb)}
.rm-pop__c>span{color:var(--k-mute);font:500 13px/1.4 var(--fb)}
.rm-pop__c strong{color:var(--k-ink);font:800 16px var(--fb);font-variant-numeric:tabular-nums}
.rm-pop__c em{display:inline-flex;align-items:center;gap:2px;font:700 13px/1.4 var(--fb);font-style:normal;text-decoration:underline}
.rm-pop__c em svg{width:15px;height:15px}

/* اشترِ الغرفة كاملة */
.rm-lk{display:grid;gap:10px;align-content:start}
.rm-lk h2{margin:0;font:800 20px/1.3 var(--fd)}
.rm-lk h2 small{margin-inline-start:6px;padding:2px 9px;border-radius:999px;background:var(--k-soft);color:var(--k-mute);font:600 12px/1.6 var(--fb);vertical-align:middle}
.rm-lk ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--k-line)}
.rm-lk li{position:relative;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--k-line)}
.rm-lk input{position:absolute;inset-inline-start:0;top:50%;width:20px;height:20px;margin:-10px 0 0;accent-color:var(--k-ink);cursor:pointer}
.rm-lk label{flex:1;min-width:0;display:flex;align-items:center;gap:10px;padding:10px 0 10px 0;padding-inline-start:30px;cursor:pointer}
.rm-lk__img{flex:none;width:56px;height:56px;border-radius:8px;overflow:hidden;background:var(--k-soft)}
.rm-lk__img img{width:100%;height:100%;object-fit:cover}
.rm-lk__n{flex:1;min-width:0;display:grid;font:600 14px/1.4 var(--fb)}
.rm-lk__n small{color:var(--k-mute);font:500 12px/1.4 var(--fb)}
.rm-lk__p{font:700 15px var(--fb);font-variant-numeric:tabular-nums}
.rm-lk input:not(:checked)+label{opacity:.55}
.rm-lk__go{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;color:var(--k-ink)}
.rm-lk__go:hover{background:var(--k-soft)}
.rm-lk__go svg{width:18px;height:18px}
.rm-lk__t{display:flex;justify-content:space-between;align-items:baseline;margin:2px 0 0}
.rm-lk__t span{font:600 15px var(--fb)}
.rm-lk__t small{color:var(--k-mute);font:500 13px var(--fb)}
.rm-lk__t b{font:800 24px var(--fb);font-variant-numeric:tabular-nums}
.rm-lk__note{margin:0;color:var(--k-mute);font:500 13px/1.6 var(--fb)}
.rm-lk__a{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.rm-lk__buy,.rm-lk__cart{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:50px;padding:0 14px;border-radius:999px;font:700 15px/1 var(--fb);cursor:pointer}
.rm-lk__buy{border:0;background:var(--k-ink);color:var(--k-bg)}
.rm-lk__cart{border:1.5px solid var(--k-ink);background:var(--k-bg);color:var(--k-ink)}
.rm-lk__cart svg{width:19px;height:19px}
.rm-lk button:disabled{opacity:.4;cursor:not-allowed}
.rm-lk__tg{justify-self:start;display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 14px;border:1.5px solid var(--k-line);border-radius:999px;background:var(--k-bg);color:var(--k-ink);font:600 14px/1 var(--fb);cursor:pointer}
.rm-lk__tg::after{content:"";width:7px;height:7px;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg) translateY(-2px);transition:transform .2s}
.rm-lk__tg[aria-expanded=true]::after{transform:rotate(-135deg) translateY(-2px)}
.rm-lk.is-c ul,.rm-lk.is-c .rm-lk__note{display:none}

/* النصايح */
.rm-tips ol{list-style:none;margin:0;padding:0;display:grid;gap:10px;counter-reset:t}
.rm-tips li{counter-increment:t;display:grid;grid-template-columns:auto 1fr;column-gap:12px;padding:14px;border-radius:12px;background:var(--k-soft)}
.rm-tips li::before{content:counter(t);grid-row:span 2;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--k-bg);color:var(--k-on);font:800 15px var(--fb)}
.rm-tips b{font:700 15px/1.4 var(--fb)}
.rm-tips span{color:var(--k-mute);font:500 14px/1.7 var(--fb)}
.rm-pl{margin-top:36px}

@media (min-width:700px){
 .rm-rooms{grid-template-columns:repeat(3,1fr);gap:14px}
 .rm-grid{grid-template-columns:repeat(3,1fr)}
 .rm-tips ol{grid-template-columns:1fr 1fr}
}
@media (min-width:900px){
 .rm{--gut:var(--wrap-pad);max-width:var(--wrap-max);margin:0 auto;padding-top:14px}
 .rm-h h1{font-size:36px}
 .rm-rooms{grid-template-columns:repeat(4,1fr)}
 .rm-rc:first-child{grid-column:span 2}
 .rm-rc:first-child{grid-template-rows:1fr auto auto}
 .rm-rc:first-child .rm-rc__img{position:relative;aspect-ratio:auto;min-height:0}
 .rm-rc:first-child .rm-rc__img img{position:absolute;inset:0}
 .rm-grid{grid-template-columns:repeat(4,1fr);gap:12px}
 .rm-sc{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:32px;align-items:start}
 .rm-f{margin:0;border-radius:12px;overflow:hidden}
 .rm-pop{inset:auto;left:clamp(8px,calc(var(--px) - 150px),calc(100% - 308px));top:calc(var(--py) + 26px);width:300px}
 .rm-pop.up{top:auto;bottom:calc(100% - var(--py) + 26px)}
 .rm-lk{position:sticky;top:calc(var(--hdr-h,110px) + 16px)}
 .rm-pl{grid-template-columns:1.2fr 1fr}
 .rm-pl .kp__img{aspect-ratio:auto;height:100%}
 .rm-pl .kp__c{align-content:center;padding:28px}
}

.rm :is(h1,h2){word-spacing:.12em}
/* عرض الشاشة كامل: أعمدة أكتر على الشاشات الكبيرة */
@media (min-width:1600px){.rm-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}

/* صفحة قصة المشهد (30 سبتمبر) */
.rm-lh{max-width:72ch}.rm-lh h1{margin:4px 0 8px}.rm-lh p{margin:0;color:var(--k-mute);font:500 15px/1.75 var(--fb)}
.rm-lh__hint{margin:8px 0 18px;font:600 12.5px/1.5 var(--fb);color:var(--k-mute)}
.rm-story{display:grid;gap:12px;margin:0 0 26px;max-width:76ch}
.rm-story h2{margin:0;font:800 20px/1.35 var(--fd);color:var(--k-ink)}
.rm-story__t{padding:12px 14px;border:1px solid var(--k-line);border-radius:12px;background:var(--k-bg)}
.rm-story__t b{display:block;margin:0 0 2px;font:800 14.5px/1.4 var(--fb)}
.rm-story__t p{margin:0;font:500 14px/1.7 var(--fb);color:var(--k-mute)}
.rm-lk__story{justify-self:start;font:600 13px/1.4 var(--fb);color:var(--k-ink);text-decoration:underline;text-underline-offset:3px;display:inline-flex;align-items:center;gap:4px}
.rm-lk__story svg{width:14px;height:14px}
.rm-tips{margin:10px 0 26px}
@media (min-width:900px){.rm-story{grid-template-columns:repeat(3,1fr)}.rm-story h2{grid-column:1/-1}}