/* ABOUT v7.3 — Clean */

/* TOGGLE — simple icon swap, no bg, no pill */
.tg{width:32px!important;height:32px!important;border-radius:50%!important;display:flex!important;align-items:center;justify-content:center;cursor:pointer;background:none!important;border:none!important;margin-left:8px;transition:opacity .3s;padding:0!important}
.tg:hover{opacity:.7}
.dk .tg svg{stroke:#f5f5f7}.lt .tg svg{stroke:#1d1d1f}
.tg-moon{display:none}
.lt .tg-sun{display:none}
.lt .tg-moon{display:block}

/* SEARCH BUTTON */
.nv-search{display:flex;align-items:center;justify-content:center;padding:0 8px;height:48px;opacity:.5;transition:opacity .25s;margin-left:4px}
.nv-search:hover{opacity:1}
.dk .nv-search{color:#f5f5f7}.lt .nv-search{color:#1d1d1f}

/* SEARCH PANEL */
.mg-search{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;opacity:0;pointer-events:none;transition:opacity .35s;display:none}
.mg-search.open{display:block;opacity:1;pointer-events:auto}
.dk .mg-search{background:rgba(0,0,0,.88);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px)}
.lt .mg-search{background:rgba(251,251,253,.94);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px)}
/* old search removed */
/* removed */
/* removed */
/* removed */
/* removed */
/* removed */
/* removed */
/* removed */
/* removed */

/* SERVICE BAR */
.svc-bar{height:44px;display:flex;align-items:center;justify-content:center;position:fixed;top:48px;left:0;right:0;z-index:95;transition:background .4s,top .35s cubic-bezier(.25,.1,.25,1)}
.dk .svc-bar{background:rgba(0,0,0,.7);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid rgba(255,255,255,.09)}
.lt .svc-bar{background:rgba(251,251,253,.8);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:.5px solid rgba(0,0,0,.05)}
.svc-bar-w{max-width:980px;margin:0 auto;padding:0 22px;width:100%;display:flex;align-items:center;gap:clamp(12px,2.5vw,28px);overflow-x:auto;scrollbar-width:none;justify-content:flex-start}
.svc-bar-w::-webkit-scrollbar{display:none}
.svc-bar-i{font-size:12px;font-weight:500;letter-spacing:.01em;white-space:nowrap;padding:12px 0;position:relative;transition:color .2s,opacity .2s;opacity:.45;text-decoration:none}
.svc-bar-i:hover{opacity:1}
.svc-bar-i.is-on{opacity:1;font-weight:600}
.svc-bar-i.is-on::after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;border-radius:1px;background:currentColor}
.dk .svc-bar-i{color:#f5f5f7}.lt .svc-bar-i{color:#1d1d1f}

/* PRODUCT HEADER offsets */
.has-svc-bar .prod-header{top:92px}
.has-svc-bar .subnav{top:92px}

/* HERO GRADIENT */
.hero-grad{position:relative;overflow:hidden}
.hero-grad::before{content:"";position:absolute;inset:0;opacity:.08;pointer-events:none;background:radial-gradient(ellipse at 50% 0%,var(--hero-c,#f37f0d) 0%,transparent 60%)}
.hero-grad::after{content:"";position:absolute;bottom:0;left:0;right:0;height:40%;pointer-events:none}
.dk .hero-grad::after{background:linear-gradient(to top,#000,transparent)}
.lt .hero-grad::after{background:linear-gradient(to top,#fff,transparent)}

/* REVEAL with blur */
[data-r]{opacity:0;transform:translateY(20px);transition:opacity .65s cubic-bezier(.25,.1,.25,1),transform .65s cubic-bezier(.25,.1,.25,1),filter .65s;filter:blur(3px)}
[data-r].vis{opacity:1;transform:none;filter:blur(0)}

/* ACCENT LINE */
.accent-line{width:40px;height:3px;border-radius:2px;background:#f37f0d;margin:0 auto 20px}

/* CARD HOVER */
.c{transition:transform .35s cubic-bezier(.25,.1,.25,1),box-shadow .35s}
.c:hover{transform:translateY(-4px)}
.dk .c:hover{box-shadow:0 12px 40px rgba(0,0,0,.4)}
.lt .c:hover{box-shadow:0 12px 40px rgba(0,0,0,.16)}

/* FEAT VIS */
.feat-vis{position:relative;overflow:hidden}
.feat-vis::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 30% 30%,rgba(255,255,255,.07) 0%,transparent 50%);pointer-events:none}

/* NAV */
.nv--solid{backdrop-filter:saturate(180%) blur(20px)}
.dk .nv--solid{background:rgba(0,0,0,.88)!important}
.lt .nv--solid{background:rgba(251,251,253,.92)!important}
.nv--hide{transform:translateY(-100%)}
.has-svc-bar{padding-top:92px}
.has-svc-bar.svc-page{padding-top:130px}
.nv-up .svc-bar{transform:translateY(-100%)}
.nv-up .sub{top:0!important}
.svc-bar{transition:top .35s cubic-bezier(.25,.1,.25,1)}
.sub{transition:top .35s cubic-bezier(.25,.1,.25,1)}
.nv{transition:background .4s,transform .35s cubic-bezier(.25,.1,.25,1)}
.nv-ham{display:none;width:18px;height:14px;position:relative;flex-direction:column;justify-content:space-between;padding:0;margin-left:12px}
.nv-ham span{display:block;width:100%;height:1.5px;border-radius:1px;transition:transform .35s cubic-bezier(.25,.1,.25,1),opacity .2s}
.dk .nv-ham span{background:#f5f5f7}.lt .nv-ham span{background:#1d1d1f}
.nv-ham.open span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.nv-ham.open span:nth-child(2){opacity:0}
.nv-ham.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

/* MEGA STAGGER */
.mg.open .mg-l{animation:mgFade .35s ease both}
.mg.open .mg-w>div:nth-child(2) .mg-l{animation-delay:.06s}
.mg.open .mg-w>div:nth-child(3) .mg-l{animation-delay:.12s}
.mg.open .mg-h{animation:mgFade .3s ease both}
@keyframes mgFade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* RESPONSIVE */
@media(max-width:834px){
  .nv-r{display:none}
  .nv-ham{display:flex}
  .svc-bar-w{justify-content:flex-start;gap:16px;padding:0 16px}
  .feat-row{grid-template-columns:1fr!important;gap:32px}
  .feat-row--r{direction:ltr}
  .feat-vis{min-height:200px;border-radius:20px}
  .cg--3,.cg--2{grid-template-columns:1fr}
  .sts{flex-wrap:wrap;gap:24px}
  .sts>div{min-width:calc(50% - 12px)}
  .prod-header-w{gap:8px}
  .prod-name{font-size:17px}
  .prod-tab{padding:0 8px;font-size:11px}
  .sp{grid-template-columns:1fr!important;min-height:auto}
  .sp-i{min-height:280px}
  .ft-cols{grid-template-columns:repeat(2,1fr);gap:24px}
}
@media(max-width:480px){
  .svc-bar{height:40px}
  .svc-bar-i{font-size:11px;padding:10px 0}
  .sts>div{min-width:calc(50% - 8px)}
  .ft-cols{grid-template-columns:1fr}
  .page-hero,.svc-hero{padding:clamp(80px,12vw,120px) 22px clamp(40px,6vw,60px)}
}

/* SEARCH APPLE STYLE */
.srch-top{display:flex;align-items:center;gap:12px;margin-bottom:clamp(32px,5vw,48px)}
.srch-field{flex:1;display:flex;align-items:center;gap:10px;border-radius:12px;padding:12px 16px}
.dk .srch-field{background:rgba(255,255,255,.16)}.lt .srch-field{background:rgba(0,0,0,.16)}
.dk .srch-field svg{stroke:rgba(255,255,255,.3)}.lt .srch-field svg{stroke:rgba(0,0,0,.25)}
.mg-search-input{flex:1;font-size:17px;font-weight:400;background:none;border:none;outline:none;padding:0}
.dk .mg-search-input{color:#f5f5f7}.lt .mg-search-input{color:#1d1d1f}
.mg-search-input::placeholder{color:rgba(128,128,128,.4)}
.mg-search-close{font-size:14px;opacity:.5;cursor:pointer;transition:opacity .2s;background:none;border:none;white-space:nowrap;padding:8px 0}
.mg-search-close:hover{opacity:1}
.dk .mg-search-close{color:#f5f5f7}.lt .mg-search-close{color:#1d1d1f}
.srch-body{display:grid;grid-template-columns:1fr 1fr;gap:48px}
.srch-h{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin-bottom:14px}
.dk .srch-h{color:rgba(255,255,255,.3)}.lt .srch-h{color:rgba(0,0,0,.3)}
.srch-l{display:block;font-size:14px;padding:6px 0;transition:color .2s}
.dk .srch-l{color:rgba(255,255,255,.7)}.lt .srch-l{color:rgba(0,0,0,.7)}
.srch-l:hover{color:#f37f0d}
@media(max-width:480px){.srch-body{grid-template-columns:1fr;gap:28px}}

/* BRAND FONTS per servizio */
.brand-efruit .svc-hero .sh{font-family:'Plus Jakarta Sans',sans-serif!important}
.brand-drivein .svc-hero .sh{font-family:'DM Sans',sans-serif!important}
.brand-relaxyou .svc-hero .sh{font-family:'Outfit',sans-serif!important;font-weight:700!important}
.brand-fertilyze .svc-hero .sh{font-family:'Fraunces',serif!important;font-weight:400!important}
.brand-tools .svc-hero .sh{font-family:'Young Serif',serif!important;font-weight:400!important}
.brand-dm .svc-hero .sh{font-family:'DM Sans',sans-serif!important}

.mg-search-w{max-width:980px;margin:0 auto;padding:clamp(100px,14vw,160px) 22px 60px;position:relative}
/* ═══ BENTO GRID — Griglia variegata per embed slot ═══ */
.bento{display:grid;gap:12px;max-width:980px;margin:0 auto;padding:0 22px}
.bento--a{grid-template-columns:1.4fr 1fr;grid-template-rows:auto auto}
.bento--b{grid-template-columns:1fr 1fr 1fr}
.bento--c{grid-template-columns:1fr 1.5fr}
.bento--d{grid-template-columns:1fr}
.bento .embed-slot{border-radius:24px;overflow:hidden}
.bento .embed-slot[data-size="embed-strip"],
.bento .embed-slot[data-size="strip"]{border-radius:16px}
.bento .embed-slot[data-size="embed-compact"],
.bento .embed-slot[data-size="compact"]{border-radius:20px}

@media(max-width:834px){
  .bento--a,.bento--b,.bento--c{grid-template-columns:1fr}
}

/* Embed iframes */
.embed-frame{width:100%;border:none;display:block;overflow:hidden;border-radius:16px;min-height:200px;transition:height .3s ease}
.embed-wrap{margin:24px 0}

/* Grip icon */
.nv-grip:hover{opacity:1!important}


/* ═══ INLINE SEARCH ═══ */
.nv-r{position:relative}
.nv-r .nv-btn,.nv-r .nv-sep,.nv-r .nv-grip,.nv-r .tg,.nv-r .nv-search{transition:opacity .3s ease,transform .3s ease}
.nv--searching .nv-r .nv-btn,.nv--searching .nv-r .nv-sep,.nv--searching .nv-r .nv-grip,.nv--searching .nv-r .tg,.nv--searching .nv-r .nv-search{opacity:0;transform:scale(.88);pointer-events:none}
.nv-search-inline{display:flex;align-items:center;gap:8px;position:absolute;right:0;top:50%;transform:translateY(-50%);max-width:320px;width:100%;padding:0 4px;opacity:0;pointer-events:none;transition:opacity .25s ease .08s}
.nv--searching .nv-search-inline{opacity:1;pointer-events:auto}
.nv-search-input{flex:1;font-size:14px;font-weight:400;background:none;border:none;outline:none;padding:6px 0;font-family:inherit;min-width:0}
.dk .nv-search-input{color:#f5f5f7}.lt .nv-search-input{color:#1d1d1f}
.nv-search-input::placeholder{color:rgba(128,128,128,.4);font-size:13px}
.nv-search-cancel{font-size:12px;font-weight:600;cursor:pointer;background:none;border:none;padding:4px 10px;border-radius:980px;transition:all .2s;white-space:nowrap;flex-shrink:0}
.dk .nv-search-cancel{color:rgba(255,255,255,.65)}.lt .nv-search-cancel{color:#6e6e73}
.dk .nv-search-cancel:hover{color:#f5f5f7;background:rgba(255,255,255,.16)}
.lt .nv-search-cancel:hover{color:#1d1d1f;background:rgba(0,0,0,.16)}
.nv-search-ic{flex-shrink:0;opacity:.3}
@media(max-width:834px){.nv-search-inline{max-width:220px}}
@media(max-width:480px){.nv-search-inline{max-width:170px}}