/* Gabarits légers : base commune (accueil + pages volets). Polices hébergées sur le site. */

@font-face{font-family:'Inter';src:url(../fonts/inter-var.woff2) format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
/* Archivo (titres), sous-ensemble latin de fontsource 5.2.5 (accents français compris) */
@font-face{font-family:'Archivo';src:url(../fonts/archivo-600.woff2) format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Archivo';src:url(../fonts/archivo-800.woff2) format('woff2');font-weight:800;font-display:swap}

:root{
  --rouge:#B11226;--rouge-f:#8E0E1E;--ardoise:#1E293B;--ardoise-2:#334155;--nuit:#0F1622;
  --creme:#FAF7F0;--sable:#F2EEE5;--trait:#E3DED2;--gris:#64748B;--txt:#1A2130;
  --ease:cubic-bezier(.22,.9,.24,1);
  --titre:'Archivo','Inter',system-ui,sans-serif;--ui:'Inter',system-ui,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
body.erm{margin:0;font-family:var(--ui);color:var(--txt);background:var(--creme);line-height:1.6;-webkit-font-smoothing:antialiased}
.erm h1,.erm h2,.erm h3,.erm h4,.erm p,.erm ul,.erm figure,.erm blockquote{margin:0}
.erm img{max-width:100%;height:auto;display:block}
.erm a{color:inherit;text-decoration:none}
html{scroll-behavior:smooth}
.wrap{width:min(1180px,100% - 40px);margin-inline:auto}
.erm h1,.erm h2,.erm h3,.erm h4{font-family:var(--titre);line-height:1.08;letter-spacing:-.01em;color:var(--ardoise)}
.erm h2{font-size:clamp(1.8rem,3.4vw,2.7rem);font-weight:800}
.kick{font-size:.78rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--rouge)}
.lead{font-size:1.08rem;color:#475569;max-width:640px}
.erm-saut{position:absolute;left:-9999px;top:0;z-index:100;background:#fff;padding:.6rem 1rem}
.erm-saut:focus{left:12px;top:12px}
.erm :focus-visible{outline:2px solid var(--rouge);outline-offset:2px}

/* sections */
.erm main section{padding:110px 0}
.head{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:46px;flex-wrap:wrap}
.head h2{max-width:620px;margin-top:.6rem}
.rv{opacity:0;transform:translateY(28px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.rv.in,.no-js .rv{opacity:1;transform:none}

/* questions fréquentes */
.faq-g{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px}
.faq-g .lead{margin-top:1rem}
.erm details{border-bottom:1px solid var(--trait);padding:1.1rem 0}
.erm summary{cursor:pointer;font-family:var(--titre);font-weight:600;font-size:1.1rem;color:var(--ardoise);list-style:none;display:flex;justify-content:space-between;gap:1rem}
.erm summary::-webkit-details-marker{display:none}
.erm summary::after{content:"+";color:var(--rouge);font-size:1.4rem;line-height:1;transition:transform .3s}
.erm details[open] summary::after{transform:rotate(45deg)}
.erm details p{margin-top:.7rem;color:#475569}

/* appel final */
.erm main .fin{background:var(--nuit);color:#e2e8f0;text-align:center;padding:100px 0}
.fin .kick{color:#fca5a5}
.fin h2{color:#fff;max-width:760px;margin:.6rem auto 1rem}
.fin .lead{margin:0 auto 2rem;color:#cbd5e1}
.fin .big{font-family:var(--titre);font-weight:800;font-size:clamp(2rem,5vw,3.4rem);color:#fff;display:inline-block;margin-bottom:1.6rem}
.fin .big:hover{color:#fca5a5}
.fin-b{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap}

/* pied */
.pied{background:#0a0f17;color:#94a3b8;font-size:.9rem;padding:48px 0 44px}
.pied .wrap{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:2rem}
.pied img{height:40px;width:auto;margin-bottom:.8rem;filter:brightness(0) invert(1);opacity:.85}
.pied address{font-style:normal;line-height:1.7}
.pied b{color:#fff}
.pied nav{display:flex;flex-direction:column;gap:.45rem}
.pied a:hover{color:#fff}

/* pages volets */
.p-hero{background:var(--sable)}
.erm main .p-hero{padding:72px 0 64px}
.p-hero-g.avec-img{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.p-hero h1{font-size:clamp(2.1rem,4.4vw,3.4rem);font-weight:800;margin:.8rem 0 1rem}
.p-hero .cta{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.6rem}
.p-horaires{margin-top:1rem;font-size:.9rem;color:var(--gris)}
/* bandeau « urgence casse » (campagne Google Ads, pages vitrerie et rideaux métalliques) */
.p-urgence{background:var(--ardoise);color:#E2E8F0;border-bottom:3px solid var(--rouge)}
.p-urgence-g{display:flex;align-items:center;justify-content:space-between;gap:1.4rem;padding:14px 0}
.p-urgence p{margin:0;font-size:.98rem;line-height:1.45}
.p-urgence b{color:#fff;font-family:var(--titre);font-size:1.05rem}
.p-urgence span{display:inline-block;margin-left:.4rem;padding:.1rem .6rem;border-radius:999px;background:rgba(255,255,255,.1);font-size:.82rem;font-weight:600;color:#fff;white-space:nowrap}
.p-urgence .erm-btn{flex:0 0 auto;padding:.7rem 1.2rem;font-size:.95rem;box-shadow:none}
@media (max-width:760px){
  .p-urgence-g{padding:12px 0}
  .p-urgence p{font-size:.92rem}
  .p-urgence span{margin:.35rem 0 0}
  .p-urgence .erm-btn{display:none} /* la barre d'appel fixe du bas d'écran fait déjà le travail */
}
.p-img img{border-radius:24px;aspect-ratio:4/3;object-fit:cover;width:100%}
.contenu{max-width:780px;padding:64px 0 80px;font-size:1.06rem}
.contenu > * + *{margin-top:1.1rem}
.contenu h2{font-size:clamp(1.6rem,3vw,2.1rem);margin-top:3rem}
.contenu h3{font-size:1.3rem;margin-top:2rem}
.contenu ul,.contenu ol{padding-left:1.3rem}
.contenu li + li{margin-top:.4rem}
.contenu a:not(.erm-btn){color:var(--rouge);text-decoration:underline}
.contenu img{border-radius:16px}
.contenu figcaption{font-size:.85rem;color:var(--gris);margin-top:.4rem}
.contenu table{width:100%;border-collapse:collapse;font-size:.95rem}
.contenu th,.contenu td{border-bottom:1px solid var(--trait);padding:.6rem .4rem;text-align:left;vertical-align:top}
.contenu .erm-cta{margin:2.6rem 0}
.contenu details{margin-top:0}

/* ===== Blocs communs à toutes les pages ===== */
.villes{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1.4rem;list-style:none;padding:0}
.villes li{font-size:.86rem;background:#fff;border:1px solid var(--trait);padding:.35rem .8rem;border-radius:99px;color:var(--ardoise-2)}
.erm main .real{background:var(--creme)}
.real h2{margin:.6rem 0 1.8rem}
.real-g{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.real-g figure{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:3/4;background:var(--sable)}
.real-g img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.real-g figure:hover img{transform:scale(1.04)}
.real-g figcaption{position:absolute;left:0;right:0;bottom:0;padding:2.2rem .9rem .8rem;font-size:.86rem;font-weight:500;color:#fff;background:linear-gradient(180deg,transparent,rgba(15,22,34,.85))}

/* ===== Pages métier ===== */
.erm main .p-hero-court{padding:64px 0 48px}
.p-hero-court h1{max-width:820px}
.p-hero .lead{max-width:560px}
.erm main .svc{padding:80px 0}
.svc-g{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.9fr);gap:56px;align-items:start}
.svc-texte{font-size:1.06rem;max-width:720px}
.svc-texte h2{font-size:clamp(1.5rem,2.6vw,2rem);margin:2.6rem 0 .9rem}
.svc-texte h2:first-child{margin-top:0}
.svc-texte p+p{margin-top:.8rem}
.svc-texte a:not(.erm-btn){color:var(--rouge);text-decoration:underline;text-underline-offset:3px}
.svc-texte .erm-cta,.svc-texte .erm-volets{margin:2rem 0}
.svc-points{position:sticky;top:100px;background:#fff;border:1px solid var(--trait);border-radius:20px;padding:26px}
.erm .svc-points h2{font-size:1.15rem;margin-bottom:1rem}
.svc-points ul{list-style:none;padding:0;margin:0 0 1rem}
.svc-points li{position:relative;padding:.45rem 0 .45rem 1.7rem;border-bottom:1px dashed var(--trait);font-size:.97rem}
.svc-points li::before{content:"";position:absolute;left:0;top:.75rem;width:16px;height:16px;border-radius:50%;background:var(--rouge) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/11px no-repeat}
.svc-points p{font-size:.9rem;color:var(--gris);margin-bottom:.9rem}
.svc-points .erm-btn{width:100%}
.erm main .svc-aa{padding:80px 0;background:var(--sable)}
.svc-aa h2{margin:.6rem 0 1.8rem}
.aa-g{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.aa-paire{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.aa-paire div{position:relative;border-radius:14px;overflow:hidden;aspect-ratio:3/4;background:#fff}
.aa-paire img{width:100%;height:100%;object-fit:cover}
.aa-paire span{position:absolute;left:10px;top:10px;background:rgba(15,22,34,.75);color:#fff;font-size:.78rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:.25rem .6rem;border-radius:6px}
.aa-paire div+div span{background:var(--rouge)}
.aa figcaption{margin-top:.7rem;font-size:.95rem;color:#475569}
.erm main .svc-zone{padding:80px 0;background:var(--creme)}
.svc-zone h2{margin:.6rem 0 1rem;max-width:760px}
.erm main .svc-autres{padding:72px 0;background:#fff}
.svc-autres h2{margin-bottom:1.6rem}
.svc-liens{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.svc-carte{display:flex;flex-direction:column;background:#fff;border:1px solid var(--trait);border-radius:20px;overflow:hidden;transition:transform .3s var(--ease),box-shadow .3s,border-color .3s}
a.svc-carte:hover,a.svc-carte:focus-visible{transform:translateY(-4px);border-color:#f1c1c7;box-shadow:0 22px 36px -26px rgba(30,41,59,.5)}
.svc-carte-img{display:block;aspect-ratio:4/3;overflow:hidden;background:var(--sable)}
.svc-carte-img img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
a.svc-carte:hover .svc-carte-img img{transform:scale(1.06)}
.svc-carte-corps{position:relative;display:flex;flex-direction:column;gap:.3rem;padding:30px 18px 18px;flex:1}
.svc-carte-ic{position:absolute;top:-22px;left:16px;width:44px;height:44px;border-radius:12px;background:var(--rouge);color:#fff;display:grid;place-items:center;box-shadow:0 10px 20px -10px rgba(177,18,38,.9)}
.svc-carte-ic .erm-ico{width:22px;height:22px}
.svc-carte strong{font-family:var(--titre);color:var(--ardoise);font-size:1.05rem}
.svc-carte-desc{font-size:.88rem;color:var(--gris)}
.svc-carte-autre{background:var(--creme);border:1.5px dashed #e9b4bb;justify-content:center}
.svc-carte-autre .svc-carte-corps{padding:24px 20px;justify-content:center;gap:.6rem}
.svc-carte-autre strong{font-size:1.2rem}
.svc-carte-autre .erm-btn{align-self:flex-start;margin-top:.4rem;padding:.75rem 1.1rem;font-size:.92rem}
.erm main .svc-liens-s{padding:56px 0 80px}

.erm main .svc-faq{padding:80px 0;background:#fff}
.svc-faq .lead a{color:var(--rouge);font-weight:600}
.svc-texte h3{font-size:1.15rem;margin:1.6rem 0 .5rem}
.svc-texte ul,.svc-texte ol{padding-left:1.2rem;margin:.8rem 0}
.svc-texte li+li{margin-top:.35rem}
.svc-texte table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.97rem}
.svc-texte th,.svc-texte td{border-bottom:1px solid var(--trait);padding:.65rem .5rem;text-align:left;vertical-align:top}
.svc-texte th{font-family:var(--titre);color:var(--ardoise)}

.erm main .moi{padding:90px 0;background:#fff}
.moi-g{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.moi-img{margin:0}
.moi-img img{width:100%;height:auto;border-radius:24px;box-shadow:0 30px 60px -36px rgba(15,22,34,.55)}
.moi-img figcaption{margin-top:.8rem;font-size:.9rem;color:var(--gris);text-align:center}
.moi-txt h2{margin:.6rem 0 1rem}
.moi-txt p+p{margin-top:.8rem}
.moi-accroche{font-size:1.12rem;color:var(--ardoise);font-style:italic;border-left:3px solid var(--rouge);padding-left:1rem}
.moi-regles{list-style:none;padding:0;margin:1.3rem 0;display:grid;gap:.7rem;counter-reset:r}
.moi-regles li{position:relative;padding-left:2.6rem;counter-increment:r;color:#475569}
.moi-regles li::before{content:counter(r);position:absolute;left:0;top:-.05rem;width:1.8rem;height:1.8rem;border-radius:50%;background:var(--rouge);color:#fff;font-family:var(--titre);font-weight:800;display:grid;place-items:center;font-size:.95rem}
.moi-regles strong{color:var(--ardoise);display:block}
.moi-faits{list-style:none;padding:0;margin:1.2rem 0;display:flex;flex-wrap:wrap;gap:.45rem}
.moi-faits li{font-size:.86rem;font-weight:500;background:var(--creme);border:1px solid var(--trait);padding:.35rem .8rem;border-radius:99px;color:var(--ardoise-2)}
.moi-fin{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.6rem;margin-top:1.4rem}
.moi-sign{font-family:var(--titre);font-weight:800;color:var(--rouge);font-size:1.1rem;line-height:1.3}
.moi-sign span{display:block;font-family:var(--ui);font-weight:400;font-size:.78rem;color:var(--gris)}
/* avis clients (accueil et pages métier) */
.erm main .avis{padding:90px 0;background:var(--sable)}
.erm main .avis-page{padding:72px 0}
.av-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}
.avis-page .av-g{grid-template-columns:repeat(auto-fit,minmax(280px,620px))}
.av{position:relative;margin:0;background:#fff;border:1px solid var(--trait);border-radius:18px;padding:26px 24px 22px;display:flex;flex-direction:column}
.av::before{content:"\201C";position:absolute;right:20px;top:4px;font-family:var(--titre);font-size:4rem;line-height:1;color:var(--rouge);opacity:.18}
.av blockquote{margin:0;flex:1}
.av p{font-size:1rem;color:var(--txt)}
.av-service{display:inline-block;align-self:flex-start;margin-bottom:.8rem;font-size:.74rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--rouge);background:#FDF2F3;padding:.25rem .6rem;border-radius:6px}
.av figcaption{margin-top:1rem;padding-top:.8rem;border-top:1px solid var(--trait);color:var(--gris);font-size:.9rem}
.av figcaption strong{color:var(--ardoise)}
.av-lien{margin-top:22px}
.av-lien a{color:var(--rouge);font-weight:600}
.av-ex{border-style:dashed}
.av-badge{display:inline-block;margin-bottom:.6rem;font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--gris);background:var(--creme);padding:.2rem .55rem;border-radius:5px}

.erm main .assu{padding:80px 0;background:var(--ardoise);color:#e2e8f0}
.assu .kick{color:#fca5a5}
.erm .assu h2{color:#fff;margin:.6rem 0 1rem;max-width:620px}
.assu .lead{color:#cbd5e1}
.assu-g{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.assu-carte{background:#fff;color:var(--txt);border-radius:22px;padding:28px}
.assu-carte ul{list-style:none;padding:0;margin:0 0 1.1rem;display:grid;gap:.8rem}
.assu-carte li{display:flex;align-items:center;gap:.8rem;font-weight:600;color:var(--ardoise)}
.assu-carte li span{flex:0 0 40px;width:40px;height:40px;border-radius:11px;background:#FDF2F3;color:var(--rouge);display:grid;place-items:center}
.assu-carte li .erm-ico{width:21px;height:21px}
.assu-note{font-size:.88rem;color:var(--gris);margin-bottom:1.1rem}

/* ===== Contact ===== */
.erm main .ct{padding:56px 0 80px}
.ct-g{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px;align-items:start}
.ct-coord,.ct-form{background:#fff;border:1px solid var(--trait);border-radius:22px;padding:30px}
.erm .ct h2{font-size:1.35rem;margin-bottom:1rem}
.ct-tel{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--titre);font-weight:800;font-size:clamp(1.6rem,3vw,2.1rem);color:var(--rouge)}
.ct-tel svg{width:26px;height:26px}
.ct-coord dl{margin:1.4rem 0}
.ct-coord dt{font-size:.78rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--gris);margin-top:1.1rem}
.ct-coord dd{margin:.3rem 0 0}
.ct-coord address{font-style:normal}
.ct-coord dd a{color:var(--rouge);text-decoration:underline}
.ct-form>p{color:#475569;margin-bottom:1.2rem}

/* ===== Textes légaux ===== */
.texte-legal h2{font-size:1.35rem;margin-top:2.2rem}
.texte-legal ul{padding-left:1.2rem}

/* ===== Page dépannage ===== */
.p-hero .express+.kick{margin-top:1rem}
.p-hero .p-horaires a{color:var(--rouge);font-weight:600;text-decoration:underline}
[id]{scroll-margin-top:96px}
.erm main .dep-pannes{padding:80px 0;background:#fff}
.dep-pannes h2{margin:.6rem 0 1.8rem}
.dep-cartes{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.dep-carte{display:flex;flex-direction:column;gap:.45rem;border:1.5px solid var(--trait);border-radius:18px;padding:22px;background:var(--creme);transition:border-color .2s,transform .2s var(--ease),box-shadow .2s}
.dep-carte:hover,.dep-carte:focus-visible{border-color:var(--rouge);transform:translateY(-3px);box-shadow:0 18px 30px -22px rgba(30,41,59,.5)}
.dep-ic{width:46px;height:46px;border-radius:12px;background:#fff;display:grid;place-items:center;color:var(--rouge);margin-bottom:.3rem}
.dep-ic svg{width:26px;height:26px}
.dep-carte strong{font-family:var(--titre);font-size:1.15rem;color:var(--ardoise)}
.dep-carte span:not(.dep-ic){font-size:.95rem;color:#475569}
.dep-carte em{font-style:normal;font-weight:600;color:var(--rouge);margin-top:auto;padding-top:.4rem}
.erm main .dep-aide{padding:80px 0;background:var(--sable)}
.dep-aide-g{display:grid;grid-template-columns:1fr 1.2fr;gap:48px;align-items:start}
.dep-aide h2{margin:.6rem 0 1.2rem}
.dep-conseils ul{list-style:none;padding:0;margin:0;display:grid;gap:.7rem}
.dep-conseils li{background:#fff;border:1px solid var(--trait);border-radius:14px;padding:14px 16px 14px 46px;position:relative}
.dep-conseils li::before{content:"!";position:absolute;left:14px;top:13px;width:22px;height:22px;border-radius:50%;background:var(--rouge);color:#fff;font-weight:800;font-size:.85rem;display:grid;place-items:center}
@media (max-width:1000px){.dep-cartes{grid-template-columns:1fr 1fr}.dep-aide-g{grid-template-columns:1fr}}
@media (max-width:600px){.dep-cartes{grid-template-columns:1fr}.erm main .dep-pannes,.erm main .dep-aide{padding:56px 0}}

@media (max-width:1000px){
  .assu-g{grid-template-columns:1fr;gap:28px}
  .moi-g{grid-template-columns:1fr;gap:32px}
  .svc-g,.ct-g{grid-template-columns:1fr}
  .svc-points{position:static}
  .svc-liens{grid-template-columns:1fr 1fr}
  .real-g{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:480px){
  .svc-carte-desc{display:none}
  .svc-carte-autre .svc-carte-desc{display:block}
  .svc-carte strong{font-size:.95rem}
  .svc-carte-corps{padding:26px 12px 14px}
  .svc-carte-ic{width:38px;height:38px;top:-19px;left:12px}
  .svc-carte-autre .erm-btn{font-size:.85rem;padding:.7rem .9rem}
}
@media (max-width:760px){
  .erm main .svc,.erm main .svc-aa,.erm main .svc-zone{padding:56px 0}
  .aa-g{grid-template-columns:1fr}
  .svc-liens{grid-template-columns:1fr 1fr;gap:12px}
  .ct-coord,.ct-form{padding:22px}
}

@media (max-width:1000px){
  .pied .wrap{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  .erm main section{padding:76px 0}
  .faq-g,.p-hero-g.avec-img{grid-template-columns:1fr}
  .erm main .p-hero{padding:44px 0 48px}
  .pied .wrap{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .rv{opacity:1!important;transform:none!important;transition:none!important}
}

/* ===== Page /avis (QR code de la carte client) ===== */
.erm-page-avis .erm-callbar,.erm-page-avis .erm-wa{display:none!important}
.erm-page-avis{padding-bottom:0!important}
.erm main .av-hero{padding:56px 0 40px}
.av-hero .lead{max-width:600px}
.av-sign{margin:.9rem 0 0;font-family:var(--titre);font-weight:800;color:var(--rouge)}
.erm main .av-form{padding:48px 0 90px;background:var(--creme)}
.av-form .wrap{max-width:640px}
.av-form .erm-form,.av-form .erm-ok{max-width:none}
.av-form .erm-form{background:#fff;border:1px solid var(--trait);border-radius:20px;padding:28px}
.av-form .erm-btn{width:100%;margin-top:.3rem}
.av-astuce{font-size:.82rem;font-weight:400;color:var(--gris)}
.av-duo{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.av-regles{margin-top:1.6rem;font-size:.8rem;line-height:1.55;color:var(--gris)}
@media (max-width:760px){
  .erm main .av-hero{padding:36px 0 28px}
  .erm main .av-form{padding:24px 0 60px}
  .av-form .erm-form{padding:20px 18px}
  .av-duo{grid-template-columns:1fr}
}