/* ======================================================================
   AUTOSCUOLA LILLO — STILE UNICO
   Non servono framework: cambia i colori qui sotto per cambiare il sito.
   Ordine: base → menu → pulsanti → home → schede → footer → responsive.
   ====================================================================== */
:root {
  --navy: #061a38;
  --navy-2: #082b5b;
  --blue: #0677ee;
  --electric: #00b9ff;
  --sky: #eaf5ff;
  --ink: #10233f;
  --muted: #52677e;
  --line: #dae8f5;
  --white: #fff;
  --radius: 22px;
  --shadow: 0 18px 46px rgba(9, 46, 96, .13);
  --container: 1220px;
}
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 100px; }
body { margin: 0; background: #f6f9fe; color: var(--ink); font-family: "Segoe UI", "Trebuchet MS", Arial, sans-serif; line-height: 1.55; -webkit-font-smoothing: antialiased; }
img, svg { display: block; }
img { max-width: 100%; }
a { color: inherit; text-decoration: none; }
button { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 3px solid var(--electric); outline-offset: 4px; }
h1, h2, h3, h4, p { margin-top: 0; }
h1, h2, h3, h4 { line-height: 1.1; letter-spacing: -.038em; }
p { margin-bottom: 0; }
.container { width: min(var(--container), calc(100% - 56px)); margin-inline: auto; }
.skip-link { position: fixed; left: 12px; top: -90px; z-index: 1000; padding: 11px 18px; background: #fff; color: #071b39; border-radius: 9px; }
.skip-link:focus { top: 12px; }
.section-pad { padding-block: 94px; }
.kicker { display: inline-block; font-size: .76rem; font-weight: 850; letter-spacing: .155em; text-transform: uppercase; color: #0473dc; margin-bottom: 12px; }
.kicker-light { color: #55d4ff; }
.section-heading { max-width: 710px; margin: 0 auto 36px; text-align: center; }
.section-heading h2, .contact-heading h2 { font-size: clamp(2rem, 3.65vw, 3.2rem); margin: 0 0 12px; }
.section-heading p { color: var(--muted); font-size: 1.05rem; }
.text-cta { display: inline-flex; gap: 12px; align-items: center; width: fit-content; color: #086dd7; font-weight: 820; border-bottom: 2px solid #14a3f6; padding-bottom: 3px; }
.text-cta:hover svg { transform: translateX(4px); }
.text-cta svg, .btn svg { flex: 0 0 auto; transition: transform .22s ease; }
.btn:hover svg:last-child { transform: translateX(3px); }

/* Navigazione: compatta, sempre leggibile e con un unico menu mobile. */
.site-header { position: sticky; top: 0; z-index: 90; background: rgba(255,255,255,.98); box-shadow: 0 3px 30px rgba(4,26,61,.09); border-bottom: 1px solid #d8ebfb; }
.nav-shell { min-height: 86px; display: flex; justify-content: space-between; align-items: center; gap: 24px; position: relative; }
.brand { display: grid; place-items: center; flex: 0 0 auto; }
.brand img { width: 73px; height: 73px; object-fit: contain; }
.nav-list { display: flex; align-items: center; gap: 6px; }
.nav-link { white-space: nowrap; color: #102541; font-weight: 740; font-size: .92rem; padding: 11px 13px; border-radius: 999px; transition: color .2s, background .2s; }
.nav-link:hover, .nav-link.current { background: #e5f3ff; color: #0565cb; }
.nav-list .btn-nav { margin-left: 8px; white-space: nowrap; }
.nav-toggle { display: none; color: var(--navy); background: #eff6ff; border: 1px solid #d9e8f7; border-radius: 12px; width: 46px; height: 46px; place-items: center; cursor: pointer; }

/* Pulsanti: un solo sistema, 3 varianti. */
.btn { display: inline-flex; justify-content: center; align-items: center; gap: 10px; border-radius: 999px; min-height: 50px; padding: 12px 22px; font-weight: 800; font-size: .93rem; line-height: 1.22; transition: transform .22s, box-shadow .22s, background .22s; border: 1.5px solid transparent; cursor: pointer; }
.btn:hover { transform: translateY(-2px); }
.btn-primary, .btn-nav { color: #fff; background: linear-gradient(115deg,#0059d0,#009bf4); border-color: #6ed6ff; box-shadow: 0 7px 24px rgba(0,139,237,.32), inset 0 1px 0 rgba(255,255,255,.35); }
.btn-primary:hover, .btn-nav:hover { box-shadow: 0 9px 30px rgba(0,139,237,.47); }
.btn-nav { display: inline-flex; align-items: center; gap: 7px; padding: 9px 17px; font-size: .87rem; min-height: 43px; border-radius: 999px; }
.btn-outline-light { color: #fff; background: rgba(3,25,54,.38); border-color: rgba(255,255,255,.7); backdrop-filter: blur(5px); }
.btn-outline-light:hover { background: rgba(255,255,255,.13); }
.btn-white { color: var(--navy); background: #fff; border: 1px solid #fff; box-shadow: 0 8px 22px rgba(0,0,0,.14); }
.btn-white:hover { box-shadow: 0 10px 30px rgba(255,255,255,.28); }

/* 1. Homepage / Vetrina reale */
.home-hero { min-height: 675px; position: relative; overflow: hidden; isolation: isolate; display: flex; align-items: center; background: #061b3a; color: white; }
.home-hero-bg { position: absolute; width: 100%; height: 100%; inset: 0; object-fit: cover; object-position: center 51%; z-index: -3; }
.home-hero-wash { position: absolute; inset: 0; z-index: -2; background: linear-gradient(91deg, rgba(3,17,42,.99) 0%, rgba(3,22,51,.93) 27%, rgba(5,36,75,.61) 48%, rgba(5,35,66,.06) 84%), linear-gradient(0deg,rgba(3,19,44,.6),transparent 35%); }
.hero-slash { position: absolute; z-index: -1; left: 48%; top: -20%; height: 150%; width: 28px; transform: rotate(25deg); background: linear-gradient(90deg,transparent,#00b6ff,#1475eb,transparent); filter: drop-shadow(0 0 18px #20bfff); opacity: .72; }
.home-hero-inner { padding-block: 64px 103px; }
.home-hero-content { width: min(100%, 565px); }
.hero-logo-wrap { display: inline-grid; place-items: center; width: 207px; height: 207px; padding: 7px; border-radius: 50%; background: linear-gradient(140deg,#9fe9ff,#0089fc 45%,#063c91); box-shadow: 0 0 0 8px #00489555,0 0 26px #12b4ff, 0 16px 50px #00182e; }
.hero-logo-wrap img { width: 100%; height: 100%; border-radius: 50%; background: white; object-fit: contain; }
.hero-overline { margin-top: 20px; margin-bottom: 10px; font-size: .81rem; font-weight: 850; letter-spacing: .18em; color: #9ce4ff; }
.home-hero h1 { margin-bottom: 16px; font-size: clamp(2.6rem,5vw,4.8rem); font-weight: 950; letter-spacing: -.055em; line-height: .99; text-shadow: 0 8px 25px rgba(0,9,23,.35); }
.home-hero h1 span { color: #42caff; }
.hero-lead { max-width: 510px; font-size: clamp(1rem,1.35vw,1.17rem); line-height: 1.5; color: #eff8ff; font-weight: 520; }
.hero-buttons { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; }
.hero-scroll { position: absolute; bottom: 48px; right: max(3vw,35px); display: flex; gap: 15px; align-items: center; color: white; font-size: .74rem; letter-spacing: .12em; font-weight: 840; }
.hero-scroll span { font-size: 1.55rem; }

/* 2. Quattro schede che si appoggiano sopra il margine della hero. */
.home-shortcuts { position: relative; z-index: 4; margin-top: -58px; }
.shortcut-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 17px; }
.media-card { display: block; min-width: 0; background: white; overflow: hidden; border-radius: 20px; border: 1px solid #e4eff9; box-shadow: 0 11px 25px rgba(4,40,86,.16); transition: transform .25s, box-shadow .25s; }
.media-card:hover { transform: translateY(-7px); box-shadow: 0 17px 33px rgba(1,79,156,.22); }
.media-card-image { height: 168px; position: relative; overflow: hidden; background: #b5e0fa; }
.media-card-image img { width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform .4s; }
.media-card:hover .media-card-image img { transform: scale(1.045); }
.card-arrow { position: absolute; right: 13px; bottom: 12px; width: 35px; height: 35px; display: grid; place-items: center; border: 1px solid #a9ecff; border-radius: 50%; background: linear-gradient(140deg,#0075f1,#00a9f7); color: white; box-shadow: 0 6px 16px #00498b3d; }
.media-card-body { padding: 18px 19px 20px; }
.card-kicker { display: block; font-size: .69rem; line-height: 1.2; letter-spacing: .1em; font-weight: 850; text-transform: uppercase; color: #167bc5; margin-bottom: 7px; }
.media-card-body h3 { font-size: 1.16rem; margin: 0 0 5px; color: #10274a; font-weight: 850; overflow-wrap: anywhere; }
.media-card-body p { color: #536880; font-size: .91rem; line-height: 1.36; }

/* 3. A proposito della scuola */
.home-about { padding-bottom: 85px; }
.about-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,.95fr); gap: clamp(40px,6vw,90px); align-items: center; }
.about-intro h2 { font-size: clamp(2rem,3.75vw,3.45rem); margin: 0 0 20px; }
.about-intro h2 span, .stories-heading h2 span { color: #087ee8; }
.about-intro p { font-size: 1.07rem; color: var(--muted); line-height: 1.75; margin-bottom: 25px; max-width: 530px; }
.about-photo { position: relative; height: 368px; border-radius: var(--radius); overflow: hidden; box-shadow: var(--shadow); background: #d1e6f4; }
.about-photo img { width: 100%; height: 100%; object-fit: cover; }
.photo-caption { position: absolute; bottom: 22px; left: 22px; border-radius: 99px; background: rgba(255,255,255,.93); color: #0c3b78; padding: 10px 18px; font-weight: 850; font-size: .75rem; letter-spacing: .1em; }

/* 4. Scuola nautica: banner a due colonne con fotografia reale/realistica. */
.nautical-section { padding-bottom: 40px; }
.nautical-feature { min-height: 450px; display: grid; grid-template-columns: 48% 52%; position: relative; overflow: hidden; color: white; background: radial-gradient(circle at 40% 0%,#1265ae,transparent 36%), linear-gradient(125deg,#041a3b,#064d90); border-radius: 26px; box-shadow: 0 22px 54px rgba(5,52,115,.2); }
.nautical-feature::before { content: ""; position: absolute; z-index: 2; top: -20%; left: 47.5%; width: 28px; height: 160%; transform: rotate(16deg); background: linear-gradient(90deg,#01b4f0,#0578e5,transparent); opacity: .8; }
.nautical-copy { align-self: center; padding: 46px clamp(26px,4.4vw,56px); position: relative; z-index: 3; }
.nautical-copy h2 { font-weight: 950; font-style: italic; line-height: 1; font-size: clamp(2.3rem,4vw,4.4rem); margin: 5px 0 18px; color: white; }
.nautical-copy h2 em { color: #45d0ff; }
.nautical-copy p { font-size: 1rem; line-height: 1.6; max-width: 430px; color: #e3f4ff; }
.nautical-tags { display: flex; gap: 8px; flex-wrap: wrap; margin: 20px 0 24px; }
.nautical-tags span { border: 1px solid #a6d9ff80; border-radius: 99px; padding: 6px 11px; font-size: .75rem; font-weight: 700; color: #e7f7ff; }
.nautical-media { min-height: 100%; position: relative; }
.nautical-media::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,#06366899 0%,transparent 32%); }
.nautical-media img { width: 100%; height: 100%; object-fit: cover; object-position: 42% center; }

/* 5. Vantaggi */
.why-section { padding-top: 63px; padding-bottom: 85px; }
.benefits-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 18px; }
.benefit { text-align: center; background: #fff; border: 1px solid #e1edf8; border-radius: 20px; padding: 30px 20px; box-shadow: 0 9px 27px rgba(16,56,110,.06); }
.benefit-icon { width: 68px; height: 68px; display: grid; place-items: center; margin: 0 auto 17px; border-radius: 18px; background: #e8f5ff; color: #086bda; }
.benefit h3 { margin-bottom: 9px; font-size: 1.14rem; }
.benefit p { color: var(--muted); font-size: .93rem; line-height: 1.5; }

/* 6. Google reviews: nessun nome o profilo fittizio. */
.reviews-section { color: white; background: linear-gradient(125deg,#082b59 0%,#051b3b 52%,#0873ba 150%); padding: 58px 0; position: relative; overflow: hidden; }
.reviews-section::before { content:""; pointer-events:none; position:absolute; top:-50%; right:10%; width:280px; height:150%; transform:rotate(30deg); background:linear-gradient(90deg,transparent,#008bfa24,transparent); }
.reviews-layout { position:relative; display:grid; grid-template-columns: 270px minmax(0,1fr); gap:54px; align-items:center; }
.google-wordmark { font-size: 1.72rem; font-weight: 850; letter-spacing: -.055em; }
.g-blue { color: #4285f4; } .g-red { color: #ea4335; } .g-yellow { color: #fbbc05; } .g-green { color: #34a853; }
.reviews-overline { font-weight: 850; letter-spacing: .12em; font-size: .78rem; color: #94dcff; margin-top: 9px; }
.big-score { font-size: 4.5rem; letter-spacing: -.08em; line-height: 1; font-weight: 950; margin-top: 14px; }
.big-score span { color: #bad4ee; font-size: 1.6rem; letter-spacing: -.035em; }
.stars { color: #ffc93b; font-size: 1.72rem; letter-spacing: .12em; margin: 4px 0; }
.review-score p:last-child { font-size: .8rem; color: #cde8ff; line-height: 1.5; }
.review-right h2 { font-size: clamp(1.75rem,3.2vw,2.8rem); margin: 0 0 22px; }
.review-right h2 span { color: #6bd6ff; }
.review-list { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.review-list blockquote { margin: 0; min-width: 0; background: white; color: #18365d; padding: 18px 16px; min-height: 132px; border-radius: 16px; font-weight: 710; font-size: .92rem; }
.review-list cite { display:block; margin-top:14px; font-weight: 500; font-size: .74rem; color: #68809c; font-style: normal; }
.review-actions { display: flex; flex-wrap:wrap; gap:12px; margin-top:20px; }

/* 7. Foto degli allievi e call to action. */
.stories-heading { display: flex; justify-content:space-between; gap: 25px; align-items:end; margin-bottom:28px; }
.stories-heading h2 { font-size: clamp(2rem,3.4vw,3.25rem); margin:0 0 10px; }
.stories-heading p { color: var(--muted); }
.stories-grid { display:grid; grid-template-columns: 1fr 1fr .87fr; gap:18px; }
.story { margin:0; position:relative; min-width:0; height: 350px; overflow:hidden; border-radius: 21px; background:#c7e0ee; box-shadow:var(--shadow); }
.story img { width:100%; height:100%; object-fit:cover; object-position:center 29%; }
.story:nth-child(2) img { object-position:center 23%; }
.story::after { content:""; position:absolute; left:0; right:0; bottom:0; height:34%; background:linear-gradient(0deg,#001d41b8,transparent); }
.story figcaption { position:absolute; z-index:1; left:16px; bottom:18px; color:white; font-size:1.02rem; font-weight:820; text-shadow:0 2px 8px #0008; }
.stories-aside { background:#e7f3ff; border:1px solid #d3e5f4; padding:30px; border-radius:21px; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; }
.large-quote { font: 950 5rem Georgia,serif; line-height:.7; color:#108ee8; margin-bottom:7px; }
.stories-aside h3 { font-size: 1.85rem; margin-bottom: 13px; }
.stories-aside p { color:var(--muted); margin-bottom:21px; line-height:1.6; }
.action-banner { overflow:hidden; background: radial-gradient(ellipse at 80% 130%,#006ec9 0%,transparent 49%),linear-gradient(135deg,#06264e,#051a38 80%); color:white; padding:60px 0; }
.action-inner { display:flex; justify-content:space-between; align-items:center; gap:35px; }
.action-inner h2 { font-size: clamp(2.2rem,4vw,3.8rem); margin:0 0 9px; color:white; }
.action-inner p { color:#c5e9ff; }
.action-buttons { display:flex; gap:10px; flex-wrap:wrap; }

/* 8. Contatti e mappa senza tracciamento automatico. */
.contact-heading { margin-bottom:27px; }
.contact-cards { display:grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap:14px; }
.contact-box { min-width:0; border-radius:17px; border:1px solid #dceafa; background:white; padding:25px 20px; box-shadow:0 8px 21px #112e5210; }
.contact-box > svg { color:#087adf; margin-bottom:13px; }
.contact-box h3 { font-size:1.08rem; margin:0 0 10px; }
.contact-box p { color:#46617e; font-size:.92rem; line-height:1.65; }
.contact-phone { color:#056ad3; font-weight:850; text-decoration:underline; text-underline-offset:3px; font-size:1.06rem; }
.simple-link { color:#0379d7; display:inline-flex; align-items:center; gap:5px; font-weight:790; font-size:.85rem; margin-top:8px; }
.simple-link svg:last-child { display:none; }
.social-list { display:flex; align-items:center; gap:9px; flex-wrap:wrap; }
.social { width:39px; height:39px; display:grid; place-items:center; border-radius:11px; font-weight:900; font-size:1.5rem; color:#fff; transition:transform .2s; }
.social:hover { transform:translateY(-3px); }
.social-instagram { background:linear-gradient(35deg,#ffb900,#f02064,#843bdb); }
.social-tiktok { background:#101724; text-shadow:-2px -1px 0 #11e7da,2px 1px 0 #ff265b; }
.social-facebook { background:#0866ff; font-family:Arial,sans-serif; }
.map-placeholder { min-height:285px; margin-top:24px; position:relative; background:#e9f2f2; overflow:hidden; border-radius:22px; border:1px solid #d3e3ee; isolation:isolate; }
.map-visual { position:absolute; inset:0; z-index:-1; background: repeating-linear-gradient(4deg,transparent 0 54px,#d1dce1 55px 64px, transparent 65px 115px), repeating-linear-gradient(90deg,transparent 0 103px,#c7d6df 104px 114px, transparent 115px 194px),linear-gradient(135deg,#edf4ed,#d9edf9); }
.map-visual::before { content:""; position:absolute; inset:-50%; transform:rotate(-24deg); background:linear-gradient(90deg, transparent 46%,#9fd2e9 47%,#9fd2e9 51%,transparent 52%); }
.map-visual > span { position:absolute; left:53%; top:40%; padding:8px 15px; color:#0d548e; background:#fff; border-radius:99px; font-weight:850; box-shadow:0 4px 12px #2b4b6450; }
.map-visual > span b { color:#ff4136; }
.map-overlay { width: min(370px,calc(100% - 36px)); position:relative; margin:34px auto; text-align:center; padding:22px 26px; border-radius:18px; background:rgba(255,255,255,.97); box-shadow:var(--shadow); }
.map-pin { display:grid; place-items:center; margin:0 auto 8px; width:47px; height:47px; border-radius:12px; background:#e7f4ff; color:#0877e4; }
.map-overlay h3 { margin:0 0 3px; font-size:1.25rem; }
.map-overlay p { margin-bottom:15px; font-size:.89rem; color:var(--muted); }
.map-overlay small { display:block; color:#64758a; font-size:.74rem; margin-top:10px; line-height:1.45; }
.map-placeholder.map-loaded iframe { width:100%; height:340px; display:block; border:0; }
.map-loaded .map-visual,.map-loaded .map-overlay { display:none; }

/* Footer */
.site-footer { background:#03172f; color:#cfe0ef; padding-top:47px; }
.footer-grid { display:grid; grid-template-columns:1.4fr .72fr .9fr 1.05fr; gap:40px; padding-bottom:35px; }
.footer-brand img { width:76px; height:76px; background:white; border-radius:50%; object-fit:contain; }
.footer-brand p { margin-top:13px; max-width:295px; }
.footer-grid h3 { color:white; font-size:1rem; margin-bottom:17px; }
.footer-grid p,.footer-grid a { font-size:.91rem; line-height:1.75; }
.footer-grid > div > a { display:block; margin:0 0 9px; }
.footer-grid a:hover { color:#54cfff; }
.footer-grid .social-list { margin-bottom:15px; }
.footer-grid .social-list a { display:grid; }
.footer-grid .small { color:#acbfd2; font-size:.84rem; }
.footer-bottom { border-top:1px solid #28415a; display:flex; justify-content:space-between; gap:25px; padding:17px 0 22px; color:#9fb5c9; font-size:.8rem; }
.floating-whatsapp { position:fixed; z-index:85; right:22px; bottom:21px; width:62px; height:62px; overflow:hidden; border-radius:50%; border:3px solid white; background:linear-gradient(135deg,#1acb6a,#06a94f); box-shadow:0 8px 22px #04523166; color:white; display:flex; align-items:center; justify-content:center; transition:transform .2s; }
.floating-whatsapp:hover { transform:scale(1.07); }
.floating-whatsapp svg:first-child { width:32px; height:32px; }
.floating-whatsapp span,.floating-whatsapp svg:last-child { display:none; }

/* ----------------------- INDICI PATENTI E SERVIZI ----------------------- */
.catalog-hero { color:white; overflow:hidden; background:radial-gradient(ellipse at 65% 0%,#145ba2,transparent 40%), linear-gradient(115deg,#05172f,#063f83); }
.catalog-hero-inner { min-height:385px; display:grid; grid-template-columns:1fr .75fr; gap:45px; align-items:center; padding:60px 0; }
.catalog-hero-inner > div { min-width:0; }
.catalog-hero h1 { font-size:clamp(2.9rem,5.3vw,5.5rem); color:white; font-weight:950; line-height:1; margin:0 0 19px; }
.catalog-hero h1 em { color:#4bd0ff; font-style:italic; }
.catalog-hero p { max-width:585px; margin:0 0 24px; font-size:1.05rem; color:#d8edff; }
.catalog-hero img { width:100%; height:270px; object-fit:cover; border-radius:25px; box-shadow:0 14px 40px #00162ba6; border:3px solid #7bcffb55; }
.catalog-main { padding-top:65px; padding-bottom:45px; }
.catalog-group { margin-bottom:64px; }
.catalog-title { margin-bottom:24px; }
.catalog-title h2 { font-size:clamp(2rem,3.1vw,2.95rem); margin:0; }
.catalog-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.catalog-grid .media-card-image { height:188px; }
.catalog-grid .media-card-body { padding:20px 22px 24px; }
.catalog-grid .media-card-body h3 { font-size:1.25rem; }
.mini-contact { background:linear-gradient(105deg,#062b5c,#075da8); padding:45px 0; text-align:center; color:white; }
.mini-contact h2 { color:white; font-size:2.25rem; margin:0 0 8px; }
.mini-contact p { color:#d6eaff; margin:0 auto 24px; max-width:700px; }

/* ----------------------- SCHEDE DETTAGLIO ----------------------- */
.detail-hero { position:relative; overflow:hidden; background:radial-gradient(ellipse at 67% 0%,#064c9a 0%,transparent 50%), linear-gradient(130deg,#04172f,#083d7b); color:white; }
.detail-hero::before { content:""; position:absolute; top:-90px; right:30%; width:36px; height:650px; transform:rotate(24deg); background:linear-gradient(90deg,transparent,#048ce866,transparent); }
.detail-hero-grid { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); align-items:center; gap:55px; padding-block:55px; min-height:485px; position:relative; }
.detail-hero-text { min-width:0; }
.breadcrumb { display:inline-flex; font-weight:750; color:#aedbf7; font-size:.83rem; margin-bottom:18px; }
.breadcrumb:hover { color:white; }
.detail-tag { display:block; width:max-content; max-width:100%; overflow-wrap:anywhere; font-size:.7rem; letter-spacing:.14em; border:1px solid #7acfff77; border-radius:99px; padding:6px 12px; color:#a8e9ff; font-weight:850; margin-bottom:14px; }
.detail-hero h1 { font-size:clamp(2.9rem,5.1vw,5.1rem); font-weight:960; line-height:.99; margin:0 0 12px; color:white; overflow-wrap:break-word; }
.detail-hook { color:#61d5ff; font-size:clamp(1.3rem,2.2vw,2rem); line-height:1.18; font-weight:850; margin-bottom:16px; }
.detail-intro { color:#d7eafd; line-height:1.65; max-width:580px; font-size:1.04rem; }
.hero-detail-actions { display:flex; flex-wrap:wrap; gap:11px; margin-top:22px; }
.detail-picture { height:365px; min-width:0; position:relative; overflow:hidden; border-radius:26px; box-shadow:0 24px 53px rgba(0,12,27,.44); border:3px solid #9adfff66; transform:rotate(1deg); }
.detail-picture img { width:100%; height:100%; object-fit:cover; object-position:center; }
.photo-stamp { position:absolute; bottom:15px; left:15px; color:#fff; padding:7px 12px; border-radius:99px; background:rgba(4,27,58,.85); font-size:.73rem; font-weight:850; letter-spacing:.09em; }
.fact-strip { background:#fff; border-bottom:1px solid #d7e8f7; }
.fact-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:25px; padding:22px 0; }
.fact-grid > div { padding-left:20px; border-left:3px solid #0a9df7; min-width:0; }
.fact-grid span { display:block; font-size:.69rem; font-weight:850; letter-spacing:.1em; color:#5c7a99; }
.fact-grid strong { display:block; font-size:1.12rem; color:#0c3566; margin-top:5px; overflow-wrap:anywhere; }
.onpage-nav { position:sticky; top:85px; z-index:40; background:rgba(255,255,255,.97); backdrop-filter:blur(9px); border-bottom:1px solid #dfedf7; }
.onpage-nav .container { display:flex; gap:clamp(14px,3vw,35px); align-items:center; overflow-x:auto; scrollbar-width:none; }
.onpage-nav a { display:block; white-space:nowrap; padding:14px 2px; color:#234f80; font-size:.86rem; font-weight:780; border-bottom:2px solid transparent; }
.onpage-nav a:hover { color:#086bd1; border-color:#00a9ed; }
.detail-main { display:grid; grid-template-columns:minmax(0,1fr) 316px; gap:28px; padding-block:57px 75px; align-items:start; }
.detail-content { min-width:0; }
.detail-panel, .detail-faq { background:#fff; border:1px solid #deebf7; border-radius:23px; padding:clamp(23px,3.2vw,42px); margin-bottom:22px; box-shadow:0 8px 32px rgba(9,56,104,.05); }
.detail-panel h2, .detail-faq h2 { font-size:clamp(1.55rem,2.65vw,2.4rem); margin:0 0 18px; }
.detail-panel p { color:#4c617b; line-height:1.77; font-size:1rem; }
.detail-panel > p + p { margin-top:12px; }
.info-highlight { display:flex; align-items:start; gap:12px; background:#eaf6ff; border-left:4px solid #0e99ef; border-radius:12px; padding:17px 20px; margin-top:22px; }
.info-highlight svg { color:#0974d0; flex:0 0 auto; margin-top:3px; }
.info-highlight p { color:#1a446e; font-size:.94rem; line-height:1.6; }
.steps-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; }
.step { background:#f0f7fe; border:1px solid #d7eafa; padding:20px; border-radius:16px; }
.step b { color:#0d8ae9; font-size:1.8rem; font-weight:950; line-height:1.1; }
.step h3 { font-size:1.07rem; margin:9px 0 8px; }
.step p { font-size:.86rem; line-height:1.52; }
.exam-note { margin-top:22px; }
.tick-list { list-style:none; padding:0; display:grid; gap:12px; margin:18px 0 0; }
.tick-list li { display:flex; align-items:flex-start; gap:12px; padding:12px 14px; border:1px solid #dfeef7; background:#fafcff; border-radius:11px; color:#304c6b; }
.tick-list li svg { margin-top:4px; flex:0 0 auto; color:#028adb; }
.small-advice { background:#f0f6fc; border-radius:14px; border:1px solid #d6e5f2; padding:18px 20px; margin-top:22px; color:#375473; line-height:1.65; font-size:.94rem; }
.detail-faq h2 { margin-bottom:20px; }
.detail-faq details { border-top:1px solid #e0edf7; padding:16px 0; }
.detail-faq summary { font-weight:800; cursor:pointer; color:#163a65; padding-right:20px; }
.detail-faq details p { margin-top:12px; color:var(--muted); line-height:1.65; }
.detail-aside { position:sticky; top:155px; }
.help-card { border-radius:22px; padding:28px; background:radial-gradient(ellipse at 105% -10%,#009cff,#064a95 50%,#061e43 110%); color:white; box-shadow:0 16px 32px #072e6361; }
.help-card h3 { font-size:clamp(1.6rem,2.2vw,2.15rem); color:white; margin:0 0 14px; }
.help-card p { color:#e1f2ff; line-height:1.65; margin-bottom:21px; font-size:.95rem; }
.help-card .btn { width:100%; }
.help-phone { margin-top:20px; display:flex; align-items:center; gap:8px; font-weight:730; color:white; font-size:.9rem; }
.aside-hours { border:1px solid #e0ebf5; background:#fff; border-radius:18px; padding:23px; margin-top:17px; }
.aside-hours h4 { font-size:1.19rem; margin:0 0 8px; }
.aside-hours p { color:#526a83; line-height:1.7; font-size:.89rem; margin-bottom:11px; }
.service-photo-inline { border-radius:17px; overflow:hidden; margin-top:24px; height:275px; }
.service-photo-inline img { width:100%; height:100%; object-fit:cover; }
.related-section { padding:60px 0 75px; background:#e9f4ff; }
.related-section .section-heading { text-align:left; margin-left:0; }
.related-section .catalog-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }

/* Privacy */
.privacy-hero { padding:80px 0; color:white; background:linear-gradient(135deg,#051b3e,#075696); }
.privacy-hero h1 { color:white; font-size:clamp(2.7rem,4vw,4.2rem); margin-bottom:10px; }
.privacy-hero p { color:#d9eaff; }
.narrow-text { max-width:800px; }
.legal-body { background:white; padding:40px; border-radius:20px; }
.legal-body h2 { margin:28px 0 12px; font-size:1.7rem; }
.legal-body h2:first-child { margin-top:0; }
.legal-body p { color:#455d77; margin-bottom:18px; line-height:1.8; }
.legal-body a { text-decoration:underline; color:#0072dc; }
.legal-body .muted-note { font-size:.87rem; color:#7a8796; }

/* Layout piccoli schermi: titoli e fotografie non devono mai scomparire. */
@media (max-width:1100px) {
 .nav-list { gap:0; } .nav-link { padding:10px 9px; font-size:.85rem; } .nav-list .btn-nav { font-size:.8rem; padding-inline:12px; }
 .shortcut-grid { gap:11px; } .media-card-image { height:135px; } .media-card-body { padding:14px; } .media-card-body h3 { font-size:1.02rem; }
 .reviews-layout { gap:34px; grid-template-columns:235px 1fr; }
 .contact-cards { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:900px) {
 .site-header .nav-shell { min-height:75px; } .brand img { width:65px; height:65px; }
 .nav-toggle { display:grid; }
 .nav-list { display:none; position:absolute; left:0; right:0; top:100%; background:white; padding:12px 20px 21px; border:1px solid #dcecf8; border-radius:0 0 20px 20px; box-shadow:0 14px 35px #082c5c33; flex-direction:column; align-items:stretch; gap:5px; }
 .nav-list.is-open { display:flex; } .nav-link { padding:11px 14px; font-size:1rem; }
 .nav-list .btn-nav { width:100%; justify-content:center; margin:9px 0 0; font-size:.96rem; }
 .home-hero { min-height:645px; } .hero-slash { left:65%; }
 .shortcut-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:17px; }
 .media-card-image { height:180px; }
 .about-grid { gap:34px; } .nautical-feature { grid-template-columns:52% 48%; }
 .benefits-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .reviews-layout { grid-template-columns:1fr; gap:27px; }
 .review-score { display:grid; grid-template-columns:auto 1fr; gap:0 23px; align-items:center; }
 .review-score .google-wordmark { grid-column:1/-1; } .review-score .reviews-overline { grid-column:1/-1; } .review-score .big-score { grid-row:3/5; }
 .review-score p:last-child { align-self:start; }
 .stories-grid { grid-template-columns:1fr 1fr; } .stories-aside { grid-column:1/-1; }
 .action-inner { flex-direction:column; align-items:flex-start; }
 .footer-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:25px; }
 .catalog-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .detail-hero-grid { gap:28px; } .detail-main { grid-template-columns:minmax(0,1fr) 278px; gap:18px; }
 .onpage-nav { top:74px; }
}
@media (max-width:680px) {
 .container { width:min(var(--container),calc(100% - 32px)); }
 .section-pad { padding-block:62px; }
 .home-hero { min-height:640px; align-items:start; }
 .home-hero-bg { object-position:58% center; }
 .home-hero-wash { background:linear-gradient(100deg,#03152ee8 0%,#05234ac7 45%,#00163355 100%),linear-gradient(0deg,#061e4190,transparent 43%); }
 .home-hero-inner { padding:40px 0 100px; }
 .hero-logo-wrap { width:157px; height:157px; padding:5px; }
 .hero-overline { margin-top:19px; } .home-hero h1 { font-size:clamp(2.1rem,8.4vw,3.45rem); line-height:1.03; }
 .hero-lead { font-size:1.01rem; max-width:400px; }
 .hero-scroll { display:none; } .hero-slash { width:16px; left:82%; }
 .home-shortcuts { margin-top:-43px; }
 .shortcut-grid { gap:11px; } .shortcut-grid .media-card-image { height:130px; }
 .shortcut-grid .media-card-body { padding:13px 12px 15px; } .shortcut-grid .media-card-body h3 { font-size:.98rem; } .shortcut-grid .media-card-body p { font-size:.8rem; }
 .shortcut-grid .card-arrow { width:29px; height:29px; right:7px; bottom:7px; }
 .about-grid { grid-template-columns:1fr; } .about-photo { height:270px; }
 .nautical-feature { grid-template-columns:1fr; }
 .nautical-feature::before { display:none; }
 .nautical-copy { order:2; padding:30px 25px 33px; }
 .nautical-copy h2 { font-size:clamp(2.4rem,9vw,3.6rem); }
 .nautical-media { height:250px; min-height:0; order:1; }
 .nautical-media::after { display:none; }
 .why-section { padding-top:35px; }
 .review-list { grid-template-columns:1fr; } .review-list blockquote { min-height:auto; }
 .review-right h2 { font-size:2rem; }
 .stories-heading { flex-direction:column; align-items:flex-start; }
 .stories-grid { gap:11px; } .story { height:285px; }
 .story figcaption { font-size:.9rem; left:11px; bottom:11px; }
 .contact-cards { grid-template-columns:1fr 1fr; gap:10px; } .contact-box { padding:19px 14px; }
 .contact-box h3 { font-size:1rem; } .contact-box p { font-size:.84rem; }
 .map-placeholder { min-height:260px; } .map-overlay { margin:22px auto; }
 .footer-grid { gap:23px; } .footer-bottom { flex-direction:column; gap:4px; }
 .catalog-hero-inner { grid-template-columns:1fr; gap:26px; padding:47px 0; }
 .catalog-hero img { height:220px; } .catalog-grid { gap:14px; } .catalog-grid .media-card-image { height:135px; }
 .catalog-grid .media-card-body { padding:15px; } .catalog-grid .media-card-body h3 { font-size:1.12rem; } .catalog-grid .media-card-body p { font-size:.85rem; }
 .catalog-main { padding-top:42px; } .catalog-group { margin-bottom:44px; }
 .detail-hero-grid { grid-template-columns:1fr; padding:37px 0; }
 .detail-hero h1 { font-size:clamp(2.6rem,10vw,4rem); }
 .detail-picture { height:260px; transform:none; }
 .hero-detail-actions { flex-direction:column; align-items:flex-start; }
 .fact-grid { gap:11px; } .fact-grid > div { padding-left:9px; } .fact-grid strong { font-size:.88rem; }
 .onpage-nav .container { gap:22px; }
 .detail-main { grid-template-columns:1fr; padding-top:35px; padding-bottom:45px; }
 .detail-aside { position:static; display:grid; grid-template-columns:1fr; }
 .steps-grid { grid-template-columns:1fr; } .related-section .catalog-grid { grid-template-columns:1fr 1fr; }
}
@media (max-width:420px) {
 .container { width:calc(100% - 26px); }
 .home-hero { min-height:620px; }
 .hero-logo-wrap { width:144px; height:144px; }
 .home-hero h1 { font-size:2.24rem; }
 .hero-buttons { flex-direction:column; align-items:flex-start; } .hero-buttons .btn { width:min(100%,285px); }
 .shortcut-grid { grid-template-columns:1fr 1fr; gap:9px; } .shortcut-grid .media-card-image { height:122px; }
 .shortcut-grid .media-card-body { padding:10px 10px 13px; } .shortcut-grid .card-kicker { font-size:.57rem; } .shortcut-grid .media-card-body h3 { font-size:.89rem; } .shortcut-grid .media-card-body p { font-size:.73rem; }
 .benefits-grid { gap:10px; } .benefit { padding:22px 13px; } .benefit h3 { font-size:1rem; } .benefit p { font-size:.84rem; }
 .stories-grid { grid-template-columns:1fr 1fr; } .story { height:235px; }
 .story figcaption { font-size:.78rem; }
 .contact-cards { grid-template-columns:1fr; }
 .footer-grid { grid-template-columns:1fr 1fr; } .footer-grid > div:first-child { grid-column:1/-1; }
 .catalog-grid { grid-template-columns:1fr 1fr; gap:10px; } .catalog-grid .media-card-image { height:122px; }
 .catalog-grid .media-card-body { padding:11px; } .catalog-grid .media-card-body h3 { font-size:.97rem; } .catalog-grid .media-card-body p { font-size:.76rem; }
 .fact-grid { grid-template-columns:1fr 1fr; } .fact-grid > div:last-child { grid-column:1/-1; }
 .related-section .catalog-grid { grid-template-columns:1fr 1fr; }
 .detail-panel,.detail-faq { padding:23px 18px; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { transition:none!important; animation:none!important; } }

/* V5 — icone social ufficialmente riconoscibili e fotografie intere */
.social img { width: 25px; height: 25px; display: block; object-fit: contain; }
.whatsapp-icon { width: 21px; height: 21px; flex: 0 0 21px; display: inline-block; object-fit: contain; }
.floating-whatsapp .whatsapp-icon { width: 34px; height: 34px; flex-basis: 34px; }
/* Il riquadro si adatta alla fotografia: nessun volto o patente viene tagliato. */
.story { height: auto; min-height: 0; display:flex; flex-direction:column; background:#e6f0fa; overflow:hidden; }
.story img, .story:nth-child(2) img { width:100%; height:340px; object-fit:contain; object-position:center; background:#e6f0fa; }
.story::after { display:none; }
.story figcaption { position:static; padding:12px 16px; color:var(--navy); text-shadow:none; background:#fff; font-size:.96rem; }
@media (max-width:900px) { .story {height:auto;} .story img, .story:nth-child(2) img {height:290px;} }
@media (max-width:560px) { .story {height:auto;} .story img, .story:nth-child(2) img {height:260px;} }

/* V6 — mappa Google direttamente visibile e utilizzabile */
.map-direct{display:block;width:100%;min-height:350px;height:410px;border:0;border-radius:24px;box-shadow:0 16px 38px rgba(4,29,70,.12)}
@media(max-width:650px){.map-direct{height:320px;min-height:320px;border-radius:16px}}

/* V8: controlli WhatsApp, proporzioni sicure anche nelle schede laterali */
a.btn:has(.whatsapp-icon) { display:inline-flex; align-items:center; justify-content:center; flex-wrap:nowrap; gap:9px; min-width:0; max-width:100%; }
a.btn .whatsapp-icon, .help-card a.btn .whatsapp-icon { display:block!important; width:21px!important; min-width:21px!important; max-width:21px!important; height:21px!important; min-height:21px!important; max-height:21px!important; flex:0 0 21px!important; object-fit:contain!important; }
a.btn:has(.whatsapp-icon) > span { min-width:0; overflow-wrap:anywhere; }
a.btn:has(.whatsapp-icon) > svg { width:17px!important; height:17px!important; flex:0 0 17px!important; }
@media(max-width:420px){ .help-card a.btn:has(.whatsapp-icon){font-size:.83rem;padding:12px 10px;} }

/* V9 — recensioni e transizione cromatica */
.reviews-v9{background:linear-gradient(165deg,#073063 0%,#07579b 43%,#138fe1 83%,#e9f7ff 100%);padding:84px 0 110px;color:#fff;isolation:isolate}
.reviews-v9::before{top:auto;bottom:0;left:0;right:0;width:100%;height:45%;transform:none;background:radial-gradient(ellipse at 50% 100%,rgba(225,246,255,.75),transparent 75%)}
.review-v9-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px;position:relative}
.review-v9-eyebrow{font-size:.73rem;font-weight:800;letter-spacing:.18em;color:#9ce9ff}
.review-v9-heading h2{font-size:clamp(1.85rem,3.5vw,3.1rem);line-height:1.14;margin:12px 0;color:#fff;letter-spacing:-.04em}
.review-v9-heading h2 em{font-style:normal;color:#8be6ff}
.review-v9-heading p{color:#d2eaff;margin:0}
.review-v9-all{color:#fff;font-weight:800;text-decoration:none;white-space:nowrap;border-bottom:1px solid #a7dfff;padding-bottom:6px}
.review-v9-content{display:grid;grid-template-columns:225px minmax(0,1fr);gap:18px;position:relative}
.review-v9-rating{border:1px solid rgba(255,255,255,.36);background:rgba(255,255,255,.14);backdrop-filter:blur(16px);border-radius:24px;padding:22px;display:flex;flex-direction:column;align-items:flex-start;box-shadow:0 16px 40px #00234b1f}
.google-g,.review-v9-google{font-weight:900;font-family:Arial,sans-serif;background:conic-gradient(#4285f4 0 25%,#34a853 25% 48%,#fbbc05 48% 68%,#ea4335 68% 82%,#4285f4 82%);-webkit-background-clip:text;background-clip:text;color:transparent}
.google-g{font-size:38px;line-height:1}
.review-v9-score{font-size:3.8rem;font-weight:900;line-height:1.2;letter-spacing:-.06em}.review-v9-score span{font-size:1.1rem;font-weight:600;color:#cceaff;letter-spacing:0;margin-left:5px}
.review-v9-stars,.review-v9-card .review-v9-stars{color:#ffce46;letter-spacing:.07em}
.review-v9-rating p{color:#fff;line-height:1.5;margin:12px 0 18px}.review-v9-rating small{color:#cceaff;font-size:.72rem}
.review-v9-write{color:#062c59;background:#fff;border-radius:12px;text-decoration:none;padding:12px 13px;font-size:.83rem;font-weight:800;display:flex;justify-content:space-between;gap:12px;width:100%}
.review-v9-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.review-v9-card{background:rgba(255,255,255,.98);color:#11335e;border-radius:24px;padding:24px 20px;box-shadow:0 18px 40px #002c5828;display:flex;flex-direction:column;min-height:235px;border:1px solid #ffffffb8}
.review-v9-card-top{display:flex;justify-content:space-between;align-items:center}.review-v9-google{font-size:25px}.review-v9-card p{font-size:1.05rem;font-weight:730;line-height:1.5;flex:1;margin:25px 0 15px}.review-v9-source{font-size:.76rem;color:#58769b}
.reviews-v9 + .action-banner{margin-top:-38px;position:relative;z-index:2;border-radius:34px 34px 0 0;background:linear-gradient(125deg,#0573c7,#063d7c)}
.footer-emails a{display:block;overflow-wrap:anywhere;margin:12px 0;color:inherit;text-decoration:underline;text-underline-offset:4px}
.contact-email-v9 a{color:inherit;text-decoration:underline;overflow-wrap:anywhere;text-underline-offset:4px}
.social-tiktok img,.social img{width:24px!important;height:24px!important;object-fit:contain;flex-shrink:0}
.brand img,.footer-brand img,.hero-logo-wrap img{object-fit:contain}
@media(max-width:900px){.review-v9-content{grid-template-columns:1fr}.review-v9-rating{display:grid;grid-template-columns:60px auto 1fr;gap:8px 18px;align-items:center}.review-v9-rating p,.review-v9-write{grid-column:1/-1}.review-v9-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.reviews-v9{padding:62px 0 85px}.review-v9-heading{display:block}.review-v9-all{display:inline-block;margin-top:20px}.review-v9-cards{grid-template-columns:1fr}.review-v9-card{min-height:0}.review-v9-card p{margin:12px 0}.review-v9-score{font-size:3rem}.reviews-v9 + .action-banner{margin-top:-25px}}

/* V10: icone social nello stile delle app, senza deformazioni */
.social-list .social{width:46px;height:46px;min-width:46px;min-height:46px;display:inline-flex;align-items:center;justify-content:center;border-radius:13px;overflow:hidden;flex:0 0 46px;box-shadow:0 5px 14px rgba(3,24,59,.12);transition:transform .2s ease,box-shadow .2s ease}
.social-list .social:hover{transform:translateY(-3px);box-shadow:0 8px 19px rgba(3,24,59,.2)}
.social-list .social img{display:block!important;width:25px!important;height:25px!important;max-width:25px!important;max-height:25px!important;object-fit:contain!important;flex:0 0 25px!important}
.social-list .social-instagram{background:linear-gradient(35deg,#feda75 0%,#fa7e1e 20%,#d62976 48%,#962fbf 75%,#4f5bd5 100%)}
.social-list .social-facebook{background:#0866ff}
.social-list .social-tiktok{background:#050505;text-shadow:none}
.whatsapp-icon{display:inline-block!important;width:21px!important;height:21px!important;max-width:21px!important;max-height:21px!important;flex:0 0 21px!important;object-fit:contain!important}

/* V11 - Font Awesome Brands: pulsanti social con colori delle app */
.social-list{display:flex;align-items:center;gap:15px;flex-wrap:wrap}
.social-list .social{display:inline-flex;align-items:center;justify-content:center;width:45px;height:45px;min-width:45px;min-height:45px;flex:0 0 45px;border-radius:50%;color:#fff;font-size:20px;line-height:1;text-decoration:none;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}
.social-list .social i.fa-brands{font-size:20px;line-height:1;color:#fff;display:block;flex:none}
.social-list .social-facebook{background:#1877F2}
.social-list .social-instagram{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%)}
.social-list .social-tiktok{background:#000}
.social-list .social:hover{transform:scale(1.1)}
.social-list .social:focus-visible{outline:3px solid #36baff;outline-offset:3px}

/* V12 — social in navigazione e logo Google nelle recensioni */
.nav-socials{display:flex;align-items:center;gap:7px;flex-shrink:0;margin-left:2px}
.nav-socials .nav-social{width:34px;height:34px;min-width:34px;min-height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:white;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}
.nav-socials .nav-social:hover{transform:translateY(-2px);box-shadow:0 4px 12px #001b3940}
.nav-socials .nav-social i{font-size:16px;color:white}
.nav-socials .social-instagram{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%)}
.nav-socials .social-tiktok{background:#000}
.nav-socials .social-facebook{background:#1877F2}
.google-brand-icon{width:38px;height:38px;display:inline-block;object-fit:contain;flex:none}
.review-v9-google.google-brand-icon{width:20px;height:20px}
@media(max-width:1180px){.nav-socials{gap:4px}.nav-socials .nav-social{width:30px;height:30px;min-width:30px;min-height:30px}.nav-socials .nav-social i{font-size:14px}}
@media(max-width:980px){.nav-socials{margin:6px 0 0;gap:12px}.nav-socials .nav-social{width:42px;height:42px;min-width:42px;min-height:42px}.nav-socials .nav-social i{font-size:19px}}