*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Arial,sans-serif;background:#061522;color:#fff8e8}button,input,select,textarea{font:inherit}.bg{min-height:100vh;background:#061522;position:relative;overflow-x:hidden}.bg:before,.panel:before,.qr-card:before{content:"";position:absolute;inset:0;pointer-events:none;background-color:var(--pat,#c9a56a);opacity:var(--po,.13);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140 140'%3E%3Cg fill='none' stroke='white' stroke-width='1.15'%3E%3Cpolygon points='70,5 79,24 94,11 96,32 116,24 108,44 130,44 113,58 135,70 113,82 130,96 108,96 116,116 96,108 94,129 79,116 70,135 61,116 46,129 44,108 24,116 32,96 10,96 27,82 5,70 27,58 10,44 32,44 24,24 44,32 46,11 61,24'/%3E%3Ccircle cx='70' cy='70' r='13'/%3E%3C/g%3E%3C/svg%3E") 0 0/var(--ps,138px) var(--ps,138px);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140 140'%3E%3Cg fill='none' stroke='white' stroke-width='1.15'%3E%3Cpolygon points='70,5 79,24 94,11 96,32 116,24 108,44 130,44 113,58 135,70 113,82 130,96 108,96 116,116 96,108 94,129 79,116 70,135 61,116 46,129 44,108 24,116 32,96 10,96 27,82 5,70 27,58 10,44 32,44 24,24 44,32 46,11 61,24'/%3E%3Ccircle cx='70' cy='70' r='13'/%3E%3C/g%3E%3C/svg%3E") 0 0/var(--ps,138px) var(--ps,138px)}
.layout{min-height:100vh;display:grid;grid-template-columns:360px 1fr}.studio{height:100vh;overflow:auto;background:#f7f5ef;color:#172533;padding:14px;position:sticky;top:0;z-index:50;border-inline-end:1px solid #d9d4c9}.studio h2{margin:0 0 5px;font-size:18px}.small{font-size:11px;color:#66707a;line-height:1.45}.tabs{display:flex;gap:5px;position:sticky;top:-14px;background:#f7f5ef;padding:10px 0;z-index:2}.tabs button,.btn{border:1px solid #d3ccbf;background:#fff;border-radius:10px;padding:8px 9px;font-weight:700;cursor:pointer}.tabs button.on,.btn.dark{background:#0b2130;color:white}.btn.gold{background:#c9a56a;border-color:#c9a56a}.btn.red{color:#a52d2d}.sect{background:#fff;border:1px solid #ded8cc;border-radius:14px;padding:11px;margin:0 0 10px}.sect h3{margin:0 0 8px;font-size:13px}.sect label{display:block;font-size:11px;font-weight:700;margin:7px 0 3px}.sect input,.sect select,.sect textarea{width:100%;padding:8px;border:1px solid #d8d1c5;border-radius:9px;background:#fff}.sect input[type=color]{height:38px;padding:2px}.sect input[type=range]{padding:0}.sect textarea{min-height:70px}.row{display:grid;grid-template-columns:1fr 1fr;gap:7px}.bar{display:flex;gap:6px;flex-wrap:wrap}.bar>*{flex:1}.itemrow{display:grid;grid-template-columns:1fr auto auto;gap:6px;align-items:center;border-top:1px solid #eee;padding:6px 0}.itemrow:first-child{border-top:0}.canvas{padding:24px;display:flex;justify-content:center;align-items:flex-start;min-width:0}.panel{--navy:#061522;--surface:#0a2233;--card:#0a1d2c;--gold:#c9a56a;--ivory:#fff8e8;--muted:#c8c2b7;--pat:#c9a56a;--po:.13;--ps:138px;position:relative;width:min(760px,100%);min-height:calc(100vh - 48px);background:color-mix(in srgb,var(--navy) 90%,transparent);border:1px solid color-mix(in srgb,var(--gold) 24%,transparent);border-radius:26px;overflow:hidden;box-shadow:0 24px 70px #0006}.content{position:relative;z-index:1;padding:16px}.head{text-align:center;padding:12px 0 18px;position:relative}.logo{width:160px;max-width:65%;height:auto;display:block;margin:0 auto 8px}.head h1{font-family:var(--hf,Georgia);font-size:34px;margin:0 0 6px}.head p{margin:0;font-size:15px}.langs{position:absolute;top:5px;inset-inline-end:0;display:flex;border:1px solid #c9a56a88;border-radius:999px;overflow:hidden;background:#04101acc}.langs button{border:0;background:transparent;color:var(--gold);padding:8px 12px;font-weight:700}.langs button.on{background:var(--gold);color:#08131b}.chips{display:flex;gap:8px;overflow:auto;scrollbar-width:none;padding-bottom:10px}.chips::-webkit-scrollbar{display:none}.chip{flex:0 0 auto;border:1px solid #fff5;border-radius:999px;background:#071824bb;color:var(--ivory);padding:9px 14px;font-weight:700;font-size:13px}.chip.on{background:var(--gold);color:#08131b;border-color:var(--gold)}.divider{border-top:1px solid #c9a56a88;padding-top:12px}.title{font-size:20px;font-weight:800;margin:0 0 10px}.list{display:grid;gap:10px}.card{height:94px;border:1px solid #ffffff2c;border-radius:14px;background:linear-gradient(90deg,#071824aa,var(--card));display:grid;grid-template-columns:108px 1fr 48px;overflow:hidden;cursor:pointer;position:relative}.rtl .card{grid-template-columns:48px 1fr 108px}.cover{position:relative;background:#0a1d2c center/cover no-repeat}.cover:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 25%,var(--card) 100%)}.rtl .cover:after{background:linear-gradient(270deg,transparent 25%,var(--card) 100%)}.cover.empty:before{content:"Cover image";position:absolute;inset:0;display:grid;place-items:center;color:#ffffff66;font-size:10px}.ct{padding:12px;display:flex;flex-direction:column;justify-content:center;min-width:0}.ct b{font-size:16px;line-height:1.2}.meta{color:var(--gold);font-weight:700;font-size:13px;margin-top:6px}.go{display:grid;place-items:center;border-inline-start:1px solid #ffffff20;color:var(--gold);font-size:20px}.offers,.facilities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tile{min-height:170px;border:1px solid #ffffff2b;border-radius:14px;background:var(--card);overflow:hidden;cursor:pointer}.tile .pic{height:112px;background:#091a28 center/cover no-repeat;position:relative}.tile .pic:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,var(--card))}.tile .txt{padding:10px}.cta{margin:16px 0 12px;width:100%;height:48px;border:0;border-radius:14px;background:var(--gold);color:#08131b;font-weight:800;font-size:15px}.actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.action{border:1px solid #c9a56a88;background:#071824aa;color:var(--gold);border-radius:16px;min-width:78px;padding:10px;cursor:pointer;text-align:center}.action .ic{font-size:23px}.action small{display:block;margin-top:5px}.foot{text-align:center;margin:14px 0 4px;color:var(--gold);letter-spacing:4px;font-size:12px}.detail{display:none;position:relative}.detail.on{display:block}.home.off{display:none}.back{position:absolute;top:12px;inset-inline-end:12px;z-index:6;width:42px;height:42px;border:1px solid color-mix(in srgb,var(--gold) 78%,transparent);background:#04101acc;color:var(--ivory);border-radius:50%;padding:0;margin:0;display:grid;place-items:center;font-size:20px;backdrop-filter:blur(8px)}.gallery{height:var(--detail-media-h,68vh);min-height:360px;max-height:760px;border:var(--detail-media-border,1px) solid var(--gold);border-radius:var(--detail-media-radius,0px);overflow:hidden;background:#071824;position:relative}.slides{height:100%;display:flex;overflow-x:auto;overflow-y:hidden;direction:ltr;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y}.slides::-webkit-scrollbar{display:none}.slide{flex:0 0 100%;min-width:100%;height:100%;scroll-snap-align:start;scroll-snap-stop:always;background-position:center;background-size:cover;background-repeat:no-repeat}.gallery button{position:absolute;top:50%;transform:translateY(-50%);z-index:7;border:1px solid var(--gold);background:rgba(4,16,26,.88);color:var(--gold);border-radius:50%;width:44px;height:44px;font-size:24px;line-height:1;display:grid;place-items:center;padding:0;opacity:1;box-shadow:0 4px 18px rgba(0,0,0,.55);backdrop-filter:blur(8px);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.gallery button:disabled{opacity:.42}.prev{left:10px}.next{right:10px}.gallery-count{position:absolute;z-index:7;left:50%;bottom:12px;transform:translateX(-50%);direction:ltr;min-width:58px;text-align:center;padding:6px 10px;border:1px solid color-mix(in srgb,var(--gold) 65%,transparent);border-radius:999px;background:rgba(4,16,26,.78);color:var(--ivory);font-size:12px;font-weight:700;letter-spacing:.4px;backdrop-filter:blur(8px)}.detailbox{padding:var(--detail-gap,14px) 0 0}.detail-description{min-height:var(--detail-desc-h,100px);border:var(--detail-desc-border,1px) solid var(--gold);border-radius:var(--detail-desc-radius,14px);background:var(--detail-desc-bg,var(--card));color:var(--detail-desc-text,var(--ivory));padding:var(--detail-desc-pad,16px);display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.65;font-size:var(--detail-desc-size,16px);white-space:pre-wrap}.detail-description.hidden{display:none!important}.detailbox .cta{margin-top:var(--detail-gap,14px)}.qr-card{position:relative;margin:18px auto;width:min(360px,100%);border:1px solid #c9a56a88;border-radius:24px;background:#061522;overflow:hidden;text-align:center;padding:22px}.qr-card>*{position:relative;z-index:1}.qr-card img{width:160px;max-width:80%;background:#fff;padding:8px;border-radius:18px}.qr-card h3{color:var(--gold);letter-spacing:2px}.auth{position:fixed;inset:0;background:#061522;z-index:100;display:grid;place-items:center;padding:20px}.auth[hidden]{display:none}.authbox{width:min(430px,100%);background:#fff;color:#172533;border-radius:18px;padding:20px}.authbox input{width:100%;padding:10px;border:1px solid #ccc;border-radius:9px;margin:5px 0 10px}.topbar{position:fixed;top:10px;left:50%;transform:translateX(-50%);z-index:80;background:#fff;color:#172533;border:1px solid #ddd;border-radius:999px;padding:7px 10px;display:flex;gap:8px;align-items:center}.topbar[hidden]{display:none}.editmark{position:absolute;top:6px;left:6px;width:28px;height:28px;border-radius:50%;border:0;background:#c9a56a;color:#071824;z-index:5;display:none}.editing .editmark{display:block}.public .studio{display:none}.public .layout{grid-template-columns:1fr}.public .canvas{padding:0}.public .panel{width:100%;max-width:none;min-height:100vh;border-radius:0;border:0}.public .content{max-width:760px;margin:auto}.adminlocked .studio{filter:blur(2px);pointer-events:none}.hidden{display:none!important}@media(max-width:850px){.layout{display:block}.studio{position:relative;height:auto;padding-top:76px}.canvas{padding:0}.panel{border-radius:0;min-height:100vh}.detail{margin-top:-12px}.detail .gallery{width:calc(100% + 24px);margin-inline:-12px;height:var(--detail-media-h,68vh);min-height:420px;max-height:none}.offers,.facilities{grid-template-columns:1fr}.card{grid-template-columns:92px 1fr 42px}.rtl .card{grid-template-columns:42px 1fr 92px}.content{padding:12px}.head h1{font-size:30px}.logo{width:145px}}

/* v1.5.3 — bilingual + RTL/mobile fixes */
.card{grid-template-columns:min(var(--iw,108px),30vw) minmax(0,1fr) 48px!important;height:auto!important;min-height:var(--ch,94px)}
.rtl .card{grid-template-columns:48px minmax(0,1fr) min(var(--iw,108px),30vw)!important}
.cover{width:100%!important;min-width:0}
.ct{min-width:0;overflow:visible;padding-inline:14px}
.ct b{font-size:var(--cts,16px)!important;line-height:1.32;white-space:normal;overflow-wrap:anywhere;word-break:normal;max-width:100%}
.rtl .ct{direction:rtl;text-align:right;align-items:flex-end}
.rtl .meta{direction:ltr;unicode-bidi:isolate;text-align:right;align-self:flex-end;white-space:nowrap}
.meta{white-space:normal}
.chip{white-space:nowrap;scroll-snap-align:start}
.chips{scroll-snap-type:x proximity;scroll-padding-inline:14px;padding-inline:2px}
.studio.rtl-studio{direction:rtl;text-align:right}
.studio.rtl-studio input,.studio.rtl-studio textarea,.studio.rtl-studio select{text-align:right}
.dualfield{display:grid;grid-template-columns:1fr 1fr;gap:6px;min-width:0}
.dualfield input{min-width:0}
@media(max-width:850px){
 body.editing .content{padding-top:76px}
 .topbar{top:calc(env(safe-area-inset-top) + 8px);padding:5px 7px;font-size:13px;gap:5px;max-width:calc(100vw - 20px)}
 .topbar .btn{padding:6px 8px}
 .card{grid-template-columns:min(var(--iw,108px),28vw) minmax(0,1fr) 42px!important;min-height:max(var(--ch,94px),94px)}
 .rtl .card{grid-template-columns:42px minmax(0,1fr) min(var(--iw,108px),28vw)!important}
 .ct{padding-inline:10px}
 .ct b{line-height:1.34}
 .studio{padding-bottom:90px}
 .dualfield{grid-template-columns:1fr}
}

/* v1.5.4 — service detail templates + full studio localization */

/* v1.6.0 — stable RTL-independent gallery */
@media(max-width:850px){.gallery button{width:46px;height:46px;font-size:25px}.prev{left:12px}.next{right:12px}.gallery-count{bottom:14px}}

/* v1.6.1 — freeze physical service-card layout across AR/EN.
   Cover stays LEFT and open-arrow stays RIGHT; only text direction changes. */
.card{direction:ltr!important;}
.rtl .card{
  direction:ltr!important;
  grid-template-columns:min(var(--iw,108px),30vw) minmax(0,1fr) 48px!important;
}
.rtl .card .ct{
  direction:rtl;
  text-align:right;
  align-items:flex-end;
}
.rtl .card .go{direction:ltr;}
@media(max-width:850px){
  .rtl .card{
    grid-template-columns:min(var(--iw,108px),28vw) minmax(0,1fr) 42px!important;
  }
}
.rtl .card .cover:after{
  background:linear-gradient(90deg,transparent 25%,var(--card) 100%)!important;
}