/* MG Vape – Recherche instantanée (préfixe mgvs-) */
html.mgvs-lock,html.mgvs-lock body{overflow:hidden!important}
.mgvs{--red:#e30613;--ink:#111;--ink-2:#55555c;--ink-3:#8c8c94;--line:#e6e6ea;--soft:#f5f5f7;
  position:fixed;inset:0;z-index:2147483000;display:none;flex-direction:column;background:#fff;color:var(--ink);font:14px/1.4 Poppins,Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}
.mgvs.on{display:flex;animation:mgvs-in .18s ease}
@keyframes mgvs-in{from{opacity:0;transform:translateY(-8px)}}
.mgvs *,.mgvs *::before,.mgvs *::after{box-sizing:border-box}
.mgvs button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}
.mgvs a{color:inherit;text-decoration:none}
.mgvs-wrap{max-width:1280px;margin:0 auto;padding:0 32px}
/* Barre de recherche */
.mgvs-top{flex-shrink:0;padding:22px 0 14px}
.mgvs-top .mgvs-wrap{display:flex;align-items:center;gap:20px}
.mgvs-field{flex:1;display:flex;align-items:center;gap:14px;border-bottom:2px solid var(--red);padding:6px 4px 10px}
.mgvs-field svg{width:22px;height:22px;flex-shrink:0}
.mgvs-field input{flex:1;min-width:0;border:0;outline:0;background:none;font:500 20px/1.2 Poppins,Inter,sans-serif;color:var(--ink);padding:0;margin:0;box-shadow:none;height:auto}
.mgvs-field input::placeholder{color:#a3a3aa}
.mgvs-field input::-webkit-search-cancel-button{-webkit-appearance:none}
.mgvs-x{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;color:#777}
.mgvs-x:hover{background:var(--soft);color:var(--ink)}
.mgvs-x svg{width:26px;height:26px}
.mgvs-body{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:10px 0 50px}
#mgvs-in{display:grid;grid-template-columns:240px minmax(0,1fr);gap:36px;align-items:start}
/* Accueil de la fenêtre */
.mgvs-home{grid-column:1/-1;display:grid;grid-template-columns:240px minmax(0,1fr);gap:36px}
.mgvs-home h4{display:flex;align-items:center;gap:8px;margin:6px 0 12px;font-size:16px;font-weight:700}
.mgvs-home h4 svg{width:17px;height:17px;color:var(--red)}
.mgvs-home h3{margin:6px 0 14px;font-size:18px;font-weight:700}
.mgvs-qs{list-style:none;margin:0 0 24px;padding:0}
.mgvs-qs li button{display:block;width:100%;text-align:left;padding:6px 0;font-size:14.5px;color:var(--ink-2);transition:color .15s}
.mgvs-qs li button:hover{color:var(--red)}
.mgvs-qs.inline{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px}
.mgvs-qs.inline button{padding:7px 14px;border-radius:999px;background:var(--soft);font-weight:600}
.mgvs-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(200px,1fr);gap:14px;overflow-x:auto;padding-bottom:12px;margin-bottom:22px;scroll-snap-type:x mandatory}
.mgvs-row .mgvs-card{scroll-snap-align:start}
/* Filtres */
.mgvs-side{position:sticky;top:0}
.mgvs-facet{margin-bottom:26px}
.mgvs-facet h4{margin:0 0 12px;font-size:17px;font-weight:700}
.mgvs-ff{display:flex;align-items:center;gap:8px;height:38px;margin-bottom:10px;padding:0 12px;border:1px solid #cfcfd5;border-radius:6px}
.mgvs-ff svg{width:15px;height:15px;color:#999;flex-shrink:0}
.mgvs-ff input{border:0;outline:0;flex:1;min-width:0;font:inherit;background:none;padding:0;height:auto;box-shadow:none}
.mgvs-facet ul{list-style:none;margin:0;padding:0}
.mgvs-facet li.more{display:none}
.mgvs-facet label{display:flex;align-items:center;gap:10px;padding:6px 0;cursor:pointer;font-size:14.5px;color:#333}
.mgvs-facet label span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mgvs-facet label i{font-style:normal;color:var(--ink-3);font-size:13px}
.mgvs-facet input[type=checkbox],.mgvs-stock input{appearance:none;-webkit-appearance:none;width:18px;height:18px;margin:0;border:1.5px solid #9a9aa2;border-radius:4px;flex-shrink:0;display:grid;place-items:center;cursor:pointer;background:#fff}
.mgvs-facet input[type=checkbox]:checked,.mgvs-stock input:checked{background:var(--red);border-color:var(--red)}
.mgvs-facet input[type=checkbox]:checked::after,.mgvs-stock input:checked::after{content:'';width:9px;height:5px;border:2px solid #fff;border-top:0;border-right:0;transform:rotate(-45deg) translate(1px,-1px)}
.mgvs-more{display:inline-flex;align-items:center;gap:6px;margin-top:6px;font-size:13px;color:var(--ink-2)}
.mgvs-more svg{width:10px;height:10px}
.mgvs-stock{display:flex;align-items:center;gap:10px;margin-bottom:22px;padding:12px 14px;border-radius:10px;background:var(--soft);cursor:pointer;font-weight:600}
.mgvs-ftoggle{display:none}
/* Résultats */
.mgvs-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px;color:var(--ink-2)}
.mgvs-bar b{color:var(--ink)}
.mgvs-sort select{border:0;background:none;font:inherit;color:var(--ink);font-weight:600;cursor:pointer;padding:0 4px;height:auto;box-shadow:none}
.mgvs-fuzzy{margin:0 0 14px;padding:10px 14px;border-radius:10px;background:#fff7e6;color:#8a5a00;font-size:13.5px}
.mgvs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}
.mgvs-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:4px;background:#fff;padding:14px 14px 14px;transition:box-shadow .2s,border-color .2s}
.mgvs-card:hover{border-color:#cfcfd5;box-shadow:0 10px 30px -18px rgba(0,0,0,.35)}
.mgvs-card>a{display:flex;flex-direction:column;gap:4px;flex:1}
.mgvs-card .img{position:relative;display:block;aspect-ratio:1;margin-bottom:10px}
.mgvs-card .img img{width:100%;height:100%;object-fit:contain}
.mgvs-card .img em{position:absolute;left:0;top:0;font-style:normal;font-size:11px;font-weight:700;padding:3px 8px;border-radius:4px;background:#f1f1f3;color:#777}
.mgvs-card.oos .img img{opacity:.55}
.mgvs-card .br{font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
.mgvs-card .nm{font-size:14px;font-weight:500;line-height:1.35;color:var(--ink)}
.mgvs-card a:hover .nm{color:var(--red)}
.mgvs-card .vr{font-size:12.5px;color:var(--ink-3)}
.mgvs-price{display:flex;align-items:baseline;gap:8px;margin-top:10px;min-height:24px}
.mgvs-price s{color:var(--ink-3);font-size:13px}
.mgvs-price b{font-size:18px;font-weight:700}
.mgvs-price b.sale{color:var(--red)}
.mgvs-price small{font-size:11.5px;color:var(--ink-3)}
.mgvs-load{display:inline-block;width:60px;height:14px;border-radius:4px;background:linear-gradient(90deg,#eee 25%,#f7f7f7 50%,#eee 75%);background-size:200% 100%;animation:mgvs-sh 1.2s infinite linear;vertical-align:middle;margin-right:8px}
@keyframes mgvs-sh{to{background-position:-200% 0}}
.mgvs-buy{display:flex;gap:6px;margin-top:10px}
.mgvs-qty{display:flex;align-items:center;height:38px;border:1px solid var(--line);border-radius:6px;overflow:hidden}
.mgvs-qty button{width:28px;height:38px;font-size:16px}
.mgvs-qty button:hover{background:var(--soft)}
.mgvs-qty input{width:36px;height:38px;border:0;padding:0;text-align:center;font:600 14px Poppins,Inter,sans-serif;-moz-appearance:textfield;box-shadow:none}
.mgvs-qty input::-webkit-inner-spin-button{-webkit-appearance:none}
.mgvs-add{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:38px;border-radius:6px;background:#111!important;color:#fff!important;font-weight:600!important;font-size:13.5px;transition:background .15s}
.mgvs-add:hover{background:var(--red)!important}
.mgvs-add:disabled{opacity:.6}
.mgvs-add svg{width:16px;height:16px}
.mgvs-login{display:block;margin-top:10px;padding:9px 6px;border-radius:6px;border:1px solid var(--line);text-align:center;font-size:12.5px;font-weight:600;color:var(--ink-2)!important}
.mgvs-login:hover{border-color:var(--ink)}
.mgvs-none{grid-column:1/-1;text-align:center;padding:60px 20px;color:var(--ink-2)}
.mgvs-none b{display:block;font-size:20px;color:var(--ink);margin-bottom:8px}
.mgvs-none p button{color:var(--red);font-weight:700;text-decoration:underline}
.mgvs-wait{grid-column:1/-1;padding:60px 0;text-align:center;color:var(--ink-3)}
.mgvs-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:2147483001;background:#111;color:#fff;padding:12px 18px;border-radius:10px;font:600 14px Poppins,Inter,sans-serif;box-shadow:0 12px 30px rgba(0,0,0,.35)}
.mgvs-toast.err{background:var(--red)}

@media (max-width:860px){
  .mgvs-wrap{padding:0 16px}
  .mgvs-top{padding:12px 0 8px}
  .mgvs-field input{font-size:17px}
  #mgvs-in,.mgvs-home{grid-template-columns:1fr;gap:12px}
  .mgvs-ftoggle{display:inline-flex;align-items:center;gap:8px;justify-self:start;height:38px;padding:0 14px;border:1px solid var(--line)!important;border-radius:999px!important;font-weight:600}
  .mgvs-ftoggle svg{width:16px;height:16px}
  .mgvs-side{display:none;position:static}
  .mgvs-side.on{display:block}
  .mgvs-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .mgvs-card{padding:10px}
  .mgvs-buy{flex-wrap:wrap}
  .mgvs-qty{width:100%;justify-content:space-between}
  .mgvs-qty input{flex:1}
  .mgvs-row{grid-auto-columns:minmax(160px,46%)}
}

/* ===== Couleurs MG Vape : barre noire + logo, rouge pour prix et boutons, cartes arrondies ===== */
.mgvs{--red:#e30613;background:#f4f4f6}
.mgvs-top{background:#000;padding:16px 0}
.mgvs-logo{display:block;flex-shrink:0}
.mgvs-logo img{display:block;height:46px;width:auto}
.mgvs-field{background:#fff;border:0;border-radius:999px;padding:0 8px 0 20px;height:52px;box-shadow:0 0 0 3px rgba(227,6,19,0)}
.mgvs-field:focus-within{box-shadow:0 0 0 3px var(--red)}
.mgvs-field svg{color:#111}
.mgvs-field input{font-size:17px}
.mgvs-x{color:#fff}
.mgvs-x:hover{background:rgba(255,255,255,.12);color:#fff}
.mgvs-body{padding-top:26px}
.mgvs-home h3,.mgvs-facet h4,.mgvs-home h4{text-transform:uppercase;font-weight:800;letter-spacing:.02em}
.mgvs-card{border:1.5px solid #e2e2e6;border-radius:20px;padding:14px 14px 16px;box-shadow:0 2px 6px rgba(0,0,0,.04)}
.mgvs-card:hover{border-color:#111}
.mgvs-card .nm{font-weight:600;text-transform:uppercase;font-size:13px;text-align:center}
.mgvs-card .br,.mgvs-card .vr{text-align:center}
.mgvs-price{justify-content:center}
.mgvs-price b{color:var(--red);font-size:20px;font-weight:800}
.mgvs-add{border-radius:999px!important;background:var(--red)!important}
.mgvs-add:hover{background:#b8050f!important}
.mgvs-qty{border-radius:999px;border:1.5px solid #111}
.mgvs-login{border-radius:999px;border:1.5px solid #111;color:#111!important;font-weight:700;text-transform:uppercase;font-size:12px;letter-spacing:.02em}
.mgvs-login:hover{background:#111;color:#fff!important}
.mgvs-stock{background:#fff;border:1.5px solid #e2e2e6}
.mgvs-qs.inline button{background:#fff;border:1.5px solid #111}
.mgvs-sort select{text-transform:uppercase;font-weight:700}
@media (max-width:860px){.mgvs-logo{display:none}.mgvs-field{height:46px}}

/* ===== Carte produit comme les fiches MG Vape ===== */
.mgvs-card{position:relative;border-radius:22px;padding:16px 16px 18px;box-shadow:0 4px 14px rgba(0,0,0,.08);border:1.5px solid #dedee2}
.mgvs-blogo{position:absolute;top:12px;right:12px;max-width:54px;max-height:32px;object-fit:contain;z-index:1}
.mgvs-card .img{margin-bottom:0;padding:8px 6px}
.mgvs-card>a{gap:0}
.mgvs-card .nm{display:block;padding:12px 4px 2px;border-top:1.5px solid #d8d8dc;margin-top:6px;font-weight:700;text-transform:uppercase;font-size:13px;line-height:1.7;text-align:center;color:#000}
.mgvs-card .fl{display:block;padding-bottom:12px;border-bottom:1.5px solid #d8d8dc;text-align:center;font-style:italic;color:#8c8c94;font-size:13.5px}
.mgvs-card .nm:last-child{border-bottom:1.5px solid #d8d8dc;padding-bottom:12px}
.mgvs-price{display:flex;flex-direction:column;align-items:center;gap:0;margin:14px 0 4px;min-height:34px}
.mgvs-price s{font-size:14px;color:#8c8c94;text-decoration-color:#e30613;text-decoration-thickness:2px}
.mgvs-price b{font-size:26px;font-weight:800;color:#e30613!important;line-height:1.1}
.mgvs-price small{font-size:11.5px;color:#8c8c94}
.mgvs-var{display:block;position:relative;margin-top:12px}
.mgvs-var select{width:100%;height:42px;padding:0 38px 0 16px;border:1.5px solid #000;border-radius:999px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%23000' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 16px center;font:600 13px Poppins,Inter,sans-serif;text-transform:uppercase;color:#000;appearance:none;-webkit-appearance:none;cursor:pointer;text-overflow:ellipsis}
.mgvs-buy{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:10px}
.mgvs-qty{flex:1;max-width:190px;height:42px;border:0;border-radius:999px;background:#000;padding:0;overflow:hidden}
.mgvs-qty button{width:42px;height:42px;color:#fff!important;font-size:20px;font-weight:700}
.mgvs-qty button:hover{background:#222}
.mgvs-qty input{flex:1;width:auto;min-width:0;height:34px;margin:4px 0;border-radius:0;background:#fff;color:#000;font-size:15px}
.mgvs-carton{position:relative;width:46px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;color:#000}
.mgvs-carton svg{width:38px;height:38px}
.mgvs-carton i{font-style:normal;font-size:12px;font-weight:600;line-height:1}
.mgvs-carton[hidden]{display:none}
.mgvs-add{flex:none;width:100%;height:46px;margin-top:12px;border-radius:999px!important;background:#e30613!important;color:#fff!important;font:800 14px Poppins,Inter,sans-serif!important;text-transform:uppercase;letter-spacing:.01em}
.mgvs-add:hover{background:#b8050f!important}
.mgvs-login{margin-top:12px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:999px;border:1.5px solid #000;text-transform:uppercase;font-weight:800;font-size:13px}
.mgvs-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px}
.mgvs-row{grid-auto-columns:minmax(230px,1fr)}

/* ===== Mise en page Doofinder : pleine page, fond blanc, traits fins ===== */
.mgvs{background:#fff}
.mgvs-wrap{max-width:none;padding:0 42px}
.mgvs-top{background:#fff;padding:26px 0 8px}
.mgvs-logo{display:none}
.mgvs-field{background:none;border:0;border-bottom:1.5px solid var(--red);border-radius:0;height:auto;padding:8px 4px 12px 2px;box-shadow:none!important}
.mgvs-field input{font-size:16px;font-weight:400}
.mgvs-field svg{width:20px;height:20px}
.mgvs-x,.mgvs-x:hover{color:#6b6b72;background:none}
.mgvs-x:hover{color:#111}
.mgvs-body{padding-top:30px}
#mgvs-in,.mgvs-home{grid-template-columns:312px minmax(0,1fr);gap:22px}
.mgvs-facet h4{display:flex;align-items:center;justify-content:space-between;cursor:pointer;text-transform:none;letter-spacing:0;font-size:17px;font-weight:700;margin-bottom:14px}
.mgvs-facet h4 svg{width:13px;height:13px;transform:rotate(180deg);transition:transform .2s}
.mgvs-facet.closed h4 svg{transform:none}
.mgvs-facet.closed>:not(h4){display:none}
.mgvs-ff{border-radius:2px;border-color:#c9c9cf;height:30px}
.mgvs-facet label{font-size:13.5px;padding:5px 0}
.mgvs-facet input[type=checkbox],.mgvs-stock input{border-radius:3px;border-color:#7b7b82;width:16px;height:16px}
.mgvs-cnt{display:block;text-align:right;margin-top:4px;font-size:11.5px;color:#8c8c94}
.mgvs-more{display:flex;margin:4px auto 0;font-size:12px}
.mgvs-stock{background:none;border:0;padding:0;font-weight:500;font-size:13.5px;margin-bottom:24px}
.mgvs-bar{margin-bottom:22px;font-size:13.5px}
.mgvs-sort select{text-transform:none;font-weight:400;color:#111}
.mgvs-home h3,.mgvs-home h4{text-transform:none;letter-spacing:0}
.mgvs-grid{grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:14px}
.mgvs-row{grid-auto-columns:minmax(185px,1fr)}
.mgvs-card{border:1px solid #d9d9de;border-radius:2px;box-shadow:none;padding:18px 18px 18px;transition:box-shadow .15s}
.mgvs-card:hover{border-color:var(--red);box-shadow:inset 0 0 0 1px var(--red)}
.mgvs-card .nm{border-top:0;margin-top:10px;padding:0;text-transform:none;font-weight:400;text-align:left;font-size:13.5px;line-height:1.35;color:#222}
.mgvs-card .fl,.mgvs-card .nm:last-child{border-bottom:0;padding-bottom:0;text-align:left;font-size:12.5px}
.mgvs-price{align-items:flex-start;margin:10px 0 0}
.mgvs-price b{font-size:20px}
.mgvs-var select{height:36px;border-width:1px;font-size:12px;text-transform:none}
.mgvs-buy{justify-content:flex-start;gap:8px}
.mgvs-qty{height:36px;max-width:none}
.mgvs-qty button{width:34px;height:36px;font-size:17px}
.mgvs-qty input{height:28px}
.mgvs-carton svg{width:32px;height:32px}
.mgvs-add{height:38px;font-size:12.5px!important;margin-top:10px}
.mgvs-login{height:36px;font-size:12px;border-width:1px}
@media (max-width:860px){.mgvs-wrap{padding:0 16px}#mgvs-in,.mgvs-home{grid-template-columns:1fr}.mgvs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.mgvs-card>a.mgvs-login{flex:none;flex-direction:row;gap:0;height:38px;margin-top:auto}
.mgvs-card>a:first-of-type,.mgvs-card>.mgvs-blogo+a{flex:1}
.mgvs-card .mgvs-var{margin-top:12px}

/* Prix centré, sélecteur de quantité fin */
.mgvs-price{align-items:center;text-align:center}
.mgvs-buy{justify-content:center}
.mgvs-qty{background:#fff;border:1px solid #cfcfd5;border-radius:999px;height:36px}
.mgvs-qty button{width:34px;height:34px;color:#111!important;font-size:18px;font-weight:500}
.mgvs-qty button:hover{background:#f3f3f5;color:var(--red)!important}
.mgvs-qty input{height:34px;margin:0;background:none;font-weight:600;border-left:1px solid #ececf0;border-right:1px solid #ececf0}

/* Quantité + carton, version légère */
.mgvs-buy{display:flex;align-items:stretch;gap:6px;margin-top:12px}
.mgvs-qty{flex:1;max-width:none;min-width:0}
.mgvs-carton{flex:none;width:auto;flex-direction:row;align-items:center;gap:5px;height:36px;padding:0 10px;border:1px solid #cfcfd5;border-radius:999px;background:#fff;color:#111;font:600 12px Poppins,Inter,sans-serif;white-space:nowrap;transition:border-color .15s,color .15s}
.mgvs-carton:hover{border-color:var(--red);color:var(--red)}
.mgvs-carton svg{width:17px;height:17px}
.mgvs-carton span{display:inline}
.mgvs-carton i{font-style:normal;font-size:12px;font-weight:700}
.mgvs-buy{flex-wrap:wrap}
.mgvs-qty{flex:1 1 100%}
.mgvs .mgvs-carton{flex:1 1 100%;justify-content:center;height:32px;border:1px dashed #c4c4cb;border-radius:999px;background:#fff;color:#444;font-size:12px}
.mgvs .mgvs-carton:hover{border-style:solid;border-color:var(--red);color:var(--red)}
.mgvs .mgvs-carton[hidden]{display:none}

/* ===== Ouverture compacte (champ vide) : panneau en haut, site grisé dessous — comme Doofinder ===== */
.mgvs.compact{background:rgba(0,0,0,.55);animation:mgvs-fade .2s ease}
@keyframes mgvs-fade{from{background:rgba(0,0,0,0)}}
.mgvs.compact .mgvs-top{box-shadow:none}
.mgvs.compact .mgvs-body{flex:none;max-height:calc(100vh - 140px);background:#fff;padding:14px 0 30px;border-radius:0 0 4px 4px;box-shadow:0 20px 40px -10px rgba(0,0,0,.4)}
.mgvs-recent{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:14px 0 2px;font-size:13px}
.mgvs-recent[hidden]{display:none}
.mgvs-recent b{font-weight:700;color:#55555c;margin-right:2px}
.mgvs-chip{display:inline-flex;align-items:center;gap:2px;height:30px;padding:0 6px 0 12px;border:1px solid #9a9aa2;border-radius:999px}
.mgvs-chip button{font-size:13px;color:#55555c}
.mgvs-chip .x{width:22px;height:22px;font-size:16px;color:#333}
.mgvs-chip .x:hover{color:var(--red)}
.mgvs-clear{margin-left:6px;color:var(--red)!important;font-size:13px}
.mgvs-home{grid-template-columns:200px minmax(0,1fr)!important;gap:30px!important}
.mgvs-home h4{font-size:16px!important;margin:0 0 14px!important;text-transform:none!important}
.mgvs-home .mgvs-qs li button{padding:5px 0;font-size:13.5px;color:#222}
.mgvs-reco{min-width:0}
.mgvs-slide{position:relative;padding:0 30px}
.mgvs-slide .mgvs-row{grid-auto-columns:minmax(200px,210px);gap:14px;margin:0;padding:0 0 4px;scrollbar-width:none}
.mgvs-slide .mgvs-row::-webkit-scrollbar{display:none}
.mgvs-arr{position:absolute;top:50%;width:28px;height:40px;margin-top:-20px;color:var(--red)!important;display:grid;place-items:center}
.mgvs-arr svg{width:18px;height:18px}
.mgvs-arr.l{left:0}.mgvs-arr.l svg{transform:rotate(90deg)}
.mgvs-arr.r{right:0}.mgvs-arr.r svg{transform:rotate(-90deg)}
.mgvs-mini{display:flex;flex-direction:column;height:300px;padding:18px 20px;border:1px solid #d9d9de;border-radius:2px;background:#fff;scroll-snap-align:start;transition:box-shadow .15s,border-color .15s}
.mgvs-mini:hover{border-color:var(--red);box-shadow:inset 0 0 0 1px var(--red)}
.mgvs-mini .img{display:block;height:170px}
.mgvs-mini .img img{width:100%;height:100%;object-fit:contain}
.mgvs-mini .nm{margin-top:14px;font-size:13px;line-height:1.35;color:#222}
.mgvs-retry{margin-top:12px;height:36px;padding:0 18px;border-radius:999px!important;background:var(--red)!important;color:#fff!important;font-weight:700!important}
@media (max-width:860px){.mgvs-home{grid-template-columns:1fr!important}.mgvs-slide{padding:0}.mgvs-arr{display:none!important}.mgvs.compact .mgvs-body{max-height:calc(100vh - 170px)}}