.amdl-wrap,
.amdl-wrap *{
    box-sizing:border-box;
}
.amdl-wrap{
    width:100%;
    margin:0 auto;
    direction:rtl;
    text-align:right;
    padding:12px 8px 18px;
    font-family:inherit;
}
.amdl-main-title{
    margin:0 0 22px;
    text-align:center;
    font-size:26px;
    line-height:1.45;
    font-weight:800;
    letter-spacing:-.03em;
}
.amdl-body{
    display:grid;
    grid-template-columns:minmax(200px, 280px) minmax(390px, 1fr);
    align-items:flex-start;
    justify-content:center;
    direction:ltr;
}
.amdl-card-panel,
.amdl-selector-panel{
    direction:rtl;
}
.amdl-selector-panel{
    width:100%;
    max-width:620px;
    align-self:flex-start;
    justify-self:stretch;
}
.amdl-grid-title{
    width:100%;
    min-height:44px;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    padding:0 18px;
    margin-bottom:5px;
    font-size:20px;
    font-weight:800;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.20);
}
.amdl-grid{
    display:grid;
    align-content:flex-start;
    justify-content:stretch;
    grid-template-columns:repeat(var(--amdl-cols, 3), minmax(0, 1fr));
    gap:3px;
}
.amdl-loc-btn{
    appearance:none;
    text-decoration:none!important;
    border:0;
    outline:0;
    width:100%;
    padding:6px 8px;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    font-size:17px;
    line-height:1.25;
    font-weight:800;
    transition:filter .18s ease, transform .18s ease, background .18s ease;
    font-family:inherit;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
}
.amdl-loc-btn:hover,
.amdl-loc-btn:focus,
.amdl-loc-btn:visited{
    text-decoration:none!important;
}
.amdl-loc-btn:hover{
    transform:translateY(-1px);
}
.amdl-loc-btn:active{
    transform:translateY(0);
    filter:brightness(.96);
}

.amdl-grid-filler{
    width:100%;
    min-height:34px;
    padding:6px 8px;
    display:block;
    pointer-events:none;
    user-select:none;
    text-decoration:none!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
}

.amdl-back{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    grid-column:1 / -1;
    width:100%;
    min-height:34px;
    padding:6px 12px;
    margin:6px 0 0;
    background:transparent;
    border:1px solid currentColor;
    border-radius:4px;
    cursor:pointer;
    font-family:inherit;
    font-size:13px;
    font-weight:700;
}
.amdl-back[hidden]{display:none!important;}

.amdl-mobile-selects{
    display:none;
    width:100%;
    gap:8px;
    margin:0;
}
.amdl-mobile-select{
    width:100%;
    min-height:48px;
    border:1px solid;
    border-radius:4px;
    padding:0 14px;
    font-family:inherit;
    font-size:16px;
    font-weight:800;
    outline:0;
    cursor:pointer;
    direction:rtl;
    text-align:right;
    appearance:auto;
}
.amdl-mobile-select:disabled{
    opacity:.58;
    cursor:not-allowed;
}
.amdl-card-panel{
    position:relative;
    width:100%;
    max-width:280px;
    margin:0 auto;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    min-height:330px;
    text-align:center;
}
.amdl-card{
    width:100%;
    min-height:280px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    text-align:center;
}
.amdl-image-frame{
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    border:2px solid;
    border-radius:50%;
    background:#fff;
    margin:0 auto 22px;
    padding:6px;
}
.amdl-image-frame img{
    display:block;
    width:100%;
    height:100%;
    border-radius:50%;
    object-fit:cover;
}
.amdl-card-title{
    margin:0 0 8px;
    font-size:24px;
    line-height:1.35;
    font-weight:900;
    letter-spacing:-.03em;
    white-space:pre-line;
}
.amdl-contact-list{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:7px;
    margin-top:14px;
    font-size:17px;
    line-height:1.4;
    font-weight:800;
    direction:ltr;
    text-align:center;
}
.amdl-empty{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:180px;
    width:100%;
    color:#777;
    font-weight:700;
}
.amdl-carousel-controls{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    width:100%;
    margin-top:10px;
    direction:ltr;
}
.amdl-carousel-controls[hidden]{display:none!important;}
.amdl-nav{
    width:30px;
    height:30px;
    border:1px solid currentColor;
    border-radius:50%;
    background:#fff;
    cursor:pointer;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
    line-height:1;
    font-family:Arial, sans-serif;
    padding:0;
    flex:0 0 30px;
}
.amdl-counter{
    min-width:44px;
    text-align:center;
    font-size:15px;
    font-weight:700;
    color:#444;
    direction:ltr;
}
.amdl-counter[hidden]{display:none!important;}
.amdl-nav[hidden]{display:none!important;}

@media (max-width:1024px){
    .amdl-body{
        grid-template-columns:1fr;
        direction:rtl;
        gap:30px!important;
    }
    .amdl-selector-panel{
        order:1;
        max-width:100%;
    }
    .amdl-card-panel{
        order:2;
    }
}
@media (max-width:767px){
    .amdl-wrap{padding:12px 6px 20px;}
    .amdl-main-title{font-size:23px;margin-bottom:20px;}
    .amdl-grid{display:none!important;}
    
.amdl-grid-filler{
    width:100%;
    min-height:34px;
    padding:6px 8px;
    display:block;
    pointer-events:none;
    user-select:none;
    text-decoration:none!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
}

.amdl-back{display:none!important;}
    .amdl-mobile-selects{display:flex;flex-direction:column;align-items:stretch;}
    .amdl-grid-title{min-height:48px;font-size:17px;padding:0 18px;margin-bottom:8px;}
    .amdl-loc-btn{font-size:16px;min-height:42px!important;padding:6px 6px;}
    .amdl-image-frame{width:176px!important;height:176px!important;margin-bottom:22px;}
    .amdl-card-title{font-size:24px;}
    .amdl-contact-list{font-size:18px;}
    .amdl-card-panel{min-height:330px;}
}


/* v1.3.8 - Mobile dropdown: standard select visual */
.amdl-mobile-field{
    width:100%;
    display:flex;
    flex-direction:column;
    gap:7px;
}
.amdl-mobile-label{
    display:block;
    padding:0 4px;
    font-size:12px;
    line-height:1.4;
    font-weight:900;
    letter-spacing:-.01em;
    opacity:.92;
}
.amdl-select-shell{
    position:relative;
    width:100%;
}
.amdl-mobile-select{
    -webkit-appearance:none!important;
    -moz-appearance:none!important;
    appearance:none!important;
    width:100%;
    min-height:52px;
    border-width:1px;
    border-style:solid;
    border-radius:14px;
    padding:0 17px 0 58px;
    font-size:15px;
    font-weight:800;
    line-height:52px;
    cursor:pointer;
    direction:rtl;
    text-align:right;
    background-image:linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,0));
    box-shadow:0 8px 22px rgba(0,0,0,.08), inset 0 1px 0 rgba(255,255,255,.22);
    transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease, filter .18s ease;
}
.amdl-mobile-select:focus{
    box-shadow:0 10px 28px rgba(0,0,0,.12), 0 0 0 3px rgba(255,255,255,.65), inset 0 1px 0 rgba(255,255,255,.24);
}
.amdl-mobile-select:not(:disabled):hover{
    filter:brightness(1.02);
}
.amdl-mobile-select:not(:disabled):active{
    transform:translateY(1px);
}
.amdl-mobile-select:disabled{
    opacity:.55;
    cursor:not-allowed;
}
.amdl-mobile-select option{
    background:#ffffff!important;
    color:#111111!important;
    font-weight:700;
    font-size:14px;
}
.amdl-select-arrow{
    position:absolute;
    left:13px;
    top:50%;
    transform:translateY(-50%);
    width:34px;
    height:34px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:10px;
    background:#ffffff;
    box-shadow:0 4px 12px rgba(0,0,0,.10), inset 0 1px 0 rgba(255,255,255,.65);
    pointer-events:none;
}
.amdl-select-arrow:before{
    content:"";
    width:9px;
    height:9px;
    border-right:2px solid #333333;
    border-bottom:2px solid #333333;
    transform:translateY(-2px) rotate(45deg);
    display:block;
}
.amdl-mobile-select:focus + .amdl-select-arrow{
    transform:translateY(-50%) scale(.98);
}
.amdl-mobile-select:disabled + .amdl-select-arrow{
    opacity:.55;
}
@media (max-width:767px){
    .amdl-mobile-selects{gap:12px;}
}


/* v1.3.9 - Remove empty label/span spacing between mobile dropdowns */
@media (max-width:767px){
    .amdl-mobile-selects{
        gap:8px;
    }
    .amdl-mobile-field{
        gap:0;
    }
    .amdl-mobile-label{
        display:none!important;
        margin:0!important;
        padding:0!important;
        height:0!important;
        line-height:0!important;
        overflow:hidden!important;
    }
}

/* v1.4.0: flat dealer tabs instead of carousel */
.amdl-card-panel.is-empty{
    visibility:hidden;
    pointer-events:none;
}
.amdl-dealer-btn{
    position:relative;
}
.amdl-dealer-btn:after{
    content:'';
    position:absolute;
    inset:auto 12px 7px 12px;
    height:2px;
    border-radius:999px;
    background:rgba(255,255,255,.55);
    transform:scaleX(0);
    transition:transform .18s ease;
}
.amdl-dealer-btn.is-active:after{
    transform:scaleX(1);
}
.amdl-mobile-dealer-field[hidden]{display:none!important;}
.amdl-carousel-controls{display:none!important;}

/* v1.4.4 - visible non-clickable filler cells and stronger text-decoration reset */
.amdl .amdl-loc-btn,
.amdl .amdl-loc-btn:hover,
.amdl .amdl-loc-btn:focus,
.amdl .amdl-loc-btn:active,
.amdl .amdl-loc-btn:visited,
.amdl .amdl-loc-btn.is-active,
.amdl .amdl-back,
.amdl .amdl-back:hover,
.amdl .amdl-back:focus,
.amdl .amdl-back:active,
.amdl .amdl-back:visited{
    text-decoration:none!important;
    -webkit-text-decoration:none!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
}
.amdl .amdl-loc-btn::before,
.amdl .amdl-loc-btn::after,
.amdl .amdl-back::before,
.amdl .amdl-back::after{
    text-decoration:none!important;
}
.amdl-grid-filler{
    display:block;
    width:100%;
    min-height:34px;
    padding:6px 8px;
    opacity:1;
    visibility:visible;
    pointer-events:none!important;
    user-select:none;
    cursor:default!important;
    text-decoration:none!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
}
.amdl .amdl-grid-filler:hover,
.amdl .amdl-grid-filler:focus{
    transform:none!important;
    filter:none!important;
}

/* v1.4.4 final underline and filler safety */
.amdl-wrap .amdl-loc-btn,
.amdl-wrap .amdl-loc-btn *,
.amdl-wrap .amdl-back,
.amdl-wrap .amdl-back *{
    text-decoration-line:none!important;
    text-decoration:none!important;
    border-bottom:0!important;
}
.amdl-wrap .amdl-grid-filler{
    color:transparent!important;
    font-size:0!important;
    line-height:0!important;
}


/* v1.4.5 - Back button is a real grid cell + visual filler rows */
.amdl-wrap .amdl-back{
    grid-column:auto!important;
    width:100%!important;
    min-height:34px;
    margin:0!important;
    border:0!important;
    padding:6px 8px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    font-size:13px;
    line-height:1.25;
    font-weight:800;
    cursor:pointer;
    font-family:inherit;
    text-decoration:none!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
}
.amdl-wrap .amdl-back[hidden]{display:none!important;}
.amdl-wrap .amdl-back:hover,
.amdl-wrap .amdl-back:focus,
.amdl-wrap .amdl-back:active{
    text-decoration:none!important;
}
.amdl-wrap .amdl-dealer-btn:after{
    display:none!important;
    content:none!important;
}
.amdl-wrap .amdl-grid-filler{
    display:flex!important;
    align-items:center;
    justify-content:center;
    color:transparent!important;
    font-size:0!important;
    line-height:0!important;
    min-height:34px;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:none!important;
    cursor:default!important;
    transform:none!important;
    filter:none!important;
}
@media (max-width:767px){
    .amdl-wrap .amdl-back{display:none!important;}
}


/* v1.4.6 - Force back button text to white by default */
.amdl-wrap .amdl-back,
.amdl-wrap .amdl-back:hover,
.amdl-wrap .amdl-back:focus,
.amdl-wrap .amdl-back:active{
    color:#ffffff!important;
}


/* v1.4.7 - Compact visual empty cells inside grid */
.amdl-wrap .amdl-grid-notice{
    color:#ffffff!important;
    font-size:13px!important;
    line-height:1.35!important;
    font-weight:800!important;
    text-align:center;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:34px!important;
    padding:6px 8px!important;
    cursor:default!important;
    pointer-events:none!important;
    user-select:none!important;
}
.amdl-wrap .amdl-grid-notice:hover,
.amdl-wrap .amdl-grid-notice:focus{
    transform:none!important;
    filter:none!important;
}
.amdl-wrap .amdl-grid .amdl-empty{
    min-height:34px!important;
    padding:6px 8px!important;
    font-size:13px!important;
}


/* v1.4.8 - Idle/uploaded image when no dealer is selected */
.amdl-card-panel.is-idle{
    visibility:visible;
    pointer-events:none;
}
.amdl-card-panel.is-idle .amdl-card{
    justify-content:center;
}
.amdl-card-panel.is-idle .amdl-idle-image-frame{
    margin-bottom:0;
}


/* v1.4.10 - Idle/back image is a standalone full-width image, not dealership card format */
.amdl-wrap .amdl-card-panel.is-idle{
    visibility:visible!important;
    pointer-events:auto;
    align-items:stretch;
    justify-content:flex-start;
}
.amdl-wrap .amdl-card-panel.is-idle .amdl-card{
    width:100%;
    min-height:0;
    display:block;
    text-align:center;
}
.amdl-wrap .amdl-idle-image{
    display:block;
    width:100%;
    max-width:100%;
    height:auto;
    margin:0;
    padding:0;
    border:0;
    border-radius:0;
    box-shadow:none;
    object-fit:contain;
}
@media (max-width:767px){
    .amdl-wrap .amdl-card-panel.is-idle{
        min-height:0;
    }
}
