@import "https://fonts.googleapis.com/css2?family=Aref+Ruqaa+Ink:wght@400;700&family=Tajawal:wght@400;500;600;700&display=swap";
*{box-sizing:border-box}button{font-family:inherit}.showroom{--gold:#b99a63;--gold-soft:#d1b27a;--text:#e7e2da;isolation:isolate;width:100%;height:100vh;min-height:700px;color:var(--text);background-image:url(/room-bg.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;font-family:Tajawal,sans-serif;position:relative;overflow:hidden}.room-darkness{z-index:1;pointer-events:none;background:#000;animation:1.6s ease-out forwards roomDarkness;position:absolute;inset:0}@keyframes roomDarkness{0%{opacity:.82}to{opacity:0}}.room-ambient-light{z-index:2;pointer-events:none;opacity:0;background:radial-gradient(at 50% 48%,#be975614,#0000 48%),linear-gradient(#0000,#0000001f);animation:1.8s forwards ambientLight;position:absolute;inset:0}@keyframes ambientLight{to{opacity:1}}.showroom-top{justify-content:space-around;align-items:center;padding:30px 0;display:flex}.home-btn:hover{border-color:var(--gold-soft);background:#191919d9;transform:translateY(-2px)}.showroom-header{z-index:30;justify-content:center;align-items:center;width:min(90vw,1100px);min-height:100px;display:flex;position:absolute;top:9vh;left:50%;transform:translate(-50%)}.header-spacer{grid-column:3}.sign-content{text-align:left;background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex}.showroom-logo{object-fit:contain;filter:drop-shadow(0 3px 5px #000000a6);width:clamp(55px,5.5vw,85px);height:auto;margin:0 0 2px;display:block;transform:scale(3)}.showroom-title{color:var(--gold-soft);margin:0;font-family:Aref Ruqaa Ink,serif;font-size:clamp(18px,2vw,28px);font-weight:700}.showroom-description{color:var(--text);margin:0;font-size:14px}@keyframes signAppear{0%{opacity:0;transform:translateY(-12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.home-btn{background-color:#52514b;border-radius:40px;align-items:center;gap:7px;padding:12px;display:flex;box-shadow:0 0 5px #ece9e2}.categories{text-align:center;justify-content:center;gap:18px;margin:0 auto;display:flex}.category-btn{color:#e6e2dad1;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0e0f0f73;border:1px solid #d2d2d240;border-radius:999px;min-width:88px;height:40px;padding:0 19px;font-size:12px;transition:all .25s}.category-btn:hover{border-color:#b99a63b3}.category-btn.active{color:#211c14;border-color:var(--gold);background:linear-gradient(135deg,#d0ae72,#a7824f);box-shadow:0 6px 18px #b99a632e}.showroom-shelves{z-index:10;grid-template-rows:repeat(3,1fr);gap:clamp(20px,3vh,34px);width:min(78vw,1250px);display:grid;position:absolute;top:25vh;bottom:8vh;left:50%;transform:translate(-50%)}.shelf-row{opacity:0;min-height:0;animation:.65s ease-out forwards shelfAppear;animation-delay:calc(2.35s + var(--shelf-index) * .14s);position:relative}@keyframes shelfAppear{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.products-on-shelf{z-index:10;grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;gap:clamp(16px,2vw,35px);display:grid;position:absolute;inset:0 35px 18px}.product-card{color:#fff;cursor:pointer;width:100%;min-width:0;height:100%;animation:.4s ease-out backwards productAppear;animation-delay:calc(var(--product-index) * 35ms);background:0 0;border:none;justify-content:center;align-items:flex-end;padding:0;transition:transform .3s;display:flex;position:relative}.showroom.is-intro .product-card{animation-delay:calc(3s + var(--product-index) * 70ms)}@keyframes productAppear{0%{opacity:0;transform:translateY(15px)scale(.97)}}.product-image-area{justify-content:center;align-items:flex-end;height:min(100%,190px);display:flex;position:absolute;bottom:0;left:0;right:0}.product-image{object-fit:contain;object-position:center bottom;filter:drop-shadow(0 12px 10px #000000bf);width:100%;max-width:100%;height:100%;transition:transform .3s;display:block}.product-card:hover .product-image{transform:scale(1.06)}.product-info{z-index:50;opacity:0;pointer-events:none;background:#080808e0;border:1px solid #b99a6340;border-radius:5px;width:max-content;max-width:180px;padding:6px 10px;transition:all .25s;position:absolute;bottom:3px;left:50%;transform:translate(-50%,100%)}.product-card:hover .product-info{opacity:1;transform:translate(-50%,115%)}.product-info h3{color:#eee9e1;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:11px;overflow:hidden}.product-info span{color:var(--gold-soft);margin-top:2px;font-size:9px;display:block}.shelf-glow{z-index:1;pointer-events:none;filter:blur(8px);background:radial-gradient(#b7915247,#b7915214 42%,#0000 75%);height:25px;position:absolute;bottom:-7px;left:3%;right:3%}.shelf-surface{z-index:5;background:linear-gradient(#55595b 0%,#36393b 25%,#202224 55%,#151618 100%);border-radius:2px 2px 0 0;height:clamp(7px,.65vw,10px);position:absolute;bottom:9px;left:0;right:0;box-shadow:inset 0 1px 1px #ffffff2e,0 5px 10px #000000b3}.shelf-face{z-index:4;background:linear-gradient(#26282a,#101112);height:10px;position:absolute;bottom:0;left:0;right:0;box-shadow:inset 0 1px 1px #ffffff0f,0 7px 12px #0000008c}.gallery-arrow{z-index:40;color:#d5c2a0;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0c0c0c8c;border:1px solid #b99a6373;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all .25s;display:flex;position:absolute;top:58%}.gallery-arrow:hover:not(:disabled){border-color:var(--gold-soft);transform:scale(1.08)}.gallery-arrow:disabled{opacity:.2;cursor:not-allowed}.gallery-arrow-right{right:3vw}.gallery-arrow-left{left:3vw}.pagination{z-index:40;gap:8px;display:flex;position:absolute;bottom:2.5vh;left:50%;transform:translate(-50%)}.pagination-dot{cursor:pointer;background:#ffffff4d;border:none;border-radius:50%;width:7px;height:7px;padding:0}.pagination-dot.active{background:var(--gold-soft);box-shadow:0 0 9px #b99a63cc}.product-modal-overlay{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000c7;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.product-modal{background:linear-gradient(145deg,#242526,#111213);border:1px solid #b99a634d;border-radius:14px;width:min(500px,100%);position:relative;overflow:hidden}.modal-close{z-index:10;color:#fff;cursor:pointer;background:#0006;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:flex;position:absolute;top:15px;left:15px}.modal-image{justify-content:center;align-items:center;height:280px;padding:30px;display:flex}.modal-image img{object-fit:contain;width:100%;height:100%}.modal-content{padding:20px 28px 28px}.modal-content span{color:var(--gold-soft);font-size:12px}.modal-content h2{margin:7px 0 10px}.modal-content p{color:#ffffffa6;line-height:1.8}.product-placeholder{color:#ffffff4d;justify-content:center;align-items:center;width:100%;height:100%;font-size:10px;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1200px){.showroom-shelves{width:85vw;max-height:440px;margin-top:15px}.products-on-shelf{gap:12px;left:18px;right:18px}}@media (max-width:900px){.showroom-shelves{width:82vw;max-height:425px;margin-top:15px}.products-on-shelf{grid-template-columns:repeat(5,minmax(0,1fr))}.category-btn{min-width:auto;padding:0 14px}}@media (max-width:650px){.showroom{height:auto;min-height:100vh;overflow-y:auto}.showroom-logo{width:48px;margin-bottom:1px}.sign-content p{white-space:normal;max-width:135px;font-size:7px;line-height:1.4}.sign-decoration{display:none}.home-btn:hover{transform:translateY(-2px)}.categories{gap:7px}.category-btn{height:37px;padding:0 12px;font-size:11px}.sign-content{text-align:right;gap:10px}.sign-content h1{font-size:18px}.sign-decoration{flex-basis:20px;width:20px}.home-btn:hover{border-color:var(--gold-soft);background:#191919d9}.category-btn{min-width:auto;height:37px;padding:0 13px;font-size:11px}.showroom-shelves{gap:18px;width:92vw;height:700px;max-height:440px;margin:0 auto 50px;position:relative;top:auto;bottom:auto;left:auto;transform:none}.product-image-area{height:min(100%,150px)}.gallery-arrow{top:85%}.pagination{top:88%}.home-btn{font-size:10px}.showroom-top{padding-top:0}}@media (max-width:900px){.showroom-logo{width:70px}.category-btn{padding:0 14px}}@media (max-width:650px){.showroom{height:auto;min-height:100vh;overflow-y:auto}.sign-decoration{display:none}.category-btn{height:34px;padding:0 10px;font-size:10px}.products-on-shelf{grid-template-columns:repeat(4,1fr);gap:10px;left:15px;right:15px}.product-image-area{height:min(100%,150px)}.gallery-arrow-right{right:11vw}.gallery-arrow-left{left:11vw}}.product-card:hover{z-index:30;transform:translateY(-8px)}.product-modal-overlay{animation:.4s backwards pm-fade}.product-modal{overscroll-behavior:contain;max-height:92dvh;overflow-y:auto}.modal-image img{transition:none;display:block}.modal-content>*{animation:.6s cubic-bezier(.22,1,.36,1) backwards pm-rise}.modal-content>:first-child{animation-delay:.3s}.modal-content>:nth-child(2){animation-delay:.36s}.modal-content>:nth-child(3){animation-delay:.42s}.modal-content>:nth-child(4){animation-delay:.48s}.modal-content>:nth-child(5){animation-delay:.54s}.modal-content>:nth-child(6){animation-delay:.6s}.modal-content strong{color:var(--gold-soft);margin-top:12px;display:block}.modal-contact{color:#211c14;background:linear-gradient(135deg,#d0ae72,#a7824f);border-radius:999px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:46px;margin-top:18px;font-size:14px;font-weight:700;text-decoration:none;transition:transform .25s,box-shadow .25s;display:flex;box-shadow:0 8px 22px #b99a6338}.modal-contact:hover{transform:translateY(-2px);box-shadow:0 12px 28px #b99a6359}@keyframes pm-fade{0%{opacity:0}}@keyframes pm-rise{0%{opacity:0;transform:translateY(14px)}}@media (prefers-reduced-motion:reduce){.product-modal-overlay,.modal-content>*{animation:none}}@media (max-width:900px){.showroom-logo{width:120px;transform:scale(1.5)}.sign-content h1{font-size:24px}.sign-content p{font-size:8px}}