*{box-sizing:border-box} :root{--gold:#b18458;--cream:#fff3e5;--wine:#791d2e;--line:#9a7152;--brown:#351c11}body{margin:0;background:#26140d;color:var(--cream);font:21px Zain,Arial,sans-serif}button,input,select{font:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}.shell{max-width:900px;min-height:100dvh;margin:auto;background:radial-gradient(ellipse at 70% 20%,#59332166,transparent 65%),linear-gradient(100deg,#301a10,#3e2215 50%,#29160e);border-inline:1px solid #6e4c36}header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:14px 25px;position:relative;z-index:3}header>a{position:absolute;left:50%;transform:translateX(-50%)}.logo{width:156px;height:53px;object-fit:contain}.icon{background:none;border:0;color:var(--cream);font-size:29px;padding:3px 8px}nav{position:absolute;z-index:15;background:#392014;box-shadow:0 12px 25px #0006;border:1px solid var(--line);border-radius:12px;padding:18px;margin:0 20px}nav a{display:block;padding:10px 24px}nav[hidden]{display:none}.hero{height:265px;background:linear-gradient(0deg,#301a10,transparent 80%),linear-gradient(270deg,#24100799,transparent),url('assets/room-real.jpg') center/cover;display:flex;flex-direction:column;justify-content:end;align-items:flex-start;padding:25px 30px;margin-top:-2px}.hero h1{margin:0}.hero p{margin:10px 0 0}.title-art{height:30px;max-width:100%;object-fit:contain;vertical-align:middle}.hero .title-art{height:39px;margin:4px 0}h1,h2,h3{font-weight:700;line-height:1.4}h2{margin:8px 0 22px;text-align:center}h3{margin:0 0 8px}.content{padding:20px 25px 0;max-width:760px;margin:auto}.home-form{margin:0 25px;padding:15px;border:1px solid #886044;border-radius:22px;background:linear-gradient(120deg,#6d432533,#26140e88);box-shadow:inset 0 0 0 4px #4c2b1766}.field{display:flex;align-items:center;border:1px solid var(--line);border-radius:11px;background:#67412924;padding:10px 14px;min-height:54px;gap:10px}.field label{display:block}.field select,.field input{border:0;outline:0;background:transparent;color:var(--cream);width:100%;min-width:0}.field select option{background:#392014}.field>span:first-child{font-size:26px;color:#e7c9a2}.field input::placeholder{color:#f4dfcb}.field+.field{margin-top:10px}.date-field{width:100%;display:flex;justify-content:space-between;color:var(--cream);cursor:pointer}.date-field span{font-size:19px!important}.date-field i{height:24px;border-left:1px solid var(--line)}.primary{background:linear-gradient(#842c3c,#6d1828);border:1px solid #ad5860;border-radius:12px;color:white;padding:10px 18px;min-height:48px;width:100%;box-shadow:inset 0 1px 0 #ffffff13}.home-form .primary{margin-top:15px}.benefits{display:flex;justify-content:space-around;text-align:center;font-size:17px;margin:23px 20px 0;line-height:1.3}.benefits b{display:block;font-size:30px;color:#e2b273;margin-bottom:7px}.steps{display:flex;justify-content:center;gap:20px;font-size:14px;color:#c8ae96;margin:0 12px 10px}.steps span.active{color:#f9dcaf}.steps span.done{color:#d3ac76}.sub{font-size:18px;text-align:center;color:#dec6b0;margin:5px 0 20px}.branch{display:block;border:1px solid #be8d5b;border-radius:18px;overflow:hidden;margin-bottom:17px;background:#40261944}.branch img{display:block;width:100%;height:250px;object-fit:cover}.branch-body{padding:12px 18px}.branch h3{font-size:23px}.branch .row{margin:0}.row{display:flex;justify-content:space-between;align-items:center;gap:12px}.muted{color:#d0b69f;font-size:17px}.price{font-size:30px;font-weight:bold;white-space:nowrap}.price small{font-weight:400;font-size:18px}.tag{background:#8b542c88;border-radius:10px;color:#ffe0aa;padding:2px 10px;font-size:16px}.summary-bar{border:1px solid var(--line);border-radius:11px;padding:10px 15px;text-align:center;color:#f2dbc2;font-size:18px;margin:0 0 20px;display:block;width:100%;background:#58331f55}.tabs{display:flex;border:1px solid var(--line);border-radius:25px;margin-bottom:20px}.tabs button{flex:1;background:none;border:0;color:var(--cream);padding:7px;font-size:19px;border-radius:25px}.tabs button.active{background:linear-gradient(#8a3040,#6c1d2b);border:1px solid #a75760}.room{border:1px solid var(--line);border-radius:17px;background:linear-gradient(100deg,#25130c66,#643e2222);padding:13px;margin-bottom:15px;display:grid;grid-template-columns:1fr 36%;gap:10px 16px}.room .photo{width:100%;height:175px;object-fit:cover;border-radius:11px;grid-column:2;grid-row:1}.room .info{grid-column:1;grid-row:1}.room .title-art{height:26px}.room p{font-size:18px;margin:5px 0}.room .detail{color:#deb57e;background:none;border:0;padding:2px 0;font-size:18px}.room .price{border-top:1px solid #96644266;margin-top:8px;padding-top:8px}.room .actions{grid-column:1/-1}.counter{display:flex;align-items:center;justify-content:space-between;border:1px solid #ad5860;border-radius:11px;min-height:46px;background:#711f2d}.counter button{background:none;border:0;color:white;font-size:26px;width:55px}.sticky{position:sticky;bottom:0;background:#301a10f5;padding:13px 0 18px;backdrop-filter:blur(10px);z-index:4}.sticky p{margin:0 0 7px}.panel{border:1px solid var(--line);border-radius:17px;padding:19px;background:#5836202b;margin-bottom:22px}.booking-summary{display:flex;align-items:center;gap:16px;margin:4px 0 27px}.booking-summary img{width:86px;height:98px;object-fit:cover;border-radius:11px}.booking-summary h3{font-size:23px}.checkout h2{margin:10px 0 25px}.checkout h3{margin:24px 0 18px}.checkout .primary{margin-top:26px}.totals{margin-top:24px}.totals .row{margin:7px 0}.total{border:1px solid var(--line);border-radius:12px;padding:12px 16px;margin-top:15px!important}.total b{color:#e0a24c;font-size:31px}.check{display:flex;align-items:center;gap:9px;color:#efcf9b;margin-top:18px;font-size:19px}.check input{accent-color:#8b2538;width:19px;height:19px}.error{color:#ffc5bc;font-size:17px}.notice{color:#c4a68b;font-size:15px;text-align:center;line-height:1.4;margin:15px 0}.text-button{background:none;border:0;color:#e6bf89;text-decoration:underline;font-size:19px;padding:5px 0}.member-card{background:linear-gradient(120deg,#48101d,#892b3b);border:1px solid #bd9660;border-radius:18px;padding:26px;margin-bottom:25px}.member-card .points{font-size:44px}.member-card p{margin:5px 0}.center{text-align:center}.success{font-size:60px;color:#e3ba7f}.payment-options{display:flex;gap:10px;justify-content:center;margin:25px 0}.payment-options span{background:#fff3e5;color:#442315;padding:6px 20px;border-radius:7px;font-weight:bold}footer{text-align:center;color:#ab7339;padding:20px 10px 12px;overflow:hidden}footer>span{font-size:25px;letter-spacing:8px;white-space:nowrap;opacity:.45}footer small{display:block;font-size:13px;color:#a18a77}dialog{color:var(--cream);background:#392014;border:1px solid var(--line);border-radius:22px;width:min(720px,calc(100% - 20px));max-height:90dvh;padding:20px}dialog::backdrop{background:#100804bb;backdrop-filter:blur(4px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.calendar-months{display:grid;grid-template-columns:1fr 1fr;gap:25px}.month h3{text-align:center;font-size:21px}.days{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;gap:3px}.days small{font-size:14px;color:#c6a88a}.day{background:transparent;border:0;color:var(--cream);height:39px;border-radius:7px;padding:0;font-size:19px}.day.selected{background:#8e2b3e;border:1px solid #cf9f6c}.day.range{background:#7d523655;border-radius:0}.day:disabled{color:#836b57;opacity:.5}.calendar-nav{display:flex;justify-content:space-between;margin-bottom:12px}.calendar-nav button{background:none;border:1px solid var(--line);color:white;border-radius:8px;width:42px;font-size:24px}.calendar-footer{margin-top:20px}.calendar-footer p{margin:5px 0 12px}.inline-login{display:flex;gap:8px;margin-top:14px}.inline-login input{flex:1;min-width:0;background:transparent;border:1px solid var(--line);border-radius:8px;padding:8px;color:white}.inline-login button{width:auto}.two-fields{display:flex;gap:8px}.two-fields .field{flex:1;margin:0}.quantity-note{color:#d6b385;font-size:17px;margin:0 0 15px}.loyalty-row{border-bottom:1px solid #8f654344;padding:13px 0}.gold{color:#e1b77b} :focus-visible{outline:2px solid #ebc48b;outline-offset:3px}@media(min-width:700px){.hero{height:310px;padding-right:65px}.home-form{max-width:650px;margin:0 auto}.content{padding:25px 40px 0}.branch img{height:310px}.room .photo{height:190px}.benefits{margin:28px auto;max-width:650px}.checkout{max-width:630px}.home-form{padding:20px}.shell{box-shadow:0 0 80px #0003}}@media(max-width:500px){header{height:74px;padding:10px 20px}.logo{width:148px;height:49px}.content{padding:16px 18px 0}.hero{height:245px;padding:20px 26px}.hero .title-art{height:31px}.hero p{font-size:19px}.home-form{margin:0 18px;padding:12px}.branch img{height:205px}.room .photo{height:156px}.room .title-art{height:23px}.room p{font-size:16px}.room .price{font-size:25px}.room .price small{font-size:16px}.steps{gap:14px;font-size:13px}.calendar-months{grid-template-columns:1fr;gap:20px}.calendar-months .month:nth-child(2){display:none}.title-art{height:27px}.date-field span{font-size:17px!important}.field{padding:10px 12px}.room{gap:10px}.booking-summary{padding:13px;gap:12px}.booking-summary h3{font-size:21px}}
header{direction:ltr}.hero h1{line-height:1.1;margin:0}.hero .title-art{margin:0;height:38px}.hero h1+h1{margin-top:8px}.branch h3 .title-art{height:29px}.room h3{line-height:1.15}.title-art{max-width:100%;height:32px}.hero .title-art{max-width:100%}@media(max-width:500px){.hero .title-art{height:33px}.branch h3 .title-art{height:26px}}
.hero{background-image:linear-gradient(0deg,#301a10,transparent 85%),linear-gradient(270deg,#24100799,transparent),url('assets/room-1.webp')}
svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;display:inline-block}.date-field svg{width:22px;margin-left:3px}.room svg{width:19px}.summary-bar svg{margin-left:5px}
/* Compact booking and loyalty cards */
.branch-body{min-width:0;padding:14px 16px}.branch-title{font-size:21px;line-height:1.5;margin:0 0 8px;overflow-wrap:anywhere}.branch .branch-title{max-width:100%;font-family:Zain,Arial,sans-serif}.branch .row{flex-wrap:wrap;gap:8px}.page-branch-title{font-size:25px;line-height:1.5}.hero{height:225px;justify-content:center;background-image:linear-gradient(270deg,#301a10 0%,#301a10dd 36%,#301a1022 75%),url('assets/hospitality.webp');background-position:center,center 42%;background-size:cover}.hero h1{margin:0}.hero p{font-size:24px;color:#e6c8a2;margin-top:9px}.hero .title-art{height:42px}.rooms-label{font-size:22px;color:#f2d8b6;margin:3px 0 5px}.quantity-note{font-size:17px}.amenities{display:grid;grid-template-columns:1fr 1fr;gap:5px 8px;margin:12px 0;font-size:15px;line-height:1.5;color:#e5c9ad}.amenities span{display:flex;gap:5px;align-items:center}.amenities svg{width:18px;height:18px;flex-shrink:0}.amenities span:last-child{grid-column:1/-1}.room .photo{height:205px}.room .info{min-width:0}.room .price{font-size:26px}.room .price small{font-size:15px}.calendar-night-count{display:flex;align-items:center;justify-content:center;gap:9px;color:#f6d9ae;background:#76503955;border:1px solid #b1845866;border-radius:12px;padding:7px;margin-top:8px}.calendar-night-count strong{font-size:32px;line-height:1.1}.reservation-card{border:1px solid #a17856;border-radius:20px;background:linear-gradient(135deg,#5c392638,#22120c50);overflow:hidden;margin:8px 0 25px}.reservation-hotel{display:flex;gap:14px;align-items:center;padding:18px}.reservation-hotel img{width:80px;height:85px;border-radius:12px;object-fit:cover;flex-shrink:0}.reservation-hotel h3{font-size:23px;line-height:1.4;margin:2px 0}.reservation-hotel>div{min-width:0}.stay-dates{display:grid;grid-template-columns:1fr 58px 1fr;text-align:center;align-items:center;border-top:1px solid #ad83573d;border-bottom:1px solid #ad83573d;background:#a0764a0e;padding:17px 10px}.stay-dates>div{display:flex;flex-direction:column;gap:3px}.stay-dates small{color:#bea086;font-size:15px}.stay-dates b{font-size:21px}.stay-dates span{font-size:14px;color:#c4a487}.night-count{font-size:28px;color:#eac38f;border-inline:1px solid #b58a543d;line-height:1.1}.selected-rooms{padding:13px 18px;font-size:18px}.selected-rooms .row{padding:5px 0;align-items:start}.selected-rooms svg{width:18px}.selected-rooms b{white-space:nowrap}.booking-card-top{padding:15px 18px 0}.status-badge{font-size:16px;border-radius:30px;padding:3px 13px;display:inline-block}.status-badge.upcoming{background:#33694d4d;color:#b8e3c5;border:1px solid #719f7477}.status-badge.completed{background:#606c8144;color:#d1dceb;border:1px solid #91a0b066}.status-badge.cancelled{background:#962e3c44;color:#f7b7bb;border:1px solid #bd647666}.booking-reference{display:flex;justify-content:space-between;gap:10px;padding:11px 18px;border-top:1px dashed #a1785666;font-size:18px}.booking-reference b{font-size:20px;letter-spacing:1px;color:#ecd0a6}.booking-info{display:grid;grid-template-columns:1fr 1fr;padding:17px 18px;gap:13px}.booking-info>div{display:flex;flex-direction:column}.booking-info small{font-size:15px;color:#bfa188}.booking-info b{font-size:19px;font-weight:400;overflow-wrap:anywhere}.booking-info b[dir=ltr]{text-align:right}.booking-info .full{grid-column:1/-1}.receipt-lines{padding:12px 18px;border-top:1px solid #a1785644;font-size:18px}.receipt-lines>.row{padding:5px 0}.receipt-total{margin-top:10px;padding-top:15px!important;border-top:1px solid #a1785655}.receipt-total b{font-size:28px;color:#e6b77d;white-space:nowrap}.confirmation-heading{display:flex;align-items:center;gap:14px;margin:10px 0 22px}.confirmation-heading h2{text-align:right;margin:0}.confirmation-heading p{margin:3px 0;font-size:17px;color:#c9ad92}.success-mark{display:flex;align-items:center;justify-content:center;width:49px;height:49px;border-radius:50%;background:#8d9e6930;border:1px solid #a5b28166;color:#e2e9bd;font-size:30px;flex-shrink:0}.confirmation .title-art{height:29px}.home-button{display:block;text-align:center;margin:20px 0 10px}.earn-hint{padding:10px 14px;color:#e7c18b;background:#b1845817;border-radius:10px;font-size:17px;margin:12px}.checkout .earn-hint{margin-inline:0}.booking-filters{display:flex;border:1px solid #9a715277;border-radius:12px;overflow:hidden;margin:18px 0 25px}.booking-filters button{flex:1;border:0;background:transparent;color:#c6ab92;font-size:18px;padding:10px 5px}.booking-filters .active{background:#792437;color:#fff0df}.empty-state{border:1px dashed #8f6b4a;border-radius:16px;text-align:center;padding:45px 15px;color:#c6ab92}.loyalty-welcome{border:1px solid #a67d51;border-radius:19px;padding:25px 22px;text-align:center;background:#5f362833;margin-bottom:22px}.loyalty-welcome>span{font-size:54px;color:#e9bf78}.loyalty-welcome h3{font-size:26px}.loyalty-welcome p{font-size:19px;color:#c8ad93}.loyalty-welcome a{display:block;margin-top:18px}.member-card{position:relative;overflow:hidden;min-height:240px;padding:23px;border-color:#b38c5f;box-shadow:0 12px 30px #13080322}.member-card:after{content:'◇';position:absolute;left:-15px;bottom:-65px;font-size:240px;color:#e7cfaa09;pointer-events:none}.member-card.silver{background:linear-gradient(125deg,#6f6d6a,#302a26)}.member-card.gold{background:linear-gradient(125deg,#785b2e,#3d2516);color:#fff0d9}.member-card.platinum{background:linear-gradient(125deg,#676572,#24212d)}.member-card.guest{background:linear-gradient(125deg,#742535,#30141c)}.member-card h3{margin:12px 0 4px;font-size:28px}.member-id{font-size:16px;letter-spacing:2px;color:#e2cdb3;display:block;text-align:right}.card-points{font-size:50px;line-height:1.2;margin-top:23px;color:#fff3e5}.card-points small{font-size:17px;margin-right:10px;color:#e4c9ab}.member-state{position:absolute;bottom:28px;left:24px;font-size:15px;color:#d5e3b6}.wallet-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.wallet-actions button{font-size:18px;line-height:1.3;padding:12px 8px}.wallet-button{border:1px solid #777;border-radius:12px;background:#171717;color:#eee;opacity:.65!important}.points-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #9a715266;border-radius:16px;margin:23px 0;overflow:hidden}.points-grid>div{text-align:center;padding:17px 5px;display:flex;flex-direction:column;justify-content:space-between}.points-grid>div+div{border-right:1px solid #9a715244}.points-grid small{font-size:14px;color:#c5a98d;line-height:1.4;min-height:36px}.points-grid strong{font-size:31px;color:#efd4ac}.points-grid span{font-size:14px;color:#bfa188}.tier-progress{font-size:16px;margin:22px 0}.tier-progress b{white-space:nowrap}.tier-progress progress{width:100%;height:7px;accent-color:#ce9f60;display:block;margin-top:12px}.earn-panel{border:1px solid #a77c4c77;background:#b68a4c14;border-radius:16px;padding:18px;display:flex;gap:17px;align-items:center;margin:25px 0}.earn-panel h3{font-size:23px;margin:0}.earn-panel p{font-size:17px;line-height:1.5;color:#cbb095;margin:7px 0 0}.earn-number{font-size:42px;color:#e4b97f;text-align:center;line-height:1.1;flex-shrink:0}.earn-number small{display:block;font-size:17px}.section-label{margin-top:30px;font-size:25px}.loyalty-tiers{display:grid;grid-template-columns:1fr 1fr;gap:13px}.loyalty-tier{border:1px solid #8a684966;border-radius:15px;padding:18px;background:#68452b1c}.loyalty-tier.current{border-color:#d1a76b;box-shadow:inset 0 0 0 1px #d1a76b55}.loyalty-tier h3{font-size:23px;margin:0}.loyalty-tier small{font-size:15px;color:#c6aa8f}.loyalty-tier .row{align-items:start;flex-wrap:wrap;gap:4px;margin-bottom:7px}.loyalty-tier ul{font-size:17px;line-height:1.6;padding-right:18px;margin:12px 0 0;color:#e7d1b8}.loyalty-tier.silver{background:#aaa4a312}.loyalty-tier.platinum{background:#8d8eac17}.loyalty-tier.gold{background:#bd8f3c15;color:#fff3e5}.loyalty-tier .tag{font-size:13px;padding:2px 8px}
@media(max-width:500px){.hero{height:205px;padding-right:24px;background-position:center,70% 45%}.hero .title-art{height:36px}.hero p{font-size:23px}.room{grid-template-columns:1fr 34%;padding:12px;gap:10px}.room .photo{height:210px}.amenities{grid-template-columns:1fr;font-size:15px;gap:3px;margin:8px 0}.amenities span:last-child{grid-column:auto}.room .price{font-size:24px;padding-top:7px;margin-top:7px}.room .title-art{height:22px}.room .price small{font-size:14px}.branch-title{font-size:21px!important}.page-branch-title{font-size:22px}.branch-body{padding:12px 14px}.stay-dates b{font-size:19px}.stay-dates span{font-size:13px}.stay-dates small{font-size:14px}.reservation-hotel h3{font-size:21px}.reservation-hotel{padding:15px;gap:12px}.selected-rooms{font-size:17px;padding:12px 15px}.booking-reference{padding:12px 15px;font-size:16px}.booking-reference b{font-size:18px}.booking-info{padding:15px;gap:12px}.booking-info b{font-size:18px}.receipt-lines{padding:13px 15px;font-size:17px}.receipt-total b{font-size:25px}.receipt-total{align-items:start}.confirmation .title-art{height:26px}.loyalty-tiers{grid-template-columns:1fr}.earn-panel{padding:16px;gap:15px}.points-grid strong{font-size:29px}.member-card h3{font-size:27px}.wallet-actions{grid-template-columns:1fr}.member-state{bottom:22px;font-size:14px}.card-points{font-size:43px}.booking-card-top .muted{font-size:15px}}
.hero{background-image:linear-gradient(90deg,#27160c11,#301a10 77%),url('assets/dallah.svg');background-repeat:no-repeat;background-size:cover,auto 100%;background-position:center,left center;background-color:#301a10}.hero h1,.hero p{position:relative;z-index:1}.hero{padding-right:35px}@media(max-width:500px){.hero{height:195px;padding-right:22px;background-size:cover,245px auto;background-position:center,-40px center}.hero .title-art{height:32px}.hero p{font-size:21px}.branch>.branch-body>.branch-title{font-size:20px!important;line-height:1.55}.branch-body .price{font-size:26px}}
.branch .branch-title h3{margin:0;line-height:1.3}.branch .branch-title img.title-art{height:auto;max-height:24px;width:auto;max-width:100%;object-fit:contain;display:block;margin:0}.branch .branch-title{margin-bottom:10px;max-width:100%;overflow:hidden}.branch .branch-title img{border-radius:0}
.member-state{position:static;display:block;margin-top:13px;font-size:14px}.member-card{min-height:245px}.member-card .card-points{margin-top:19px}.hero{background-position:center,15px center;background-size:cover,240px auto}@media(max-width:500px){.hero{background-position:center,2px center;background-size:cover,180px auto}.hero p{font-size:20px}.member-card .card-points small{font-size:16px}}
/* Room editing, payment choices and progress */
.steps{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:0 18px;margin:8px 0 15px;counter-reset:none;justify-content:stretch;align-items:stretch}.steps li{display:flex;flex-direction:column;align-items:center;justify-content:start;gap:7px;text-align:center;padding:8px 3px 9px;border-radius:10px;color:#a98d76;font-size:14px;line-height:1.25;border-bottom:2px solid #8b68452b}.step-number{display:flex;align-items:center;justify-content:center;width:25px;height:25px;border:1px solid #9a715266;border-radius:50%;font-size:15px}.steps li.active{background:#7e263533;border-bottom-color:#dbb47d;color:#ffe2b7;font-weight:bold}.steps li.active .step-number{background:#7c2233;color:#fff5e7;border-color:#c77d7e;box-shadow:0 0 0 3px #7c223322}.steps li.done{color:#d2b48e}.steps li.done .step-number{background:#926b3a33;color:#e0c59c}.hero{height:230px;background-image:linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)),url('assets/hospitality-no-logo-v7.png');background-position:center,center;background-size:cover,cover;background-repeat:no-repeat}.hero h1{max-width:65%}.hero p{max-width:75%;text-shadow:0 2px 12px #0009}.hero .title-art{height:40px}.benefits>span{flex:1;min-width:0;padding:0 6px;display:flex;flex-direction:column;align-items:center}.benefits b{height:35px;line-height:1}.benefits .title-art{height:20px;width:auto;max-width:100%;object-fit:contain;display:block}.benefits>span>span{display:block;max-width:100%}.primary svg{width:20px;height:20px;margin-right:6px}.field select{appearance:none;-webkit-appearance:none}.quantity-actions{display:flex;align-items:stretch;gap:9px}.quantity-actions .counter{flex:1;min-width:0}.trash-button{display:inline-flex;align-items:center;justify-content:center;background:#5b252144;border:1px solid #ac735c88;border-radius:10px;color:#f0c4ae;padding:9px;flex-shrink:0;cursor:pointer}.trash-button svg{width:20px;height:20px}.trash-button.small{border:0;background:transparent;padding:4px;min-width:27px}.room-line-total{display:flex;align-items:center;gap:7px;flex-shrink:0}.summary-room>span{min-width:0;line-height:1.45}.summary-room{align-items:center!important}.selected-rooms .summary-room{gap:7px}.room-line-total b{font-size:17px}.payment-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0 23px}.pay-choice{display:flex;align-items:start;gap:10px;padding:16px;border:1px solid #96715188;border-radius:15px;background:#6c45241a;cursor:pointer;min-width:0}.pay-choice>div{flex:1;min-width:0}.pay-choice input{accent-color:#cf9e63;width:18px;height:18px;flex-shrink:0;margin:4px 0}.pay-choice.selected{border-color:#ddb47b;background:#b181401c;box-shadow:inset 0 0 0 1px #ddb47b55}.pay-choice b{font-size:23px}.choice-price{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px}.choice-price strong{font-size:30px;color:#f5d3a5}.choice-price del{font-size:17px;color:#ad8e73}.pay-choice small{font-size:16px;color:#c7aa8c;display:block;line-height:1.4;margin-top:5px}.save-badge{background:#7b954333;color:#d9e8b2;font-size:15px;border-radius:5px;padding:2px 8px;white-space:nowrap}.payment-receipt>.row{font-size:18px;margin-bottom:12px}.payment-receipt>.primary{margin-top:20px}.wallet-actions{grid-template-columns:1fr 1fr!important;align-items:stretch;gap:10px}.wallet-actions button{height:67px;min-height:67px;font-size:17px;line-height:1.3;padding:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0!important;border-radius:12px}.wallet-actions button small{font-size:13px}.loyalty-page>h2 .title-art{height:35px}.member-card .row .title-art{height:24px;max-width:130px}.home-form .primary{display:flex;align-items:center;justify-content:center;gap:5px}
@media(max-width:500px){.steps{gap:4px;padding:0 18px;margin:0 0 8px}.steps li{font-size:13px;padding:7px 2px;gap:6px}.step-number{width:23px;height:23px;font-size:14px}.hero{height:215px;background-position:center,45% center;background-size:cover,cover;padding-right:20px}.hero .title-art{height:33px}.hero p{font-size:20px;max-width:80%}.benefits .title-art{height:18px}.benefits{margin-inline:14px;gap:3px}.benefits>span{padding:0 4px}.payment-choices{grid-template-columns:1fr}.pay-choice{padding:15px}.pay-choice b{font-size:23px}.choice-price{margin-top:8px}.pay-choice .row{gap:8px}.room-line-total b{font-size:16px}.selected-rooms .summary-room{font-size:16px}.room-line-total{gap:4px}.wallet-actions button{font-size:16px}.room .quantity-actions .counter button{width:43px}.room .quantity-actions .counter{font-size:20px}}
/* Espresso palette and consistent brand typography */
:root{--brown:#2b1b14;--line:#9d7a58;--gold:#c39b66;--cream:#fff5e7}body{background:#1a100c}.shell{background:radial-gradient(ellipse at 90% 8%,#73543920,transparent 55%),radial-gradient(ellipse at 10% 55%,#a4783b08,transparent 70%),linear-gradient(115deg,#231710 0%,#35251b 48%,#291b14 100%);border-inline-color:#6f513c}.panel,.reservation-card,.room{background:linear-gradient(120deg,#76543b0d,#110b071a)}.home-form{background:linear-gradient(125deg,#70503925,#21150f88);box-shadow:inset 0 0 0 4px #9a744810,0 12px 35px #10080514}.logo{width:164px;height:54px;object-fit:contain;mix-blend-mode:normal}.benefits b{display:flex;align-items:center;justify-content:center;color:#d6b17c;height:39px;margin-bottom:10px}.benefits b svg{width:31px;height:31px;stroke-width:1.45}.brand-inline{display:inline-block;height:1.05em;max-width:100%;width:auto;object-fit:contain;vertical-align:-.16em;margin:0 .12em}.member-book{display:flex;align-items:center;justify-content:center;gap:9px;margin:22px 0}.member-book .title-art{height:24px;width:auto}.member-book svg{width:23px;height:23px}.city-trigger{width:100%;min-height:60px;text-align:right;color:#fff3e5;justify-content:flex-start;gap:14px;padding:13px 18px}.city-trigger>span{font-size:21px;display:block;padding:0 5px;line-height:1.5}.city-trigger svg{width:23px;height:23px;flex-shrink:0;color:#d8b995}#city-picker{max-width:470px;padding:22px;background:linear-gradient(130deg,#3d2a1e,#251810)}.city-options{display:flex;flex-direction:column;gap:10px;padding:8px 2px}.city-option{display:flex;align-items:center;gap:14px;text-align:right;color:#ffefde;background:#9f7c4810;border:1px solid #ad88594d;border-radius:11px;min-height:64px;width:100%;padding:14px 22px;line-height:1.5;font-size:22px}.city-option span{flex:1;padding:0 5px}.city-option svg{flex-shrink:0;width:23px;height:23px;color:#cfb28b}.city-option.selected{border-color:#d3ae77;background:#b38d4f1b}.primary .brand-inline{max-width:135px}button .brand-inline{pointer-events:none}.loyalty-page>h2 .title-art{height:36px}@media(max-width:500px){.logo{width:153px;height:50px}.city-option{padding:15px 19px;font-size:22px}.city-trigger{padding:12px 16px}.member-book .title-art{height:23px}.benefits b svg{width:30px;height:30px}}
/* Requested darker reference tone, brand clear space and payment marks */
:root{--brown:#271911}body,.shell{background:#271911}.sticky{background:#271911f5}dialog,#city-picker{background:#271911}.brand-inline{margin-inline:.5em;vertical-align:-.16em}.check .brand-inline{margin-inline:.4em}.payment-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:23px 0 15px;direction:rtl}.payment-options>span{display:flex;align-items:center;justify-content:center;min-width:0;height:45px;padding:9px 7px;border:1px solid #ae8b6155;border-radius:8px;background:#b18b4c0c}.payment-options img{display:block;width:100%;height:27px;object-fit:contain;filter:brightness(0) saturate(100%) invert(92%) sepia(18%) saturate(450%) hue-rotate(340deg) brightness(105%)}@media(max-width:500px){.payment-options{gap:6px}.payment-options>span{height:42px;padding:8px 5px}.payment-options img{height:24px}.brand-inline{margin-inline:.5em}}