.bzkshop {
display: block;
width: 100%;
height: auto;
position: relative;
overflow: hidden;
}
.bzkshop,
.bzkshop * {
box-sizing: border-box;
font-size: 18px;
font-weight: 400;
line-height: normal;
letter-spacing: normal;
text-transform: none;
font-style: normal;
text-decoration: none;
box-shadow: none;
color: rgba(0, 0, 0, 0.87);
margin: 0;
padding: 0;
}
.bzkshop .bzkshop-list {
font-size: inherit;
list-style: none;
}
.bzkshop .bzkshop-item {
position: relative;
font-size: inherit;
max-width: 30%;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 1px solid rgba(0, 0, 0, 0.125);
border-radius: 3px;
text-align: center;
cursor: pointer;
}
.bzkshop .bzkshop-item:hover,
.bzkshop .bzkshop-item:focus {
border-color: none;
outline: 0;
position: relative;
z-index: 10;
border: 1px solid #bbb;
transform: scale(1.03);
box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
transition: all 200ms ease-in-out;
}
.bzkshop .bzkshop-header {
display: flex !important;
width: 100%;
padding: 0;
flex: 1 1 auto;
align-items: center;
}
.bzkshop .bzkshop-image {
display: block;
width: 100%;
padding-top: 15%;
padding-bottom: 15%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
}
.bzkshop .bzkshop-image img {
max-height: 220px;
}
.bzkshop-grid img {
max-width: 100% !important;
}
.bzkshop .bzkshop-image:hover {
opacity: 0.75;
transition: all 0.2s ease-out;
}
.bzkshop .bzkshop-logo {
display: block;
width: 100%;
font-size: inherit;
padding-top: 2em;
margin: 0.5em 0 0;
background-repeat: no-repeat;
background-size: contain;
}
.bzkshop .bzkshop-content {
display: block;
width: 100%;
font-size: inherit;
padding: 0 1em;
}
.bzkshop .bzkshop-title {
display: block;
width: 100%;
font-size: 1em;
margin: 0.5em 0;
font-weight: inherit;
line-height: 1.2em;
max-height: 2.4em;
overflow: hidden;
letter-spacing: inherit;
text-transform: inherit;
font-style: inherit;
color: #007bff;
height: 50px;
}
.bzkshop .bzkshop-title:hover {
opacity: 0.75;
transition: all 0.2s ease-out;
}
.bzkshop .bzkshop-description {
display: block;
width: 100%;
margin: 0.5em 0 0;
font-size: 0.8em;
line-height: 1.5em;
max-height: 4.5em;
overflow: hidden;
height: 66px;
}
.bzkshop-box .bzkshop-description,
.mini-bzkshop-box .bzkshop-description,
.bzkshop-box .bzkshop-title,
.mini-bzkshop-box .bzkshop-title {
height: auto !important;
}
.bzkshop .bzkshop-footer {
display: block;
width: 100%;
font-size: inherit;
padding: 0 1em 0.5em;
}
.bzkshop .bzkshop-offer {
display: flex;
width: 100%;
font-size: inherit;
margin: 0.5em 0 0.75em;
text-align: center;
flex-direction: column;
justify-content: center;
}
.bzkshop .bzkshop-old-price {
display: block;
text-decoration: line-through;
font-size: 0.9em;
color: inherit;
white-space: nowrap;
}
.bzkshop .bzkshop-discount {
position: absolute;
top: -1px;
font-size: 1.2em;
padding: 0.5em 0.25em;
background: #fff;
color: #007bff;
border: solid 2px #007bff;
font-weight: 700;
white-space: nowrap;
}
.bzkshop .bzkshop-price {
display: block;
font-weight: 700;
font-size: 1.4em;
color: inherit;
white-space: nowrap;
}
.bzkshop .bzkshop-button {
display: block;
max-width: 95%;
margin: 0 0 0.5em;
padding: 0.4em 0.8em;
background: #007bff;
color: rgba(255, 255, 255, 0.87);
border-radius: 3px;
font-size: 1em;
font-weight: bold;
}
.bzkshop .bzkshop-button:before {
content: attr(data-cta);
}
.bzkshop .bzkshop-button:hover {
opacity: 0.7;
transition: all 0.2s ease-out;
}
.bzkshop-grid .bzkshop-list {
justify-content: center;
display: flex !important;
flex-direction: column !important;
flex-flow: row wrap !important;
margin: 0.5em 0;
}
.bzkshop-grid .bzkshop-item {
display: flex !important;
flex: 1 0 0% !important;
flex-direction: column;
min-width: 12em;
margin: 0.5em;
box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
}
.bzkshop-grid .bzkshop-logo {
background-position: center center;
}
.bzkshop-grid .bzkshop-discount {
right: -1px;
border-radius: 0 3px 0 3px;
}
.bzkshop-box .bzkshop-list {
display: block;
margin: 0;
}
.bzkshop-box .bzkshop-item {
display: flex !important;
flex-direction: column;
flex-flow: row wrap;
margin: 1em auto;
padding: 0.5em;
box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
}
.bzkshop-box .bzkshop-header,
.bzkshop-box .bzkshop-content {
padding: 0 0.5em;
}
.bzkshop-box .bzkshop-header {
flex: 1 0 6em !important;
}
.bzkshop-table .bzkshop-title-table {
overflow: hidden;
max-height: 4.5em;
font-weight: bold;
}
.bzkshop-box .bzkshop-logo {
background-position: 0 center;
}
.bzkshop-box .bzkshop-content {
display: flex;
flex-direction: column;
flex: 3 0 6em !important;
text-align: left;
justify-content: center;
}
.bzkshop-box .bzkshop-offer {
text-align: left;
}
.bzkshop-box .bzkshop-discount {
left: -1px;
border-radius: 3px 0 3px 0;
}
.bzkshop-box .bzkshop-button {
width: max-content;
}
.bzkshop .google-auto-placed {
display: none;
}
#mini_grid_flex,
#grid_flex {
height: auto;
display: flex !important;
align-items: center;
}  .bzkshop-table th {
color: #fff;
padding: 10px;
text-align: center;
font-size: 90%;
}
.bzkshop-table .bzkshop-table-tr {
border-bottom: 1px solid #bbb;
border-left: 1px solid #bbb;
border-right: 1px solid #bbb;
}
.bzkshop-table-tr:hover {
position: relative;
z-index: 4;
border: 1px solid #bbb;
transform: scale(1.03);
box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
transition: all 330ms ease-in-out;
cursor: pointer;
background-color: white;
}
.bzkshop-table tr:nth-child(2n + 1) {
background-color: #f7f7f7;
}
.bzkshop-table td {
border: none;
vertical-align: middle;
text-align: center;
padding: 10px;
}
.bzkshop-table .bzkshop-description-table {
overflow: hidden;
max-height: 4.7em;
text-align: justify;
}
.bzkshop-table .bzkshop-button {
vertical-align: middle;
display: inline-block;
cursor: pointer;
font-size: 0.9em;
white-space: nowrap;
}
.bzkshop-table .bzkshop-logo-table {
display: block;
font-size: inherit;
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
}
.bzkshop-table .bzkshop-discount-table {
position: absolute;
top: 0.5px;
right: 0px;
padding: 0.5em 0.25em;
background: #fff;
font-weight: 700;
white-space: nowrap;
border-radius: 0 0px 0 3px;
}
.bzkshop-table .nombre-encart-triangle {
position: absolute;
top: 0.3em;
left: 0.4em;
color: white;
z-index: 4;
font-weight: bold;
}
.bzkshop-table img {
mix-blend-mode: darken;
}
.bzkshop-table .bandeau-triangle-table {
position: absolute;
top: 1px;
left: 1px;
width: 0px;
height: 0px;
z-index: 3;
filter: opacity(0.6);
}
.hide-div-desktop {
display: none;
}
.bzkshop-table .bzkshop-old-price,
.bzkshop-table .bzkshop-price {
display: block;
} .normal-table .bzkshop-logo-table,
.mini-normal-table .bzkshop-logo-table {
width: 80%;
padding-top: 2.5em;
margin: 0 auto;
}
.normal-table .nombre-encart-triangle,
.mini-normal-table .nombre-encart-triangle {
font-size: 18px !important;
}
.normal-table img,
.mini-normal-table img {
max-width: 150px;
max-height: 150px;
}
.normal-table .bzkshop-discount-table,
.mini-normal-table .bzkshop-discount-table {
font-size: 17px !important;
}
.normal-table .bzkshop-title-table,
.mini-normal-table .bzkshop-title-table {
font-size: 14px !important;
}
.normal-table .bandeau-triangle-table,
.mini-normal-table .bandeau-triangle-table {
border-right: 30px solid transparent;
border-bottom: 30px solid transparent;
}
.normal-table .bzkshop-table-tr,
.mini-normal-table .bzkshop-table-tr {
height: 150px;
}
.normal-table .bzkshop-button,
.mini-normal-table .bzkshop-button {
margin: 0 10px;
} .thin-table .bzkshop-button,
.mini-thin-table .bzkshop-button {
margin: 0 25px 0 10px;
}
.thin-table .bandeau-triangle-table,
.mini-thin-table .bandeau-triangle-table {
border-right: 25px solid transparent;
border-bottom: 25px solid transparent;
}
.thin-table .bzkshop-title-table,
.mini-thin-table .bzkshop-title-table {
font-size: 14px !important;
}
.thin-table .nombre-encart-triangle,
.mini-thin-table .nombre-encart-triangle {
font-size: 16px !important;
}
.thin-table .bzkshop-logo-table,
.mini-thin-table .bzkshop-logo-table {
width: 10vh;
padding-top: 2.5em;
margin: 0.5em 0 0;
}
.thin-table .bzkshop-discount-table,
.mini-thin-table .bzkshop-discount-table {
font-size: 14px !important;
}
.thin-table td,
.mini-thin-table td {
padding: 8px 10px;
} .normal-table,
.thin-table {
width: 95%;
margin: 1.25rem auto;
} .mini-normal-table,
.mini-thin-table {
width: 50%;
margin: 1.25rem auto;
} .mini-thin-table img {
width: 100%;
} .thin-table img {
max-width: 90px;
max-height: 90px;
} .mini-bzkshop-box ul li {
max-width: 45% !important;
align-items: center !important;
}
.mini-bzkshop-box .bzkshop-list {
display: flex !important;
margin: 0;
flex-flow: row wrap;
}
@media screen and (max-width: 745px) { .mini-bzkshop-box ul li {
max-width: 95% !important;
width: 95%;
}
} @media screen and (max-width: 700px) {  .bzkshop-table .hide-element {
display: none;
}
.bzkshop-table .margin-none {
margin: 0 !important;
font-size: 0.8em !important;
}
.bzkshop-table .logo-center {
max-width: 100%;
margin-top: 10px;
display: block;
}
.bzkshop-table th {
font-size: 0.8em;
}
.bzkshop-table td {
max-width: 115px;
} .normal-table .bzkshop-old-price,
.mini-normal-table .bzkshop-old-price {
font-size: 0.8em;
}
.normal-table .top-price,
.mini-normal-table .top-price {
vertical-align: middle;
}
.normal-table .bzkshop-logo-table,
.mini-normal-table .bzkshop-logo-table {
margin: 0 auto;
}
.mini-normal-table .bzkshop-title-table,
.normal-table .bzkshop-title-table {
font-size: 14px;
max-height: 4.5em;
} .mini-normal-table .bzkshop-price,
.mini-thin-table .bzkshop-price {
font-size: 0.9em;
} .thin-table .display-resp,
.mini-thin-table .display-resp {
display: block !important;
}
.thin-table .centrage-resp,
.mini-thin-table .centrage-resp {
margin: 0 auto !important;
} .normal-table {
width: 98% !important;
}
.normal-table .bzkshop-price {
font-size: 0.9em;
}
.normal-table td {
padding: 7px;
}
.normal-table img {
max-width: 90px;
max-height: 90px;
} .mini-normal-table .bzkshop-title {
font-size: 14px;
}
.mini-normal-table {
width: 95% !important;
}
}