/* =========================================================
STAYIN — ANTIKA
PART 1 — HERO CONTRAST FIX
========================================================= */
.stay-antika-p1{
--navy:#071A30;
--gold:#D5AA52;
--gold-light:#F0D07D;
--white:#FFFFFF;
--muted:#E7ECF2;
font-family:"Cairo",Arial,sans-serif;
background:#fff;
color:#172A40;
overflow:hidden;
}
/* =========================
HERO
========================= */
.stay-antika-hero{
position:relative;
min-height:620px;
display:flex;
align-items:flex-end;
overflow:hidden;
border-radius:0 0 34px 34px;
/*
مهم:
Overlay داكن جدًا ناحية النص،
وأخف ناحية الصورة.
*/
background:
linear-gradient(
90deg,
rgba(3,15,29,.98) 0%,
rgba(4,18,35,.94) 28%,
rgba(5,20,38,.78) 52%,
rgba(5,20,38,.38) 75%,
rgba(5,20,38,.18) 100%
),
url("YOUR-ANTIKA-IMAGE.jpg")
center center / cover no-repeat;
}
/* طبقة إضافية تمنع الأبيض من الضياع */
.stay-antika-hero::after{
content:"";
position:absolute;
inset:0;
background:
radial-gradient(
ellipse at 25% 55%,
rgba(4,20,38,.42) 0%,
rgba(4,20,38,.08) 55%,
transparent 75%
);
pointer-events:none;
}
/* =========================
HERO CONTENT
========================= */
.stay-antika-hero-inner{
position:relative;
z-index:3;
width:min(1180px,calc(100% - 48px));
margin:auto;
padding:100px 0 82px;
}
.stay-antika-content{
max-width:720px;
}
/* =========================
KICKER
========================= */
.stay-antika-kicker{
display:inline-flex;
align-items:center;
gap:9px;
padding:8px 17px;
margin-bottom:24px;
border:1px solid rgba(240,208,125,.58);
border-radius:50px;
background:rgba(4,18,35,.72);
color:#F0D07D;
font-size:12px;
font-weight:800;
letter-spacing:1px;
box-shadow:
0 8px 25px rgba(0,0,0,.18);
}
.stay-antika-kicker i{
width:7px;
height:7px;
border-radius:50%;
background:#F0D07D;
box-shadow:
0 0 12px rgba(240,208,125,.9);
}
/* =========================
TITLE
========================= */
.stay-antika-hero h1{
max-width:760px;
margin:0;
color:#FFFFFF;
font-size:clamp(42px,5.3vw,68px);
line-height:1.12;
font-weight:900;
letter-spacing:-1.3px;
text-shadow:
0 4px 18px rgba(0,0,0,.48);
}
.stay-antika-hero h1 span{
color:#F0C96D;
text-shadow:
0 3px 18px rgba(0,0,0,.45);
}
/* =========================
DESCRIPTION
========================= */
.stay-antika-hero-lead{
max-width:650px;
margin:25px 0 0;
color:#FFFFFF;
font-size:17px;
line-height:2;
font-weight:500;
text-shadow:
0 2px 12px rgba(0,0,0,.65);
}
/* =========================
INTRO
========================= */
.stay-antika-intro{
max-width:920px;
margin:0 auto;
padding:75px 24px 55px;
text-align:center;
}
.stay-antika-intro-label{
color:#C89A3D;
font-size:12px;
font-weight:800;
letter-spacing:1px;
margin-bottom:12px;
}
.stay-antika-intro h2{
margin:0 0 18px;
color:#071A30;
font-size:clamp(28px,4vw,42px);
line-height:1.3;
font-weight:800;
}
.stay-antika-intro p{
max-width:760px;
margin:auto;
color:#687586;
font-size:16px;
line-height:2.05;
}
/* =========================
FEATURES
========================= */
.stay-antika-features{
background:#F7F5F0;
padding:65px 24px 80px;
}
.stay-antika-features-inner{
max-width:1180px;
margin:auto;
}
.stay-antika-section-heading{
text-align:center;
margin-bottom:38px;
}
.stay-antika-section-heading h2{
margin:0 0 10px;
color:#071A30;
font-size:32px;
font-weight:800;
}
.stay-antika-section-heading p{
margin:0 auto;
max-width:680px;
color:#6D7886;
line-height:1.9;
}
/* =========================
CARDS
========================= */
.stay-antika-cards{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:22px;
}
.stay-antika-card{
position:relative;
min-height:260px;
padding:32px 30px;
border-radius:22px;
background:#FFFFFF;
border:1px solid rgba(8,27,50,.07);
box-shadow:
0 12px 35px rgba(18,35,55,.07);
overflow:hidden;
transition:
transform .25s ease,
box-shadow .25s ease;
}
.stay-antika-card:hover{
transform:translateY(-6px);
box-shadow:
0 22px 45px rgba(18,35,55,.13);
}
.stay-antika-card-number{
position:absolute;
top:20px;
right:23px;
color:rgba(207,162,74,.18);
font-size:58px;
line-height:1;
font-weight:900;
}
.stay-antika-card-icon{
width:48px;
height:48px;
display:flex;
align-items:center;
justify-content:center;
margin-bottom:27px;
border-radius:14px;
background:#F5EEDC;
color:#A57A2E;
font-size:14px;
font-weight:800;
}
.stay-antika-card h3{
position:relative;
z-index:2;
margin:0 0 12px;
color:#071A30;
font-size:20px;
font-weight:800;
}
.stay-antika-card p{
position:relative;
z-index:2;
margin:0;
color:#687586;
font-size:14px;
line-height:1.95;
}
/* =========================
MOBILE
========================= */
@media(max-width:850px){
.stay-antika-hero{
min-height:600px;
background:
linear-gradient(
180deg,
rgba(4,18,35,.30) 0%,
rgba(4,18,35,.72) 42%,
rgba(4,18,35,.97) 82%,
rgba(4,18,35,1) 100%
),
url("YOUR-ANTIKA-IMAGE.jpg")
center center / cover no-repeat;
}
.stay-antika-hero-inner{
width:calc(100% - 32px);
padding:80px 0 65px;
}
.stay-antika-content{
max-width:100%;
}
.stay-antika-hero h1{
font-size:45px;
}
.stay-antika-hero-lead{
font-size:16px;
}
.stay-antika-cards{
grid-template-columns:1fr;
}
.stay-antika-card{
min-height:auto;
}
}
@media(max-width:520px){
.stay-antika-hero{
min-height:560px;
border-radius:0 0 24px 24px;
}
.stay-antika-hero h1{
font-size:39px;
letter-spacing:-.7px;
}
.stay-antika-hero-lead{
font-size:15px;
line-height:1.9;
}
.stay-antika-intro{
padding-top:55px;
}
.stay-antika-features{
padding:50px 16px 60px;
}
}
اكتشف Antika
```
```html id="q7m2kx"
.stay-antika-p2{
--navy:#071A30;
--navy-2:#102B48;
--gold:#CFA24A;
--gold-light:#E7C574;
--cream:#F7F5F0;
--text:#1A2B40;
--muted:#6E7A88;
font-family:"Cairo",Arial,sans-serif;
background:#fff;
color:var(--text);
overflow:hidden;
}
/* =========================
SECTION HEADER
========================= */
.stay-a2-header{
max-width:1180px;
margin:auto;
padding:78px 24px 38px;
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:30px;
}
.stay-a2-header-copy{
max-width:720px;
}
.stay-a2-label{
display:inline-block;
margin-bottom:13px;
color:var(--gold);
font-size:12px;
font-weight:800;
letter-spacing:1px;
text-transform:uppercase;
}
.stay-a2-header h2{
margin:0;
color:var(--navy);
font-size:clamp(30px,4vw,46px);
line-height:1.25;
font-weight:800;
}
.stay-a2-header p{
margin:15px 0 0;
color:var(--muted);
font-size:16px;
line-height:2;
}
/* =========================
FEATURE GRID
========================= */
.stay-a2-grid{
max-width:1180px;
margin:auto;
padding:25px 24px 75px;
display:grid;
grid-template-columns:1.35fr .85fr;
grid-template-rows:250px 250px;
gap:20px;
}
/* =========================
LARGE FEATURE
========================= */
.stay-a2-feature{
position:relative;
overflow:hidden;
border-radius:25px;
min-height:250px;
background:
linear-gradient(
180deg,
rgba(5,20,37,.05),
rgba(5,20,37,.88)
),
url("YOUR-ANTIKA-IMAGE-01.jpg")
center/cover no-repeat;
}
.stay-a2-feature-content{
position:absolute;
left:32px;
right:32px;
bottom:28px;
z-index:2;
}
.stay-a2-feature-tag{
display:inline-block;
padding:6px 12px;
margin-bottom:10px;
border:1px solid rgba(255,255,255,.35);
border-radius:30px;
background:rgba(7,26,48,.45);
color:#F0D07D;
font-size:10px;
font-weight:800;
letter-spacing:.7px;
}
.stay-a2-feature h3{
margin:0 0 7px;
color:#fff;
font-size:27px;
line-height:1.3;
font-weight:800;
}
.stay-a2-feature p{
max-width:620px;
margin:0;
color:rgba(255,255,255,.84);
font-size:14px;
line-height:1.85;
}
/* =========================
SMALL CARDS
========================= */
.stay-a2-card{
position:relative;
padding:28px;
border-radius:23px;
background:#fff;
border:1px solid rgba(7,26,48,.08);
box-shadow:
0 12px 35px rgba(15,35,55,.07);
overflow:hidden;
transition:.25s ease;
}
.stay-a2-card:hover{
transform:translateY(-5px);
box-shadow:
0 20px 42px rgba(15,35,55,.12);
}
.stay-a2-card-number{
position:absolute;
top:14px;
right:20px;
color:rgba(207,162,74,.16);
font-size:58px;
line-height:1;
font-weight:900;
}
.stay-a2-card-icon{
width:46px;
height:46px;
display:flex;
align-items:center;
justify-content:center;
margin-bottom:23px;
border-radius:13px;
background:#F5EEDC;
color:#A77D31;
font-size:13px;
font-weight:800;
}
.stay-a2-card h3{
position:relative;
z-index:2;
margin:0 0 9px;
color:var(--navy);
font-size:19px;
font-weight:800;
}
.stay-a2-card p{
position:relative;
z-index:2;
margin:0;
color:var(--muted);
font-size:13px;
line-height:1.9;
}
/* =========================
BOTTOM INSIGHT
========================= */
.stay-a2-insight{
background:var(--cream);
padding:70px 24px;
}
.stay-a2-insight-inner{
max-width:1180px;
margin:auto;
display:grid;
grid-template-columns:.8fr 1.2fr;
gap:50px;
align-items:center;
}
.stay-a2-insight-number{
color:rgba(207,162,74,.25);
font-size:100px;
line-height:.8;
font-weight:900;
}
.stay-a2-insight h2{
margin:0 0 14px;
color:var(--navy);
font-size:32px;
line-height:1.35;
font-weight:800;
}
.stay-a2-insight p{
margin:0;
max-width:700px;
color:var(--muted);
font-size:15px;
line-height:2;
}
/* =========================
CONTACT STRIP
========================= */
.stay-a2-contact{
max-width:1180px;
margin:0 auto;
padding:28px 24px 70px;
}
.stay-a2-contact-box{
display:flex;
align-items:center;
justify-content:space-between;
gap:25px;
padding:25px 30px;
border-radius:20px;
background:var(--navy);
box-shadow:0 18px 40px rgba(7,26,48,.14);
}
.stay-a2-contact-copy{
color:#fff;
}
.stay-a2-contact-copy strong{
display:block;
margin-bottom:5px;
font-size:17px;
}
.stay-a2-contact-copy span{
color:rgba(255,255,255,.65);
font-size:12px;
}
.stay-a2-contact-links{
display:flex;
align-items:center;
gap:10px;
flex-wrap:wrap;
}
.stay-a2-contact-links a{
display:inline-flex;
align-items:center;
justify-content:center;
padding:11px 17px;
border-radius:10px;
text-decoration:none!important;
font-size:12px;
font-weight:800;
}
.stay-a2-phone{
background:#fff;
color:var(--navy)!important;
}
.stay-a2-whatsapp{
background:#D8B35F;
color:var(--navy)!important;
}
/* =========================
MOBILE
========================= */
@media(max-width:850px){
.stay-a2-header{
display:block;
padding-top:58px;
}
.stay-a2-grid{
grid-template-columns:1fr;
grid-template-rows:auto;
}
.stay-a2-feature{
min-height:330px;
}
.stay-a2-card{
min-height:210px;
}
.stay-a2-insight-inner{
grid-template-columns:1fr;
gap:25px;
}
.stay-a2-insight-number{
font-size:75px;
}
.stay-a2-contact-box{
display:block;
}
.stay-a2-contact-links{
margin-top:18px;
}
}
@media(max-width:520px){
.stay-a2-grid{
padding-left:16px;
padding-right:16px;
}
.stay-a2-header{
padding-left:18px;
padding-right:18px;
}
.stay-a2-feature-content{
left:22px;
right:22px;
bottom:22px;
}
.stay-a2-feature h3{
font-size:23px;
}
.stay-a2-insight{
padding:55px 18px;
}
.stay-a2-contact{
padding-left:16px;
padding-right:16px;
}
.stay-a2-contact-box{
padding:23px;
}
.stay-a2-contact-links a{
flex:1;
}
}
```
/* =========================================================
BASE
========================================================= */
.stay-antika-p3{
--navy:#071A30;
--navy2:#102B48;
--gold:#CFA24A;
--gold2:#E7C574;
--cream:#F7F5F0;
--text:#172A40;
--muted:#6C7886;
font-family:"Cairo",Arial,sans-serif;
background:#fff;
color:var(--text);
overflow:hidden;
}
/* =========================================================
STORY SECTION
========================================================= */
.stay-a3-story{
max-width:1180px;
margin:auto;
padding:90px 24px;
display:grid;
grid-template-columns:1.08fr .92fr;
gap:65px;
align-items:center;
}
/* IMAGE */
.stay-a3-story-image{
position:relative;
min-height:520px;
border-radius:28px;
overflow:hidden;
background:
linear-gradient(
180deg,
rgba(7,26,48,.02),
rgba(7,26,48,.28)
),
url("YOUR-ANTIKA-IMAGE-02.jpg")
center center / cover no-repeat;
box-shadow:
0 25px 60px rgba(7,26,48,.16);
}
/* GOLD FRAME */
.stay-a3-story-image::after{
content:"";
position:absolute;
width:150px;
height:150px;
right:-35px;
bottom:-35px;
border:1px solid rgba(231,197,116,.75);
border-radius:50%;
}
/* IMAGE LABEL */
.stay-a3-image-label{
position:absolute;
left:24px;
bottom:24px;
padding:9px 15px;
border-radius:30px;
background:rgba(7,26,48,.78);
color:#F1D27E;
font-size:11px;
font-weight:800;
letter-spacing:.8px;
backdrop-filter:blur(10px);
}
/* =========================================================
STORY CONTENT
========================================================= */
.stay-a3-story-content{
max-width:520px;
}
.stay-a3-kicker{
display:inline-block;
margin-bottom:17px;
color:var(--gold);
font-size:12px;
font-weight:800;
letter-spacing:1px;
text-transform:uppercase;
}
.stay-a3-story h2{
margin:0 0 22px;
color:var(--navy);
font-size:clamp(32px,4vw,48px);
line-height:1.3;
font-weight:900;
}
.stay-a3-story h2 span{
color:var(--gold);
}
.stay-a3-story p{
margin:0 0 17px;
color:var(--muted);
font-size:15px;
line-height:2.15;
}
/* MINI FACT */
.stay-a3-mini{
display:flex;
gap:15px;
margin-top:28px;
padding-top:22px;
border-top:1px solid #E6E8EB;
}
.stay-a3-mini-number{
color:var(--gold);
font-size:27px;
line-height:1;
font-weight:900;
}
.stay-a3-mini strong{
display:block;
margin-bottom:4px;
color:var(--navy);
font-size:14px;
}
.stay-a3-mini span{
color:var(--muted);
font-size:12px;
line-height:1.7;
}
/* =========================================================
EXPERIENCE SECTION
========================================================= */
.stay-a3-experiences{
padding:85px 24px;
background:var(--cream);
}
.stay-a3-experiences-inner{
max-width:1180px;
margin:auto;
}
/* HEADER */
.stay-a3-heading{
max-width:700px;
margin-bottom:42px;
}
.stay-a3-heading-label{
margin-bottom:10px;
color:var(--gold);
font-size:12px;
font-weight:800;
letter-spacing:1px;
}
.stay-a3-heading h2{
margin:0 0 13px;
color:var(--navy);
font-size:clamp(30px,4vw,43px);
line-height:1.3;
font-weight:900;
}
.stay-a3-heading p{
margin:0;
color:var(--muted);
font-size:15px;
line-height:2;
}
/* =========================================================
FOUR CARDS
========================================================= */
.stay-a3-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:17px;
}
.stay-a3-experience-card{
position:relative;
min-height:275px;
padding:28px 23px;
border-radius:21px;
background:#fff;
border:1px solid rgba(7,26,48,.07);
box-shadow:
0 10px 30px rgba(7,26,48,.055);
overflow:hidden;
transition:.25s ease;
}
.stay-a3-experience-card:hover{
transform:translateY(-7px);
box-shadow:
0 20px 40px rgba(7,26,48,.11);
}
/* NUMBER */
.stay-a3-card-number{
position:absolute;
top:12px;
right:16px;
color:rgba(207,162,74,.15);
font-size:55px;
line-height:1;
font-weight:900;
}
/* ICON */
.stay-a3-card-icon{
width:44px;
height:44px;
display:flex;
align-items:center;
justify-content:center;
margin-bottom:27px;
border-radius:13px;
background:#F5EEDC;
color:#A2782C;
font-size:12px;
font-weight:900;
}
.stay-a3-experience-card h3{
position:relative;
z-index:2;
margin:0 0 11px;
color:var(--navy);
font-size:18px;
line-height:1.45;
font-weight:800;
}
.stay-a3-experience-card p{
position:relative;
z-index:2;
margin:0;
color:var(--muted);
font-size:13px;
line-height:1.95;
}
/* GOLD LINE */
.stay-a3-experience-card::after{
content:"";
position:absolute;
left:23px;
bottom:0;
width:42px;
height:3px;
border-radius:5px 5px 0 0;
background:var(--gold);
}
/* =========================================================
EDITORIAL QUOTE
========================================================= */
.stay-a3-quote{
max-width:1000px;
margin:auto;
padding:95px 24px;
text-align:center;
}
.stay-a3-quote-mark{
margin-bottom:8px;
color:var(--gold);
font-family:Georgia,serif;
font-size:75px;
line-height:.65;
}
.stay-a3-quote blockquote{
margin:0 auto;
max-width:820px;
color:var(--navy);
font-size:clamp(25px,3.3vw,38px);
line-height:1.65;
font-weight:800;
}
.stay-a3-quote small{
display:block;
margin-top:20px;
color:var(--muted);
font-size:12px;
letter-spacing:.7px;
}
/* =========================================================
BOTTOM CTA
========================================================= */
.stay-a3-bottom{
max-width:1180px;
margin:auto;
padding:0 24px 80px;
}
.stay-a3-bottom-box{
position:relative;
padding:48px 55px;
border-radius:25px;
overflow:hidden;
background:
linear-gradient(
115deg,
#071A30 0%,
#102B48 65%,
#193A59 100%
);
box-shadow:
0 20px 50px rgba(7,26,48,.16);
}
.stay-a3-bottom-box::after{
content:"";
position:absolute;
width:300px;
height:300px;
right:-120px;
top:-150px;
border:1px solid rgba(231,197,116,.22);
border-radius:50%;
}
.stay-a3-bottom-box h3{
position:relative;
z-index:2;
margin:0 0 9px;
color:#fff;
font-size:25px;
font-weight:800;
}
.stay-a3-bottom-box p{
position:relative;
z-index:2;
max-width:700px;
margin:0;
color:rgba(255,255,255,.72);
font-size:14px;
line-height:1.9;
}
/* =========================================================
MOBILE
========================================================= */
@media(max-width:950px){
.stay-a3-story{
grid-template-columns:1fr;
gap:45px;
padding:70px 24px;
}
.stay-a3-story-content{
max-width:760px;
}
.stay-a3-grid{
grid-template-columns:repeat(2,1fr);
}
}
@media(max-width:600px){
.stay-a3-story{
padding:55px 16px;
}
.stay-a3-story-image{
min-height:390px;
border-radius:21px;
}
.stay-a3-story h2{
font-size:32px;
}
.stay-a3-experiences{
padding:60px 16px;
}
.stay-a3-grid{
grid-template-columns:1fr;
}
.stay-a3-experience-card{
min-height:220px;
}
.stay-a3-quote{
padding:70px 20px;
}
.stay-a3-quote blockquote{
font-size:24px;
}
.stay-a3-bottom{
padding:0 16px 55px;
}
.stay-a3-bottom-box{
padding:35px 25px;
}
}
/* =========================================================
BASE
========================================================= */
.stay-antika-p4{
--navy:#071A30;
--navy2:#102B48;
--gold:#CFA24A;
--gold2:#E7C574;
--cream:#F7F5F0;
--soft:#F1F3F5;
--text:#172A40;
--muted:#6C7886;
--line:#E3E7EA;
font-family:"Cairo",Arial,sans-serif;
background:#fff;
color:var(--text);
overflow:hidden;
}
/* =========================================================
EDITORIAL INTRO
========================================================= */
.stay-a4-intro{
max-width:1180px;
margin:auto;
padding:85px 24px 55px;
display:grid;
grid-template-columns:.75fr 1.25fr;
gap:60px;
align-items:start;
}
.stay-a4-intro-label{
color:var(--gold);
font-size:12px;
font-weight:800;
letter-spacing:1px;
}
.stay-a4-intro-number{
margin-top:18px;
color:rgba(207,162,74,.22);
font-size:100px;
line-height:.8;
font-weight:900;
}
.stay-a4-intro-content h2{
margin:0 0 20px;
color:var(--navy);
font-size:clamp(30px,4vw,45px);
line-height:1.35;
font-weight:900;
}
.stay-a4-intro-content h2 span{
color:var(--gold);
}
.stay-a4-intro-content p{
margin:0 0 16px;
color:var(--muted);
font-size:15px;
line-height:2.15;
}
/* =========================================================
INFO STRIP
========================================================= */
.stay-a4-info{
max-width:1180px;
margin:auto;
padding:20px 24px 80px;
}
.stay-a4-info-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:18px;
}
.stay-a4-info-card{
position:relative;
padding:28px;
min-height:190px;
border-radius:20px;
background:var(--soft);
border:1px solid rgba(7,26,48,.05);
overflow:hidden;
}
.stay-a4-info-card::before{
content:"";
position:absolute;
left:0;
top:0;
width:4px;
height:100%;
background:var(--gold);
}
.stay-a4-info-number{
margin-bottom:18px;
color:var(--gold);
font-size:12px;
font-weight:900;
letter-spacing:.8px;
}
.stay-a4-info-card h3{
margin:0 0 9px;
color:var(--navy);
font-size:19px;
font-weight:800;
}
.stay-a4-info-card p{
margin:0;
color:var(--muted);
font-size:13px;
line-height:1.9;
}
/* =========================================================
DARK EDITORIAL BAND
========================================================= */
.stay-a4-dark{
position:relative;
padding:85px 24px;
background:
radial-gradient(
circle at 85% 20%,
rgba(207,162,74,.14),
transparent 30%
),
linear-gradient(
120deg,
#071A30,
#102B48
);
overflow:hidden;
}
.stay-a4-dark::after{
content:"";
position:absolute;
width:420px;
height:420px;
right:-220px;
bottom:-230px;
border:1px solid rgba(231,197,116,.16);
border-radius:50%;
}
.stay-a4-dark-inner{
position:relative;
z-index:2;
max-width:1000px;
margin:auto;
text-align:center;
}
.stay-a4-dark-label{
color:var(--gold2);
font-size:11px;
font-weight:800;
letter-spacing:1px;
}
.stay-a4-dark h2{
margin:15px 0 18px;
color:#fff;
font-size:clamp(30px,4vw,44px);
line-height:1.35;
font-weight:900;
}
.stay-a4-dark p{
max-width:760px;
margin:auto;
color:rgba(255,255,255,.72);
font-size:15px;
line-height:2;
}
/* =========================================================
FAQ
========================================================= */
.stay-a4-faq{
max-width:1000px;
margin:auto;
padding:85px 24px;
}
.stay-a4-faq-header{
text-align:center;
margin-bottom:38px;
}
.stay-a4-faq-label{
color:var(--gold);
font-size:11px;
font-weight:800;
letter-spacing:1px;
}
.stay-a4-faq-header h2{
margin:10px 0 10px;
color:var(--navy);
font-size:35px;
font-weight:900;
}
.stay-a4-faq-header p{
margin:0;
color:var(--muted);
font-size:14px;
}
/* FAQ ITEM */
.stay-a4-faq-item{
border-bottom:1px solid var(--line);
}
.stay-a4-faq-item:first-child{
border-top:1px solid var(--line);
}
.stay-a4-faq-question{
width:100%;
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
padding:22px 5px;
border:0;
background:transparent;
color:var(--navy);
text-align:right;
font-family:inherit;
font-size:15px;
font-weight:800;
cursor:pointer;
}
.stay-a4-faq-plus{
flex:0 0 auto;
width:30px;
height:30px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
background:#F5EEDC;
color:#A2782C;
font-size:18px;
transition:.25s ease;
}
.stay-a4-faq-answer{
max-height:0;
overflow:hidden;
transition:
max-height .35s ease,
padding .35s ease;
}
.stay-a4-faq-answer p{
margin:0;
padding:0 40px 22px 5px;
color:var(--muted);
font-size:13px;
line-height:2;
}
/* ACTIVE */
.stay-a4-faq-item.active
.stay-a4-faq-plus{
transform:rotate(45deg);
background:var(--gold);
color:var(--navy);
}
.stay-a4-faq-item.active
.stay-a4-faq-answer{
max-height:180px;
}
/* =========================================================
CONTACT CTA
========================================================= */
.stay-a4-contact{
max-width:1180px;
margin:auto;
padding:0 24px 80px;
}
.stay-a4-contact-box{
position:relative;
display:flex;
align-items:center;
justify-content:space-between;
gap:30px;
padding:42px 48px;
border-radius:25px;
background:#F7F5F0;
border:1px solid rgba(7,26,48,.06);
overflow:hidden;
}
.stay-a4-contact-box::after{
content:"";
position:absolute;
width:190px;
height:190px;
right:-85px;
top:-100px;
border:1px solid rgba(207,162,74,.25);
border-radius:50%;
}
.stay-a4-contact-content{
position:relative;
z-index:2;
}
.stay-a4-contact-content small{
display:block;
margin-bottom:7px;
color:var(--gold);
font-size:11px;
font-weight:800;
letter-spacing:.8px;
}
.stay-a4-contact-content h3{
margin:0 0 7px;
color:var(--navy);
font-size:25px;
font-weight:900;
}
.stay-a4-contact-content p{
margin:0;
color:var(--muted);
font-size:13px;
}
.stay-a4-contact-buttons{
position:relative;
z-index:2;
display:flex;
gap:10px;
flex-wrap:wrap;
}
.stay-a4-contact-buttons a{
display:inline-flex;
align-items:center;
justify-content:center;
padding:12px 19px;
border-radius:10px;
text-decoration:none!important;
font-size:12px;
font-weight:800;
}
.stay-a4-call{
background:var(--navy);
color:#fff!important;
}
.stay-a4-wa{
background:var(--gold);
color:var(--navy)!important;
}
/* =========================================================
MOBILE
========================================================= */
@media(max-width:850px){
.stay-a4-intro{
grid-template-columns:1fr;
gap:25px;
padding-top:65px;
}
.stay-a4-intro-number{
font-size:70px;
}
.stay-a4-info-grid{
grid-template-columns:1fr;
}
.stay-a4-contact-box{
display:block;
padding:35px 27px;
}
.stay-a4-contact-buttons{
margin-top:22px;
}
}
@media(max-width:520px){
.stay-a4-intro,
.stay-a4-info,
.stay-a4-faq,
.stay-a4-contact{
padding-left:16px;
padding-right:16px;
}
.stay-a4-dark{
padding:65px 18px;
}
.stay-a4-faq{
padding-top:60px;
padding-bottom:60px;
}
.stay-a4-faq-header h2{
font-size:30px;
}
.stay-a4-contact-buttons{
display:grid;
grid-template-columns:1fr;
}
.stay-a4-contact-buttons a{
width:100%;
}
}
(function(){
const items =
document.querySelectorAll(
'.stay-antika-p4 .stay-a4-faq-item'
);
items.forEach(function(item){
const button =
item.querySelector(
'.stay-a4-faq-question'
);
button.addEventListener(
'click',
function(){
items.forEach(function(other){
if(other !== item){
other.classList.remove(
'active'
);
}
});
item.classList.toggle('active');
}
);
});
})();
STAYIN JOURNAL
اكتشف Antika
تجربة تستحق أن تُروى
هناك أماكن لا تكتفي بأن تكون وجهة، بل تترك انطباعًا من اللحظة الأولى. اكتشف Antika من زاوية مختلفة، وتعرّف على التفاصيل التي تمنح التجربة طابعها الخاص.
THE EXPERIENCE
أكثر من مجرد مكان
عندما نتحدث عن تجربة مميزة، فالتفاصيل الصغيرة هي التي تصنع الفرق. الأجواء، التصميم، الإحساس بالمكان، والتفاصيل المحيطة كلها عناصر تجعل التجربة أكثر حضورًا وتمنحها شخصية خاصة.
لماذا تلفت Antika الانتباه؟
ثلاث زوايا أساسية تجعل التجربة مختلفة وتمنح المكان حضوره الخاص.
01
أجواء لها شخصية
تجربة تبدأ من الإحساس بالمكان، حيث تتكامل الأجواء والتفاصيل لتمنح Antika طابعًا مميزًا.
02
تفاصيل تصنع الفرق
التفاصيل الصغيرة هي التي تجعل التجربة أكثر تميزًا وتترك انطباعًا يستمر بعد انتهاء الزيارة.
03
تجربة تستحق الاكتشاف
بعض الأماكن لا تحتاج إلى مبالغة؛ يكفي أن تمنحها الوقت لتكتشف ما يجعلها مختلفة.
ANTIKA — BEYOND THE ORDINARY
التفاصيل التي تجعل التجربة مختلفة
جمال التجربة لا يأتي من عنصر واحد فقط، بل من مجموعة من التفاصيل التي تعمل معًا لتمنح المكان شخصيته الخاصة.
THE ATMOSPHERE
أجواء تبقى في الذاكرة
عندما يكون للمكان طابع واضح، تصبح الأجواء جزءًا أساسيًا من التجربة، وليس مجرد خلفية للمشهد.
02
التصميم والتفاصيل
التفاصيل البصرية وطريقة تنسيق المساحات تضيف إحساسًا خاصًا وتجعل كل زاوية جزءًا من شخصية المكان.
03
لحظات تستحق التذكر
التجارب المميزة لا تُقاس فقط بما تراه، بل بما تشعر به وما يبقى معك بعد انتهاء اللحظة.
02
التجربة تبدأ قبل أن تصل
اختيار المكان، الصورة التي تراها، التفاصيل التي تلفت انتباهك، وحتى الطريقة التي تتخيل بها يومك هناك، كلها جزء من التجربة. ولهذا تهتم StayIn بتقديم الوجهات والتجارب بطريقة تجعل اكتشافها ممتعًا بحد ذاته.
Want to know more about StayIn?
تواصل معنا لمعرفة المزيد عن التجارب
والخدمات المتاحة عبر StayIn.
ANTIKA EXPERIENCE
A CLOSER LOOK
عندما تصبح التفاصيل جزءًا من الرحلة
بعض الأماكن تترك أثرها لأنها تعرف كيف تصنع إحساسًا متكاملًا. لا يعتمد الأمر على عنصر واحد، وإنما على الطريقة التي تتجمع بها التفاصيل لتصنع تجربة لها هوية واضحة.
ولهذا فإن اكتشاف Antika لا يتعلق فقط بما يمكن رؤيته في المكان، بل بالإحساس العام الذي تمنحه التجربة، وباللحظات التي تجعلها مختلفة عن التجارب التقليدية.
03
The StayIn Perspective
نكتشف الأماكن من خلال التفاصيل
التي تجعل كل تجربة مختلفة.
EXPERIENCE NOTES
أربع تفاصيل تستحق الانتباه
عند اكتشاف أي تجربة جديدة، هناك تفاصيل صغيرة تساعدك على فهم شخصية المكان والاستمتاع به بطريقة مختلفة.
01
الهوية البصرية
الصورة الأولى للمكان ليست مجرد شكل؛ إنها بداية تكوين الانطباع وفهم الشخصية التي يحملها.
02
الأجواء المحيطة
الإضاءة، المساحات، التفاصيل والمشهد العام كلها عناصر تؤثر في إحساسك بالتجربة.
03
اللحظة نفسها
أفضل التجارب هي التي تمنحك لحظات طبيعية تستمتع بها بدلًا من مجرد المرور بالمكان.
04
الذكرى التي تبقى
في النهاية، قيمة التجربة تظهر فيما تتذكره منها بعد أن تنتهي الرحلة وتعود إلى يومك المعتاد.
“
ليست كل الأماكن مجرد وجهة، بعض الأماكن تصبح جزءًا من قصة الرحلة.STAYIN JOURNAL — ANTIKA
اكتشف المزيد مع StayIn
StayIn يأخذك إلى ما هو أبعد من المكان، لاكتشاف الوجهات والتجارب والتفاصيل التي تجعل كل رحلة أكثر تميزًا.
THE STAYIN EDIT
04
ما الذي يجعل Antika تجربة مختلفة؟
عندما نكتشف مكانًا جديدًا، لا تكون الصورة الكاملة في التفاصيل الكبيرة فقط. أحيانًا يكون التأثير الحقيقي في الطريقة التي تتكامل بها الأجواء مع التصميم والإحساس العام.
وهذا ما يجعل بعض التجارب أكثر قابلية للتذكر؛ لأنها تمنح الزائر شيئًا يتجاوز مجرد زيارة مكان جديد، وتترك وراءها إحساسًا وذكرى.
01 — ATMOSPHERE
الأجواء
الإحساس الأول الذي يكوّنه المكان منذ اللحظة التي تبدأ فيها باكتشافه.
02 — DETAILS
التفاصيل
عناصر صغيرة قد تبدو بسيطة، لكنها تصنع الفرق في التجربة النهائية.
03 — MEMORY
الذكرى
القيمة الحقيقية لأي تجربة هي ما يبقى منها في الذاكرة بعد انتهاء اللحظة.
STAYIN JOURNAL
اكتشاف المكان جزء من متعة الرحلة
في StayIn، نؤمن أن الرحلة لا تبدأ عند الوصول فقط. تبدأ من اللحظة التي تكتشف فيها وجهتك، وتقرأ عنها، وتتخيل التجربة التي تنتظرك. ولهذا نركز على القصص والتفاصيل التي تجعل اكتشاف الأماكن أكثر إلهامًا.
FREQUENTLY ASKED
أسئلة شائعة
بعض الأسئلة التي قد تخطر في بالك أثناء اكتشاف Antika.
Antika هي تجربة يتم استكشافها من خلال تفاصيل المكان وأجوائه وطابعه الخاص. سيتم إضافة التفاصيل الرسمية الخاصة بـAntika هنا عند اعتماد بيانات المشروع.
لأن StayIn لا يركز فقط على الأماكن، بل يهتم أيضًا بالتجارب والتفاصيل التي تجعل الرحلات أكثر تميزًا.
يمكنك التواصل مع فريق StayIn مباشرة لمعرفة المزيد عن Antika والتجارب والخدمات المرتبطة بها.
CONNECT WITH STAYIN
تريد معرفة المزيد؟
تواصل مع فريق StayIn وسنساعدك بالمعلومات المتاحة.