@font-face{font-family:GEDinar;src:url('ge-dinar.woff') format('woff');font-weight:500;font-display:swap}
:root{--navy:#22294f;--ink:#272d4c;--teal:#24adc0;--pale:#edf8fa;--muted:#768399;--line:#e6edf0}
*{box-sizing:border-box}
html{background:#eef2f4}
body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% 20%,#fff,#eef2f4 70%);color:var(--ink);font:16px/1.4 Arial,Helvetica,sans-serif;display:grid;place-items:center;padding:32px 16px}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:3px solid var(--teal);outline-offset:3px}
.icons{position:absolute;width:0;height:0;overflow:hidden}
svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.card{width:min(100%,430px);background:#fff;box-shadow:0 20px 60px rgba(31,43,75,.13);border-radius:25px;overflow:hidden}
.card-head{position:relative;background:linear-gradient(140deg,#f8fbfc,#fff 70%);border-bottom:1px solid var(--line);padding:34px 26px 23px;overflow:hidden}
.card-head:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--teal) 50%,var(--navy) 50%)}
.card-head:after{content:"";position:absolute;right:-64px;top:70px;width:220px;height:220px;border:1px solid #eaf2f4;border-radius:50%;box-shadow:0 0 0 42px rgba(36,173,192,.025),0 0 0 83px rgba(36,173,192,.025);pointer-events:none}
.brand-row{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}
.brand{display:flex;align-items:center;gap:10px}
.brand img{width:28px;height:42px;object-fit:contain}
.brand strong{font-size:23px;letter-spacing:-.05em}
.place{font-size:11px;color:var(--teal);font-weight:700;letter-spacing:.1em;border:1px solid #cae8ec;border-radius:20px;padding:6px 10px}
h1{position:relative;z-index:1;margin:27px 0 5px;font-size:30px;line-height:1.12;letter-spacing:-.045em}
.title{position:relative;z-index:1;margin:0;color:var(--teal);font-size:12px;font-weight:800;letter-spacing:.14em}
.arabic-name{position:relative;z-index:1;text-align:right;font-family:GEDinar,Arial,sans-serif;font-weight:500;font-size:19px;line-height:1.5;margin:12px 0 0;color:#536078}
.card-content{padding:22px 24px 24px}
.descriptor{margin:0;color:#66758d;font-size:14px}
.save{margin:18px 0 22px;border-radius:12px;background:var(--navy);color:#fff;min-height:52px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:15px;font-weight:700;box-shadow:0 7px 15px rgba(34,41,79,.15)}
.save:hover{background:#343e71}
h2{font-size:12px;letter-spacing:.18em;color:#8a97aa;font-weight:800;margin:0 0 12px}
.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}
.actions a{border:1px solid var(--line);border-radius:12px;min-height:67px;padding:12px;display:flex;align-items:center;gap:11px;font-size:14px;font-weight:700}
.actions a:hover,.detail:hover{border-color:var(--teal);background:#f8fcfd}
.icon{width:36px;height:36px;flex:none;border-radius:10px;background:var(--pale);display:grid;place-items:center;color:var(--teal)}
.icon svg{width:19px;height:19px}
.details{border-top:1px solid var(--line);padding-top:15px}
.detail{display:flex;align-items:center;gap:11px;border:1px solid transparent;border-radius:9px;padding:8px 1px;color:#55627b;font-size:14px;min-height:39px}
.detail svg{color:var(--teal);width:18px;height:18px;flex:none}
.dim{color:#8994a5}
.location{color:var(--navy);border:1px solid #d8edf0;background:#f8fcfd;border-radius:10px;margin-top:6px;padding:10px}
.location .address{flex:1;line-height:1.4}
.location .direction{color:var(--teal);font-size:20px;font-weight:700}
footer{border-top:1px solid var(--line);margin-top:15px;padding-top:15px;display:flex;justify-content:space-between;gap:14px;color:var(--muted);font-size:12px}
footer a:first-child{color:var(--navy);font-weight:700}
footer a:hover{text-decoration:underline}
@media(max-width:560px){html,body{background:#fff}body{display:block;padding:0}.card{width:100%;min-height:100dvh;box-shadow:none;border-radius:0}.card-head{padding-top:32px}.card-content{padding-bottom:32px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}