/*
 FARVAHAR PREMIUM POLISH v1.0.0
 Goal:
 - Reduce the "empty white canvas" feeling on wide screens.
 - Keep the site bright, premium and restrained.
 - Increase visual density without making it busy.
 - No JavaScript and no layout mutation loops.
*/

:root{
  --fvp-forest:#123e31;
  --fvp-deep:#0b2d24;
  --fvp-matcha:#7f9674;
  --fvp-matcha-soft:#e7ede2;
  --fvp-cream:#f7f4ec;
  --fvp-cream-2:#fbfaf6;
  --fvp-line:rgba(18,62,49,.10);
  --fvp-shadow:0 22px 65px rgba(18,62,49,.085);
}

/* ---------------------------------------------------------
   1. Wider premium canvas on large desktop displays
   --------------------------------------------------------- */
@media (min-width:1500px){
  .fv4-shell{
    width:min(calc(100% - 96px),1420px)!important;
  }
  .fvsm-shell,
  .fvcmp-shell{
    width:min(calc(100% - 96px),1360px)!important;
  }
}
@media (min-width:1800px){
  .fv4-shell{
    width:min(calc(100% - 120px),1480px)!important;
  }
  .fvsm-shell,
  .fvcmp-shell{
    width:min(calc(100% - 120px),1410px)!important;
  }
}

/* ---------------------------------------------------------
   2. Global section rhythm: less dead space, stronger zones
   --------------------------------------------------------- */
@media (min-width:901px){
  .fv4-section{padding-top:82px!important;padding-bottom:82px!important}
  .fvsm-page{padding-top:62px!important;padding-bottom:88px!important}
  .fvcmp-page{padding-top:64px!important;padding-bottom:88px!important}
}

.fv4-section,
.fv4-routes,
.fv4-founder,
.fv4-cta,
.fvsm-page,
.fvcmp-page{
  position:relative;
  isolation:isolate;
}

/* ---------------------------------------------------------
   3. HOME — alternate full-width canvases
   --------------------------------------------------------- */

/* HERO: refined, layered and less blank around the main content */
.fv4-hero{
  overflow:hidden!important;
  background:
    radial-gradient(circle at 8% 15%,rgba(127,150,116,.18),transparent 27%),
    radial-gradient(circle at 90% 4%,rgba(183,154,97,.07),transparent 23%),
    linear-gradient(145deg,#fbfaf6 0%,#f2f3eb 100%)!important;
}
.fv4-hero:after{
  content:"";
  position:absolute;
  z-index:0;
  width:620px;height:420px;
  inset-inline-end:-230px;
  bottom:-245px;
  border:1px solid rgba(18,62,49,.07);
  border-radius:50%;
  box-shadow:
    0 0 0 55px rgba(127,150,116,.018),
    0 0 0 110px rgba(127,150,116,.014);
  pointer-events:none;
}
.fv4-hero__grid{z-index:1}

/* QUICK ACTIONS: stronger floating control panel */
.fv4-quick{
  z-index:12!important;
}
.fv4-quick__grid{
  box-shadow:0 24px 70px rgba(18,62,49,.11)!important;
  border-color:rgba(18,62,49,.10)!important;
}
@media (min-width:1200px){
  .fv4-quick__grid{
    transform:translateY(-4px);
  }
}

/* ABOUT: soft matcha canvas + a subtle logistics-route motif */
.fv4-about{
  overflow:hidden;
  background:
    linear-gradient(115deg,rgba(127,150,116,.065),transparent 38%),
    #f7f8f2!important;
}
.fv4-about:before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  opacity:.52;
  pointer-events:none;
  background-image:
    radial-gradient(circle at 12% 28%,rgba(18,62,49,.16) 0 2px,transparent 2.5px),
    radial-gradient(circle at 88% 67%,rgba(18,62,49,.12) 0 2px,transparent 2.5px),
    linear-gradient(118deg,transparent 0 23%,rgba(127,150,116,.10) 23.1% 23.22%,transparent 23.32% 100%);
  background-size:auto,auto,100% 100%;
}
.fv4-about__copy{
  padding:28px 0;
}

/* SERVICES: not a plain white desert anymore */
.fv4-services{
  overflow:hidden;
  background:
    radial-gradient(circle at 91% 12%,rgba(127,150,116,.105),transparent 22%),
    linear-gradient(180deg,#fff 0%,#fbfaf6 100%)!important;
}
.fv4-services:before{
  content:"";
  position:absolute;
  z-index:-1;
  width:560px;height:560px;
  inset-inline-start:-355px;
  top:110px;
  border:1px solid rgba(18,62,49,.06);
  border-radius:50%;
  box-shadow:0 0 0 62px rgba(127,150,116,.018),0 0 0 124px rgba(127,150,116,.012);
  pointer-events:none;
}
.fv4-services__grid{
  gap:20px!important;
}
.fv4-service-card{
  background:#fff!important;
  border-color:rgba(18,62,49,.095)!important;
  box-shadow:0 10px 32px rgba(18,62,49,.045);
}
.fv4-service-card:hover{
  box-shadow:0 24px 60px rgba(18,62,49,.11)!important;
}

/* OPERATIONAL SCALE: turn it into a stronger visual break */
.fv4-impact{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(90deg,#0d3328,#173f32 48%,#0d3328)!important;
  border:0!important;
  color:#fff;
}
.fv4-impact:before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.15;
  background:
    repeating-linear-gradient(115deg,transparent 0 74px,rgba(255,255,255,.10) 75px,transparent 76px 150px);
  pointer-events:none;
}
.fv4-impact__grid{position:relative;z-index:1;min-height:138px!important}
.fv4-impact__grid>div{border-color:rgba(255,255,255,.14)!important}
.fv4-impact strong{color:#fff!important}
.fv4-impact span{color:rgba(255,255,255,.66)!important}

/* GROUP COMPANIES: three companies should fill the available width */
.fv4-companies{
  overflow:hidden;
  background:
    linear-gradient(180deg,#f4f1e8 0%,#faf8f2 100%)!important;
}
.fv4-companies:before{
  content:"";
  position:absolute;
  z-index:-1;
  width:720px;height:280px;
  inset-inline-end:-230px;
  bottom:-140px;
  border:1px solid rgba(18,62,49,.06);
  border-radius:50%;
  box-shadow:0 0 0 52px rgba(127,150,116,.018);
  pointer-events:none;
}
@media(min-width:901px){
  .fv4-companies__grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    max-width:1120px;
    margin-inline:auto;
    gap:22px!important;
  }
}
.fv4-company-card{
  min-height:320px!important;
  box-shadow:0 12px 38px rgba(18,62,49,.045);
}

/* ROUTES: stronger full-width visual anchor */
.fv4-routes{
  background:
    radial-gradient(circle at 90% 5%,rgba(127,150,116,.18),transparent 24%),
    linear-gradient(135deg,#09271f,#123e31 55%,#173f32)!important;
}
.fv4-routes__visual{
  background:rgba(255,255,255,.055)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 18px 55px rgba(0,0,0,.10);
}

/* WHY FARVAHAR: soft green panel instead of another white block */
.fv4-why{
  overflow:hidden;
  background:
    radial-gradient(circle at 8% 90%,rgba(127,150,116,.12),transparent 24%),
    #f4f7f1!important;
}
.fv4-why__grid{
  border-color:rgba(18,62,49,.095)!important;
  box-shadow:0 16px 48px rgba(18,62,49,.055);
  background:#fff;
}
.fv4-why__grid article{
  border-color:rgba(18,62,49,.085)!important;
}

/* FOUNDER: stronger editorial band */
.fv4-founder{
  overflow:hidden;
  padding-top:72px!important;
  background:
    linear-gradient(105deg,rgba(127,150,116,.08),transparent 42%),
    linear-gradient(180deg,#fff,#f4f1e8)!important;
}
.fv4-founder:after{
  content:"";
  position:absolute;
  z-index:-1;
  width:440px;height:440px;
  inset-inline-end:-210px;
  top:10px;
  border:1px solid rgba(18,62,49,.065);
  border-radius:50%;
  box-shadow:0 0 0 52px rgba(127,150,116,.02);
}

/* INSIGHTS: visual band with subtle card lift */
.fv4-insights{
  overflow:hidden;
  background:
    linear-gradient(180deg,#fbfaf6,#f7f7f1)!important;
}
.fv4-insights:before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  pointer-events:none;
  opacity:.42;
  background-image:
    linear-gradient(90deg,transparent 0 49.92%,rgba(18,62,49,.025) 50%,transparent 50.08%),
    linear-gradient(0deg,transparent 0 49.92%,rgba(18,62,49,.02) 50%,transparent 50.08%);
  background-size:82px 82px;
}
.fv4-post-card{
  box-shadow:0 12px 38px rgba(18,62,49,.045);
}

/* CTA: full, cinematic finish before footer */
.fv4-cta{
  position:relative;
  overflow:hidden;
  padding-top:70px!important;
  padding-bottom:70px!important;
  background:linear-gradient(120deg,#173f32,#0b2d24)!important;
}
.fv4-cta:before{
  content:"";
  position:absolute;
  width:560px;height:560px;
  inset-inline-end:-300px;
  top:-280px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:50%;
  box-shadow:0 0 0 65px rgba(255,255,255,.018),0 0 0 130px rgba(255,255,255,.012);
}

/* FOOTER: richer but still restrained */
.fv4-footer{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 12% 15%,rgba(127,150,116,.10),transparent 25%),
    #08271f!important;
}
.fv4-footer:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.12;
  background-image:repeating-linear-gradient(120deg,transparent 0 94px,rgba(255,255,255,.07) 95px,transparent 96px 190px);
}
.fv4-footer>.fv4-shell{position:relative;z-index:1}

/* ---------------------------------------------------------
   4. Inner pages — reduce empty margins and establish a canvas
   --------------------------------------------------------- */
body.fvsm-inner{
  background:#f6f4ed!important;
}
.fvsm-hero{
  overflow:hidden;
  background:
    radial-gradient(circle at 8% 12%,rgba(127,150,116,.17),transparent 28%),
    linear-gradient(135deg,#f4f1e8,#fff)!important;
}
.fvsm-page{
  background:
    linear-gradient(180deg,#fbfaf6,#f6f4ed)!important;
}
.fvsm-page>.fvsm-shell{
  position:relative;
}
@media(min-width:901px){
  .fvsm-faq-panel,
  .fvsm-contact-grid,
  .fvsm-services-process,
  .fvsm-gallery-stories,
  .fvsm-blog-grid{
    position:relative;
  }
}

/* Services inner page */
.fvsm-services-page{
  background:
    radial-gradient(circle at 92% 12%,rgba(127,150,116,.09),transparent 20%),
    linear-gradient(180deg,#fbfaf6,#f4f3ec)!important;
}
.fvsm-service-card-v2{
  box-shadow:0 14px 42px rgba(18,62,49,.055)!important;
}

/* Contact: center panel reads as a premium object, not content floating in white */
.fvsm-contact-grid{
  padding:20px;
  margin-inline:-20px;
  border:1px solid rgba(18,62,49,.06);
  border-radius:32px;
  background:rgba(255,255,255,.52);
}
.fvsm-map{
  box-shadow:0 16px 48px rgba(18,62,49,.06);
}

/* FAQ */
.fvsm-faq-panel{
  box-shadow:0 24px 70px rgba(18,62,49,.075)!important;
}

/* ---------------------------------------------------------
   5. About + company pages
   --------------------------------------------------------- */
.fvcmp-about-hero,
.fvcmp-hero{
  overflow:hidden;
}
.fvcmp-page{
  background:
    radial-gradient(circle at 94% 20%,rgba(127,150,116,.075),transparent 22%),
    linear-gradient(180deg,#fbfaf6,#f4f2eb)!important;
}
.fvcmp-about-story,
.fvcmp-overview,
.fvcmp-cap-card,
.fvcmp-about-principles__grid article,
.fvcmp-about-companies__grid>a{
  box-shadow:0 14px 42px rgba(18,62,49,.05);
}
.fvcmp-about-founder{
  box-shadow:0 24px 70px rgba(18,62,49,.10);
}
.fvcmp-about-companies__grid{
  gap:20px!important;
}

/* ---------------------------------------------------------
   6. Large-screen typography and layout balance
   --------------------------------------------------------- */
@media(min-width:1500px){
  .fv4-section-heading{
    max-width:1320px;
    margin-inline:auto;
  }
  .fv4-about__grid{
    gap:84px!important;
  }
  .fv4-routes__grid{
    gap:76px!important;
  }
  .fv4-services__grid{
    gap:22px!important;
  }
  .fv4-service-card__image{
    height:215px!important;
  }
  .fv4-service-card:nth-child(4) .fv4-service-card__image,
  .fv4-service-card:nth-child(5) .fv4-service-card__image{
    height:235px!important;
  }
}

/* ---------------------------------------------------------
   7. Mobile/tablet: keep it clean, never over-decorated
   --------------------------------------------------------- */
@media(max-width:900px){
  .fv4-about:before,
  .fv4-services:before,
  .fv4-founder:after,
  .fv4-cta:before{
    opacity:.55;
  }
  .fv4-impact__grid{
    min-height:auto!important;
  }
  .fv4-companies__grid{
    max-width:none;
  }
  .fvsm-contact-grid{
    padding:0;
    margin-inline:0;
    border:0;
    background:transparent;
  }
}
@media(max-width:620px){
  .fv4-section{padding-top:62px!important;padding-bottom:62px!important}
  .fv4-impact:before,
  .fv4-insights:before{
    opacity:.08;
  }
  .fv4-company-card{
    min-height:285px!important;
  }
}


/* =========================================================
   FARVAHAR PREMIUM POLISH v1.1 — LUXURY EDITION
   Philosophy: editorial, restrained, premium; never flashy.
   ========================================================= */
:root{
  --fvl-forest:#123e31;
  --fvl-deep:#082b22;
  --fvl-matcha:#7f9674;
  --fvl-matcha-soft:#e6ece1;
  --fvl-ivory:#fbfaf6;
  --fvl-ivory-2:#f5f1e7;
  --fvl-gold:#b69a60;
  --fvl-gold-soft:rgba(182,154,96,.20);
  --fvl-ink:#19251f;
  --fvl-muted:#68736d;
  --fvl-line:rgba(18,62,49,.10);
  --fvl-shadow:0 26px 74px rgba(18,62,49,.095);
  --fvl-shadow-soft:0 14px 42px rgba(18,62,49,.065);
}

/* ---------- Core surface quality ---------- */
body{
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body:not(.wp-admin){
  background:#f6f4ed;
}
::selection{background:rgba(127,150,116,.24);color:var(--fvl-deep)}

/* ---------- Header: quiet luxury / glass ---------- */
.fv4-header,
header.fv4-header,
body.fvsm-inner .fv4-header{
  background:rgba(255,255,255,.88)!important;
  border-bottom:1px solid rgba(18,62,49,.075)!important;
  backdrop-filter:blur(18px) saturate(125%);
  -webkit-backdrop-filter:blur(18px) saturate(125%);
  box-shadow:0 8px 32px rgba(18,62,49,.035)!important;
}
.fv4-header__inner{min-height:88px!important}
.fv4-header a{transition:color .22s ease,opacity .22s ease,transform .22s ease}
.fv4-nav a,
.fv4-header nav a{
  position:relative;
  font-weight:600!important;
}
.fv4-nav a:after,
.fv4-header nav a:after{
  content:"";
  position:absolute;
  left:50%;right:50%;bottom:-10px;height:1px;
  background:linear-gradient(90deg,var(--fvl-matcha),var(--fvl-gold));
  transition:left .25s ease,right .25s ease;
}
.fv4-nav a:hover:after,
.fv4-header nav a:hover:after{left:8%;right:8%}
.fv4-logo img,
.fv4-header__logo img{
  filter:drop-shadow(0 5px 14px rgba(18,62,49,.08));
}

/* Header CTA: jewel-like but restrained */
.fv4-header .fv4-btn,
.fv4-header [class*="btn"]{
  border-radius:13px!important;
}

/* ---------- Premium section labels / headings ---------- */
.fv4-eyebrow,
.fv4-kicker,
.fv4-section-heading>span,
.fvsm-eyebrow,
.fvsm-section-head>span,
.fvcmp-eyebrow,
.fvcmp-section-head>span{
  position:relative;
}
.fv4-eyebrow:before,
.fv4-kicker:before,
.fv4-section-heading>span:before,
.fvsm-section-head>span:before,
.fvcmp-section-head>span:before{
  content:"";
  display:inline-block;
  width:22px;height:1px;
  margin-inline-end:9px;
  vertical-align:middle;
  background:linear-gradient(90deg,var(--fvl-matcha),var(--fvl-gold));
}

/* ---------- Buttons: crafted, not flashy ---------- */
.fv4-btn,
.fvsm-btn,
.fvcmp-btn,
.fvq-submit,
button.fvq-open{
  position:relative;
  overflow:hidden;
  border-radius:13px!important;
  box-shadow:0 8px 20px rgba(18,62,49,.12);
  transition:transform .22s ease,box-shadow .22s ease,background .22s ease!important;
}
.fv4-btn:hover,
.fvsm-btn:hover,
.fvcmp-btn:hover,
.fvq-submit:hover,
button.fvq-open:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 30px rgba(18,62,49,.17);
}
.fv4-btn:before,
.fvsm-btn:before,
.fvcmp-btn:before{
  content:"";
  position:absolute;
  inset:0 auto 0 -45%;
  width:35%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.22),transparent);
  transform:skewX(-18deg);
  transition:left .55s ease;
  pointer-events:none;
}
.fv4-btn:hover:before,
.fvsm-btn:hover:before,
.fvcmp-btn:hover:before{left:115%}

/* ---------- HERO: editorial luxury ---------- */
.fv4-hero{
  min-height:680px;
  border-bottom:1px solid rgba(18,62,49,.07);
}
.fv4-hero__copy{position:relative;z-index:2}
.fv4-hero__copy:after{
  content:"";
  position:absolute;
  width:86px;height:2px;
  inset-inline-start:0;
  bottom:-30px;
  background:linear-gradient(90deg,var(--fvl-matcha),var(--fvl-gold),transparent);
}
.fv4-hero h1{
  letter-spacing:-.035em!important;
  text-wrap:balance;
}
html[dir="rtl"] .fv4-hero h1{letter-spacing:0!important}
.fv4-hero__media,
.fv4-hero__visual{
  position:relative;
  border:1px solid rgba(255,255,255,.68)!important;
  box-shadow:0 34px 88px rgba(18,62,49,.16)!important;
}
.fv4-hero__media:after,
.fv4-hero__visual:after{
  content:"";
  position:absolute;inset:14px;
  border:1px solid rgba(255,255,255,.35);
  border-radius:inherit;
  pointer-events:none;
}

/* ---------- Quick actions: floating concierge panel ---------- */
.fv4-quick__grid{
  background:rgba(255,255,255,.92)!important;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  border:1px solid rgba(18,62,49,.08)!important;
  border-radius:22px!important;
  box-shadow:0 28px 76px rgba(18,62,49,.12)!important;
}
.fv4-quick__grid>*{transition:background .2s ease,transform .2s ease}
.fv4-quick__grid>*:hover{background:rgba(127,150,116,.055);transform:translateY(-1px)}

/* ---------- About: editorial split ---------- */
.fv4-about__media img,
.fv4-about img{
  box-shadow:0 24px 65px rgba(18,62,49,.10);
}
.fv4-about__copy p{max-width:680px}

/* ---------- Services: luxury cards ---------- */
.fv4-service-card,
.fvsm-service-card-v2{
  border-radius:24px!important;
  overflow:hidden;
  background:rgba(255,255,255,.96)!important;
  border:1px solid rgba(18,62,49,.085)!important;
  box-shadow:0 14px 42px rgba(18,62,49,.055)!important;
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease!important;
}
.fv4-service-card:hover,
.fvsm-service-card-v2:hover{
  transform:translateY(-6px)!important;
  border-color:rgba(127,150,116,.45)!important;
  box-shadow:0 30px 78px rgba(18,62,49,.12)!important;
}
.fv4-service-card__image,
.fvsm-service-card-v2__media{overflow:hidden}
.fv4-service-card__image img,
.fvsm-service-card-v2__media img{
  transition:transform .65s cubic-bezier(.2,.65,.25,1),filter .35s ease!important;
  filter:saturate(.88) contrast(1.03);
}
.fv4-service-card:hover .fv4-service-card__image img,
.fvsm-service-card-v2:hover .fvsm-service-card-v2__media img{
  transform:scale(1.055)!important;
  filter:saturate(1) contrast(1.04);
}
.fv4-service-card__icon,
.fvsm-service-card-v2__icon{
  box-shadow:0 10px 22px rgba(18,62,49,.13)!important;
  border:1px solid rgba(255,255,255,.78)!important;
}

/* ---------- KPI / impact: premium stat band ---------- */
.fv4-impact strong{letter-spacing:-.02em}
.fv4-impact__grid>div{position:relative}
.fv4-impact__grid>div:after{
  content:"";
  position:absolute;
  inset-inline-end:14%;
  bottom:16px;
  width:32px;height:1px;
  background:linear-gradient(90deg,var(--fvl-matcha),var(--fvl-gold));
  opacity:.65;
}

/* ---------- Company cards: understated executive profile ---------- */
.fv4-company-card,
.fvcmp-about-companies__grid>a{
  position:relative;
  border-radius:23px!important;
  border:1px solid rgba(18,62,49,.08)!important;
  box-shadow:0 14px 42px rgba(18,62,49,.05)!important;
  transition:transform .28s ease,box-shadow .28s ease!important;
}
.fv4-company-card:hover,
.fvcmp-about-companies__grid>a:hover{
  transform:translateY(-5px)!important;
  box-shadow:0 28px 70px rgba(18,62,49,.10)!important;
}
.fv4-company-card:before,
.fvcmp-about-companies__grid>a:before{
  content:"";
  position:absolute;
  left:28px;right:28px;top:0;height:2px;
  background:linear-gradient(90deg,transparent,var(--fvl-matcha),var(--fvl-gold),transparent);
  opacity:.35;
}

/* ---------- Why Farvahar: boutique feature tiles ---------- */
.fv4-why__grid article{
  position:relative;
  transition:background .22s ease,transform .22s ease;
}
.fv4-why__grid article:hover{
  background:#fbfcf8!important;
  transform:translateY(-2px);
}

/* ---------- Founder: magazine/editorial presentation ---------- */
.fv4-founder__grid,
.fvcmp-about-founder{
  border:1px solid rgba(18,62,49,.08);
  box-shadow:0 30px 84px rgba(18,62,49,.12)!important;
}
.fv4-founder blockquote,
.fvcmp-about-founder blockquote{
  position:relative;
}
.fv4-founder blockquote:before,
.fvcmp-about-founder blockquote:before{
  content:"“";
  position:absolute;
  inset-inline-start:-18px;
  top:-34px;
  color:rgba(182,154,96,.30);
  font-family:Georgia,serif;
  font-size:82px;
  line-height:1;
}

/* ---------- Insights / blog: premium publication cards ---------- */
.fv4-post-card,
.fvsm-blog-card{
  border-radius:21px!important;
  overflow:hidden;
  border:1px solid rgba(18,62,49,.08)!important;
  box-shadow:var(--fvl-shadow-soft)!important;
  transition:transform .26s ease,box-shadow .26s ease!important;
}
.fv4-post-card:hover,
.fvsm-blog-card:hover{
  transform:translateY(-5px)!important;
  box-shadow:0 28px 68px rgba(18,62,49,.11)!important;
}

/* ---------- Contact: premium concierge desk ---------- */
.fvsm-contact-info,
.fvsm-contact-form{
  border-radius:26px!important;
  box-shadow:0 24px 66px rgba(18,62,49,.09)!important;
}
.fvsm-contact-form{
  background:
    radial-gradient(circle at 90% 5%,rgba(127,150,116,.22),transparent 23%),
    linear-gradient(145deg,#123e31,#0b2d24)!important;
}
.fvsm-contact-form input:not([type="submit"]),
.fvsm-contact-form textarea,
.fvsm-contact-form select{
  background:rgba(255,255,255,.075)!important;
  border-color:rgba(255,255,255,.16)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.fvsm-contact-form input:focus,
.fvsm-contact-form textarea:focus,
.fvsm-contact-form select:focus{
  border-color:rgba(220,229,215,.55)!important;
  box-shadow:0 0 0 3px rgba(220,229,215,.09)!important;
}

/* ---------- FAQ: refined accordion ---------- */
.fvsm-faq-tab,
.fvsm-accordion details{
  border-radius:17px!important;
  border-color:rgba(18,62,49,.085)!important;
}
.fvsm-faq-tab.is-active{
  box-shadow:0 16px 38px rgba(18,62,49,.09)!important;
}
.fvsm-accordion details[open]{
  box-shadow:0 12px 34px rgba(18,62,49,.055);
  border-color:rgba(127,150,116,.36)!important;
}

/* ---------- About / Company pages ---------- */
.fvcmp-about-hero__media,
.fvcmp-hero__media{
  border:1px solid rgba(255,255,255,.65);
  box-shadow:0 32px 84px rgba(18,62,49,.14)!important;
}
.fvcmp-cap-card{
  border-radius:21px!important;
  transition:transform .24s ease,box-shadow .24s ease!important;
}
.fvcmp-cap-card:hover{
  transform:translateY(-4px);
  box-shadow:0 24px 58px rgba(18,62,49,.09)!important;
}

/* ---------- Footer: executive finish ---------- */
.fv4-footer{
  border-top:1px solid rgba(255,255,255,.07);
}
.fv4-footer a{transition:color .2s ease,opacity .2s ease,transform .2s ease}
.fv4-footer a:hover{color:#fff!important;transform:translateX(2px)}
html[dir="rtl"] .fv4-footer a:hover{transform:translateX(-2px)}

/* ---------- Luxury page framing on ultrawide ---------- */
@media(min-width:1700px){
  .fv4-about__grid,
  .fv4-routes__grid,
  .fvcmp-about-story,
  .fvcmp-overview{
    max-width:1320px;
    margin-inline:auto;
  }
  .fv4-service-card__body{padding:28px 27px!important}
}

/* ---------- Calm motion only ---------- */
@media (prefers-reduced-motion:reduce){
  *,*:before,*:after{
    scroll-behavior:auto!important;
    transition:none!important;
    animation:none!important;
  }
}

/* ---------- Mobile: luxury without heaviness ---------- */
@media(max-width:720px){
  .fv4-header__inner{min-height:74px!important}
  .fv4-hero{min-height:auto}
  .fv4-hero__copy:after{bottom:-20px;width:56px}
  .fv4-quick__grid{border-radius:18px!important}
  .fv4-service-card,.fvsm-service-card-v2{border-radius:20px!important}
  .fv4-company-card,.fvcmp-about-companies__grid>a{border-radius:20px!important}
  .fv4-founder blockquote:before,.fvcmp-about-founder blockquote:before{font-size:60px;top:-22px}
}


/* =========================================================
   FARVAHAR PREMIUM POLISH v1.2 — CLEAN 3D EDITION
   Keeps the v1.1 layout intact. Adds controlled depth only.
   No structural rearrangement. No JS.
   ========================================================= */

:root{
  --fv3d-deep:#0b2d24;
  --fv3d-forest:#173f32;
  --fv3d-matcha:#7f9674;
  --fv3d-paper:#fbfaf6;
  --fv3d-line:rgba(18,62,49,.10);
  --fv3d-shadow-1:0 10px 24px rgba(18,62,49,.07);
  --fv3d-shadow-2:0 22px 52px rgba(18,62,49,.11);
  --fv3d-shadow-3:0 34px 80px rgba(18,62,49,.15);
}

/* ---------------------------------------------------------
   1) Restore a calm/simple composition
   --------------------------------------------------------- */
.fv4-hero,
.fv4-about,
.fv4-services,
.fv4-companies,
.fv4-why,
.fv4-founder,
.fv4-insights,
.fv4-routes{
  transform:none!important;
}

.fv4-services__grid,
.fv4-companies__grid,
.fv4-why__grid,
.fv4-insights__grid{
  grid-auto-flow:row!important;
}

/* ---------------------------------------------------------
   2) 3D depth language — soft, controlled, premium
   --------------------------------------------------------- */
.fv4-service-card,
.fv4-company-card,
.fv4-post-card,
.fvsm-service-card-v2,
.fvsm-blog-card,
.fvcmp-cap-card,
.fvcmp-about-companies__grid>a,
.fvsm-faq-panel,
.fvsm-contact-info,
.fvsm-contact-form,
.fvcmp-overview,
.fvcmp-about-story{
  position:relative;
  isolation:isolate;
  transform:translateZ(0);
  backface-visibility:hidden;
}

/* floating base shadow */
.fv4-service-card,
.fv4-company-card,
.fv4-post-card,
.fvsm-service-card-v2,
.fvsm-blog-card,
.fvcmp-cap-card,
.fvcmp-about-companies__grid>a{
  box-shadow:
    0 1px 0 rgba(255,255,255,.95) inset,
    0 10px 24px rgba(18,62,49,.06),
    0 24px 54px rgba(18,62,49,.06)!important;
}

/* bottom "thickness" layer */
.fv4-service-card:after,
.fv4-company-card:after,
.fv4-post-card:after,
.fvsm-service-card-v2:after,
.fvsm-blog-card:after,
.fvcmp-cap-card:after,
.fvcmp-about-companies__grid>a:after{
  content:"";
  position:absolute;
  z-index:-1;
  left:12px;
  right:12px;
  bottom:-9px;
  height:18px;
  border-radius:0 0 22px 22px;
  background:linear-gradient(180deg,rgba(127,150,116,.12),rgba(18,62,49,.035));
  filter:blur(.1px);
  pointer-events:none;
}

/* subtle inner edge highlight */
.fv4-service-card:before,
.fv4-company-card:before,
.fv4-post-card:before,
.fvsm-service-card-v2:before,
.fvsm-blog-card:before,
.fvcmp-cap-card:before{
  content:"";
  position:absolute;
  z-index:4;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.85),
    inset 1px 0 0 rgba(255,255,255,.30);
}

/* ---------------------------------------------------------
   3) 3D hover — just enough, never gimmicky
   --------------------------------------------------------- */
@media(hover:hover) and (pointer:fine){
  .fv4-service-card,
  .fv4-company-card,
  .fv4-post-card,
  .fvsm-service-card-v2,
  .fvsm-blog-card,
  .fvcmp-cap-card,
  .fvcmp-about-companies__grid>a{
    transition:
      transform .28s cubic-bezier(.2,.7,.2,1),
      box-shadow .28s cubic-bezier(.2,.7,.2,1),
      border-color .28s ease!important;
    transform-style:preserve-3d;
  }

  .fv4-service-card:hover,
  .fv4-company-card:hover,
  .fv4-post-card:hover,
  .fvsm-service-card-v2:hover,
  .fvsm-blog-card:hover,
  .fvcmp-cap-card:hover,
  .fvcmp-about-companies__grid>a:hover{
    transform:perspective(1000px) translateY(-7px) rotateX(1.2deg)!important;
    box-shadow:
      0 1px 0 rgba(255,255,255,.95) inset,
      0 18px 34px rgba(18,62,49,.09),
      0 34px 78px rgba(18,62,49,.12)!important;
  }
}

/* ---------------------------------------------------------
   4) Hero: layered 3D image frame, layout unchanged
   --------------------------------------------------------- */
.fv4-hero__media,
.fv4-hero__visual,
.fvcmp-hero__media,
.fvcmp-about-hero__media{
  position:relative;
  overflow:visible!important;
}

.fv4-hero__media>img,
.fv4-hero__visual>img,
.fvcmp-hero__media>img,
.fvcmp-about-hero__media>img{
  position:relative;
  z-index:2;
  border-radius:inherit;
  box-shadow:var(--fv3d-shadow-2);
}

.fv4-hero__media:before,
.fv4-hero__visual:before,
.fvcmp-hero__media:before,
.fvcmp-about-hero__media:before{
  content:"";
  position:absolute;
  z-index:0;
  width:92%;
  height:92%;
  inset-inline-end:-18px;
  bottom:-18px;
  border-radius:inherit;
  background:linear-gradient(145deg,rgba(127,150,116,.24),rgba(18,62,49,.07));
  border:1px solid rgba(127,150,116,.18);
  pointer-events:none;
}

.fv4-hero__media:after,
.fv4-hero__visual:after,
.fvcmp-hero__media:after,
.fvcmp-about-hero__media:after{
  content:"";
  position:absolute;
  z-index:1;
  width:52%;
  height:34%;
  inset-inline-start:-14px;
  top:42px;
  border-radius:22px;
  background:linear-gradient(145deg,rgba(255,255,255,.70),rgba(220,229,215,.18));
  border:1px solid rgba(255,255,255,.55);
  backdrop-filter:blur(3px);
  pointer-events:none;
  opacity:.55;
}

/* ---------------------------------------------------------
   5) Quick actions: raised control panel
   --------------------------------------------------------- */
.fv4-quick__grid{
  position:relative;
  box-shadow:
    0 1px 0 rgba(255,255,255,.9) inset,
    0 16px 34px rgba(18,62,49,.08),
    0 34px 72px rgba(18,62,49,.08)!important;
}
.fv4-quick__grid:after{
  content:"";
  position:absolute;
  z-index:-1;
  left:18px;
  right:18px;
  bottom:-11px;
  height:22px;
  border-radius:0 0 22px 22px;
  background:linear-gradient(180deg,rgba(127,150,116,.13),transparent);
}

/* ---------------------------------------------------------
   6) Section depth: gentle layers, no layout changes
   --------------------------------------------------------- */
.fv4-about,
.fv4-services,
.fv4-companies,
.fv4-why,
.fv4-insights{
  border-top:1px solid rgba(255,255,255,.75);
}

.fv4-about__grid,
.fv4-why__grid,
.fvcmp-overview,
.fvcmp-about-story{
  position:relative;
}

.fv4-about__grid:after,
.fv4-why__grid:after,
.fvcmp-overview:after,
.fvcmp-about-story:after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:14px -12px -14px 12px;
  border-radius:28px;
  background:rgba(127,150,116,.055);
  pointer-events:none;
}

/* ---------------------------------------------------------
   7) Icon depth
   --------------------------------------------------------- */
.fv4-service-card__icon,
.fvsm-service-card-v2__icon,
.fvcmp-cap-card__icon{
  position:relative;
  box-shadow:
    0 1px 0 rgba(255,255,255,.80) inset,
    0 7px 14px rgba(18,62,49,.10),
    0 16px 28px rgba(18,62,49,.07)!important;
}
.fv4-service-card__icon:after,
.fvsm-service-card-v2__icon:after,
.fvcmp-cap-card__icon:after{
  content:"";
  position:absolute;
  inset:5px;
  border-radius:inherit;
  border:1px solid rgba(255,255,255,.45);
  pointer-events:none;
}

/* ---------------------------------------------------------
   8) Founder / dark bands: deeper but still simple
   --------------------------------------------------------- */
.fv4-founder__grid,
.fvcmp-about-founder,
.fv4-routes__grid,
.fv4-impact{
  box-shadow:
    0 1px 0 rgba(255,255,255,.04) inset,
    0 24px 62px rgba(7,38,31,.12)!important;
}

.fv4-founder__grid,
.fvcmp-about-founder{
  position:relative;
}
.fv4-founder__grid:after,
.fvcmp-about-founder:after{
  content:"";
  position:absolute;
  z-index:-1;
  left:20px;
  right:20px;
  bottom:-14px;
  height:26px;
  border-radius:0 0 28px 28px;
  background:rgba(18,62,49,.10);
  filter:blur(2px);
}

/* ---------------------------------------------------------
   9) Forms: inset 3D, high-end and clean
   --------------------------------------------------------- */
.fvsm-contact-form input:not([type="submit"]),
.fvsm-contact-form textarea,
.fvsm-contact-form select{
  box-shadow:
    inset 0 1px 2px rgba(0,0,0,.08),
    inset 0 -1px 0 rgba(255,255,255,.05)!important;
}

.fvsm-contact-form input:focus,
.fvsm-contact-form textarea:focus,
.fvsm-contact-form select:focus{
  transform:translateY(-1px);
}

/* ---------------------------------------------------------
   10) CTA: slight 3D stage
   --------------------------------------------------------- */
.fv4-cta>.fv4-shell,
.fvcmp-about-cta{
  position:relative;
  z-index:2;
}

.fv4-cta>.fv4-shell:after,
.fvcmp-about-cta:after{
  content:"";
  position:absolute;
  z-index:-1;
  left:24px;
  right:24px;
  bottom:-16px;
  height:28px;
  border-radius:0 0 28px 28px;
  background:rgba(7,38,31,.16);
  filter:blur(4px);
}

/* ---------------------------------------------------------
   11) Keep the effect safe on tablet/mobile
   --------------------------------------------------------- */
@media(max-width:900px){
  .fv4-hero__media:before,
  .fv4-hero__visual:before,
  .fvcmp-hero__media:before,
  .fvcmp-about-hero__media:before{
    inset-inline-end:-9px;
    bottom:-9px;
  }

  .fv4-hero__media:after,
  .fv4-hero__visual:after,
  .fvcmp-hero__media:after,
  .fvcmp-about-hero__media:after{
    display:none;
  }

  .fv4-about__grid:after,
  .fv4-why__grid:after,
  .fvcmp-overview:after,
  .fvcmp-about-story:after{
    inset:9px -6px -9px 6px;
  }
}

@media(max-width:620px){
  .fv4-service-card:after,
  .fv4-company-card:after,
  .fv4-post-card:after,
  .fvsm-service-card-v2:after,
  .fvsm-blog-card:after,
  .fvcmp-cap-card:after,
  .fvcmp-about-companies__grid>a:after{
    bottom:-6px;
    height:12px;
  }
}

/* Accessibility */
@media(prefers-reduced-motion:reduce){
  .fv4-service-card,
  .fv4-company-card,
  .fv4-post-card,
  .fvsm-service-card-v2,
  .fvsm-blog-card,
  .fvcmp-cap-card,
  .fvcmp-about-companies__grid>a{
    transition:none!important;
    transform:none!important;
  }
}


/* =========================================================
   v1.2.1 — EXACT QUICK TRACK HOVER FIX
   Root cause:
   v1.1 added `.fv4-quick__grid>*:hover { background: ... }`,
   which overrode the original dark tracking-card hover color.
   This keeps Track & Trace dark and visually separate.
   ========================================================= */

/* Keep the Track & Trace tile dark at rest AND on hover/focus */
.fv4-quick__grid > .fv4-quick__item--tracking,
.fv4-quick__grid > .fv4-quick__item--tracking:hover,
.fv4-quick__grid > .fv4-quick__item--tracking:focus-within{
  position:relative;
  overflow:hidden;
  color:#fff!important;
  background:
    radial-gradient(circle at 88% 14%,rgba(127,150,116,.23),transparent 25%),
    linear-gradient(145deg,#173f32 0%,#0b2d24 100%)!important;
  border-color:rgba(255,255,255,.08)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    0 15px 34px rgba(11,45,36,.17),
    0 28px 58px rgba(11,45,36,.10)!important;
}

/* subtle 3D thickness specifically for the tracking tile */
.fv4-quick__grid > .fv4-quick__item--tracking:after{
  content:"";
  position:absolute;
  z-index:0;
  left:14px;
  right:14px;
  bottom:-8px;
  height:16px;
  border-radius:0 0 18px 18px;
  background:rgba(11,45,36,.16);
  pointer-events:none;
}

/* content must stay above decoration */
.fv4-quick__item--tracking > *{
  position:relative;
  z-index:1;
}

.fv4-quick__item--tracking .fv4-quick__copy > span{
  color:#c8d6c3!important;
}
.fv4-quick__item--tracking .fv4-quick__copy h2,
.fv4-quick__item--tracking .fv4-quick__copy strong{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
.fv4-quick__item--tracking .fv4-quick__copy p{
  color:rgba(255,255,255,.68)!important;
}

/* Tracking input stays glassy/dark; never becomes a white strip */
.fv4-quick__item--tracking .fv4-track-form input{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  background:rgba(255,255,255,.075)!important;
  border-color:rgba(255,255,255,.17)!important;
  box-shadow:
    inset 0 1px 2px rgba(0,0,0,.10),
    inset 0 1px 0 rgba(255,255,255,.035)!important;
}
.fv4-quick__item--tracking .fv4-track-form input::placeholder{
  color:rgba(255,255,255,.54)!important;
  -webkit-text-fill-color:rgba(255,255,255,.54)!important;
}
.fv4-quick__item--tracking .fv4-track-form input:focus{
  border-color:#b9c9b3!important;
  background:rgba(255,255,255,.10)!important;
  box-shadow:0 0 0 3px rgba(220,229,215,.08)!important;
}

/* Matcha button gives the card a clear premium action */
.fv4-quick__item--tracking .fv4-track-form button{
  color:#0b2d24!important;
  background:linear-gradient(145deg,#dce5d7,#b9c9b3)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.72),
    0 8px 18px rgba(0,0,0,.14)!important;
}
.fv4-quick__item--tracking .fv4-track-form button:hover{
  transform:translateY(-1px);
  background:linear-gradient(145deg,#e5ece1,#c5d2bf)!important;
}

/* Keep tracking feedback readable */
.fv4-quick__item--tracking .fv4-track-message{
  color:rgba(255,255,255,.67)!important;
}

/* Disable the generic "make every quick item pale on hover" behavior
   only for the dark tracking card. */
@media(hover:hover){
  .fv4-quick__grid > .fv4-quick__item--tracking:hover{
    transform:translateY(-3px)!important;
  }
}