body.avm-home {
    margin:0;
    background:#f0f4f8;
    color:#12284a;
    font-family:Inter,system-ui,-apple-system,sans-serif;
    font-size:14px;
    line-height:1.5
}

.avm-home * {
    box-sizing:border-box
}
.avm-home a {
    text-decoration:none;
    color:inherit
}
.avm-home a:hover {
    color:#16557d
}
.avm-home a:focus-visible,.avm-home button:focus-visible,.avm-home input:focus-visible {
    outline:3px solid #16557d;
    outline-offset:3px
}

.avm-home h1,.avm-home h2,.avm-home h3,.avm-home p {
    margin:0;
    font-family:inherit;
    color:inherit;
    line-height:1.35
}
.avm-wrap {
    max-width:1280px;
    margin:auto;
    padding:0 24px
}
.avm-header {
    background:#12284a;
    color:#fff
}
.avm-top {
    display:flex;
    justify-content:space-between;
    gap:20px;
    padding:10px 0;
    font-size:11px;
    color:#c2d5e4
}
.avm-header-row {
    display:flex;
    align-items:center;
    gap:14px;
    padding:8px 0 20px
}
.avm-logo {
    display:block;
    background:#fff;
    border-radius:8px;
    padding:5px 10px;
    flex:none
}
.avm-logo img {
    display:block;
    width:200px;
    height:67px;
    object-fit:contain
}
.avm-search {
    display:flex;
    flex:1;
    min-width:0;
    background:#fff;
    border-radius:9px;
    overflow:hidden;
    margin:0
}
.avm-search input[type=search] {
    width:100%;
    min-width:0;
    border:0!important;
    border-radius:0;
    padding:14px 15px;
    background:#fff;
    color:#12284a;
    font:inherit;
    height:48px
}
.avm-search button {
    border:0;
    border-radius:0;
    background:#60fbcf;
    color:#12284a;
    padding:0 17px;
    font:inherit;
    font-weight:750;
    cursor:pointer
}
.avm-header-button {
    padding:12px 15px;
    background:#ffffff12;
    border-radius:8px;
    font-weight:650;
    white-space:nowrap
}
.avm-header .avm-cart {
    background:#60fbcf;
    color:#12284a
}
.avm-cart-count {
    display:inline-block;
    min-width:20px;
    text-align:center
}
.avm-layout {
    display:grid;
    grid-template-columns:220px minmax(0,1fr);
    gap:24px;
    padding-top:26px;
    padding-bottom:28px
}
.avm-side h2 {
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:1px;
    color:#65758a;
    margin:8px 0 12px
}
.avm-side ul {
    list-style:none;
    padding:0;
    margin:0 0 26px
}
.avm-side li {
    margin:0 0 8px
}
.avm-side li a {
    display:flex;
    justify-content:space-between;
    gap:8px;
    background:#fff;
    border:1px solid #e2e8ef;
    border-radius:10px;
    padding:12px 13px;
    font-size:13px;
    font-weight:650
}
.avm-side li a:hover {
    border-color:#7be5b6;
    box-shadow:0 4px 14px #12284a08
}
.avm-side li:first-child a {
    border-left:3px solid #7be5b6
}
.avm-main {
    min-width:0
}
.avm-hero {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    background:linear-gradient(120deg,#12284a,#16557d);
    border-radius:14px;
    color:#fff;
    padding:28px;
    margin-bottom:26px
}
.avm-eyebrow {
    font-size:10px;
    font-weight:750;
    letter-spacing:1.5px;
    color:#a3e8d8;
    display:block;
    margin-bottom:9px
}
.avm-hero h1 {
    font-size:clamp(23px,2.1vw,29px);
    font-weight:800;
    letter-spacing:-.7px;
    max-width:460px
}
.avm-hero h1 span {
    color:#60fbcf
}
.avm-hero p {
    font-size:12px;
    color:#d1dfec;
    margin-top:10px
}
.avm-button {
    display:inline-flex;
    justify-content:center;
    align-items:center;
    background:#60fbcf;
    color:#12284a!important;
    font-size:12px;
    font-weight:800;
    border-radius:24px;
    padding:13px 18px;
    white-space:nowrap;
    min-height:44px
}
.avm-button:hover {
    background:#a3f8dd
}
.avm-section {
    margin-bottom:26px
}
.avm-section-title {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-bottom:14px
}
.avm-section-title h2 {
    font-size:19px;
    font-weight:800;
    letter-spacing:-.4px
}
.avm-section-title>a {
    font-size:11px;
    font-weight:700;
    color:#605be5;
    white-space:nowrap
}
.avm-grid {
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:12px
}
.avm-card {
    background:#fff;
    border:1px solid #e2e8ef;
    border-radius:12px;
    overflow:hidden;
    min-width:0;
    display:flex;
    flex-direction:column;
    transition:transform .18s,box-shadow .18s
}
.avm-card:hover {
    transform:translateY(-3px);
    box-shadow:0 10px 24px #12284a12;
    border-color:#7be5b6
}
.avm-picture {
    position:relative;
    display:block;
    background:linear-gradient(150deg,#f7fafc,#e4eef5);
    padding:9px;
    height:150px
}
.avm-picture img {
    display:block;
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    margin:0!important;
    border-radius:5px
}
.avm-tag {
    position:absolute;
    top:8px;
    left:8px;
    background:#605be5;
    color:#fff;
    border-radius:5px;
    padding:4px 7px;
    font-size:9px;
    font-weight:800
}
.avm-cardbody {
    padding:11px;
    display:flex;
    flex-direction:column;
    flex:1;
    min-width:0
}
.avm-platform {
    font-size:9px;
    color:#66768a;
    font-weight:750;
    text-transform:uppercase;
    letter-spacing:.3px
}
.avm-card h3 {
    font-size:12px;
    font-weight:700;
    margin:5px 0 12px;
    overflow-wrap:anywhere;
    line-height:1.5
}
.avm-price-row {
    margin-top:auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:4px
}
.avm-price,.avm-price .amount {
    color:#12284a;
    font-weight:800;
    font-size:14px
}
.avm-price small {
    display:none
}
.avm-price del {
    opacity:.5;
    font-size:10px;
    display:block
}
.avm-price ins {
    text-decoration:none;
    background:transparent
}
.avm-add {
    background:#12284a!important;
    color:#fff!important;
    display:grid;
    place-items:center;
    min-width:32px;
    min-height:36px;
    border-radius:7px;
    font-size:20px
}
.avm-add:hover {
    background:#16557d!important
}
.avm-release {
    font-size:9px;
    margin-top:8px;
    color:#67528f
}
.avm-banner {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    background:linear-gradient(100deg,#605be5,#4a45d2);
    color:#fff;
    border-radius:12px;
    padding:24px;
    margin-bottom:26px
}
.avm-banner h2 {
    font-size:20px;
    font-weight:750
}
.avm-banner p {
    font-size:12px;
    margin-top:6px;
    color:#eeeefe
}
.avm-button-light {
    background:#fff;
    color:#4a45d2!important
}
.avm-columns {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
    margin-bottom:26px
}
.avm-column {
    padding:16px;
    background:#fff;
    border:1px solid #e2e8ef;
    border-radius:12px;
    min-width:0
}
.avm-column .avm-section-title h2 {
    font-size:14px
}
.avm-mini {
    flex-direction:row;
    border:0;
    border-top:1px solid #e2e8ef;
    border-radius:0;
    padding:10px 0;
    gap:10px;
    box-shadow:none!important;
    transform:none!important
}
.avm-mini .avm-picture {
    width:42px;
    height:54px;
    flex:none;
    padding:3px;
    border-radius:5px;
    align-self:center
}
.avm-mini .avm-cardbody {
    padding:0
}
.avm-mini h3 {
    font-size:11px;
    margin:3px 0 5px
}
.avm-mini .avm-platform {
    display:none
}
.avm-mini .avm-price,.avm-mini .avm-price .amount {
    font-size:12px
}
.avm-mini .avm-add {
    display:none
}
.avm-trust {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px
}
.avm-trust>div {
    border:1px solid #e2e8ef;
    border-radius:10px;
    background:#fff;
    padding:15px 12px;
    font-size:11px;
    font-weight:750
}
.avm-trust small {
    display:block;
    color:#617386;
    font-size:10px;
    font-weight:400;
    margin-top:5px
}
.avm-footer {
    background:#12284a;
    color:#c5d6e6;
    padding:28px 0;
    font-size:12px
}
.avm-footer-top {
    display:flex;
    align-items:center;
    gap:24px;
    margin-bottom:22px
}
.avm-footer .avm-logo img {
    width:150px;
    height:50px
}
.avm-footer nav {
    display:flex;
    flex-wrap:wrap;
    gap:12px 25px;
    padding-bottom:20px
}
.avm-footer a:hover {
    color:#60fbcf
}
.avm-mobile-nav {
    display:none
}
.avm-skip {
    position:absolute;
    left:15px;
    top:-100px;
    background:white;
    padding:10px;
    z-index:99999
}
.avm-skip:focus {
    top:10px
}

@media(max-width:1150px) {
    .avm-layout {
    grid-template-columns:190px minmax(0,1fr);
    gap:18px
}
.avm-grid {
    grid-template-columns:repeat(3,minmax(0,1fr))
}
.avm-hero {
    flex-wrap:wrap
}
.avm-logo img {
    width:170px;
    height:57px
}
.avm-header-button {
    padding:12px
}
.avm-columns {
    grid-template-columns:1fr
}
.avm-column {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px
}
.avm-column>.avm-section-title {
    grid-column:1/-1
}
.avm-trust {
    grid-template-columns:repeat(2,minmax(0,1fr))
}

}

@media(max-width:800px) {
    .avm-wrap {
    padding-left:16px;
    padding-right:16px
}
.avm-top {
    font-size:10px
}
.avm-top>span {
    display:none
}
.avm-header-row {
    flex-wrap:wrap;
    gap:10px
}
.avm-logo img {
    width:145px;
    height:48px
}
.avm-header-row>.avm-logo {
    margin-right:auto
}
.avm-search {
    order:4;
    flex-basis:100%
}
.avm-header-button {
    font-size:12px
}
.avm-layout {
    display:block;
    padding-top:16px
}
.avm-side {
    display:none
}
.avm-mobile-nav {
    display:flex;
    gap:8px;
    overflow-x:auto;
    margin-bottom:16px;
    padding-bottom:5px
}
.avm-mobile-nav a {
    background:#fff;
    border:1px solid #e2e8ef;
    border-radius:20px;
    padding:10px 14px;
    white-space:nowrap;
    font-size:12px;
    font-weight:650
}
.avm-hero {
    padding:23px
}
.avm-banner {
    flex-wrap:wrap
}
.avm-grid {
    grid-template-columns:repeat(3,minmax(0,1fr))
}
.avm-footer-top {
    flex-wrap:wrap
}

}

@media(max-width:540px) {
    .avm-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px
}
.avm-picture {
    height:160px
}
.avm-section-title {
    align-items:start
}
.avm-section-title h2 {
    font-size:18px
}
.avm-section-title>a {
    white-space:normal;
    text-align:right;
    max-width:100px
}
.avm-column {
    display:block
}
.avm-trust {
    grid-template-columns:repeat(2,minmax(0,1fr))
}
.avm-header-button {
    padding:10px
}
.avm-hero h1 {
    font-size:25px
}
.avm-search button {
    font-size:12px;
    padding:0 12px
}
.avm-footer nav {
    gap:14px 20px
}

}

@media(prefers-reduced-motion:reduce) {
    .avm-card {
    transition:none
}
.avm-card:hover {
    transform:none
}

}


body.avm-home {
    background:#f0f4f8!important
}


/* Centre les visuels non recadres dans leur emplacement. */
body.avm-home .avm-picture {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
body.avm-home .avm-picture img {
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 100% !important;
    min-width: 0;
    min-height: 0;
    flex: 0 1 auto;
    object-fit: contain !important;
    object-position: center center !important;
    margin: auto !important;
}

.avm-gta-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.avm-gta-note { margin: 0 0 14px !important; color: #617386; font-size: 12px; }
.avm-gta-section { padding: 18px; border: 1px solid #7be5b6; border-radius: 14px; background: #e9faf5; }
@media (max-width: 540px) {
    .avm-gta-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .avm-gta-section { padding: 12px; }
}

.avm-balanced {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    align-items: stretch;
}
.avm-balanced > .avm-section {
    padding: 16px;
    background: #fff;
    border: 1px solid #e2e8ef;
    border-radius: 14px;
    display: flex;
    flex-direction: column;
}
.avm-balanced .avm-section-title { min-height: 52px; margin-bottom: 8px; }
.avm-balanced-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); margin-bottom: 18px; }
.avm-new-note { font-size: 12px; color: #617386; margin: 0 0 16px !important; min-height: 36px; }
.avm-balanced .avm-picture { height: 145px; }
.avm-balanced .avm-button { margin-top: auto; align-self: flex-start; }
@media (max-width: 1100px) {
    .avm-balanced-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 800px) {
    .avm-balanced { grid-template-columns: minmax(0, 1fr); }
    .avm-balanced .avm-section-title { min-height: 0; }
    .avm-new-note { min-height: 0; }
}

.avm-card .avm-add{width:auto;min-width:44px;padding:0 8px;font:600 12px/1.2 system-ui,sans-serif;box-sizing:border-box}

/* Allovente — échelle commune accueil / catalogue, 11 novembre 2026 */
/* Ajustement intermédiaire : mêmes composants, mêmes grilles et couleurs. */
body.avm-home{font-size:15px}
body.avm-home .avm-header,
body.avm-unify .avm-header{font:15px/1.5 Inter,system-ui,-apple-system,sans-serif}
body.avm-home .avm-header *,
body.avm-unify .avm-header *{box-sizing:border-box}
body.avm-home .avm-header a,
body.avm-unify .avm-header a{color:inherit;text-decoration:none}
body.avm-home .avm-side li a,
body.avm-unify-side .avm-side li a{font-size:13.5px;line-height:1.5}
body.avm-home .avm-card h3{font-size:15px;line-height:1.4}
body.avm-unify-side .elementor-widget-wpr-woo-grid .wpr-grid-item-title,
body.avm-unify-side .elementor-widget-wpr-woo-grid .wpr-grid-item-title a{font-size:15px!important;line-height:1.4!important}
body.avm-home .avm-price,
body.avm-home .avm-price .amount,
body.avm-unify-side .elementor-widget-wpr-woo-grid .wpr-grid-item-price,
body.avm-unify-side .elementor-widget-wpr-woo-grid .wpr-grid-item-price .amount{font-size:15px!important;line-height:1.5!important}
body.avm-home .avm-card .avm-picture{height:156px}
body.avm-unify-side .elementor-widget-wpr-woo-grid .wpr-grid-item img{height:156px!important;object-fit:contain!important}
body.avm-home .avm-section-title{font-size:20px}
body.avm-home .avm-new-note,
body.avm-home .avm-section-subtitle{font-size:13px}
body.avm-unify-side .av-game-filters label,
body.avm-unify-side .av-game-filters select,
body.avm-unify-side .av-game-filters input,
body.avm-unify-side .av-game-filters button,
body.avm-unify-side .av-game-filters .av-reset{font-size:15px!important}
body.avm-unify-side .av-cat-intro{font-size:14px;line-height:1.6}
@media(max-width:540px){
 body.avm-home .avm-card h3,
 body.avm-unify-side .elementor-widget-wpr-woo-grid .wpr-grid-item-title,
 body.avm-unify-side .elementor-widget-wpr-woo-grid .wpr-grid-item-title a{font-size:14px!important;line-height:1.4!important}
 body.avm-home .avm-card .avm-picture,
 body.avm-unify-side .elementor-widget-wpr-woo-grid .wpr-grid-item img{height:140px!important}
}
