.uj{--j-paper:#f7f1e3;--j-paper-2:#eee2c8;--j-ink:#0b2416;--j-ink-2:#143524;--j-gold:#c9a24b;--j-gold-l:#e0c277;--j-gold-d:#9a7428;--j-green:#0e7c5a;--j-muted:#5e6a61;--j-hair:rgba(184,138,46,.32);--pl-line:var(--j-ink);--pl-fill:var(--j-paper);--pl-face:#fff;--pl-abaya:#1c3326;--pl-abaya-line:hsla(43,63%,67%,.5);background:var(--j-paper);color:var(--j-ink);position:relative}.uj[lang=ar]{font-family:Amiri,Anuphan,serif}.uj[lang=ar] .lbl,.uj[lang=ar] .uj-hero-sub,.uj[lang=ar] h2,.uj[lang=ar] h3{font-family:Amiri,serif;letter-spacing:0}.uj .btn{border-radius:0}.uj-eyebrow{display:inline-block;font-size:.74rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--j-gold)}.uj-scene{position:relative;background:var(--j-paper)}.uj-stage{position:-webkit-sticky;position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}.uj-art{position:absolute;z-index:1;top:72px;bottom:0;left:34%;right:0}.uj[dir=rtl] .uj-art{left:0;right:34%}.uj-svg{display:block;overflow:visible}.uj-bgimg,.uj-svg{width:100%;height:100%}.uj-bgimg{position:absolute;inset:0;z-index:0;object-fit:cover}.uj-art.has-img .bg{display:none}.uj-track{position:relative;z-index:3;margin-top:-100svh;padding:88svh 0 72svh;display:flex;flex-direction:column;gap:60svh;pointer-events:none}.uj-track>*{pointer-events:auto}.uj-card{width:min(460px,calc(100% - 32px));-webkit-margin-start:max(16px,calc((100% - 1180px)/2 + 24px));margin-inline-start:max(16px,calc((100% - 1180px)/2 + 24px));background:rgba(255,251,243,.93);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--j-hair);box-shadow:0 30px 60px -32px rgba(11,36,22,.4);padding:30px 30px 26px}.uj-kicker{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--j-gold-d)}.uj-rule{border:1px solid;padding:2px 10px;font-size:.66rem;letter-spacing:.08em;white-space:nowrap}.uj-card h2{font-size:clamp(1.45rem,2.3vw,1.95rem);margin:10px 0 12px;color:var(--j-ink)}.uj-lead{color:#38453c;font-size:1rem;line-height:1.85}.uj-facts{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1px;gap:1px;background:var(--j-hair);border:1px solid var(--j-hair);margin:18px 0 4px}.uj-facts div{background:#fffaf0;padding:10px 14px}.uj-facts dt{font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--j-muted)}.uj-facts dd{font-family:"Noto Serif Thai",serif;font-size:1.2rem;font-weight:700}.uj-points{list-style:none;margin-top:16px;display:grid;grid-gap:10px;gap:10px}.uj-points li{position:relative;-webkit-padding-start:26px;padding-inline-start:26px;font-size:.93rem;line-height:1.65;color:#2f3b33}.uj-points li:before{content:"";position:absolute;inset-inline-start:2px;top:.5em;width:9px;height:9px;border:1.5px solid var(--j-gold);transform:rotate(45deg)}.uj-sites{list-style:none;margin-top:18px;display:grid;grid-gap:12px;gap:12px}.uj-sites li{display:flex;gap:12px;align-items:flex-start}.uj-sites .n{width:28px;height:28px;flex:none;display:grid;place-items:center;font-weight:700;font-size:.85rem;background:var(--j-gold);color:var(--j-ink)}.uj-sites .madinah .n{background:var(--j-green);color:#fff}.uj-sites b{display:block;font-size:.95rem}.uj-sites span:not(.n){font-size:.84rem;color:var(--j-muted)}.uj-dua{background:var(--j-ink);color:#fff;border-color:hsla(43,63%,67%,.3);background-image:repeating-linear-gradient(60deg,hsla(0,0%,100%,.03),hsla(0,0%,100%,.03) 1px,transparent 0,transparent 22px),repeating-linear-gradient(-60deg,hsla(0,0%,100%,.03),hsla(0,0%,100%,.03) 1px,transparent 0,transparent 22px)}.uj-dua-label{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--j-gold-l)}.uj-dua-ar{font-family:Amiri,serif;font-size:1.75rem;line-height:2.1;text-align:right;margin:12px 0 4px}.uj-dua-mn,.uj-dua-tr{font-size:.93rem;line-height:1.7}.uj-dua-tr{color:var(--j-gold-l);font-style:italic}.uj-dua-mn{color:hsla(0,0%,100%,.84);border-top:1px solid hsla(0,0%,100%,.12);padding-top:10px;margin-top:10px}.uj-dua small{display:block;font-style:normal;font-size:.66rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;opacity:.55;margin-bottom:2px}.uj-hud{position:absolute;z-index:2;top:96px;inset-inline-end:max(24px,calc((100% - 1180px)/2 + 24px));background:rgba(255,251,243,.92);border:1px solid var(--j-hair);padding:14px 20px;display:grid;justify-items:center;grid-gap:4px;gap:4px;min-width:130px}.uj-hud-label{font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--j-gold-d)}.uj-hud-num{font-family:Cormorant Garamond,serif;line-height:1;font-feature-settings:"lnum";font-variant-numeric:lining-nums}.uj-hud-num b{font-size:3.6rem;font-weight:600}.uj-hud-num small{font-size:1.4rem;color:var(--j-muted)}.uj-pips{display:flex;gap:7px;margin-top:4px}.uj-pips .pip{width:9px;height:9px;border:1.5px solid var(--j-gold);transform:rotate(45deg);transition:background .2s}.uj-pips .pip.on{background:var(--j-gold)}.uj-svg .ln,.uj-svg .ln-b,.uj-svg .ln-gold,.uj-svg .ln-t{fill:none;stroke-linecap:round;stroke-linejoin:round}.uj-svg .ln{stroke:var(--j-ink);stroke-width:2.6}.uj-svg .ln-b{stroke:var(--j-ink);stroke-width:3.8}.uj-svg .ln-t{stroke:var(--j-ink);stroke-width:1.5;opacity:.42}.uj-svg .ln-t.faint{opacity:.16}.uj-svg .ln-gold{stroke:var(--j-gold);stroke-width:2.4}.uj-svg .acc{stroke:var(--j-green)}.uj-svg .fp{fill:var(--j-paper)}.uj-svg .fp2{fill:var(--j-paper-2)}.uj-svg .fill-ink{fill:var(--j-ink)}.uj-svg .fill-gold{fill:var(--j-gold)}.uj-svg .fill-green{fill:var(--j-green)}.uj-svg .fill-white{fill:#fff}.uj-svg .fill-sky{fill:#dce7ea}.uj-svg .fill-glow{fill:hsla(43,63%,67%,.35)}.uj-svg .glow{fill:hsla(43,63%,67%,.32);filter:blur(22px)}.uj-svg .mono{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:17px;font-weight:700;fill:var(--j-gold-l);letter-spacing:.06em}.uj-svg .mono.dim{fill:#e8ddc0;font-size:15px;font-weight:500}.uj-svg .lbl,.uj-svg .mono.ink{fill:var(--j-ink)}.uj-svg .lbl{font-family:Anuphan,sans-serif;font-size:20px;font-weight:600}.uj-svg .lbl.light{fill:#fff}.uj-svg .lbl.green{fill:var(--j-green)}.uj-svg .lbl.big{font-size:30px;font-weight:700}.uj-svg .ar-float,.uj-svg .lbl.ar{font-family:Amiri,serif}.uj-svg .ar-float{font-size:54px;fill:var(--j-gold-d)}.uj-svg .star{fill:#f4e7c2;animation:uj-twinkle 3.2s ease-in-out infinite}.uj-svg .star.dark{fill:var(--j-gold);opacity:.45;animation:none}.uj-svg .flash{fill:#fff;opacity:0}.uj-svg .dot{fill:#fff;stroke:var(--j-ink);stroke-width:1.4;opacity:.7}.uj-svg .crowd{transform-box:view-box;transform-origin:500px 500px;animation:uj-spin 70s linear infinite reverse}.uj-svg .crowd-1{animation-duration:95s}.uj-svg .crowd-2{animation-duration:120s}.uj-svg .trail{fill:none;stroke:var(--j-gold);stroke-width:7;stroke-linecap:round;stroke-dasharray:1 1;stroke-dashoffset:1;opacity:.9}.uj-svg .halo{fill:hsla(43,63%,67%,.4);stroke:var(--j-gold);stroke-width:2;transform-box:fill-box;transform-origin:center;animation:uj-pulse 1.6s ease-in-out infinite}.uj-svg .route-draw{fill:none;stroke:var(--j-gold);stroke-width:5;stroke-linecap:round;stroke-dasharray:1 1;stroke-dashoffset:1}.uj-svg .pin-n{font:700 18px Anuphan,sans-serif;fill:var(--j-ink)}.uj-svg .pin-n.light{fill:#fff}.uj-svg .green-beam{fill:rgba(14,124,90,.07)}.uj-svg .ray{stroke:var(--j-gold)}.uj-svg .bounce{animation:uj-bounce .45s ease-in-out infinite;animation-play-state:paused}.is-moving .uj-svg .bounce{animation-play-state:running}.uj-pl .shape{fill:var(--pl-fill);stroke:var(--pl-line);stroke-width:2.2;stroke-linejoin:round;stroke-linecap:round}.uj-pl .shape.white{fill:#fff}.uj-pl .shape.face{fill:var(--pl-face)}.uj-pl .shape.beard,.uj-pl .shape.dark{fill:var(--pl-line)}.uj-pl .thin{fill:none;stroke:var(--pl-line);stroke-width:1.3;stroke-linecap:round;opacity:.5}.uj-pl .dot{fill:var(--pl-line);opacity:.6}.uj-pl .accent{fill:none;stroke:var(--j-gold);stroke-width:1.8;stroke-linecap:round}.woman .shape:not(.face){fill:var(--pl-abaya);stroke:var(--pl-abaya-line)}.woman .thin{stroke:var(--j-gold);opacity:.5}.rida-r{stroke:var(--pl-line);stroke-width:2.4;stroke-linejoin:round}.outfit-both .o-ihram,.outfit-ihram .o-travel,.outfit-travel .o-ihram{opacity:0}.uj-pl .arm,.uj-pl .foot,.uj-pl .hem,.uj-pl .leg{transform-box:fill-box;transform-origin:50% 0}.uj-pl .arm-b,.uj-pl .leg-f{animation:uj-swing .9s ease-in-out infinite}.uj-pl .arm-f,.uj-pl .leg-b{animation:uj-swing .9s ease-in-out infinite reverse}.uj-pl .arm{animation-name:uj-swing-arm}.uj-pl .foot-f{animation:uj-step .9s ease-in-out infinite}.uj-pl .foot-b{animation:uj-step .9s ease-in-out infinite reverse}.uj-pl .hem{animation:uj-sway .9s ease-in-out infinite}.uj-pl .bob{animation:uj-bob .45s ease-in-out infinite}.uj-pl .arm,.uj-pl .bob,.uj-pl .foot,.uj-pl .hem,.uj-pl .leg{animation-play-state:paused}.is-moving .uj-pl .arm,.is-moving .uj-pl .bob,.is-moving .uj-pl .foot,.is-moving .uj-pl .hem,.is-moving .uj-pl .leg{animation-play-state:running}.jog .man .arm,.jog .man .leg{animation-duration:.5s}.jog .man .bob{animation-duration:.25s}.uj-hero{--pl-line:#e0c277;--pl-fill:#0b2416;--pl-face:var(--pl-fill);--pl-abaya:var(--pl-fill);--pl-abaya-line:var(--pl-line)}.uj-hero .uj-stage{background:radial-gradient(ellipse 80% 70% at 50% 28%,#1a4430 0,#0b2416 70%)}.uj-hero .uj-art,.uj[dir=rtl] .uj-hero .uj-art{inset:0}.uj-hero .uj-track{padding:0;height:230vh;height:230svh}.uj-hero .horizon{stroke:var(--pl-line)}.dawn{position:absolute;inset:0;z-index:0;opacity:0;pointer-events:none;background:linear-gradient(180deg,#f3e2c2,#f7ebd6 45%,#f7f1e3)}.uj-hero-title{position:absolute;z-index:2;left:0;right:0;top:19%;text-align:center;padding:0 20px;color:#f7f1e3}.uj-hero-eyebrow{display:inline-block;font-size:.74rem;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:hsla(43,63%,67%,.85);margin-bottom:18px}.uj-hero h1{font-family:Cormorant Garamond,serif;font-weight:500;font-size:clamp(3rem,8.4vw,7.2rem);line-height:.98;letter-spacing:-.01em;color:#f7f1e3}.uj-hero h1 em{font-style:italic;color:var(--j-gold-l)}.uj-hero-ar{font-family:Amiri,serif;font-size:clamp(1.4rem,2.6vw,2rem);color:var(--j-gold);margin-top:10px}.uj-hero-sub{max-width:560px;margin:14px auto 0;color:hsla(42,56%,93%,.72);font-size:1.02rem}.uj-cue{position:absolute;z-index:2;left:0;right:0;bottom:26px;display:grid;justify-items:center;grid-gap:8px;gap:8px;font-size:.78rem;letter-spacing:.08em;color:hsla(42,56%,93%,.7)}.uj-mouse{width:22px;height:34px;border:1.5px solid;border-radius:12px;display:flex;justify-content:center;padding-top:6px}.uj-mouse i{width:3px;height:7px;border-radius:2px;background:var(--j-gold-l);animation:uj-scroll 1.6s ease-in-out infinite}.uj-hero .draw{stroke-dasharray:1 1;stroke-dashoffset:1;animation:uj-draw 2.6s cubic-bezier(.6,0,.3,1) .3s forwards}.uj-hero .uj-pl .shape{fill-opacity:0}.uj-hero .uj-pl .shape.white{fill:var(--pl-fill)}.uj-hero .uj-pl .shape.draw{animation:uj-draw 2.6s cubic-bezier(.6,0,.3,1) .3s forwards,uj-fillin .8s ease 2.5s forwards}.uj-hero .uj-pl .shape:not(.draw){animation:uj-fillin .8s ease 2.5s forwards}.uj-hero .uj-pl .accent,.uj-hero .uj-pl .dot,.uj-hero .uj-pl .thin{opacity:0;animation:uj-fade .8s ease 2.5s forwards}.uj-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:1001;pointer-events:none}.uj-progress div{height:100%;background:linear-gradient(90deg,var(--j-gold),var(--j-gold-l));transform:scaleX(0);transform-origin:0 50%}.uj[dir=rtl] .uj-progress div{transform-origin:100% 50%}.uj-rail{position:fixed;z-index:400;top:50%;inset-inline-end:18px;transform:translateY(-50%);display:flex;flex-direction:column;gap:4px;transition:opacity .4s}.uj-rail.off{opacity:0;pointer-events:none}.uj-rail button{display:flex;align-items:center;justify-content:flex-end;gap:10px;background:none;border:0;padding:3px 0;cursor:pointer;font:inherit;font-size:.74rem;font-weight:600;color:var(--j-ink)}.uj-rail button span{opacity:0;transform:translateX(6px);transition:.25s;background:rgba(255,251,243,.94);border:1px solid var(--j-hair);padding:2px 9px;white-space:nowrap}.uj[dir=rtl] .uj-rail button span{transform:translateX(-6px)}.uj-rail button.on span,.uj-rail button:hover span{opacity:1;transform:none}.uj-rail i{width:9px;height:9px;border:1.5px solid var(--j-gold);transform:rotate(45deg);transition:.25s;flex:none}.uj-rail .done i,.uj-rail .on i{background:var(--j-gold)}.uj-rail .on i{box-shadow:0 0 0 4px rgba(201,162,75,.25);transform:rotate(45deg) scale(1.25)}.nav-lang{--j-ink:#0b2416;--j-gold-l:#e0c277;--j-gold-d:#9a7428}.uj-lang{position:relative}.uj-lang-btn{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 12px;border-radius:999px;cursor:pointer;font:600 .8rem Anuphan,sans-serif;letter-spacing:.04em;color:#f7f1e3;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.22);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:background .25s,border-color .25s,color .25s}.uj-lang-btn:hover{background:hsla(0,0%,100%,.18)}.uj-lang-chev{opacity:.7;transition:transform .3s cubic-bezier(.34,1.45,.55,1)}.uj-lang.open .uj-lang-chev{transform:rotate(180deg)}header.site.scrolled .uj-lang-btn{color:var(--j-ink);background:rgba(11,36,22,.05);border-color:rgba(11,36,22,.12)}header.site.scrolled .uj-lang-btn:hover{background:rgba(11,36,22,.09)}.uj-lang-menu{position:absolute;top:calc(100% + 10px);right:0;z-index:1100;min-width:210px;padding:6px;border-radius:18px;background:rgba(255,252,245,.97);border:1px solid rgba(11,36,22,.08);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 24px 50px -18px rgba(11,36,22,.45),0 2px 6px rgba(11,36,22,.06);opacity:0;visibility:hidden;transform:translateY(-6px) scale(.97);transform-origin:top right;transition:opacity .2s,transform .25s cubic-bezier(.2,.8,.2,1),visibility 0s .25s}.uj-lang.open .uj-lang-menu{opacity:1;visibility:visible;transform:none;transition:opacity .2s,transform .25s cubic-bezier(.2,.8,.2,1)}.uj-lang-menu button{display:flex;align-items:center;gap:12px;width:100%;padding:9px 10px;border:0;border-radius:12px;cursor:pointer;background:none;text-align:left;color:var(--j-ink);font-family:Anuphan,sans-serif;transition:background .2s}.uj-lang-menu button:hover{background:rgba(11,36,22,.05)}.uj-lang-menu button.on{background:linear-gradient(135deg,hsla(44,70%,78%,.45),hsla(43,63%,67%,.2))}.uj-lang-code{width:32px;height:32px;flex:none;display:grid;place-items:center;border-radius:10px;font-size:.7rem;font-weight:700;letter-spacing:.04em;color:var(--j-gold-d);background:rgba(201,162,75,.12)}.uj-lang-menu button.on .uj-lang-code{color:var(--j-ink);background:linear-gradient(135deg,#eed9a0,#c9a24b)}.uj-lang-name{display:grid;line-height:1.25}.uj-lang-name b{font-size:.9rem;font-weight:600}.uj-lang-name b[lang=ar]{font-family:Amiri,serif}.uj-lang-name small{font-size:.72rem;color:#7a857c}.uj-lang-tick{margin-left:auto;color:var(--j-gold-d);opacity:0;transform:scale(.5);transition:.25s}.uj-lang-menu button.on .uj-lang-tick{opacity:1;transform:none}.uj-why .uj-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;letter-spacing:.12em;background:rgba(201,162,75,.1);border:1px solid rgba(201,162,75,.25);color:var(--j-gold-d)}.uj-why .uj-eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px hsla(43,63%,67%,.2)}.uc-head{text-align:center;max-width:680px;margin:0 auto 48px}.uc-head h2{font-size:clamp(1.9rem,3.6vw,2.9rem);margin:16px 0 12px;letter-spacing:-.02em;text-wrap:balance}.uc-head p{font-size:1.02rem}.uj-calc{--ul-rule:rgba(11,36,22,.14);--ul-rule-soft:rgba(11,36,22,.08);--ul-sheet:#fffcf6;background:#ede4d1;border-top:1px solid var(--ul-rule);padding:112px 0 120px;color:var(--j-ink)}.ul-label{display:block;font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--j-muted)}.uj[lang=ar] .ul-flag,.uj[lang=ar] .ul-kicker,.uj[lang=ar] .ul-label{letter-spacing:0}.ul-intro{display:grid;grid-template-columns:repeat(12,1fr);grid-gap:24px;gap:24px;align-items:end;padding-bottom:36px;margin-bottom:36px;border-bottom:1px solid rgba(11,36,22,.18)}.ul-intro-main{grid-column:1/span 7}.ul-intro-side{grid-column:8/span 5}.ul-kicker{display:inline-flex;align-items:center;gap:12px;font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--j-gold-d)}.ul-kicker:before{content:"";width:28px;height:1px;background:currentColor}.ul-intro h2{margin-top:16px;max-width:620px;font-size:clamp(2.1rem,4.2vw,3.5rem);line-height:1.12;text-wrap:balance;color:var(--j-ink)}.ul-intro-side p{max-width:46ch;font-size:.98rem;line-height:1.75;color:#45524a}.ul-stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:22px;border-top:1px solid var(--ul-rule)}.ul-stats div{padding:14px 0 0;-webkit-padding-start:16px;padding-inline-start:16px;-webkit-border-start:1px solid var(--ul-rule);border-inline-start:1px solid var(--ul-rule)}.ul-stats div:first-child{-webkit-padding-start:0;padding-inline-start:0;-webkit-border-start:0;border-inline-start:0}.ul-stats dt{font-family:"Noto Serif Thai",serif;font-size:1.75rem;font-weight:700;line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ul-stats dd{margin-top:6px;font-size:.76rem;color:var(--j-muted)}.ul-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-gap:28px;gap:28px;align-items:start}.ul-sheet{grid-column:span 8;overflow:hidden;background:var(--ul-sheet);border:1px solid rgba(11,36,22,.08);border-radius:20px;box-shadow:0 1px 2px rgba(11,36,22,.04),0 22px 44px -30px rgba(11,36,22,.3)}.ul-receipt{grid-column:span 4}.ul-presets{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:20px 24px;border-bottom:1px solid var(--ul-rule)}.ul-hint{display:block;margin-top:3px;font-size:.82rem;color:#45524a}.ul-tabs{display:flex;gap:4px;padding:4px;border-radius:14px;background:#f1eadb}.ul-tab{display:grid;grid-gap:1px;gap:1px;padding:9px 16px;text-align:start;cursor:pointer;font:inherit;color:var(--j-ink);background:transparent;border:0;border-radius:10px;transition:background .2s,color .2s,box-shadow .2s}.ul-tab b{font-size:.9rem}.ul-tab span{font-size:.72rem;color:var(--j-muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.ul-tab:hover{background:hsla(0,0%,100%,.6)}.ul-tab.on{background:var(--j-ink);color:#f7f1e3;box-shadow:0 6px 14px -8px rgba(11,36,22,.7)}.ul-tab.on span{color:hsla(42,56%,93%,.7)}.ul-basics{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--ul-rule)}.ul-basic{padding:16px 24px;-webkit-border-start:1px solid var(--ul-rule-soft);border-inline-start:1px solid var(--ul-rule-soft)}.ul-basic:first-child{-webkit-border-start:0;border-inline-start:0}.ul-stepper{display:flex;align-items:center;gap:8px;margin-top:8px}.ul-stepper button{width:34px;height:34px;flex:none;border:1px solid var(--ul-rule);border-radius:50%;background:#fff;cursor:pointer;font-size:1.05rem;line-height:1;color:var(--j-ink);transition:border-color .15s,background .15s}.ul-stepper button:hover:not(:disabled){border-color:var(--j-ink);background:var(--j-ink);color:#f7f1e3}.ul-stepper button:disabled{opacity:.35;cursor:default}.ul-stepper output{min-width:72px;text-align:center;font-size:.8rem;color:var(--j-muted)}.ul-stepper output b{font-family:"Noto Serif Thai",serif;font-size:1.3rem;color:var(--j-ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ul-rows{list-style:none}.ul-row{position:relative;display:grid;grid-template-columns:36px minmax(140px,190px) 1fr 112px;grid-gap:0 18px;gap:0 18px;align-items:start;padding:18px 24px;border-bottom:1px solid var(--ul-rule-soft);transition:background .2s}.ul-row:last-child{border-bottom:0}.ul-row:hover{background:rgba(201,162,75,.045)}.ul-row.is-edited:before{content:"";position:absolute;inset-block:0;inset-inline-start:-1px;width:3px;background:var(--j-gold)}.ul-no{padding-top:2px;font-size:.78rem;font-weight:700;letter-spacing:.06em;color:var(--j-gold-d);font-feature-settings:lining-nums tabular-nums;font-variant-numeric:lining-nums tabular-nums}.ul-head h3{font-family:Anuphan,sans-serif;font-size:.98rem;font-weight:700;letter-spacing:0;line-height:1.35}.uj[lang=ar] .ul-head h3{font-family:Amiri,serif}.ul-head p{margin-top:2px;font-size:.76rem;line-height:1.45;color:var(--j-muted)}.ul-flag{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-size:.66rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--j-gold-d)}.ul-flag:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--j-gold)}.ul-opts{display:flex;flex-wrap:wrap;gap:6px}.ul-opt{display:inline-flex;flex-direction:column;align-items:flex-start;gap:1px;padding:8px 14px;text-align:start;cursor:pointer;font:inherit;background:#fff;border:1px solid var(--ul-rule);border-radius:12px;color:var(--j-ink);transition:border-color .15s,background .15s,color .15s,transform .15s}.ul-opt span{font-size:.84rem;font-weight:600;line-height:1.3}.ul-opt small{font-size:.7rem;color:var(--j-muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ul-opt:hover{border-color:rgba(11,36,22,.45);transform:translateY(-1px)}.ul-opt.on{background:var(--j-ink);border-color:var(--j-ink);color:#f7f1e3}.ul-opt.on small{color:hsla(42,56%,93%,.68)}.ul-opt[role=checkbox] span:before{content:"+ ";opacity:.55}.ul-opt[role=checkbox].on span:before{content:"✓ ";opacity:1}.ul-opt:focus-visible{outline-offset:3px}.ul-cta:focus-visible,.ul-opt:focus-visible,.ul-reset:focus-visible,.ul-stepper button:focus-visible,.ul-tab:focus-visible{outline:2px solid var(--j-gold);outline-offset:2px}.ul-fixed{font-size:.84rem;color:var(--j-muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ul-amt{display:block;padding:2px 6px 0;-webkit-margin-end:-6px;margin-inline-end:-6px;text-align:end;font-size:.95rem;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;border-radius:8px;animation:ul-flash .7s ease-out}.is-fixed .ul-amt{color:var(--j-muted)}.ul-receipt{position:-webkit-sticky;position:sticky;top:96px;padding:26px 26px 32px;background:#fff;border-radius:20px 20px 0 0;box-shadow:0 1px 2px rgba(11,36,22,.04),0 26px 50px -30px rgba(11,36,22,.35)}.ul-receipt:after{content:"";position:absolute;left:0;right:0;bottom:-9px;height:9px;background:radial-gradient(circle at 8px 0,transparent 6px,#fff 6.5px) 0 0/16px 9px repeat-x}.ul-receipt-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:14px;border-bottom:1px dashed var(--ul-rule)}.ul-meta{font-size:.76rem;color:var(--j-muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ul-basis{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin:14px 0 6px;font-family:"Noto Serif Thai",serif;font-size:1.05rem;font-weight:700}.uj[lang=ar] .ul-basis{font-family:Amiri,serif}.ul-basis-n{font-family:Anuphan,sans-serif;font-size:.82rem;font-weight:600;color:var(--j-gold-d)}.ul-reset{-webkit-margin-start:auto;margin-inline-start:auto;padding:0;border:0;background:none;cursor:pointer;font:600 .76rem Anuphan,sans-serif;color:var(--j-green);text-decoration:underline;text-underline-offset:3px}.ul-lines{list-style:none}.ul-lines li{display:flex;align-items:baseline;gap:8px;padding:7px 0}.ul-line-k{min-width:0;font-size:.86rem;font-weight:600}.ul-line-k small{display:block;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;font-weight:400;color:var(--j-muted)}.ul-dots{flex:1 1;min-width:16px;border-bottom:1px dotted rgba(11,36,22,.35);transform:translateY(-4px)}.ul-lines b{font-size:.86rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.ul-total{margin-top:14px;padding:16px 18px 18px;border-radius:14px;background:#f6f0e2}.ul-total strong{display:block;margin-top:8px;font-family:"Noto Serif Thai",serif;font-size:clamp(2.2rem,3.4vw,2.7rem);font-weight:700;line-height:1.05;letter-spacing:-.02em;font-feature-settings:lining-nums tabular-nums;font-variant-numeric:lining-nums tabular-nums}.ul-total strong span{-webkit-margin-start:4px;margin-inline-start:4px;font-size:.55em;color:var(--j-gold-d)}.ul-pp{display:block;margin-top:8px;font-size:.86rem;color:#45524a}.ul-pp b{color:var(--j-ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ul-cta{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin-top:18px;padding:15px 16px;border-radius:14px;background:var(--j-ink);color:#f7f1e3;font-size:.92rem;font-weight:600;transition:background .15s,transform .15s;box-shadow:0 12px 24px -14px rgba(11,36,22,.8)}.ul-cta svg{color:#06c755}.ul-cta:hover{background:#18402b;transform:translateY(-1px)}.ul-note{margin-top:12px;font-size:.72rem;line-height:1.6;color:var(--j-muted);text-align:center}.ul-copied{margin:12px 0 0;padding:10px 14px;border-radius:10px;background:rgba(6,199,85,.1);color:#05843a;font-size:.86rem;line-height:1.5;text-align:center}@keyframes ul-flash{0%{background:rgba(201,162,75,.3)}to{background:transparent}}@media (max-width:980px){.ul-intro{grid-template-columns:1fr;gap:20px}.ul-intro-main,.ul-intro-side{grid-column:auto}.ul-grid{grid-template-columns:1fr;gap:24px}.ul-receipt,.ul-sheet{grid-column:auto}.ul-receipt{position:static}}@media (max-width:640px){.uj-calc{padding:80px 0 90px}.ul-presets{padding:18px 16px}.ul-tabs{width:100%}.ul-tab{flex:1 1;padding:9px 8px}.ul-tab span{font-size:.66rem}.ul-basics{grid-template-columns:1fr}.ul-basic{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;-webkit-border-start:0;border-inline-start:0;border-top:1px solid var(--ul-rule-soft)}.ul-basic:first-child{border-top:0}.ul-stepper{margin-top:0}.ul-row{grid-template-columns:28px 1fr auto;grid-template-areas:"no head amt" "opts opts opts";gap:10px 12px;padding:16px}.ul-no{grid-area:no}.ul-head{grid-area:head}.ul-amt{grid-area:amt}.ul-opts{grid-area:opts;flex-wrap:nowrap;overflow-x:auto;margin:0 -16px;padding:0 16px 2px;scroll-snap-type:x proximity;scrollbar-width:none}.ul-opts::-webkit-scrollbar{display:none}.ul-opt{flex:none;scroll-snap-align:start}.ul-receipt{padding:22px 18px 28px}.ul-sheet{border-radius:16px}}.uj-why{position:relative;overflow:hidden;padding:120px 0 130px;background:radial-gradient(50% 40% at 85% 10%,hsla(43,63%,67%,.22),transparent 70%),radial-gradient(40% 40% at 5% 80%,rgba(14,124,90,.08),transparent 70%),var(--j-paper)}.uj-why .uc-head h2{color:var(--j-ink)}.uj-ayah{font-family:Amiri,serif;font-size:clamp(2rem,4.4vw,3.2rem);line-height:1.6;text-align:center;background:linear-gradient(135deg,#b8892f,#7e5e1e);-webkit-background-clip:text;background-clip:text;color:transparent}.uj-ayah-tr{margin:4px 0 60px;text-align:center;font-size:.92rem;font-style:italic;color:var(--j-muted)}.uw-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:18px;gap:18px}.uw-card{position:relative;padding:28px 24px 30px;border-radius:24px;background:#fff;border:1px solid rgba(184,138,46,.14);box-shadow:0 1px 2px rgba(11,36,22,.04),0 24px 44px -32px rgba(11,36,22,.3);transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s,border-color .4s}.uw-card:hover{transform:translateY(-6px);border-color:rgba(201,162,75,.4);box-shadow:0 1px 2px rgba(11,36,22,.04),0 34px 60px -30px rgba(11,36,22,.38)}.uw-ic{width:54px;height:54px;display:grid;place-items:center;border-radius:17px;color:#6e5218;background:linear-gradient(135deg,#faedc9,#e8cf93);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.7),0 10px 20px -12px rgba(201,162,75,.8);transition:transform .4s cubic-bezier(.34,1.45,.55,1)}.uw-card:hover .uw-ic{transform:rotate(-6deg) scale(1.06)}.uw-num{position:absolute;top:24px;inset-inline-end:24px;padding:3px 9px;border-radius:999px;font-size:.72rem;font-weight:700;color:var(--j-gold-d);background:rgba(201,162,75,.1)}.uw-card h3{margin:20px 0 8px;font-size:1.1rem}.uw-card p{font-size:.92rem;line-height:1.7;color:var(--j-muted)}.uw-cta{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;gap:28px;flex-wrap:wrap;margin-top:28px;padding:44px 48px;border-radius:32px;color:#f7f1e3;background:radial-gradient(60% 120% at 100% 0,hsla(43,63%,67%,.28),transparent 60%),radial-gradient(50% 100% at 0 100%,rgba(14,124,90,.55),transparent 60%),#0b2416;box-shadow:0 40px 80px -40px rgba(11,36,22,.7)}.uw-cta:after{content:"";position:absolute;width:340px;height:340px;right:-120px;top:-170px;border-radius:50%;border:1px solid hsla(43,63%,67%,.2);box-shadow:0 0 0 40px hsla(43,63%,67%,.04),0 0 0 80px hsla(43,63%,67%,.03);pointer-events:none}.uw-cta>*{position:relative;z-index:1}.uw-live{display:inline-flex;align-items:center;gap:8px;margin-bottom:10px;padding:4px 12px;border-radius:999px;font-size:.74rem;font-weight:600;color:#bff5d3;background:rgba(31,214,107,.12);border:1px solid rgba(31,214,107,.25)}.uw-live i{width:7px;height:7px;border-radius:50%;background:#1fd66b;animation:uj-ping 1.8s ease-out infinite}.uw-cta h3{font-size:1.6rem;color:#f7f1e3}.uw-cta p{margin-top:6px;color:hsla(42,56%,93%,.7)}.uw-btns{display:flex;flex-wrap:wrap;gap:10px}.uw-btn{display:inline-flex;align-items:center;gap:8px;padding:13px 22px;border-radius:999px;font-weight:600;font-size:.92rem;transition:transform .25s,box-shadow .25s,background .25s}.uw-btn:hover{transform:translateY(-2px)}.uw-btn.line{color:#fff;background:linear-gradient(135deg,#1fd66b,#06b54c);box-shadow:0 14px 28px -14px rgba(6,181,76,.9)}.uw-btn.msg{color:#fff;background:linear-gradient(135deg,#00b2ff,#006aff);box-shadow:0 14px 28px -14px rgba(0,106,255,.9)}.uw-btn.ghost{color:#f7f1e3;background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.18)}.uw-btn.ghost:hover{background:hsla(0,0%,100%,.14)}@keyframes uj-draw{to{stroke-dashoffset:0}}@keyframes uj-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes uj-ping{0%{box-shadow:0 0 0 0 rgba(31,214,107,.6)}to{box-shadow:0 0 0 9px rgba(31,214,107,0)}}@keyframes uj-fillin{to{fill-opacity:1}}@keyframes uj-fade{0%{opacity:0}to{opacity:1}}@keyframes uj-twinkle{0%,to{opacity:.9}50%{opacity:.25}}@keyframes uj-spin{to{transform:rotate(1turn)}}@keyframes uj-pulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.3);opacity:.4}}@keyframes uj-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes uj-swing{0%,to{transform:rotate(0)}25%{transform:rotate(15deg)}75%{transform:rotate(-15deg)}}@keyframes uj-swing-arm{0%,to{transform:rotate(0)}25%{transform:rotate(-12deg)}75%{transform:rotate(12deg)}}@keyframes uj-step{0%,to{transform:translateX(0)}50%{transform:translateX(6px)}}@keyframes uj-sway{0%,to{transform:skewX(0)}25%{transform:skewX(1.5deg)}75%{transform:skewX(-1.5deg)}}@keyframes uj-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes uj-scroll{0%{transform:translateY(0);opacity:1}70%{transform:translateY(10px);opacity:0}to{opacity:0}}@media (max-width:1100px){.uj-rail{display:none}.uw-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.uj-scene:not(.uj-hero) .uj-stage{z-index:4;pointer-events:none}.uj-scene:not(.uj-hero) .uj-stage:before{content:"";position:absolute;inset:0 0 auto;height:var(--uj-pane);z-index:0;background:var(--j-paper);border-bottom:1px solid var(--j-hair)}.uj-scene:not(.uj-hero) .uj-stage:after{content:"";position:absolute;left:0;right:0;top:var(--uj-pane);height:40px;z-index:0;background:linear-gradient(var(--j-paper),hsla(42,56%,93%,0))}.uj{--uj-pane:48svh}.uj-art,.uj[dir=rtl] .uj-art{top:64px;left:0;right:0;bottom:auto;height:calc(var(--uj-pane) - 68px)}.uj-bgimg{height:var(--uj-pane)}.uj-track{padding:calc(var(--uj-pane) + 28px) 0 22svh;gap:22svh;min-height:250svh}.uj-card{margin-inline:auto;padding:22px 20px;box-shadow:0 14px 30px -24px rgba(11,36,22,.45)}.uj-hud{top:72px;padding:6px 10px;min-width:0;gap:2px}.uj-hud-num b{font-size:2rem}.uj-hud-label{font-size:.6rem}}@media (max-width:640px){.uj-hero-title{top:16%}.uj-cue{bottom:96px}.uj-hero .uj-art,.uj[dir=rtl] .uj-hero .uj-art{bottom:150px}.uj-card h2{font-size:1.35rem}.uj-lead{font-size:.95rem}.uj-dua-ar{font-size:1.45rem}.uw-grid{grid-template-columns:1fr}.uw-cta{padding:30px 22px;border-radius:26px}.uj-why{padding:84px 0}.uw-btn,.uw-btns{width:100%;justify-content:center}.uj-lang-btn{height:34px;padding:0 10px;gap:5px}}@media (prefers-reduced-motion:reduce){.uj *,.uj :after,.uj :before{animation:none!important;transition:none!important}.uj-hero .draw{stroke-dashoffset:0}.uj-hero .uj-pl .shape{fill-opacity:1}.uj-hero .uj-pl .accent,.uj-hero .uj-pl .dot,.uj-hero .uj-pl .thin{opacity:1}}