:root{--green:#061d17;--green2:#0a2d23;--glass:rgba(5,31,24,.80);--gold:#d6ad63;--gold2:#f2d49a;--text:#f6ecd7;--muted:#cfbea3;--line:rgba(216,173,99,.5);--shadow:0 18px 60px rgba(0,0,0,.36)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--green);color:var(--text);font-family:"Cairo","Segoe UI",Tahoma,sans-serif;overflow-x:hidden}a{text-decoration:none;color:inherit}.page-bg{position:fixed;inset:0;background:linear-gradient(180deg,rgba(2,17,13,.34),rgba(2,17,13,.94)),url('assets/hero-bg.webp') center/cover no-repeat;z-index:-3;transform:scale(1.03)}.page-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 5%,rgba(214,173,99,.08),transparent 36%),linear-gradient(90deg,rgba(2,17,13,.80),rgba(2,17,13,.16),rgba(2,17,13,.80))}.grain{position:fixed;inset:0;z-index:-2;pointer-events:none;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}.topbar{position:fixed;top:calc(18px + env(safe-area-inset-top));left:20px;display:flex;gap:12px;z-index:20;direction:ltr}.round-btn{width:50px;height:50px;border-radius:50%;border:1px solid var(--gold);background:rgba(4,27,21,.5);backdrop-filter:blur(12px);display:grid;place-items:center;color:var(--gold2);cursor:pointer;box-shadow:0 8px 25px rgba(0,0,0,.22)}.round-btn svg{width:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}.hero{min-height:100svh;max-width:680px;margin:auto;padding:90px 28px 52px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.logo{width:min(230px,47vw);max-height:240px;object-fit:contain;filter:drop-shadow(0 9px 18px rgba(0,0,0,.35));margin-bottom:22px}.hero h1{font-size:clamp(29px,7vw,48px);line-height:1.4;margin:0 0 9px;font-weight:600;color:#f7dfb8;text-shadow:0 5px 30px rgba(0,0,0,.42)}.hero h1 span{color:var(--gold)}.hero p{font-size:clamp(17px,4vw,24px);line-height:1.8;color:#ecdfca;margin:0 0 30px}.quick-links{width:100%;display:grid;gap:13px}.pill{min-height:78px;padding:12px 22px;border:1px solid var(--gold);border-radius:42px;background:linear-gradient(100deg,rgba(3,28,21,.80),rgba(8,44,33,.68));backdrop-filter:blur(13px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),0 11px 28px rgba(0,0,0,.18);display:grid;grid-template-columns:54px 1fr 44px;align-items:center;text-align:center;font-size:22px;transition:.25s ease}.pill:hover{transform:translateY(-2px);border-color:var(--gold2);box-shadow:0 16px 36px rgba(0,0,0,.26),0 0 25px rgba(214,173,99,.07)}.pill.featured{background:linear-gradient(100deg,rgba(40,28,10,.72),rgba(8,44,33,.76))}.icon{font-size:27px;color:var(--gold2);text-align:center}.social{font-weight:800}.arrow{width:34px;height:34px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;font-size:30px;line-height:1;color:var(--gold2)}
.packages-section{padding:88px 20px 92px;background:linear-gradient(180deg,rgba(3,24,19,.9),rgba(3,24,19,.98));border-top:1px solid rgba(214,173,99,.18)}.section-head{max-width:900px;margin:0 auto 34px;text-align:center}.eyebrow{letter-spacing:.3em;color:var(--gold);font-size:13px}.section-head h2{font-size:clamp(30px,6vw,48px);margin:6px 0 10px;color:#f6dcae}.section-head p{margin:0;color:var(--muted);font-size:16px}.tabs{max-width:1000px;margin:0 auto 34px;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.tab{border:1px solid var(--line);color:#e9d7b5;background:rgba(6,39,30,.55);border-radius:999px;padding:12px 18px;font-family:inherit;font-size:15px;cursor:pointer;transition:.2s}.tab.active,.tab:hover{color:#10251e;background:linear-gradient(135deg,var(--gold2),var(--gold));border-color:transparent}.gallery{max-width:1160px;margin:auto;display:none}.gallery.active{display:block;animation:fade .35s ease}@keyframes fade{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.gallery-title{text-align:center;margin-bottom:22px}.gallery-title h3{font-size:28px;color:#f2d49a;margin:0 0 4px}.gallery-title p{margin:0;color:var(--muted)}
.package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.package-card{position:relative;overflow:hidden;border:1px solid rgba(214,173,99,.44);border-radius:26px;background:linear-gradient(145deg,rgba(5,40,30,.98),rgba(3,24,19,.92));box-shadow:var(--shadow);padding:22px;display:flex;flex-direction:column;min-height:360px;transition:.25s}.package-card:before{content:"";position:absolute;inset:-30% 45% 55% -25%;background:radial-gradient(circle,rgba(242,212,154,.13),transparent 65%);pointer-events:none}.package-card:hover{transform:translateY(-4px);border-color:var(--gold2)}.package-badge{align-self:center;background:rgba(214,173,99,.12);border:1px solid rgba(214,173,99,.35);color:#f5ddad;border-radius:999px;padding:6px 11px;font-size:12px}.package-name{font-size:24px;color:#f5d8a0;margin:16px 0 4px}.package-sub{color:var(--muted);font-size:14px;margin-bottom:12px}.package-price{font-size:38px;font-weight:800;color:#f7d89c;line-height:1.15}.package-price small{font-size:14px;font-weight:500;margin-right:4px}.package-chips{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0}.package-chips span{border:1px solid rgba(214,173,99,.3);background:rgba(255,255,255,.025);padding:6px 10px;border-radius:999px;font-size:12px;color:#e8d5b3}.package-summary{color:#ded0b7;font-size:13px;line-height:1.8;margin:0 0 18px}.package-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:auto}.details-btn,.book-btn{border-radius:999px;padding:11px 12px;font-family:inherit;font-weight:700;cursor:pointer}.details-btn{background:transparent;border:1px solid var(--line);color:#edd9b6}.book-btn{border:0;background:linear-gradient(135deg,var(--gold2),var(--gold));color:#11251e}.tax-note{font-size:11px;color:#a99473;margin-top:9px;text-align:center}
.contact-section{text-align:center;padding:80px 20px 45px;background:#031a14;border-top:1px solid rgba(214,173,99,.16)}.footer-logo{width:115px;height:115px;object-fit:contain}.contact-section h2{color:#efd6a6;font-size:30px}.contact-grid{max-width:900px;margin:25px auto;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.contact-grid a{padding:18px;border:1px solid rgba(214,173,99,.32);border-radius:18px;background:rgba(8,44,33,.45)}.contact-grid small{display:block;color:var(--muted);margin-bottom:4px}.contact-grid strong{font-size:18px;color:#f5dfb5}.footer-note{color:#927f65;font-size:12px;letter-spacing:.08em;margin-top:32px}
.drawer{position:fixed;inset:0;background:rgba(0,0,0,.62);backdrop-filter:blur(7px);z-index:50;opacity:0;pointer-events:none;transition:.25s}.drawer.open{opacity:1;pointer-events:auto}.drawer-panel{height:100%;width:min(360px,86vw);background:#061d17;border-left:1px solid var(--gold);margin-left:auto;padding:25px 26px;transform:translateX(100%);transition:.3s}.drawer.open .drawer-panel{transform:none}.drawer-panel img{width:120px;height:120px;object-fit:contain;display:block;margin:40px auto 24px}.drawer nav{display:grid}.drawer nav a{padding:17px 8px;border-bottom:1px solid rgba(214,173,99,.18);font-size:18px;color:#ecd8b6}.close-btn{position:absolute;top:18px;right:18px;background:none;border:0;color:#f6dcae;font-size:36px;cursor:pointer}
.package-modal{position:fixed;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(8px);z-index:90;display:grid;place-items:center;padding:24px;opacity:0;pointer-events:none;transition:.2s}.package-modal.open{opacity:1;pointer-events:auto}.modal-card{position:relative;width:min(680px,96vw);max-height:88vh;overflow:auto;border:1px solid rgba(214,173,99,.55);border-radius:28px;background:linear-gradient(160deg,#082a20,#041912);box-shadow:0 25px 90px rgba(0,0,0,.58);padding:28px}.modal-close{position:sticky;top:0;float:left;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:#071e18;color:#f6ddac;font-size:28px;cursor:pointer;z-index:2}.modal-card h3{font-size:30px;color:#f3d49a;margin:4px 0}.modal-meta{color:var(--muted);margin-bottom:18px}.modal-price{font-size:42px;font-weight:800;color:#f7d89c}.detail-block{margin:18px 0;padding:16px;border:1px solid rgba(214,173,99,.18);border-radius:18px;background:rgba(255,255,255,.02)}.detail-block h4{margin:0 0 10px;color:#efd3a1}.detail-block ul{margin:0;padding:0 20px 0 0;color:#eee2ce;line-height:1.95}.modal-book{display:block;text-align:center;margin-top:18px;padding:14px;border-radius:999px;background:linear-gradient(135deg,var(--gold2),var(--gold));color:#11251e;font-weight:800}.floating-wa{position:fixed;right:18px;bottom:18px;width:55px;height:55px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#efd39b,#bd8f43);color:#092018;font-size:27px;font-weight:800;box-shadow:0 10px 35px rgba(0,0,0,.38);z-index:30}body.light .page-bg{filter:brightness(1.18) saturate(.9)}
@media(max-width:980px){.package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.hero{padding-top:82px}.topbar{left:14px}.round-btn{width:46px;height:46px}.pill{min-height:70px;grid-template-columns:46px 1fr 36px;font-size:19px;padding:10px 17px}.contact-grid{grid-template-columns:1fr}.packages-section{padding-left:13px;padding-right:13px}.tab{font-size:13px;padding:10px 13px}.quick-links{gap:11px}.package-grid{grid-template-columns:1fr}.package-card{min-height:auto}.package-actions{grid-template-columns:1fr}.modal-card{padding:22px 16px}.modal-price{font-size:34px}}
@media(min-width:761px){.hero{min-height:950px}.quick-links{max-width:630px}}

/* V3 — centered typography across the site */
.package-card,.package-card *,.gallery-title,.section-head,.contact-section,.drawer-panel nav,.modal-card,#modalContent{text-align:center}
.package-chips{justify-content:center}
.package-actions{text-align:center}
.detail-block ul{padding:0;margin:0;list-style-position:inside;text-align:center}
.detail-block li{text-align:center}
.modal-meta,.modal-price,.modal-card h3,.detail-block h4{text-align:center}
.drawer-panel nav a{text-align:center}
.pill>span:nth-child(2){text-align:center}
