@font-face{font-family:"Prompt";font-weight:400;font-style:normal;font-display:swap;src:url("../assets/fonts/evex/prompt-400.woff2") format("woff2")}
@font-face{font-family:"Prompt";font-weight:500;font-style:normal;font-display:swap;src:url("../assets/fonts/evex/prompt-500.woff2") format("woff2")}
@font-face{font-family:"Prompt";font-weight:600;font-style:normal;font-display:swap;src:url("../assets/fonts/evex/prompt-600.woff2") format("woff2")}

/* Ruoli colore del kit Evex rimappati sulla palette Plyterm */
:root{
  --primary:#1d1c21;   /* kit Primary #2D2D34: titoli, pulsante scuro, box scuro */
  --secondary:#585857; /* kit Secondary #404046: hover del pulsante scuro */
  --text:#585857;      /* kit Text #404046: grigio del logo */
  --accent:#379947;    /* kit Accent #00A676: verde del logo */
  --accent-hover:#009600; /* kit link hover #008F66: verde CTA del sito */
  --dust:#fafafa;      /* kit Dust #F7F9F9: fondo pagina */
  --panel:#585857;     /* kit Glaucous #6F8AB7: pannello della fascia "ECO funding" */
  --white:#ffffff;
  --light:#e9e9e9;     /* kit Light Gray #D5D5D8: testo secondario nel footer */
  --footer:#1d1c21;    /* kit footer #1C1C21 */
  --red:#C62E35;       /* rosso del logo: non usato come colore di interfaccia */
  --wrap:1110px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--dust);color:var(--text);font-family:"Prompt",sans-serif;font-weight:400;font-size:16px;line-height:1.84;overflow-x:hidden}
img{display:block;max-width:100%}
a{color:var(--accent);text-decoration:none}
a:hover{color:var(--accent-hover)}
a:focus-visible,.btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
p{margin:0 0 1.86em}
p:last-child{margin-bottom:0}
h1,h2,h3,.h4,.h6{font-family:"Prompt",sans-serif;color:var(--primary);margin:0}
.wrap{width:100%;max-width:calc(var(--wrap) + 30px);margin:0 auto;padding:0 15px}

/* Scala tipografica del kit (global.json, base 16px) */
.t-h1{font-size:3.8em;font-weight:600;line-height:1}
.t-h2{font-size:3.133em;font-weight:600;line-height:1.021}
.t-h4{font-size:1.867em;font-weight:500;line-height:1.214}
.t-h6{font-size:1.267em;font-weight:500;line-height:1.474}
.t-hl{font-size:1.082em;font-weight:600;line-height:1.5}
.t-small{font-size:13px;line-height:1.5}

/* Pulsanti: raggio 0, Prompt 500, verde con hover scuro */
.btn{display:inline-block;font-family:"Prompt",sans-serif;font-weight:500;line-height:1.3;color:#fff;background:var(--accent);border:0;border-radius:0;transition:background-color .2s}
.btn:hover{background:var(--primary);color:#fff}
.btn-lg{font-size:18px;padding:20px 40px}
.btn-md{font-size:16px;padding:15px 30px}
.btn-sm{font-size:15px;padding:12px 24px}
.btn-xs{font-size:15px;padding:10px 20px}
.btn-dark{background:var(--primary)}
.btn-dark:hover{background:var(--secondary)}

/* Header */
.header{background:#fff;position:relative;z-index:5}
.header .wrap{display:flex;align-items:center;justify-content:space-between;height:76px}
.logo img{height:52px;width:auto}
.nav{display:flex;gap:33px;align-items:center}
.nav a{color:var(--primary);font-size:16px;font-weight:400;line-height:1.3;padding:8px 2px;position:relative}
.nav a.active{color:var(--accent)}
.nav a.active::after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:3px;background:var(--accent)}
.nav .caret{display:inline-block;width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-3px);margin-left:9px}
.header .btn{font-size:16px;padding:13px 38px}
.menu-toggle{display:none;background:none;border:0;padding:10px;cursor:pointer}
.menu-toggle span{display:block;width:24px;height:2px;background:var(--primary);margin:5px 0}

/* Hero */
.hero{position:relative;background:var(--dust)}
.hero .wrap{position:relative}
.hero-img{position:absolute;top:30px;right:15px;width:450px;height:675px;object-fit:cover;object-position:62% center}
.hero-copy{position:relative;padding:15px 15px 335px 0;margin-right:15px}
.hero h1{width:66%;padding:70px 0 40px}
.hero-text{width:55%;margin-bottom:40px}
.hero-btns{display:flex;gap:30px}
.benefits{position:relative;width:90%;max-width:999px;margin:-290px 0 55px;background:var(--primary);box-shadow:20px 20px 50px rgba(0,0,0,.15);padding:30px;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;z-index:2}
.benefit{display:flex;gap:25px;padding:15px}
.benefit .ico{flex:0 0 42px;width:42px;height:42px;border:2px solid var(--dust);border-radius:50%;display:flex;align-items:center;justify-content:center}
.benefit .b-title{color:var(--dust);margin-bottom:12px}
.benefit p{color:var(--dust)}

/* Intro a due colonne */
.intro{padding:0 0 60px}
.intro .wrap{display:flex;gap:0}
.intro .col{flex:1}
.intro .col + .col{margin-left:8%;padding-top:10px}

/* Immagine larga, punti chiave, card */
.facts{background:linear-gradient(180deg,var(--dust),#fff);display:flex}
.facts-img{width:50%;min-height:430px;background-size:cover;background-position:center}
.facts-nums{width:25.5%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:30px 15px}
.num{padding:0}
.num + .num{padding-top:22px}
.num .t-h2{display:block}
.num span{color:var(--primary)}
.facts-card{width:14.5%;min-width:208px}
.facts-card img{width:100%;height:300px;object-fit:cover}
.facts-card .t-h6{margin:16px 0 16px}

/* Servizi: 4 card fotografiche */
.services-head{background:linear-gradient(180deg,#fff,var(--dust));padding:70px 0 60px;text-align:center}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
.card a.img{display:block;margin-bottom:10px}
.card img{width:100%;aspect-ratio:1/1;object-fit:cover}
.card h3{margin:22px 0 12px}
.card h3 a{color:var(--primary)}
.card h3 a:hover{color:var(--accent)}

/* Fascia colorata con foto */
.band{padding-top:85px}
.band-inner{display:flex;min-height:490px}
.band-copy{width:39.332%;background:var(--panel);padding:60px;display:flex;flex-direction:column;justify-content:center}
.band-copy .t-h4{color:#fff;max-width:500px;margin-bottom:20px}
.band-copy p{color:#fff;margin-bottom:28px}
.band-img{width:60.668%;background-size:cover;background-position:center}

/* Tre colonne (al posto delle testimonianze) */
.trio{background:linear-gradient(180deg,#fff,var(--dust));padding:110px 0 55px}
.trio .t-h2{text-align:center;margin-bottom:80px}
.trio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:56px 85px}
.trio-item h3{margin-bottom:16px}
.trio-item p{margin-bottom:20px}
.who{display:flex;align-items:center;gap:15px}
.who img{width:40px;height:40px;border-radius:50%;object-fit:cover}
.who .n{display:block;color:var(--primary);font-size:16px;line-height:1.2}
.who .l{display:block;color:var(--primary);font-size:13px;line-height:1.4}

/* Perché sceglierci */
.why{padding:55px 0 40px}
.why .wrap{position:relative;display:flex;align-items:flex-start}
.why-img{width:684px;height:640px;object-fit:cover;margin-top:60px;flex:0 0 auto}
.why-card{position:absolute;right:35px;top:0;width:456px;background:#fff;padding:60px;box-shadow:20px 20px 50px rgba(0,0,0,.08);z-index:2}
.why-card .t-h4{margin-bottom:22px}
.checks{list-style:none;margin:0 0 26px;padding:0}
.checks li{display:flex;align-items:flex-start;gap:14px;color:var(--primary);font-weight:500;font-size:17px;line-height:1.4;padding:7px 0}
.checks .dot{flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:var(--primary);display:flex;align-items:center;justify-content:center;margin-top:-3px}
.checks small{display:block;font-weight:400;font-size:13px;color:var(--text);line-height:1.5;margin-top:3px}

/* Fascia loghi: marchi e norme reali, resi come testo */
.marks{padding:40px 0 85px}
.marks .wrap{display:flex;justify-content:space-between;align-items:center;gap:30px}
.mark{color:var(--primary);font-weight:600;line-height:1;text-align:left}
.mark b{display:block;font-size:30px;letter-spacing:-.5px}
.mark i{display:block;font-style:normal;font-size:10px;font-weight:600;letter-spacing:1.6px;text-transform:uppercase;margin-top:6px}
.mark.box{border:3px solid var(--primary);padding:12px 18px}
.mark.stack b{font-size:19px;line-height:1.05;letter-spacing:0}
.mark.round{width:78px;height:78px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;text-align:center}
.mark.round b{font-size:24px}

/* Footer */
.footer{background:var(--footer);color:var(--light);padding:85px 0 0}
.footer a{color:var(--light)}
.footer a:hover{color:#fff}
.f-top{display:flex;gap:74px}
.f-main{flex:1}
.f-title{color:#fff;font-size:2.6em;font-weight:500;line-height:1.2;margin-bottom:14px}
.f-nav{display:flex;flex-wrap:wrap;gap:6px 30px;padding-bottom:70px;border-bottom:1px solid rgba(255,255,255,.1)}
.f-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:56px 30px;padding-top:80px}
.f-cols .h{color:#fff;font-weight:500;font-size:17px;line-height:1.4;margin-bottom:18px}
.f-cols p{margin:0;font-size:16px;line-height:1.86}
.social{display:flex;gap:8px}
.social a{width:39px;height:39px;border:2px solid var(--light);border-radius:50%;display:flex;align-items:center;justify-content:center}
.social svg{width:15px;height:15px;fill:var(--light)}
.f-side{width:253px;flex:0 0 253px;padding-top:5px}
.f-side img.ph{width:253px;height:253px;object-fit:cover}
.f-side .t-h6{color:#fff;margin:20px 0 20px}
.f-logo{height:34px;width:auto;margin-top:4px}
.f-bottom{margin-top:85px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;padding:70px 30px 75px;font-size:16px;gap:20px}
.f-bottom nav{display:flex;gap:30px}

/* Tablet (kit: breakpoint 1024) */
@media (max-width:1024px){
  .nav{gap:20px}
  .hero-img{width:42%;height:600px}
  .hero h1{width:58%;font-size:3.133em;line-height:1.021}
  .hero-text{width:56%}
  .benefits{width:100%;padding:15px;gap:15px}
  .benefit{flex-direction:column;gap:15px}
  .intro .col + .col{margin-left:5%}
  .facts{flex-wrap:wrap}
  .facts-img{width:100%;min-height:380px}
  .facts-nums{width:50%}
  .facts-card{width:50%;padding:40px 15px}
  .cards{grid-template-columns:repeat(2,1fr)}
  .band-copy{width:50%;padding:40px}
  .band-img{width:50%}
  .trio-grid{gap:50px 40px}
  .why .wrap{flex-direction:column;align-items:stretch}
  .why-img{width:100%;height:480px;margin-top:0}
  .why-card{position:relative;right:auto;top:auto;width:auto;margin:-120px 30px 0;padding:40px}
  .marks .wrap{flex-wrap:wrap;justify-content:center;gap:40px 60px}
  .f-top{flex-direction:column;gap:50px}
  .f-side{width:100%;flex:none;display:grid;grid-template-columns:253px 1fr;gap:0 30px;align-items:start}
  .f-side img.ph{grid-row:span 2}
}
@media (max-width:900px){
  .nav,.header .btn{display:none}
  .menu-toggle{display:block}
  .header.open .nav{display:flex;flex-direction:column;align-items:flex-start;gap:0;position:absolute;top:76px;left:0;right:0;background:#fff;padding:10px 15px 20px;box-shadow:0 10px 20px rgba(0,0,0,.06)}
  .header.open .nav a{padding:10px 0}
  .header.open .nav a.active::after{bottom:4px;right:auto;width:40px}
}
/* Mobile (kit: breakpoint 767) */
@media (max-width:767px){
  .t-h1{font-size:3.133em;line-height:1.021}
  .t-h2{font-size:2.333em;line-height:1.086}
  .hero .wrap{display:flex;flex-direction:column}
  .hero-img{position:relative;top:auto;right:auto;order:2;width:64%;height:auto;aspect-ratio:2/3;align-self:flex-end;margin-top:0}
  .hero-copy{padding:15px 0 40px;margin:0}
  .hero h1{width:100%;padding:40px 0 30px;font-size:2.4em;line-height:1.05}
  .hero-text{width:100%}
  .hero-btns{flex-direction:column;gap:15px}
  .hero-btns .btn{text-align:center}
  .benefits{grid-template-columns:1fr;width:auto;margin:-60px 15px 55px;padding:30px;gap:10px}
  .benefit{flex-direction:row;padding:5px 0}
  .intro .wrap{flex-direction:column}
  .intro .col + .col{margin:25px 0 0;padding-top:0}
  .facts-img{min-height:260px}
  .facts-nums{width:100%;padding:40px 15px}
  .facts-card{width:100%;padding:0 15px 40px}
  .services-head{text-align:left;padding:60px 0 40px}
  .cards{grid-template-columns:repeat(2,1fr);gap:30px 15px}.card h3{margin:14px 0 8px}.card p{font-size:14px;line-height:1.7}
  .band{padding-top:60px}
  .band-inner{flex-direction:column}
  .band-copy{width:100%;padding:30px}
  .band-img{width:100%;min-height:260px}
  .trio{padding:70px 0 40px}
  .trio .t-h2{text-align:left;margin-bottom:45px}
  .trio-grid{grid-template-columns:1fr;gap:45px}
  .why-img{height:320px}
  .why-card{margin:-60px 15px 0;padding:30px}
  .marks .wrap{justify-content:flex-start;gap:30px 40px}
  .f-title{font-size:1.9em}
  .f-nav{padding-bottom:45px}
  .f-cols{grid-template-columns:1fr;padding-top:45px;gap:35px}
  .f-side{display:block}
  .f-side img.ph{width:100%;height:auto;aspect-ratio:1/1}
  .f-bottom{flex-direction:column;align-items:flex-start;padding:40px 0 50px;margin-top:50px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

/* ===== Pagine interne: template "Service single" e "Contact" del kit ===== */
.page{padding:70px 0 75px}
.ss{display:flex;align-items:flex-start}
.ss-side{width:25%;padding:15px 30px 15px 0;align-self:stretch}
.ss-main{width:75%;padding:15px 0 15px 30px;min-width:0}
.side-t{color:var(--primary);margin-bottom:6px}
.side-list{list-style:none;margin:0 0 25px;padding:0}
.side-list li{border-bottom:1px solid #dddddd}
.side-list li:last-child{border-bottom:0}
.side-list a{display:block;color:var(--text);padding:14px 0;line-height:1.3}
.side-list a:hover,.side-list a.on{color:var(--accent)}
.side-box{position:sticky;top:30px;background:var(--accent);padding:40px}
.side-box .t-h5{color:#fff;margin-bottom:22px}
.t-h5{font-size:1.6em;font-weight:500;line-height:1.417}
.crumbs{font-size:13px;line-height:1.5;margin:0 0 14px;padding:0 15px}
.crumbs a{color:var(--text)}
.crumbs a:hover{color:var(--accent)}
.crumbs span{margin:0 8px;color:#a0a0a0}
.ss-main > h1,.ss-main > .lead,.ss-main > .h2pad{padding:0 15px}
.ss-main > h1{margin-bottom:22px}
.lead{max-width:none}
.trio-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding-top:25px}
.trio-cards img{width:100%;aspect-ratio:1/1;object-fit:cover;margin-bottom:10px}
.trio-cards h2,.trio-cards h3{margin:22px 0 12px}
.h2pad{padding:35px 15px 10px!important}
.txt-row{display:flex;gap:15px;padding-bottom:20px}
.txt-row .tx{width:79.665%;padding:15px 60px 15px 15px}
.txt-row .sd{width:20%;padding:15px 15px 15px 30px}
.sd .t-hl{color:var(--primary);margin-bottom:12px}
.circle{width:62px;height:62px;border-radius:50%;background:var(--primary);display:flex;align-items:center;justify-content:center;transition:background-color .2s}
.circle:hover{background:var(--secondary)}
.circle svg{width:18px;height:18px;fill:#fff}
.whybox{display:flex;margin-top:25px;box-shadow:0 25px 50px rgba(0,0,0,.1);background:#fff}
.whybox .wb-t{width:50%;padding:40px}
.whybox .wb-t .t-h4{margin-bottom:12px}
.whybox .wb-i{width:50%;min-height:250px;background-size:cover;background-position:center}
.ilist{list-style:none;margin:0;padding:0}
.ilist li{display:flex;gap:12px;align-items:flex-start;color:var(--primary);font-weight:500;line-height:1.4;padding:6px 0}
.ilist .ck{flex:0 0 24px;width:24px;height:24px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;margin-top:-1px}
.ilist small{display:block;font-weight:400;font-size:14px;color:var(--text);line-height:1.6;margin-top:2px}

/* Presentazione prodotto: box scuro del kit */
.present{margin:30px 15px 0;background:var(--primary);box-shadow:20px 20px 50px rgba(0,0,0,.15);padding:40px;display:flex;gap:40px;align-items:center}
.present .pt{flex:1}
.present .t-h6{color:var(--dust)}
.present .t-h6 + .t-h6{margin-top:10px;font-weight:400;font-size:1.082em;line-height:1.7}
.present .pb{display:flex;flex-direction:column;gap:15px;flex:0 0 auto}
.present .btn{text-align:center}
.btn-ghost{background:transparent;border:2px solid var(--dust);color:var(--dust);padding:13px 28px}
.btn-ghost:hover{background:var(--dust);color:var(--primary)}

/* Schede tecniche */
.specs{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:25px 0 0}
.spec{background:#fff;box-shadow:0 25px 50px rgba(0,0,0,.08);padding:30px}
.spec h3{margin-bottom:14px;padding-bottom:12px;border-bottom:3px solid var(--accent)}
.spec h4{color:var(--primary);font-size:13px;font-weight:600;letter-spacing:.85px;text-transform:uppercase;line-height:1.5;margin:18px 0 6px}
.spec dl{margin:0;font-size:15px;line-height:1.6}
.spec dt{color:var(--text)}
.spec dd{margin:0 0 8px;color:var(--primary);font-weight:500}
.note{font-size:14px;line-height:1.7;padding:20px 15px 0}
.duo{display:flex;gap:30px;align-items:center;padding:25px 15px 0}
.duo .di{flex:0 0 38%}
.duo .di img{width:100%;height:auto;background:#fff}
.gal{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding-top:20px}
.gal img{width:100%;aspect-ratio:4/3;object-fit:cover}
.gal-t{padding:30px 15px 0}
.cta-box{margin:60px 15px 0;background:var(--accent);padding:40px;display:flex;justify-content:space-between;align-items:center;gap:30px}
.cta-box .t-h4{color:#fff;max-width:520px}

/* Contatti */
.ct{display:flex;gap:15px;align-items:flex-start}
.ct-main{width:66.667%;padding:15px 80px 15px 0}
.ct-main > p{width:70%;margin:.5em 0 40px}
.ct-side{width:33.333%;padding-top:15px}
.form{display:grid;grid-template-columns:1fr 1fr;gap:22px 30px}
.form .full{grid-column:1/-1}
.form label{display:block;font-size:14px;color:var(--text);line-height:1.5;margin-bottom:6px}
.form input,.form select,.form textarea{width:100%;font:inherit;font-size:15px;color:var(--secondary);background:#fff;border:1px solid #dddddd;border-radius:0;padding:9px 14px;min-height:45px}
.form textarea{min-height:300px;resize:vertical}
.form input:focus,.form select:focus,.form textarea:focus{outline:2px solid var(--accent);outline-offset:0;border-color:var(--accent)}
.form .chk{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.6}
.form .chk input{width:16px;height:16px;min-height:0;margin:4px 0 0;flex:0 0 16px}
.form .chk label{margin:0}
.form .hint{font-size:13px;line-height:1.6;margin:0}
.ibox{display:flex;gap:18px;margin:7px 0 26px}
.ibox .ic{flex:0 0 48px;width:48px;height:48px;border-radius:50%;background:var(--primary);display:flex;align-items:center;justify-content:center}
.ibox .ic svg{width:18px;height:18px;fill:#fff}
.ibox h2{margin:4px 0 8px}
.ibox p{line-height:1.75;font-size:15px}
.ibox a{color:var(--text)}
.ibox a:hover{color:var(--accent)}
.map{margin-top:25px;height:335px;background-color:#e9e9e9;background-image:linear-gradient(#dcdcdc 1px,transparent 1px),linear-gradient(90deg,#dcdcdc 1px,transparent 1px);background-size:40px 40px;display:flex;align-items:center;justify-content:center;position:relative}
.map .pin{background:#fff;padding:16px 18px;box-shadow:0 10px 30px rgba(0,0,0,.12);max-width:240px;font-size:14px;line-height:1.6}
.map .pin b{display:block;color:var(--primary);font-weight:500}
.map .pin a{display:inline-block;margin-top:6px;font-weight:500}

@media (max-width:1024px){
  .ss-side{width:33%;padding-right:15px}
  .ss-main{width:67%;padding-left:15px}
  .trio-cards,.specs,.gal{gap:20px}
  .specs{grid-template-columns:1fr}
  .txt-row{flex-direction:column}
  .txt-row .tx,.txt-row .sd{width:100%;padding:15px}
  .present{flex-direction:column;align-items:flex-start;padding:30px}
  .present .pb{flex-direction:row;flex-wrap:wrap}
  .whybox .wb-t{padding:30px}
  .ct-main{padding-right:30px}
  .ct-main > p{width:100%}
  .cta-box{flex-direction:column;align-items:flex-start;padding:30px}
}
@media (max-width:767px){
  .page{padding:40px 0 50px}
  .ss{flex-direction:column-reverse}
  .ss-side,.ss-main{width:100%;padding:15px 0}
  .ss-side{padding-top:40px}
  .trio-cards{grid-template-columns:1fr;gap:35px}
  .whybox{flex-direction:column-reverse}
  .whybox .wb-t,.whybox .wb-i{width:100%}
  .present{margin:25px 0 0}
  .present .pb{flex-direction:column;width:100%}
  .duo{flex-direction:column;align-items:stretch}
  .gal{grid-template-columns:1fr 1fr;gap:15px}
  .cta-box{margin:40px 0 0}
  .ss-main > h1,.ss-main > .lead,.ss-main > .h2pad,.crumbs,.note,.duo,.gal-t{padding-left:0!important;padding-right:0!important}
  .ct{flex-direction:column}
  .ct-main,.ct-side{width:100%;padding:15px 0}
  .form{grid-template-columns:1fr}
}

/* Allineamento unico del contenuto nella colonna principale */
.ss-main > h1,.ss-main > .lead,.ss-main > .h2pad,.crumbs,.note,.duo,.gal-t{padding-left:0!important;padding-right:0!important}
.present,.cta-box{margin-left:0;margin-right:0}
.side-box .btn{white-space:nowrap;padding:13px 20px;font-size:15px}
@media (max-width:1024px){.side-box{padding:30px}.side-box .btn{white-space:normal}}
.ibox a[href^="tel"],.f-cols a[href^="tel"]{white-space:nowrap}
@media (max-width:1024px){.txt-row .tx,.txt-row .sd{padding:15px 0}.ct-side .ibox{gap:14px}}
@media (max-width:767px){.gal{grid-template-columns:repeat(3,1fr);gap:10px}}