/* MaryJay v6 — focused refinements requested 13 Oct 2026. No layout reset. */
/* Legible, richly contrasted values section. Each card reads clearly in daylight. */
.values-section{
  background:radial-gradient(circle at 8% 0%,rgba(48,164,117,.24),transparent 35%),
             radial-gradient(circle at 100% 100%,rgba(37,143,119,.24),transparent 45%),
             linear-gradient(120deg,#04392f 0%,#08654c 57%,#044536 100%);
  color:#fffef8;
}
.values-section .center-heading .eyebrow{color:#ffcdad!important;letter-spacing:2.15px}
.values-section .center-heading h2{color:#fff!important;text-shadow:0 1px 1px #002f2166}
.values-section .values-grid{gap:19px}
.values-section .value-item{
  border:1px solid #d5e7d8;
  border-radius:20px;
  background:#fffdf5!important;
  box-shadow:0 15px 30px rgba(0,24,17,.19);
  padding:24px 22px;
  color:#153f31;
  align-items:center;
  transition:transform .3s ease,box-shadow .3s ease;
}
.values-section .value-item h3{color:#063e30!important;font-weight:700}
.values-section .value-item p{color:#355d4d!important;opacity:1!important;line-height:1.55}
.values-section .value-item .value-icon{
  background:linear-gradient(135deg,#ffddc6,#fff5e4);
  border:1px solid #efbd9d;color:#b35e34;
  box-shadow:0 4px 12px rgba(164,97,60,.13);
  flex:0 0 auto;
}
/* More distinctive, cohesive header actions, while retaining mobile click targets. */
.header{background:#fffcf7f7;border-bottom-color:#dcebe0}
.header .lang-switch{
  background:#fbf3e8!important;
  border:1px solid #dec9ad!important;
  box-shadow:0 4px 13px rgba(107,66,34,.09);
  border-radius:999px;gap:7px;
}
.header .lang-btn{border-radius:100px;padding:5px 7px;color:#305a49;font-weight:800}
.header .lang-btn.is-active{
  color:#fff!important;background:#0c6c52;
  box-shadow:0 2px 7px #064b3b30;
}
.header .lang-btn:hover:not(.is-active){background:#f0d9c5;color:#084533}
.header .lang-sep{color:#c68b64}
.header .header-whatsapp{
  background:linear-gradient(125deg,#078756,#066745)!important;
  color:#fff!important;
  border-color:#066745!important;
  box-shadow:0 5px 17px rgba(1,101,60,.22);
}
.header .header-whatsapp .ico{color:#fff!important}
.header .header-whatsapp:hover{background:linear-gradient(125deg,#06714a,#034c35)!important;transform:translateY(-2px)}
.header .header-phone{
  background:#fff0e4!important;
  border-color:#e7c4a7!important;
  color:#6c391c!important;
  box-shadow:0 4px 15px rgba(153,84,45,.09);
}
.header .header-phone .ico{color:#a75529!important}
.header .header-phone:hover{background:#ffe0ca!important;transform:translateY(-2px)}
.header .lang-switch,.header .header-whatsapp,.header .header-phone{transition:background .23s ease,transform .23s ease,box-shadow .23s ease}
/* Gentle image interactions. No arrows, overlays or extra icons on photography. */
.service-card{isolation:isolate;overflow:hidden}
.service-card img{transition:transform .55s cubic-bezier(.22,.7,.12,1),filter .45s ease;will-change:auto}
.hero-photo-wrap,.about-image,.booking-image{overflow:hidden}
.hero-photo-wrap img,.about-image img,.booking-image img{transition:transform .65s cubic-bezier(.22,.7,.12,1),filter .65s ease}
@media(hover:hover) and (pointer:fine){
 .service-card:hover img{transform:scale(1.085)!important;filter:saturate(1.13) contrast(1.035)}
 .hero-photo-wrap:hover img{transform:scale(1.048)!important;filter:saturate(1.09)}
 .about-image:hover img{transform:scale(1.04)!important;filter:saturate(1.07)}
 .booking-image:hover img{transform:scale(1.05)!important;filter:saturate(1.08)}
 .values-section .value-item:hover{transform:translateY(-4px);box-shadow:0 22px 43px rgba(0,24,17,.25)}
 .location-card:hover .location-illustration:after{transform:rotate(5deg) scale(1.08);transition:transform .55s ease}
}
/* Section remains balanced after removing the obsolete photo-and-copy strip. */
.section-locations{padding-bottom:90px}
@media(max-width:880px){.values-section .values-grid{gap:12px}.values-section .value-item{padding:18px 20px}}
@media(max-width:620px){
 .section-locations{padding-bottom:65px}
 .values-section{padding:62px 0}
 .values-section .value-item{padding:16px;gap:14px}
 .values-section .value-item h3{font-size:18px;line-height:1.3}
 .values-section .value-item p{font-size:13px}
 .header .lang-switch{gap:2px!important;padding:4px 4px!important}
 .header .lang-btn{padding:4px 5px;font-size:10px;min-width:0}
 .header .header-whatsapp{transform:none}
}
@media(prefers-reduced-motion:reduce){
 .service-card img,.hero-photo-wrap img,.about-image img,.booking-image img,.values-section .value-item{transition:none!important;transform:none!important}
}