.dfd-classic {
    --dfd-classic-gap-x: 10px;
    --dfd-classic-gap-y: 10px;
    --dfd-classic-padding-x: 10px;
    --dfd-classic-padding-y: 10px;
    border: 0px solid rgba(0,0,0,.05);
    border-radius: 0px;
}
@media (min-width: 1400px) {
    .dfd-classic {
    width: 90vw;
    }
}
@media (min-width: 1200px) {
    .dfd-classic {
    width: 95vw;
    }
}

/*************/
/* 1 risultato per riga */
.dfd-fullscreen .dfd-results-grid,
.dfd-classic .dfd-results-grid {
  grid-template-columns: 1fr !important;
}

/* card orizzontale */
.dfd-fullscreen .dfd-card,
.dfd-classic .dfd-card {
  display: grid !important;
  grid-template-columns: 120px 1fr !important;
  gap: 16px;
  align-items: center;
  width: 100%;
}

/* immagine */
.dfd-fullscreen .dfd-card-thumbnail,
.dfd-classic .dfd-card-thumbnail {
  width: 120px;
  min-width: 120px;
  padding-bottom: 120px !important; /* quadrata */
}

/* contenuto */
.dfd-fullscreen .dfd-card-content,
.dfd-classic .dfd-card-content {
  width: 100%;
}

/*************/
.dfd-classic .dfd-layer {
    grid-template-rows: minmax(44px, max-content) auto;
}
.dfd-classic .dfd-branding {display:none !important;}
.dfd-classic .dfd-close-button {
width: 22px !important;
height: 22px !important;
line-height: 22px !important;
gap: 0px !important;
top: 14px;
right: 20px;
}
.dfd-classic .dfd-layer:not(:has(.dfd-suggestions)) .dfd-close-button {
    top: 10px;
}
.dfd-classic .dfd-suggestions {
margin-top:10px;
margin-bottom:10px;
}
.dfd-classic .dfd-meta {padding:0 10px;}
.dfd-classic .dfd-meta strong {margin-right:0px}
.dfd-classic  {background:#ddd;}
.dfd-classic .dfd-tabs {background:#f4f4f4;}
.dfd-classic .dfd-aside {background:#fafafa;}
.dfd-classic .dfd-suggestion-button {background:#fff;}

.dfd-classic .dfd-content {
    padding:0 !important;
    padding-top:0 !important;
    gap: 0 var(--dfd-classic-gap-x);

    height: calc(100vh - 70px) !important;
    overflow: hidden !important;
    min-height: 0 !important;
}
.dfd-classic .dfd-fallback-content {
    padding: 0 !important;
}





.dfd-classic .dfd-layer,
.dfd-classic .dfd-content,
.dfd-classic .dfd-aside {
    min-height: 0 !important;
}

.dfd-classic .dfd-aside {
    height: 100% !important;
    overflow: hidden !important;
    min-height: 0 !important;
}

.dfd-classic .dfd-aside-content {
    position: static !important;

    width: 320px;
    height: 100% !important;
    max-height: 100% !important;

    overflow-y: auto !important;
    overflow-x: hidden !important;

    min-height: 0 !important;
    padding-bottom: 40px;
}

.dfd-classic .dfd-results,
.dfd-classic .dfd-main,
.dfd-classic .dfd-results-container,
.dfd-classic .dfd-tabs-content {
    height: 100% !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}



.dfd-classic .dfd-facet-title {
    padding: 6px 8px 6px 16px !important;
    background:#333;
    color:#fff;
}
.dfd-classic .dfd-facet-title::after {
background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='white' d='M24 30.75 12 18.75 14.15 16.6 24 26.5 33.85 16.65 36 18.8Z'/%3E%3C/svg%3E");
color:#fff;
}

.rep_1 .dfd-classic .dfd-facet-title {
    background: #dd1331 !important;
}
.rep_2 .dfd-classic .dfd-facet-title {
    background: #009A88 !important;
}
.rep_16 .dfd-classic .dfd-facet-title {
    background: #D99C5E !important;
}
.rep_17 .dfd-classic .dfd-facet-title {
    background: #3baa35 !important;
}

.dfd-classic .dfd-facet-title span {
font-size: 14px !important;
text-transform:uppercase;
}

.dfd-classic .dfd-facet-content {
    padding: 0px 8px !important;
}
.dfd-btn-term-filter:nth-of-type(1) {
    margin-top:8px;
}

.dfd-results-grid {
grid-gap: var(--dfd-results-grid-gap, 1px);
gap: var(--dfd-results-grid-gap, 1px);
}
.dfd-classic .dfd-card {
display: grid !important;
 align-items: start;
grid-template-columns: 60px 1fr 500px !important;
gap:10px;
}

/*.dfd-card:nth-child(odd) {
background-color: #f0f0f0;
}*/
.dfd-card {
position: relative !important;
display: flex;
flex-direction: column;
padding: 0 10px;

border-width: 0px;
border-radius: 0px;
color: var(--df-neutral-high-contrast, hsl(204, 2%, 20%));
background-color: #fff;
font-size: 14px;
text-align: left;
overflow-wrap: break-word;
outline: none;
cursor: pointer;
}
.dfd-results-grid > div:nth-child(even) .dfd-card {
background-color: #f0f0f0 !important;
}
.dfd-results-grid > div:nth-child(odd) .dfd-card {
background-color: #ffffff !important;
}

.dfd-fullscreen .dfd-card-thumbnail, .dfd-classic .dfd-card-thumbnail {
width: 60px;
min-width: 60px;
padding-bottom: 60px !important;
}
.dfd-card-media {
width: 60px;
padding-top:10px;
}
.dfd-fullscreen .dfd-card-content, .dfd-classic .dfd-card-content {
width:100%;
}

.dfd-aside-header {padding-left:16px;}
.dfd-aside-header button {text-transform: uppercase;color:#000;}
.dfd-facet-search-container {display:none}
.dfd-facet-terms-count {display:none}

.dfd-card-content {
    margin-top: 0 !important;
    display: flex;
    flex-direction: column;
    min-width:0 !important;
    overflow:hidden;

    margin-top: 0px;
    padding:5px 0;
    flex-flow: column nowrap !important;
    flex: 1 1 auto !important;
}
.dfd-card-content h2,
.dfd-card-content .dfd-card-title {
    white-space: normal !important;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.dfd-card_brand,.dfd-card_mpn {
display:inline-block;
}
.dfd-card_brand, .dfd-card_mpn {
display: inline-block;
width:20vw;
margin-right: 10px;
font-size: 13px;
}
.dfd-card_brand {
min-height:32px;
padding:5px 0;
}
.dfd-card_brand span {
background-color: #ddd;
color: #000;
margin-bottom: 0;
font-weight: 400;
padding: 5px 8px;
}
.dfd-card_mpn {
color: #ec1b2e;
text-align:left;
margin-bottom:0 !important;
}
.dfd-card-row {display:none;}

.dfd-card-operation {
  width: 500px;
  min-width: 500px;
  display: flex;
  align-items: center;
  justify-content: right;
  position: relative;
  z-index: 2; /* IMPORTANTISSIMO */
height:100%;
}

/* questo div rompe il layout */
.dfd-card-content > .dfd-card-flex {
  display: none !important;
}

.df-card__applx {
    padding-right:10px;
}
.df-card__applx .btnXAPP {
    color:#000;
}
.df-card__applx .btnXAPP:hover {
    color:#fff;
}

.dfd-title-xl {padding-left:20px;}


@media (max-width: 1024px) {
    .dfd-root {
    width:100% !important;
    }
    .dfd-classic .dfd-aside-content {
        width: 280px;
    }

    .dfd-classic .dfd-content {
        grid-template-columns: 280px 1fr;
    }

    .dfd-classic .dfd-results-grid,
    .dfd-fullscreen .dfd-results-grid {
        grid-template-columns: 1fr !important;
    }

    .dfd-classic .dfd-card,
    .dfd-fullscreen .dfd-card {
        display: grid !important;
        grid-template-columns: 60px minmax(0, 1fr) 360px !important;        
        gap: 10px !important;
        align-items: start !important;
        width: 100% !important;
        overflow: hidden !important;
    }

    .dfd-classic .dfd-card-media,
    .dfd-fullscreen .dfd-card-media {
        width: 60px !important;
        min-width: 60px !important;
    }

    .dfd-classic .dfd-card-content,
    .dfd-fullscreen .dfd-card-content {
        width: auto !important;
        min-width: 0 !important;
        overflow: hidden !important;
    }

    .dfd-classic .dfd-card-operation,
    .dfd-fullscreen .dfd-card-operation {
        width: 360px !important;
        min-width: 360px !important;
        margin-top: 0 !important;
        justify-content: flex-end !important;
        padding-bottom:10px;
    }
}
@media (max-width: 900px) {

    .dfd-classic .dfd-content {
        height: auto !important;
        overflow: visible !important;
    }

    .dfd-classic .dfd-aside,
    .dfd-classic .dfd-aside-content,
    .dfd-classic .dfd-results,
    .dfd-classic .dfd-main,
    .dfd-classic .dfd-results-container,
    .dfd-classic .dfd-tabs-content {
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }

    .dfd-classic .dfd-results-grid,
    .dfd-fullscreen .dfd-results-grid {
        grid-template-columns: 1fr !important;
    }

    .dfd-classic .dfd-card,
    .dfd-fullscreen .dfd-card {
        display: grid !important;
        grid-template-columns: 60px minmax(0, 1fr) !important;
        grid-template-areas:
            "media content"
            "operation operation" !important;
        gap: 10px !important;
        align-items: start !important;
        align-content: start !important;
        grid-auto-rows: min-content !important;
        row-gap: 6px !important;
        width: 100% !important;
        overflow: hidden !important;
        padding-bottom: 10px !important;
    }

    .dfd-classic .dfd-card-media,
    .dfd-fullscreen .dfd-card-media {
        grid-area: media !important;
        width: 60px !important;
        min-width: 60px !important;
    }

    .dfd-classic .dfd-card-content,
    .dfd-fullscreen .dfd-card-content {
        grid-area: content !important;
        width: auto !important;
        min-width: 0 !important;
        overflow: hidden !important;
        align-self: start !important;
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    .dfd-classic .dfd-card-operation,
    .dfd-fullscreen .dfd-card-operation {
        grid-area: operation !important;
        grid-column: 1 / -1 !important;
        width: 100% !important;
        min-width: 0 !important;
        margin-top: 0 !important;
        align-self: start !important;
        justify-content: flex-end !important;
    }
}


/*MOBILE*/
.dfd-mobile {
    --dfd-searchbox-height: 40px;
    --dfd-searchbox-font-size: 16px;
    --dfd-results-grid-x-padding: 8px;
    --dfd-results-grid-y-padding: 1px;
    --dfd-results-grid-gap: 1px;
    --dfd-results-grid-column-count: 1;
    --dfd-results-grid-column-size: 100%;
    --dfd-no-results-padding: 0;
}

.dfd-mobile .dfd-results-grid {
    grid-template-columns: minmax(0,1fr) !important;
}
.dfd-mobile .dfd-header, .dfd-mobile .dfd-searchbox {
    background:#e9e9e9;
  }
@media (max-width: 900px) {
   .dfd-mobile .dfd-card-operation {
    margin-top: 0px;
  }
}
.dfd-mobile .dfd-card {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    width: 100%;
    align-items: flex-start;
}

.dfd-mobile .dfd-card-media {
    flex: 0 0 60px !important;
    width: 60px !important;
    min-width: 60px !important;
}

.dfd-mobile .dfd-card-content {
    flex: 1 1 calc(100% - 70px) !important;
    width: calc(100% - 70px) !important;
    min-width: 0 !important;
    padding: 0 10px !important;

    display: flex;
    flex-direction: column;
    flex-wrap: nowrap !important;
}

.dfd-mobile .dfd-card-operation {
    flex: 0 0 100% !important;
    width: 100% !important;
    min-width: 100% !important;
}
.dfd-mobile .dfd-card_brand {width:auto}
.dfd-mobile .dfd-card-flags {display:none;}
.dfd-mobile .dfd-card-content {padding:0 10px;}
.dfd-mobile .dfd-card-operation {
width:100%;
min-width:100%;
flex:0 0 100%;
height:70px;
}
.df-card__pricing_1 {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
}
.dfd-mobile .df-card__pricing_1 {
min-width:120px;
}
.dfd-mobile .dfd-card-content {
    display: grid !important;
    grid-template-columns: 1fr auto;
    column-gap: 10px;
}

.dfd-mobile .dfd-card-title {
    grid-column: 1 / -1;
}

.dfd-mobile .dfd-card_brand {
    grid-column: 1;
    grid-row: 2;
    width: auto !important;
    margin: 0 !important;
    min-height: 32px;

    display: flex !important;
    align-items: center !important;
}
.dfd-mobile .dfd-card_mpn {
    grid-column: 2;
    grid-row: 2;
    width: auto !important;
    margin: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;

    text-align: right !important;
    white-space: nowrap;
}

.doo-vertical{
flex:0 0 14px;
writing-mode:vertical-rl;
transform:rotate(180deg);
text-transform:uppercase;
font-size:11px;
line-height:9px;
letter-spacing:.6px;
display:flex;
align-items:center;
justify-content:center !important;
width:14px;
height:100%;
position:absolute;
left:0;
z-index: 11;
}
.promo {
background:#02CA0B;
color:#fff;
}
.novita {
background:#f7941d;
color:#fff;
}
.outlet {
background:#00a6d8;
color:#fff;
}






/* =========================================================
   TABLET / IPAD AIR
   ========================================================= */
@media (min-width: 768px) and (max-width: 1024px) {

    .dfd-classic .dfd-content > [data-dfd-role="scroll-top-sentinel"] {
        display: none !important;
    }

    .dfd-classic .dfd-content {
        display: grid !important;
        grid-template-columns: 280px minmax(0, 1fr) !important;
        column-gap: 10px !important;
        align-items: start !important;

        height: calc(100vh - 190px) !important;
        max-height: calc(100vh - 190px) !important;
        overflow: hidden !important;
        min-height: 0 !important;
    }

    .dfd-classic .dfd-aside {
        grid-column: 1 !important;
        grid-row: 1 / span 20 !important;

        width: 280px !important;
        min-width: 280px !important;
        max-width: 280px !important;

        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;

        height: 100% !important;
        max-height: 100% !important;
        min-height: 0 !important;

        overflow: hidden !important;
    }

    .dfd-classic .dfd-aside-content {
        width: 280px !important;
        min-width: 280px !important;
        max-width: 280px !important;

        height: 100% !important;
        max-height: 100% !important;
        min-height: 0 !important;

        overflow-y: auto !important;
        overflow-x: hidden !important;
    }

    .dfd-classic .dfd-content > *:not(.dfd-aside):not([data-dfd-role="scroll-top-sentinel"]) {
        grid-column: 2 !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        min-height: 0 !important;
    }

    .dfd-classic .dfd-results,
    .dfd-classic .dfd-main,
    .dfd-classic .dfd-results-container,
    .dfd-classic .dfd-tabs-content {
        height: 100% !important;
        max-height: 100% !important;
        min-height: 0 !important;

        overflow-y: auto !important;
        overflow-x: hidden !important;
    }

    .dfd-classic .dfd-results-grid {
        grid-template-columns: 1fr !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    .dfd-classic .dfd-card {
        display: grid !important;
        grid-template-columns: 60px minmax(0, 1fr) !important;
        grid-template-areas:
            "media content"
            "operation operation" !important;

        width: 100% !important;
        max-width: 100% !important;

        gap: 0 8px !important;
    }

    .dfd-classic .dfd-card-media {
        grid-area: media !important;
    }

    .dfd-classic .dfd-card-content {
        grid-area: content !important;
        min-width: 0 !important;
    }

    .dfd-classic .dfd-card-operation {
        grid-area: operation !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }
}