@charset "UTF-8";
.svg-image { display: flex; justify-content: center; align-items: center; }

.container_button_shop_all { z-index: 996; position: absolute; top: 87%; left: 2%; text-align: center; }

.cta { cursor: pointer; width: 2.7em; height: 2.7em; border-radius: 50px; border: 2px solid transparent; background: rgba(0, 0, 0, 0.8); color: #fff; display: flex; align-items: center; transition-property: transform; transition-duration: 0.25s; transition-timing-function: cubic-bezier(0.4, 0, 0.4, 1); }

@media (max-device-width: 480px) { .cta { width: 2em; height: 2em; padding: 0 0.2rem; } }

.cta:focus { outline: none; box-shadow: none; }

.cta:hover { width: 140px; transition: width 0.25s; }

.cta img { height: 22px; float: left; margin-left: 0.5px; margin-top: 5.5px; opacity: 1; transition: opacity 0.5s; }

@media (max-device-width: 480px) { .cta img { height: 18px; float: left; margin-left: -2px; margin-top: 2.5px; opacity: 1; transition: opacity 0.5s; } }

.cta:hover img { opacity: 1; margin-left: 1em; transition: opacity 0.5s; }

.cta .button-text { opacity: 0; width: 100%; left: 0; font-weight: 600; }

.cta:hover .button-text { opacity: 1; transition: opacity 0.5s; }

.textTooltip { font-size: 1.1rem; }

.svg-image { user-select: none; transition: border-color 250ms ease-in-out, opacity 250ms ease-in-out, visibility 250ms ease-in-out; transform: translateX(-1rem) translateY(-1rem) scale(0.999); padding: 0; width: 2rem; height: 2rem; cursor: pointer; border: 2px solid rgba(0, 0, 0, 0); position: absolute; background: rgba(17, 17, 17, 0.2); border-radius: 64px; line-height: 0.5; }

.svg-image::before { content: ""; position: absolute; display: block; top: -0.5rem; left: -0.5rem; right: -0.5rem; bottom: -0.5rem; }

.svg-image::after { content: ""; transition: transform 250ms ease-in-out; position: relative; display: block; background: #fff; box-shadow: 0 1px 4px rgba(17, 17, 17, 0.55); width: 0.75rem; height: 0.75rem; border-radius: 64px; }

.svg-image:hover { border-color: rgba(255, 255, 255, 0.5); background: rgba(17, 17, 17, 0.4); }

.svg-image:hover::after { transform: scale(0.667); }

.polygon-container .svg-image:hover { border-color: rgba(255, 255, 255, 0.5); background: rgba(0, 0, 0, 0.4); text-decoration: underline; color: #111111; }

.svg-image:hover::after { transform: scale(0.667); }

.polygon-container { position: relative; }

.polygon-container svg { width: auto; padding: 0 10px; position: absolute !important; left: 50% !important; transform: translate(-50%, 0); }

.polygon-container svg path, .polygon-container svg image { opacity: 0.8; transition: opacity 0.3s ease-in-out; -webkit-transition: opacity 0.3s ease-in-out; }

.polygon-container svg image:hover { cursor: pointer; }

.polygon-container .svg-image:hover { border-color: rgba(255, 255, 255, 0.5); background: rgba(0, 0, 0, 0.4); text-decoration: underline; color: #111; }

.polygon-container .cta:hover img { transition: all .15s; margin-left: 0.5rem; }

.polygon-container .cta img { margin-top: 0; margin-left: 0; transition: all .15s; }

.polygon-container .cta .button-text { font-size: 0.75rem; line-height: 40px; }

.polygon-container a.container_button_shop_all { text-decoration: none; }

.tooltip.polygon-tooltip.show { opacity: 1; }

.tooltip.polygon-tooltip div { font-size: 0.875rem !important; }

.tooltip.polygon-tooltip div .picto-shopping-cart-full:before { font-family: "fundament-icons-v2" !important; content: ""; }

.tooltip.polygon-tooltip div .col-6.textTooltip > .col-12 { padding: 0; }

.tooltip.polygon-tooltip .tooltip-inner { cursor: pointer; max-width: 320px; min-width: 320px; max-height: none; color: #484848; box-shadow: 0 1px 4px rgba(17, 17, 17, 0.55); background-color: #fff; border-radius: 0; padding: 0; }

.tooltip.polygon-tooltip .arrow { display: none; }

.tooltip.polygon-tooltip .price, .tooltip.polygon-tooltip .title, .tooltip.polygon-tooltip .itemName, .tooltip.polygon-tooltip .item-price--wrap { color: #111111 !important; }

.tooltip.polygon-tooltip .item-price { font-size: 1rem; }

.tooltip-content .textTooltip { padding: 0.75rem 0.5rem 0.75rem 0; }

.tooltip-content img.img-fluid { width: 100px; max-width: 100%; height: auto; max-height: 100px; margin: auto; }

.tooltip-content .tooltip-img--wrap { padding: 0 0.75rem; }

@media (min-width: 992px) { .tooltip-content .chevron-wrapper { border-left: 1px solid #dfdfdf; margin: 0; } }

@media (max-width: 1199.98px) { .tooltip-content .chevron-wrapper { padding-right: 1rem; } }

.tooltip-content .addcartTooltipBotton { min-width: 40px; width: 40px; height: 40px; padding: 0; margin-left: auto; }

@media (min-width: 992px) { .tooltip-content .addcartTooltipBotton { margin-right: 1rem; } }

#polygonTooltipMobile { z-index: 1000; z-index: 9998; position: fixed; left: 0; right: 0; bottom: 0; height: auto; box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.4); background-color: #fff; display: block; opacity: 0; transition: all 0.3s ease-in-out; border-radius: 0; }

@media (min-width: 992px) { #polygonTooltipMobile { display: none; } }

#polygonTooltipMobile.show { opacity: 1; }

#polygonTooltipMobile .textTooltip { font-size: 0.875rem; padding-bottom: 0; padding-top: 1.25rem; }

#polygonTooltipMobile .polygonTooltipContent { padding: 0 1.25rem; margin: auto; }

@media (min-width: 992px) { #polygonTooltipMobile .polygonTooltipContent { padding: 0; max-width: 300px; } }

@media (max-width: 1199.98px) { #polygonTooltipMobile .polygonTooltipContent { z-index: 9999999999999; font-size: 0.75rem; }
  #polygonTooltipMobile .polygonTooltipContent .picto-shopping-cart-full:before { font-family: "fundament-icons-v2" !important; content: ""; } }

#polygonTooltipMobile .polygonTooltipClose { z-index: 1; position: absolute; right: 1rem; top: 0.9em; padding: 10px; }