/* MF Beauty Clinic — stylesheet condiviso v3 (WOW edition) */
:root{
  /* TEAL family — colore brand */
  --teal-ink:#0A4642;
  --teal-deep:#054B49;
  --teal:#067D7B;
  --teal-light:#2EA9A6;
  --teal-glow:#5BCAC6;
  --mint:#BCDFDC;
  --mint-soft:#E8F4F2;

  /* WARM family — complementari beauty */
  --nude:#E8C9B0;
  --peach:#F4C9A8;
  --copper:#C8956F;
  --blush:#F8E0D0;
  --gold:#C9A87C;
  --rose-deep:#A06E50;

  /* NEUTRAL warm */
  --cream:#FAF4EA;
  --ivory:#FCF8F1;
  --sand:#E8DDC8;
  --ink:#0A1F1D;
  --graphite:#2E3F3D;
  --testo:#2B3433;
  --grigio:#6B7572;
  --mist:#9AA9A6;
  --linea:#E6E9E8;
  --linea-warm:#EBE2D2;

  /* Alias retrocompatibili (pagine v2 che usano vecchi nomi) */
  --teal-d:var(--teal-deep);
  --menta:var(--mint);
  --menta-bg:var(--mint-soft);
  --nero:var(--ink);
  --crema:var(--cream);

  /* Gradient prefabbricati */
  --g-brand:linear-gradient(135deg,var(--teal-deep) 0%,var(--teal) 100%);
  --g-brand-bright:linear-gradient(135deg,var(--teal) 0%,var(--teal-light) 100%);
  --g-warm:linear-gradient(135deg,var(--nude) 0%,var(--cream) 100%);
  --g-rose:linear-gradient(135deg,var(--blush) 0%,var(--nude) 100%);
  --g-glow:radial-gradient(ellipse at top,var(--teal-glow) 0%,transparent 70%);
  --g-mesh:radial-gradient(ellipse at 20% 30%,rgba(232,201,176,.4) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(188,223,220,.4) 0%,transparent 50%),radial-gradient(ellipse at 50% 80%,rgba(248,224,208,.3) 0%,transparent 50%);

  /* Shadows */
  --sh-soft:0 8px 28px rgba(10,31,29,.06);
  --sh-mid:0 16px 40px rgba(10,31,29,.1);
  --sh-strong:0 30px 70px rgba(10,31,29,.15);
  --sh-glow-teal:0 20px 50px rgba(6,125,123,.3);
  --sh-glow-nude:0 20px 50px rgba(200,149,111,.25);
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Raleway',sans-serif;color:var(--testo);background:var(--ivory);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3,h4,.osw{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.5px;color:var(--ink);line-height:1.04;font-weight:600}
.serif{font-family:'Cormorant Garamond',serif;font-weight:500;letter-spacing:.5px;text-transform:none}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.wrap{max-width:1240px;margin:0 auto;padding:0 24px}
.wrap-wide{max-width:1440px;margin:0 auto;padding:0 24px}

/* SCROLL PROGRESS */
.scroll-bar{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,var(--teal),var(--copper));z-index:120;width:0%;transition:width .1s linear}

/* CUSTOM CURSOR */
.cur{position:fixed;width:28px;height:28px;border:1.5px solid var(--teal);border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:width .2s,height .2s,background .2s,border-color .2s,opacity .2s;mix-blend-mode:difference;opacity:0}
.cur.on{opacity:1}
.cur.hov{width:54px;height:54px;background:var(--teal);border-color:var(--teal)}
@media(pointer:coarse){.cur{display:none}}

/* EYEBROW */
.eyebrow{font-family:'Oswald';text-transform:uppercase;letter-spacing:4px;font-size:12.5px;color:var(--teal);font-weight:600;margin-bottom:18px;display:inline-flex;align-items:center;gap:10px}
.eyebrow::before{content:"";width:24px;height:1.5px;background:var(--teal);display:inline-block}
.eyebrow.copper{color:var(--rose-deep)}
.eyebrow.copper::before{background:var(--rose-deep)}
.eyebrow.light{color:var(--mint)}
.eyebrow.light::before{background:var(--mint)}

/* BUTTONS */
.btn{display:inline-flex;align-items:center;gap:10px;background:var(--teal);color:#fff;padding:16px 34px;border-radius:50px;font-family:'Oswald';font-weight:500;font-size:14.5px;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;border:none;transition:.4s cubic-bezier(.2,.7,.2,1);position:relative;overflow:hidden;text-decoration:none}
.btn::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--teal-deep),var(--teal-light));transform:scaleX(0);transform-origin:left;transition:.45s cubic-bezier(.2,.7,.2,1);z-index:1;border-radius:50px}
.btn:hover::before{transform:scaleX(1)}
.btn > *{position:relative;z-index:2}
.btn:hover{color:#fff;transform:translateY(-3px);box-shadow:var(--sh-glow-teal)}
.btn .arr{display:inline-block;transition:.3s}.btn:hover .arr{transform:translateX(4px)}
.btn.ghost{background:transparent;color:var(--ink);border:2px solid var(--ink)}
.btn.ghost::before{background:var(--ink)}.btn.ghost:hover{color:#fff;box-shadow:none}
.btn.wh{background:#fff;color:var(--teal-deep)}
.btn.wh::before{background:var(--cream)}.btn.wh:hover{color:var(--teal-deep)}
.btn.copper{background:var(--copper);box-shadow:var(--sh-glow-nude)}
.btn.copper::before{background:linear-gradient(135deg,var(--rose-deep),var(--copper))}
.btn.sm{padding:11px 22px;font-size:13px}
.btn.lg{padding:18px 40px;font-size:15.5px}

/* HEADER */
header{position:sticky;top:0;z-index:90;background:rgba(252,248,241,.86);backdrop-filter:blur(16px) saturate(140%);border-bottom:1px solid transparent;transition:.4s}
header.scrolled{background:rgba(252,248,241,.96);border-bottom-color:var(--linea);box-shadow:0 8px 28px rgba(10,31,29,.04)}
nav{display:flex;align-items:center;justify-content:space-between;height:86px;gap:24px}
.logo-img{height:64px;width:auto;display:block;transition:.3s}
header.scrolled .logo-img{height:56px}
.navlinks{display:flex;gap:34px;align-items:center}
.navlinks a{font-family:'Oswald';text-transform:uppercase;font-size:13.5px;letter-spacing:1.5px;font-weight:400;position:relative;padding:6px 0;color:var(--ink);transition:.3s}
.navlinks a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--teal);transform:scaleX(0);transform-origin:left;transition:.3s}
.navlinks a:hover::after,.navlinks a.active::after{transform:scaleX(1)}
.navlinks a:hover{color:var(--teal)}
.burger{display:none;background:none;border:none;font-size:28px;cursor:pointer;color:var(--ink);width:44px;height:44px;align-items:center;justify-content:center}
.mob-menu{display:none;position:fixed;inset:86px 0 0;background:var(--ivory);z-index:80;padding:30px 24px;overflow-y:auto}
.mob-menu.on{display:block;animation:fade-up .4s ease}
.mob-menu a{display:block;padding:20px 0;border-bottom:1px solid var(--linea);font-family:'Oswald';text-transform:uppercase;letter-spacing:1.5px;font-size:17px;color:var(--ink)}
.mob-menu .btn{width:100%;text-align:center;justify-content:center;margin-top:24px}
@keyframes fade-up{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

/* SECTIONS */
section{padding:120px 0;position:relative}
.shead{max-width:760px;margin:0 auto 64px;text-align:center}
.shead.left{margin-left:0;text-align:left}
.shead h2{font-size:clamp(36px,5vw,68px);font-weight:700;letter-spacing:-1px}
.shead h2 .it{font-family:'Cormorant Garamond';font-style:italic;font-weight:400;text-transform:none;color:var(--teal);letter-spacing:0}
.shead h2 .copper{color:var(--copper)}
.shead p{color:var(--grigio);font-size:18.5px;margin-top:18px;text-transform:none;max-width:600px;margin-left:auto;margin-right:auto}

/* REVEAL ANIMATIONS */
.rev{opacity:0;transform:translateY(40px);transition:.9s cubic-bezier(.2,.7,.2,1)}
.rev.show{opacity:1;transform:none}
.rev.l{transform:translateX(-48px)}.rev.l.show{transform:none}
.rev.r{transform:translateX(48px)}.rev.r.show{transform:none}
.rev.up{transform:translateY(60px)}.rev.up.show{transform:none}
.rev-stagger > *{opacity:0;transform:translateY(32px);transition:.85s cubic-bezier(.2,.7,.2,1)}
.rev-stagger.show > *{opacity:1;transform:none}
.rev-stagger.show > *:nth-child(1){transition-delay:0s}
.rev-stagger.show > *:nth-child(2){transition-delay:.08s}
.rev-stagger.show > *:nth-child(3){transition-delay:.16s}
.rev-stagger.show > *:nth-child(4){transition-delay:.24s}
.rev-stagger.show > *:nth-child(5){transition-delay:.32s}
.rev-stagger.show > *:nth-child(6){transition-delay:.4s}
.rev-stagger.show > *:nth-child(7){transition-delay:.48s}
.rev-stagger.show > *:nth-child(8){transition-delay:.56s}

/* TEXT REVEAL — parola per parola */
.tr-word{display:inline-block;overflow:hidden;vertical-align:bottom;padding-right:.2em}
.tr-word > span{display:inline-block;transform:translateY(110%);transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.tr.show .tr-word > span{transform:translateY(0)}
.tr.show .tr-word:nth-child(1) > span{transition-delay:0s}
.tr.show .tr-word:nth-child(2) > span{transition-delay:.08s}
.tr.show .tr-word:nth-child(3) > span{transition-delay:.16s}
.tr.show .tr-word:nth-child(4) > span{transition-delay:.24s}
.tr.show .tr-word:nth-child(5) > span{transition-delay:.32s}
.tr.show .tr-word:nth-child(6) > span{transition-delay:.4s}
.tr.show .tr-word:nth-child(7) > span{transition-delay:.48s}
.tr.show .tr-word:nth-child(8) > span{transition-delay:.56s}
.tr.show .tr-word:nth-child(9) > span{transition-delay:.64s}
.tr.show .tr-word:nth-child(10) > span{transition-delay:.72s}

/* MARQUEE — tilted */
.marquee{background:var(--ink);color:#fff;padding:22px 0;overflow:hidden;white-space:nowrap;transform:rotate(-2deg);margin:-10px 0;border-top:1px solid var(--graphite);border-bottom:1px solid var(--graphite);position:relative}
.marquee .track{display:inline-block;animation:scroll 36s linear infinite}
.marquee span{font-family:'Oswald';text-transform:uppercase;font-size:20px;letter-spacing:3px;margin:0 28px;font-weight:300;color:#fff}
.marquee span.spark{color:var(--copper);font-family:'Cormorant Garamond';font-style:italic;font-weight:500;text-transform:none}
.marquee b{color:var(--mint);font-weight:600}
@keyframes scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* CATEGORIE CARD CLASSICA (per pagine secondarie) */
.cgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.cat{position:relative;height:340px;border-radius:18px;overflow:hidden;cursor:pointer;display:block;background:var(--ink)}
.cat .img{position:absolute;inset:0;background-size:cover;background-position:center;transition:.8s cubic-bezier(.2,.7,.2,1);opacity:.72}
.cat:hover .img{transform:scale(1.1);opacity:.88}
.cat .ov{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,31,29,.05) 30%,rgba(10,31,29,.86))}
.cat .ct{position:absolute;left:0;bottom:0;padding:28px;color:#fff;width:100%;z-index:2;transform:translateY(0);transition:.5s}
.cat:hover .ct{transform:translateY(-6px)}
.cat .n{font-family:'Oswald';font-size:12.5px;color:var(--mint);letter-spacing:1.8px;margin-bottom:8px;display:inline-flex;align-items:center;gap:8px}
.cat .n::before{content:"";width:18px;height:1px;background:var(--mint)}
.cat h3{color:#fff;font-size:30px}
.cat .ex{font-size:14px;opacity:.85;margin-top:10px;text-transform:none;font-family:'Raleway'}
.cat .ar{position:absolute;top:22px;right:22px;width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.18);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;transition:.4s cubic-bezier(.2,.7,.2,1);z-index:2}
.cat:hover .ar{background:var(--teal);transform:rotate(-45deg) scale(1.12)}

/* SERVIZI LIST */
.svc-list{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:1040px;margin:0 auto}
.svc{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px 28px;background:#fff;border:1px solid var(--linea);border-radius:14px;transition:.35s cubic-bezier(.2,.7,.2,1);cursor:pointer;position:relative;overflow:hidden}
.svc::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--teal);transform:scaleY(0);transform-origin:top;transition:.35s}
.svc:hover::before{transform:scaleY(1)}
.svc:hover{border-color:var(--teal);transform:translateY(-4px);box-shadow:var(--sh-mid)}
.svc h4{font-family:'Oswald';font-weight:500;font-size:17.5px;text-transform:uppercase;letter-spacing:.5px;color:var(--ink);margin-bottom:5px}
.svc .meta{font-size:13.5px;color:var(--grigio);font-family:'Oswald';letter-spacing:1px;text-transform:uppercase}
.svc .desc{font-size:13.5px;color:var(--grigio);margin-top:7px;text-transform:none}
.svc .right{text-align:right;flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.svc .price{font-family:'Oswald';font-weight:600;font-size:28px;color:var(--teal);line-height:1}
.svc .book{font-family:'Oswald';font-size:11.5px;letter-spacing:1.5px;text-transform:uppercase;color:#fff;background:var(--ink);padding:10px 18px;border-radius:50px;transition:.3s}
.svc:hover .book{background:var(--teal)}
.svc-cat{margin-bottom:54px}
.svc-cat-title{font-family:'Oswald';text-transform:uppercase;letter-spacing:2.5px;font-size:14px;color:var(--teal);margin-bottom:22px;display:flex;align-items:center;gap:16px}
.svc-cat-title::before{content:"";width:30px;height:1.5px;background:var(--teal)}
.svc-cat-title::after{content:"";flex:1;height:1px;background:var(--linea)}

/* CAT HERO (per pagine categoria) */
.cat-hero{position:relative;min-height:420px;display:flex;align-items:flex-end;overflow:hidden;background:var(--ink)}
.cat-hero .img{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.5}
.cat-hero .ov{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,31,29,.3),rgba(10,31,29,.85))}
.cat-hero .wrap{position:relative;z-index:2;color:#fff;padding:60px 24px 50px}
.cat-hero h1{color:#fff;font-size:clamp(50px,7vw,96px);letter-spacing:-1.5px}
.cat-hero h1 .it{font-family:'Cormorant Garamond';font-style:italic;font-weight:400;text-transform:none;color:var(--mint);letter-spacing:0}
.cat-hero .sub{color:rgba(255,255,255,.88);font-size:19px;margin-top:16px;max-width:580px;text-transform:none}
.breadcrumb{font-family:'Oswald';text-transform:uppercase;letter-spacing:1.5px;font-size:12.5px;color:var(--grigio);padding:28px 0}
.breadcrumb a{color:var(--teal)}.breadcrumb a:hover{text-decoration:underline}

/* FOOTER */
footer{background:var(--ink);color:rgba(255,255,255,.78);padding:80px 0 36px;position:relative;overflow:hidden}
footer::before{content:"";position:absolute;top:-200px;right:-200px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(6,125,123,.18),transparent 60%);pointer-events:none}
footer .wrap{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:44px;position:relative}
footer img.flogo{height:84px;width:auto;filter:brightness(0) invert(1);opacity:.95;margin-bottom:20px}
footer h5{font-family:'Oswald';text-transform:uppercase;letter-spacing:2px;color:#fff;margin-bottom:16px;font-size:13.5px;position:relative;padding-bottom:10px}
footer h5::after{content:"";position:absolute;left:0;bottom:0;width:24px;height:2px;background:var(--teal)}
footer p,footer a{font-size:14.5px;line-height:1.9}
footer a{transition:.3s;position:relative}footer a:hover{color:var(--mint);padding-left:8px}
footer ul{list-style:none}footer ul li{padding:3px 0}
.foot-bot{border-top:1px solid rgba(255,255,255,.08);margin-top:56px;padding-top:28px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;font-size:13px;color:rgba(255,255,255,.5)}

/* QUICK BOOK FAB */
.qb-fab{display:none;position:fixed;bottom:90px;right:22px;z-index:88;width:62px;height:62px;border-radius:50%;background:var(--teal);color:#fff;border:none;box-shadow:0 14px 38px rgba(6,125,123,.5);cursor:pointer;font-family:'Oswald';font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:1px;transition:.4s cubic-bezier(.2,.7,.2,1);animation:fab-pulse 2.5s ease-in-out infinite}
.qb-fab:hover{transform:scale(1.1);background:var(--teal-deep)}
@keyframes fab-pulse{0%,100%{box-shadow:0 14px 38px rgba(6,125,123,.5),0 0 0 0 rgba(6,125,123,.4)}50%{box-shadow:0 14px 38px rgba(6,125,123,.5),0 0 0 18px rgba(6,125,123,0)}}

/* STICKY mobile bottom CTA */
.sticky{display:none;position:fixed;bottom:0;left:0;right:0;z-index:85;background:rgba(252,248,241,.96);backdrop-filter:blur(14px);padding:12px 16px;box-shadow:0 -8px 28px rgba(10,31,29,.1);border-top:1px solid var(--linea)}
.sticky .btn{width:100%;text-align:center;justify-content:center}

/* NOTE BANNER */
.note{background:var(--ink);color:var(--mint);font-family:'Oswald';letter-spacing:1.5px;text-transform:uppercase;font-size:11.5px;text-align:center;padding:10px}

/* QUICK BOOK MODAL */
.qb-overlay{position:fixed;inset:0;z-index:200;background:rgba(10,31,29,.75);backdrop-filter:blur(8px);display:none;align-items:flex-end;justify-content:center;opacity:0;transition:opacity .4s ease}
.qb-overlay.on{display:flex;opacity:1}
.qb-sheet{width:100%;max-width:680px;background:var(--ivory);border-radius:24px 24px 0 0;max-height:92vh;overflow-y:auto;padding:30px;transform:translateY(100%);transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.qb-overlay.on .qb-sheet{transform:translateY(0)}
@media(min-width:760px){
  .qb-overlay{align-items:center}
  .qb-sheet{border-radius:24px;max-height:88vh}
}
.qb-handle{width:48px;height:5px;background:var(--linea);border-radius:3px;margin:0 auto 22px;display:block}
.qb-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}
.qb-head h3{font-size:22px}
.qb-close{width:42px;height:42px;border-radius:50%;border:1.5px solid var(--linea);background:#fff;cursor:pointer;font-size:18px;color:var(--ink);display:flex;align-items:center;justify-content:center;transition:.3s}
.qb-close:hover{border-color:var(--ink);background:var(--ink);color:#fff}
.qb-steps{display:flex;gap:8px;margin-bottom:24px}
.qb-step-ind{flex:1;height:4px;border-radius:3px;background:var(--linea);transition:.3s}
.qb-step-ind.done{background:var(--teal-light)}.qb-step-ind.on{background:var(--teal)}
.qb-panel{display:none}.qb-panel.on{display:block;animation:fade-up .4s ease}
.qb-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
.qb-tile{padding:18px 14px;border-radius:14px;border:1.5px solid var(--linea);background:#fff;cursor:pointer;text-align:left;transition:.3s;display:flex;flex-direction:column;gap:6px}
.qb-tile:hover{border-color:var(--teal);transform:translateY(-2px);box-shadow:var(--sh-soft)}
.qb-tile.sel{border-color:var(--teal);background:var(--mint-soft)}
.qb-tile .t{font-family:'Oswald';text-transform:uppercase;letter-spacing:.5px;font-size:14.5px;font-weight:500;color:var(--ink)}
.qb-tile .m{font-size:12.5px;color:var(--grigio);font-family:'Oswald';letter-spacing:1px;text-transform:uppercase}
.qb-tile .p{font-family:'Oswald';font-weight:600;font-size:18px;color:var(--teal);margin-top:4px}
.qb-svc-list{max-height:340px;overflow-y:auto;margin-top:14px;padding-right:6px}
.qb-svc-list::-webkit-scrollbar{width:6px}
.qb-svc-list::-webkit-scrollbar-thumb{background:var(--linea);border-radius:3px}
.qb-svc{padding:14px 16px;border-radius:10px;border:1.5px solid var(--linea);background:#fff;cursor:pointer;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center;transition:.25s}
.qb-svc:hover{border-color:var(--teal);background:var(--mint-soft)}
.qb-svc .t{font-family:'Oswald';font-weight:500;font-size:14.5px;color:var(--ink);text-transform:uppercase;letter-spacing:.3px}
.qb-svc .m{font-size:12px;color:var(--grigio);font-family:'Oswald';margin-top:2px;letter-spacing:.5px;text-transform:uppercase}
.qb-svc .p{font-family:'Oswald';font-weight:600;color:var(--teal);font-size:17px}
.qb-cal{margin-top:14px}
.qb-cal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.qb-cal-head .m{font-family:'Oswald';text-transform:uppercase;letter-spacing:1px;font-size:16px;color:var(--ink)}
.qb-nav-btn{width:36px;height:36px;border-radius:50%;border:1.5px solid var(--linea);background:#fff;cursor:pointer;font-size:16px;color:var(--ink);transition:.25s}
.qb-nav-btn:hover{border-color:var(--teal);color:var(--teal)}
.qb-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.qb-dow{font-family:'Oswald';text-transform:uppercase;font-size:10.5px;letter-spacing:.8px;color:var(--mist);text-align:center;padding:6px 0}
.qb-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:10px;font-family:'Oswald';font-weight:500;cursor:pointer;font-size:14.5px;background:var(--cream);transition:.2s;color:var(--ink)}
.qb-day:hover:not(.off){background:var(--mint)}
.qb-day.off{color:var(--linea);background:transparent;cursor:not-allowed}
.qb-day.sel{background:var(--teal);color:#fff;font-weight:600}
.qb-slots{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.qb-slot{padding:10px 16px;border:1.5px solid var(--linea);border-radius:50px;cursor:pointer;font-family:'Oswald';letter-spacing:.5px;font-size:13.5px;background:#fff;transition:.2s}
.qb-slot:hover{border-color:var(--teal)}.qb-slot.sel{background:var(--teal);color:#fff;border-color:var(--teal)}
.qb-input{width:100%;padding:14px 16px;border:1.5px solid var(--linea);border-radius:10px;font-family:'Raleway';font-size:15.5px;color:var(--ink);margin-bottom:14px;background:#fff;transition:.25s}
.qb-input:focus{outline:none;border-color:var(--teal)}
.qb-foot{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding-top:18px;border-top:1px solid var(--linea)}
.qb-back{background:none;border:none;cursor:pointer;font-family:'Oswald';text-transform:uppercase;letter-spacing:1px;font-size:13px;color:var(--grigio);padding:8px 0}
.qb-back:hover{color:var(--ink)}
.qb-next{background:var(--teal);color:#fff;border:none;padding:14px 28px;border-radius:50px;font-family:'Oswald';text-transform:uppercase;letter-spacing:1.2px;font-size:13.5px;cursor:pointer;transition:.3s}
.qb-next:hover{background:var(--teal-deep);transform:translateX(3px)}
.qb-next:disabled{opacity:.35;cursor:not-allowed;transform:none}
.qb-summary{background:var(--mint-soft);border-radius:12px;padding:18px;margin-top:14px;font-size:14px}
.qb-summary .row{display:flex;justify-content:space-between;padding:6px 0}
.qb-summary .row .k{color:var(--grigio);text-transform:uppercase;font-family:'Oswald';font-size:11.5px;letter-spacing:.5px}
.qb-summary .row .v{font-family:'Oswald';font-weight:600;color:var(--ink)}
.qb-done{text-align:center;padding:40px 20px}
.qb-done .check{width:80px;height:80px;border-radius:50%;background:var(--teal);color:#fff;font-size:38px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;animation:check-pop .5s cubic-bezier(.34,1.56,.64,1)}
@keyframes check-pop{from{transform:scale(0)}to{transform:scale(1)}}
.qb-done h3{font-size:26px;margin-bottom:8px}
.qb-done p{color:var(--grigio);text-transform:none}

/* RESPONSIVE */
@media(max-width:980px){
  .navlinks{display:none}.burger{display:flex}
  section{padding:70px 0}
  .cgrid{grid-template-columns:1fr 1fr;gap:16px}
  .svc-list{grid-template-columns:1fr}
  footer .wrap{grid-template-columns:1fr 1fr;gap:30px}
  .sticky,.qb-fab{display:block}body{padding-bottom:70px}
  .qb-fab{display:flex;align-items:center;justify-content:center;bottom:88px}
  .logo-img{height:54px}
  nav{height:74px}
  .mob-menu{top:74px}
  .shead{margin-bottom:44px}
  .shead h2{font-size:34px}
  .cat-hero{min-height:320px}
}
@media(max-width:560px){
  .cgrid{grid-template-columns:1fr}
  .svc{padding:18px 22px}
  footer .wrap{grid-template-columns:1fr}
  .shead h2{font-size:30px}
  .marquee span{font-size:16px;margin:0 18px}
  .qb-grid{grid-template-columns:1fr 1fr;gap:8px}
}