```html
🌿
לנשום עמוק
אוויר נקי וריח יערות אורנים.
מלון אבן פרטי בלב הטבע הפראי.
🍋
לחגוג את המטבח היווני
טברנות ומסעדות יווניות אוטנטיות —
הכל טרי, בריא ובשפע.
✦
לגלות את עצמך מחדש
במיינדפולנס בטבע, דינאמיקה קבוצתית,
פסיכודרמה, כתיבה אינטואיטיבית,
קלפים ויצירה.
♡
ביד בוטחת
בהנחיית ויקי לביא משל
ושגית כפרי טורם.
/* ================================
SECTION
================================ */
#wings-four-features {
position: relative;
width: 100%;
padding: 90px 20px;
overflow: hidden;
background: #F6F2EA;
font-family:
"Assistant",
"Heebo",
Arial,
sans-serif;
direction: rtl;
box-sizing: border-box;
}
/* ================================
BACKGROUND IMAGE
================================ */
#wings-four-features .wff-bg {
position: absolute;
top: -20px;
right: -20px;
bottom: -20px;
left: -20px;
background-image:
url("https://wings-to-greece.lovable.app/__l5e/assets-v1/8b3c11b0-1696-4bfc-a64d-0acd52211f2b/kamprinisi-lake-2.jpg");
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
filter:
saturate(.82)
brightness(1.04);
transform: scale(1.03);
z-index: 0;
}
/* ================================
SOFT OVERLAY
================================ */
#wings-four-features .wff-overlay {
position: absolute;
inset: 0;
background:
linear-gradient(
rgba(246,242,234,.58),
rgba(246,242,234,.68)
);
z-index: 1;
pointer-events: none;
}
/* ================================
TOP SOFT FADE
================================ */
#wings-four-features .wff-top-fade {
position: absolute;
top: 0;
right: 0;
left: 0;
height: 150px;
background:
linear-gradient(
to bottom,
#F6F2EA 0%,
rgba(246,242,234,.72) 30%,
rgba(246,242,234,0) 100%
);
z-index: 2;
pointer-events: none;
}
/* ================================
BOTTOM SOFT FADE
================================ */
#wings-four-features .wff-bottom-fade {
position: absolute;
right: 0;
bottom: 0;
left: 0;
height: 150px;
background:
linear-gradient(
to top,
#F6F2EA 0%,
rgba(246,242,234,.72) 30%,
rgba(246,242,234,0) 100%
);
z-index: 2;
pointer-events: none;
}
/* ================================
CONTENT CONTAINER
================================ */
#wings-four-features .wff-inner {
position: relative;
z-index: 5;
width: 100%;
max-width: 1180px;
margin: 0 auto;
display: grid;
grid-template-columns:
repeat(4, minmax(0, 1fr));
gap: 22px;
align-items: stretch;
}
/* ================================
CARD
================================ */
#wings-four-features .wff-card {
width: 100%;
min-width: 0;
min-height: 275px;
padding:
32px 24px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
text-align: center;
background:
rgba(255,252,247,.80);
border:
1px solid rgba(97,73,51,.10);
border-radius: 28px;
box-shadow:
0 12px 38px
rgba(80,60,40,.07);
backdrop-filter:
blur(12px);
-webkit-backdrop-filter:
blur(12px);
transition:
transform .3s ease,
box-shadow .3s ease,
background .3s ease;
}
/* ================================
CARD HOVER
================================ */
#wings-four-features .wff-card:hover {
transform:
translateY(-4px);
background:
rgba(255,252,247,.88);
box-shadow:
0 18px 45px
rgba(80,60,40,.10);
}
/* ================================
ICON
================================ */
#wings-four-features .wff-icon {
width: 56px;
height: 56px;
margin-bottom: 18px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
font-size: 25px;
line-height: 1;
box-shadow:
inset 0 0 0 1px
rgba(97,73,51,.04);
}
/* ================================
ICON COLORS
================================ */
#wings-four-features .wff-icon-green {
background:
rgba(97,73,51,.08);
color:
#614933;
}
#wings-four-features .wff-icon-lemon {
background:
rgba(143,108,72,.09);
color:
#8F6C48;
}
#wings-four-features .wff-icon-gold {
background:
rgba(180,145,87,.10);
color:
#967748;
}
#wings-four-features .wff-icon-rose {
background:
rgba(170,110,90,.09);
color:
#956453;
}
/* ================================
HEADINGS
================================ */
#wings-four-features .wff-card h3 {
margin:
0 0 13px;
padding: 0;
color:
#59422F;
font-size:
22px;
line-height:
1.4;
font-weight:
600;
}
/* ================================
TEXT
================================ */
#wings-four-features .wff-card p {
margin: 0;
padding: 0;
max-width:
270px;
color:
#614933;
font-size:
16px;
line-height:
1.8;
font-weight:
400;
}
/* ================================
TABLET
================================ */
@media screen and (max-width: 950px) {
#wings-four-features {
padding:
70px 18px;
}
#wings-four-features .wff-inner {
grid-template-columns:
repeat(2, minmax(0, 1fr));
gap:
18px;
}
#wings-four-features .wff-card {
min-height:
245px;
}
}
/* ================================
MOBILE
================================ */
@media screen and (max-width: 600px) {
#wings-four-features {
padding:
55px 14px;
}
#wings-four-features .wff-inner {
width:
100%;
max-width:
430px;
grid-template-columns:
1fr;
gap:
15px;
}
#wings-four-features .wff-card {
min-height:
auto;
padding:
28px 22px;
border-radius:
24px;
}
#wings-four-features .wff-icon {
width:
52px;
height:
52px;
margin-bottom:
15px;
font-size:
23px;
}
#wings-four-features .wff-card h3 {
font-size:
21px;
}
#wings-four-features .wff-card p {
font-size:
16px;
line-height:
1.75;
}
#wings-four-features .wff-top-fade,
#wings-four-features .wff-bottom-fade {
height:
110px;
}
}
```