/* Local extension of the existing amber / sandstone menu world. */
.hookah-type{display:none;position:absolute;top:18px;left:18px;z-index:7;color:#ffe1b2;background:#17110dea;padding:8px 12px;border-radius:8px;font-size:13px;align-items:center;gap:8px}
.in-hookah-room .hookah-type{display:flex}
.hookah-type-options{display:flex;gap:3px;padding:3px;background:#100d09;border:1px solid #98774a80;border-radius:9px}
.hookah-type-options button{font:700 13px Cairo,sans-serif;color:#e6cda6;background:transparent;border-radius:6px;min-height:44px;min-width:52px;padding:6px 12px;transition:background .2s ease,color .2s ease}
.hookah-type-options button[aria-pressed='true']{background:var(--gold,#dca85b);color:#20170d}
.hookah-type-options button:hover:not([aria-pressed='true']){background:#322418}
.hookah-type-options button:focus-visible{outline:2px solid #ffbf64;outline-offset:2px}
@media(max-width:680px){.hookah-type-label{display:none}.hookah-type-options button{min-width:48px;padding-inline:10px}}
.chamber-fire{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.hookah-chamber{position:absolute;inset:0 0 62px;overflow:hidden;opacity:0;visibility:hidden;pointer-events:none;transform:scale(1.12);transform-origin:50% 65%;transition:opacity .65s,transform .9s cubic-bezier(.16,1,.3,1);border-radius:12px}
.chamber-photo{width:100%;height:100%;object-fit:fill;display:block}
.chamber-plaque{position:absolute;left:40%;top:18%;width:20%;height:17%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2%;color:#d99b44;text-shadow:0 2px 3px #000;font-weight:800;font-size:clamp(12px,1.8vw,24px)}
.chamber-logo{display:block;position:absolute;left:25%;top:6%;width:50%;aspect-ratio:371/211;filter:drop-shadow(0 1px 0 #ffca6c) drop-shadow(1px 3px 1px #351808) drop-shadow(0 5px 4px #0008)}
.chamber-plaque>span:last-child{position:absolute;bottom:0;line-height:1.2}
.chamber-plaque .chamber-logo{height:62%;top:0;aspect-ratio:auto}
.chamber-logo img{display:block;width:100%;height:100%;object-fit:contain}
.torch-light{position:absolute;top:13%;width:25%;height:45%;background:radial-gradient(ellipse,#ffad3029,transparent 70%);mix-blend-mode:screen;animation:torch-breathe 3.7s ease-in-out infinite alternate;pointer-events:none}
.torch-left{left:6%}.torch-right{right:6%}
.torch-light{animation:none;opacity:.45}
@keyframes torch-breathe{0%,100%{opacity:.35;transform:scale(.93)}28%{opacity:.7}57%{opacity:.45}80%{opacity:1;transform:scale(1.05)}}
.chamber-exit{position:absolute;top:17px;right:18px;z-index:7;display:flex;align-items:center;gap:8px;padding:10px 14px;background:#17110cea;color:#f6dab0;border:1px solid #ad854755;border-radius:7px;font:600 13px Cairo,sans-serif;box-shadow:0 5px 15px #0004}
.chamber-exit[hidden]{display:none}.chamber-exit svg{width:20px;height:20px}.chamber-exit:hover{background:#49311e}.chamber-exit:focus-visible{outline:2px solid #f5ca83;outline-offset:4px}
.pyramid-door{position:absolute;left:50%;top:44%;width:18%;height:30%;transform:translateX(-50%);transform-origin:50% 55%;z-index:8;border:8px ridge #a77a3b;background:#0c0805;opacity:0;visibility:hidden;overflow:hidden;pointer-events:none;box-shadow:0 9px 18px #0009;transition:transform .65s cubic-bezier(.65,0,.35,1),opacity .3s}
.door-passage{position:absolute;inset:0;background:linear-gradient(#0008,#0008),url(assets/hookah-chamber.webp) center/cover;box-shadow:inset 0 0 25px 12px #000}
.door-leaf{position:absolute;top:0;bottom:0;width:50%;background:linear-gradient(90deg,#34201044,#ba874b44),url(assets/hookah-chamber.webp) 2% 30%/1200% auto;border:1px solid #cc9d5d66;transition:transform .45s ease-in-out}
.door-left{left:0}.door-right{right:0}
[data-chamber-transition] .pyramid-door{opacity:1;visibility:visible}
[data-chamber-transition='open'] .door-left,[data-chamber-transition='enter'] .door-left,[data-chamber-transition='return'] .door-left{transform:translateX(-100%)}
[data-chamber-transition='open'] .door-right,[data-chamber-transition='enter'] .door-right,[data-chamber-transition='return'] .door-right{transform:translateX(100%)}
[data-chamber-transition='enter'] .pyramid-door{transform:translateX(-50%) scale(18);opacity:1}
[data-chamber-transition='return-start'] .pyramid-door{transform:translateX(-50%) scale(18);transition:none}
[data-chamber-transition='return-start'] .door-left{transform:translateX(-100%)}
[data-chamber-transition='return-start'] .door-right{transform:translateX(100%)}
[data-chamber-transition='arrive'] .pyramid-door,[data-chamber-transition='leave'] .pyramid-door{visibility:hidden;opacity:0}
[data-chamber-transition='door'] #product-visual,[data-chamber-transition='open'] #product-visual,[data-chamber-transition='enter'] #product-visual,[data-chamber-transition='return'] #product-visual,[data-chamber-transition='close'] #product-visual{opacity:0;transition:opacity .25s}
[data-chamber-transition='enter'] #showcase-pyramid{scale:2.8;transition:scale .65s ease-in}
[data-chamber-transition] #product-stage{overflow:hidden}
.in-hookah-room #product-panel{display:flex;flex-direction:column;gap:20px}
.in-hookah-room #product-stage{order:-1;height:clamp(490px,56vw,710px);width:100%;margin:0;overflow:hidden;border-radius:12px}
.in-hookah-room .hookah-chamber{opacity:1;visibility:visible;transform:scale(1);pointer-events:auto}
.in-hookah-room #showcase-pyramid,.in-hookah-room .stage-topline,.in-hookah-room .stage-halo{visibility:hidden}
.in-hookah-room #product-visual{inset:0 0 62px}
.in-hookah-room .orbit-card{top:72%;left:51%;width:58%;height:39%;max-width:none}
.in-hookah-room .orbit-card img{object-fit:contain;object-position:center bottom;mask-image:none!important;filter:none;border-radius:0}
.in-hookah-room .orbit-name{display:none}
.in-hookah-room #product-copy{width:100%;padding:18px 26px;display:flex;justify-content:center;align-items:center;gap:32px;background:#17110de8;color:#f9eddb;border-color:#b7956750;border-radius:10px}
.in-hookah-room #product-name{font-size:clamp(28px,3.1vw,44px)}
.in-hookah-room #product-kicker,.in-hookah-room #english-name{display:none}
.in-hookah-room .price{color:#f5ca83}.in-hookah-room .price-caption,.in-hookah-room .price small{color:#d2b995}
.in-hookah-room .stage-controls{bottom:8px}.in-hookah-room .swipe-hint{display:none}
.in-hookah-room .stage-controls{background:#17110d;padding:3px 14px;border-radius:40px}
.in-hookah-room .round-button{background:#322418;color:#ffe1b2;border-color:#98774a}
.in-hookah-room .round-button:hover:not(:disabled){background:#634324}
.in-hookah-room .slide-count{color:#d2b995}.in-hookah-room .slide-count strong{color:#ffe1b2}
.hookah-order-dock{display:none}
.in-hookah-room .hookah-order-dock{position:absolute;z-index:9;left:18px;right:18px;bottom:76px;display:flex;align-items:center;justify-content:space-between;gap:12px;pointer-events:auto}
.in-hookah-room .hookah-order-dock .cart-add-current{position:static!important;z-index:auto;width:auto;height:46px;min-height:46px;margin:0;padding:7px 15px;font-size:14px;justify-content:center}
.in-hookah-room .hookah-order-dock .cart-trigger{position:static!important;z-index:auto;right:auto;bottom:auto;min-height:46px;padding:8px 14px;box-shadow:0 8px 20px #0008}
.in-hookah-room .egypt-backdrop{filter:brightness(.45);transition:filter .7s}
[data-chamber-transition='arrive'] .hookah-chamber{animation:chamber-arrival .7s cubic-bezier(.16,1,.3,1)}
[data-chamber-transition='leave'] .hookah-chamber{opacity:0;transform:scale(.72);filter:brightness(.35);transition:all .58s ease-in}
[data-chamber-transition='leave'] #product-visual{opacity:0;transition:opacity .3s}
@keyframes chamber-arrival{from{transform:scale(1.24);filter:brightness(.3)}to{transform:scale(1);filter:brightness(1)}}
@media(max-width:680px){
 .in-hookah-room #product-stage{height:408px;min-height:408px}
 .in-hookah-room .hookah-chamber{inset:0 0 62px}
 .in-hookah-room .chamber-photo{object-fit:cover;object-position:40% center}
 .in-hookah-room #product-copy{flex-direction:column;gap:10px;padding:16px}
 .in-hookah-room .orbit-card{width:65%;height:39%}
 .chamber-plaque{font-size:11px;top:19%;height:16%;white-space:nowrap}.chamber-logo{width:85%;left:7.5%}
 .chamber-exit{top:10px;right:10px;padding:8px 10px;font-size:11px}
}
@media(prefers-reduced-motion:reduce){.hookah-chamber,.pyramid-door,.door-leaf{transition:none!important}.torch-light{animation:none}.hookah-chamber{animation:none!important}}
@media(max-width:680px){
 .in-hookah-room{overflow-x:hidden;overflow-y:auto;scroll-padding-top:0}
 .in-hookah-room #product-stage{scroll-margin-top:0}
 .in-hookah-room #product-panel{position:relative;inset:auto;z-index:1;background:#160e08;display:block;margin:0 calc(50% - 50vw);width:100vw;padding:0;border:0;height:100svh}
 .in-hookah-room .categories{position:static}
 .in-hookah-room #product-stage{position:absolute;inset:0;height:100svh;min-height:0;border-radius:0;touch-action:pan-y}
 .in-hookah-room .hookah-chamber,.in-hookah-room #product-visual{inset:0 0 135px}
 .in-hookah-room .chamber-photo{object-fit:fill;object-position:center}
 .in-hookah-room .chamber-plaque{left:33%;top:17%;width:34%;height:12%;font-size:clamp(10px,3.4vw,15px)}
 .in-hookah-room .chamber-logo{width:62%;left:19%;top:0;height:62%;aspect-ratio:auto}
 .in-hookah-room .chamber-plaque>span:last-child{bottom:0;height:25%;line-height:1.2;white-space:nowrap}
 .in-hookah-room .orbit-card{left:52%;top:60%;height:32%;width:70%}
 .in-hookah-room #product-copy{position:absolute;z-index:6;left:0;right:0;bottom:76px;height:59px;padding:6px 16px;flex-direction:row;justify-content:space-between;gap:10px;border:0;border-radius:0;background:#160e08}
 .in-hookah-room .hookah-order-dock{left:14px;right:14px;bottom:145px}
 .in-hookah-room .hookah-order-dock .cart-add-current{width:46px;padding:0;font-size:0;border-radius:12px}
 .in-hookah-room .hookah-order-dock .cart-add-current svg{width:22px;height:22px}
 .in-hookah-room .hookah-order-dock .cart-trigger{padding:8px 13px}
 .in-hookah-room #product-copy #product-name{font-size:20px;margin:0}
 .in-hookah-room #product-copy .price{font-size:21px}
 .in-hookah-room #product-copy .price-caption,.in-hookah-room #product-copy .description,.in-hookah-room #ingredients-button{display:none}
 .in-hookah-room .stage-controls{bottom:max(14px,env(safe-area-inset-bottom));z-index:7;min-height:48px}
 .in-hookah-room .round-button{width:46px;height:46px}
 .in-hookah-room .hookah-type{top:max(10px,env(safe-area-inset-top));left:10px;padding:4px 8px;font-size:12px}
 .in-hookah-room .chamber-exit{top:max(10px,env(safe-area-inset-top));right:10px;min-height:44px}
}
