.leaflet-pane, .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-tile-container, .leaflet-pane > svg, .leaflet-pane > canvas, .leaflet-zoom-box, .leaflet-image-layer, .leaflet-layer { position: absolute; left: 0px; top: 0px; }
.leaflet-container { overflow: hidden; }
.leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow { user-select: none; -webkit-user-drag: none; }
.leaflet-tile::selection { background: transparent; }
.leaflet-safari .leaflet-tile { image-rendering: -webkit-optimize-contrast; }
.leaflet-safari .leaflet-tile-container { width: 1600px; height: 1600px; transform-origin: 0px 0px; }
.leaflet-marker-icon, .leaflet-marker-shadow { display: block; }
.leaflet-container .leaflet-overlay-pane svg, .leaflet-container .leaflet-marker-pane img, .leaflet-container .leaflet-shadow-pane img, .leaflet-container .leaflet-tile-pane img, .leaflet-container img.leaflet-image-layer, .leaflet-container .leaflet-tile { max-width: none !important; max-height: none !important; }
.leaflet-container.leaflet-touch-zoom { touch-action: pan-x pan-y; }
.leaflet-container.leaflet-touch-drag { touch-action: pinch-zoom; }
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom { touch-action: none; }
.leaflet-container { -webkit-tap-highlight-color: transparent; }
.leaflet-container a { -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4); }
.leaflet-tile { filter: inherit; visibility: hidden; }
.leaflet-tile-loaded { visibility: inherit; }
.leaflet-zoom-box { width: 0px; height: 0px; box-sizing: border-box; z-index: 800; }
.leaflet-overlay-pane svg { }
.leaflet-pane { z-index: 400; }
.leaflet-tile-pane { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane { z-index: 500; }
.leaflet-marker-pane { z-index: 600; }
.leaflet-tooltip-pane { z-index: 650; }
.leaflet-popup-pane { z-index: 700; }
.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg { z-index: 200; }
.leaflet-vml-shape { width: 1px; height: 1px; }
.lvml { display: inline-block; position: absolute; }
.leaflet-control { position: relative; z-index: 800; pointer-events: auto; }
.leaflet-top, .leaflet-bottom { position: absolute; z-index: 1000; pointer-events: none; }
.leaflet-top { top: 0px; }
.leaflet-right { right: 0px; }
.leaflet-bottom { bottom: 0px; }
.leaflet-left { left: 0px; }
.leaflet-control { float: left; clear: both; }
.leaflet-right .leaflet-control { float: right; }
.leaflet-top .leaflet-control { margin-top: 10px; }
.leaflet-bottom .leaflet-control { margin-bottom: 10px; }
.leaflet-left .leaflet-control { margin-left: 10px; }
.leaflet-right .leaflet-control { margin-right: 10px; }
.leaflet-fade-anim .leaflet-tile { will-change: opacity; }
.leaflet-fade-anim .leaflet-popup { opacity: 0; transition: opacity 0.2s linear; }
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup { opacity: 1; }
.leaflet-zoom-animated { transform-origin: 0px 0px; }
.leaflet-zoom-anim .leaflet-zoom-animated { will-change: transform; }
.leaflet-zoom-anim .leaflet-zoom-animated { transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1); }
.leaflet-zoom-anim .leaflet-tile, .leaflet-pan-anim .leaflet-tile { transition: none; }
.leaflet-zoom-anim .leaflet-zoom-hide { visibility: hidden; }
.leaflet-interactive { cursor: pointer; }
.leaflet-grab { cursor: grab; }
.leaflet-crosshair, .leaflet-crosshair .leaflet-interactive { cursor: crosshair; }
.leaflet-popup-pane, .leaflet-control { cursor: auto; }
.leaflet-dragging .leaflet-grab, .leaflet-dragging .leaflet-grab .leaflet-interactive, .leaflet-dragging .leaflet-marker-draggable { cursor: grabbing; }
.leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-image-layer, .leaflet-pane > svg path, .leaflet-tile-container { pointer-events: none; }
.leaflet-marker-icon.leaflet-interactive, .leaflet-image-layer.leaflet-interactive, .leaflet-pane > svg path.leaflet-interactive, svg.leaflet-image-layer.leaflet-interactive path { pointer-events: auto; }
.leaflet-container { background: rgb(221, 221, 221); outline: 0px; }
.leaflet-container a { color: rgb(0, 120, 168); }
.leaflet-container a.leaflet-active { outline: orange solid 2px; }
.leaflet-zoom-box { border: 2px dotted rgb(51, 136, 255); background: rgba(255, 255, 255, 0.5); }
.leaflet-container { font: 12px / 1.5 "Helvetica Neue", Arial, Helvetica, sans-serif; }
.leaflet-bar { box-shadow: rgba(0, 0, 0, 0.65) 0px 1px 5px; border-radius: 4px; }
.leaflet-bar a, .leaflet-bar a:hover { background-color: rgb(255, 255, 255); border-bottom: 1px solid rgb(204, 204, 204); width: 26px; height: 26px; line-height: 26px; display: block; text-align: center; text-decoration: none; color: black; }
.leaflet-bar a, .leaflet-control-layers-toggle { background-position: 50% 50%; background-repeat: no-repeat; display: block; }
.leaflet-bar a:hover { background-color: rgb(244, 244, 244); }
.leaflet-bar a:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; }
.leaflet-bar a:last-child { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom: none; }
.leaflet-bar a.leaflet-disabled { cursor: default; background-color: rgb(244, 244, 244); color: rgb(187, 187, 187); }
.leaflet-touch .leaflet-bar a { width: 30px; height: 30px; line-height: 30px; }
.leaflet-touch .leaflet-bar a:first-child { border-top-left-radius: 2px; border-top-right-radius: 2px; }
.leaflet-touch .leaflet-bar a:last-child { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; }
.leaflet-control-zoom-in, .leaflet-control-zoom-out { font: bold 18px "Lucida Console", Monaco, monospace; text-indent: 1px; }
.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out { font-size: 22px; }
.leaflet-control-layers { box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 5px; background: rgb(255, 255, 255); border-radius: 5px; }
.leaflet-control-layers-toggle { background-image: url("images/layers.png"); width: 36px; height: 36px; }
.leaflet-retina .leaflet-control-layers-toggle { background-image: url("images/layers-2x.png"); background-size: 26px 26px; }
.leaflet-touch .leaflet-control-layers-toggle { width: 44px; height: 44px; }
.leaflet-control-layers .leaflet-control-layers-list, .leaflet-control-layers-expanded .leaflet-control-layers-toggle { display: none; }
.leaflet-control-layers-expanded .leaflet-control-layers-list { display: block; position: relative; }
.leaflet-control-layers-expanded { padding: 6px 10px 6px 6px; color: rgb(51, 51, 51); background: rgb(255, 255, 255); }
.leaflet-control-layers-scrollbar { overflow: hidden scroll; padding-right: 5px; }
.leaflet-control-layers-selector { margin-top: 2px; position: relative; top: 1px; }
.leaflet-control-layers label { display: block; }
.leaflet-control-layers-separator { height: 0px; border-top: 1px solid rgb(221, 221, 221); margin: 5px -10px 5px -6px; }
.leaflet-default-icon-path { background-image: url("images/marker-icon.png"); }
.leaflet-container .leaflet-control-attribution { background: rgba(255, 255, 255, 0.7); margin: 0px; }
.leaflet-control-attribution, .leaflet-control-scale-line { padding: 0px 5px; color: rgb(51, 51, 51); }
.leaflet-control-attribution a { text-decoration: none; }
.leaflet-control-attribution a:hover { text-decoration: underline; }
.leaflet-container .leaflet-control-attribution, .leaflet-container .leaflet-control-scale { font-size: 11px; }
.leaflet-left .leaflet-control-scale { margin-left: 5px; }
.leaflet-bottom .leaflet-control-scale { margin-bottom: 5px; }
.leaflet-control-scale-line { border-right: 2px solid rgb(119, 119, 119); border-bottom: 2px solid rgb(119, 119, 119); border-left: 2px solid rgb(119, 119, 119); border-image: initial; border-top: none; line-height: 1.1; padding: 2px 5px 1px; font-size: 11px; white-space: nowrap; overflow: hidden; box-sizing: border-box; background: rgba(255, 255, 255, 0.5); }
.leaflet-control-scale-line:not(:first-child) { border-top: 2px solid rgb(119, 119, 119); border-bottom: none; margin-top: -2px; }
.leaflet-control-scale-line:not(:first-child):not(:last-child) { border-bottom: 2px solid rgb(119, 119, 119); }
.leaflet-touch .leaflet-control-attribution, .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar { box-shadow: none; }
.leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar { border: 2px solid rgba(0, 0, 0, 0.2); background-clip: padding-box; }
.leaflet-popup { position: absolute; text-align: center; margin-bottom: 20px; }
.leaflet-popup-content-wrapper { padding: 1px; text-align: left; border-radius: 12px; }
.leaflet-popup-content { margin: 13px 19px; line-height: 1.4; }
.leaflet-popup-content p { margin: 18px 0px; }
.leaflet-popup-tip-container { width: 40px; height: 20px; position: absolute; left: 50%; margin-left: -20px; overflow: hidden; pointer-events: none; }
.leaflet-popup-tip { width: 17px; height: 17px; padding: 1px; margin: -10px auto 0px; transform: rotate(45deg); }
.leaflet-popup-content-wrapper, .leaflet-popup-tip { background: white; color: rgb(51, 51, 51); box-shadow: rgba(0, 0, 0, 0.4) 0px 3px 14px; }
.leaflet-container a.leaflet-popup-close-button { position: absolute; top: 0px; right: 0px; padding: 4px 4px 0px 0px; border: none; text-align: center; width: 18px; height: 14px; font: bold 16px / 14px Tahoma, Verdana, sans-serif; color: rgb(195, 195, 195); text-decoration: none; background: transparent; }
.leaflet-container a.leaflet-popup-close-button:hover { color: rgb(153, 153, 153); }
.leaflet-popup-scrolled { overflow: auto; border-bottom: 1px solid rgb(221, 221, 221); border-top: 1px solid rgb(221, 221, 221); }
.leaflet-oldie .leaflet-popup-content-wrapper { zoom: 1; }
.leaflet-oldie .leaflet-popup-tip { width: 24px; margin: 0px auto; }
.leaflet-oldie .leaflet-popup-tip-container { margin-top: -1px; }
.leaflet-oldie .leaflet-control-zoom, .leaflet-oldie .leaflet-control-layers, .leaflet-oldie .leaflet-popup-content-wrapper, .leaflet-oldie .leaflet-popup-tip { border: 1px solid rgb(153, 153, 153); }
.leaflet-div-icon { background: rgb(255, 255, 255); border: 1px solid rgb(102, 102, 102); }
.leaflet-tooltip { position: absolute; padding: 6px; background-color: rgb(255, 255, 255); border: 1px solid rgb(255, 255, 255); border-radius: 3px; color: rgb(34, 34, 34); white-space: nowrap; user-select: none; pointer-events: none; box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 3px; }
.leaflet-tooltip.leaflet-clickable { cursor: pointer; pointer-events: auto; }
.leaflet-tooltip-top::before, .leaflet-tooltip-bottom::before, .leaflet-tooltip-left::before, .leaflet-tooltip-right::before { position: absolute; pointer-events: none; border: 6px solid transparent; background: transparent; content: ""; }
.leaflet-tooltip-bottom { margin-top: 6px; }
.leaflet-tooltip-top { margin-top: -6px; }
.leaflet-tooltip-bottom::before, .leaflet-tooltip-top::before { left: 50%; margin-left: -6px; }
.leaflet-tooltip-top::before { bottom: 0px; margin-bottom: -12px; border-top-color: rgb(255, 255, 255); }
.leaflet-tooltip-bottom::before { top: 0px; margin-top: -12px; margin-left: -6px; border-bottom-color: rgb(255, 255, 255); }
.leaflet-tooltip-left { margin-left: -6px; }
.leaflet-tooltip-right { margin-left: 6px; }
.leaflet-tooltip-left::before, .leaflet-tooltip-right::before { top: 50%; margin-top: -6px; }
.leaflet-tooltip-left::before { right: 0px; margin-right: -12px; border-left-color: rgb(255, 255, 255); }
.leaflet-tooltip-right::before { left: 0px; margin-left: -12px; border-right-color: rgb(255, 255, 255); }
.popover-component .popover-body { display: none; }
.popover-component.visible { left: -5px; position: absolute; z-index: 31; }
@media only screen and (max-width: 1024px) {
  .popover-component.visible { left: 0px; }
}
@media only screen and (min-width: 1025px) {
  .popover-component.visible.right-direction { left: auto; right: 0px; }
}
.popover-component.visible .popover-header { background: rgb(255, 255, 255); border-radius: 10px 10px 0px 0px; padding: 5px; position: relative; }
@media only screen and (max-width: 1024px) {
  .popover-component.visible .popover-header { padding: 2px; }
}
.popover-component.visible .popover-body { background: rgb(255, 255, 255); border-radius: 0px 0px 10px 10px; border-top: 1px solid rgb(204, 204, 204); display: block; padding: 5px; position: absolute; right: 0px; width: 100%; }
.popover-component.visible .popover-body.mobile-variation { border: 0px; border-radius: 10px 0px 10px 10px; min-width: 250px; }
@media only screen and (min-width: 1025px) {
  .popover-component.visible .popover-body.mobile-variation { border-radius: 0px 0px 10px 10px; border-top: 1px solid rgb(204, 204, 204); min-width: auto; }
}
.popover-component.visible div, .popover-component.visible h4, .popover-component.visible h5, .popover-component.visible h6, .popover-component.visible p, .popover-component.visible span { color: rgb(102, 102, 102) !important; }
.popover-component.visible svg { fill: rgb(230, 0, 20) !important; }
.product-mini-card { display: flex; justify-content: space-between; }
@media only screen and (max-width: 767px) {
  .product-mini-card { flex-direction: column; }
}
.product-mini-card li { border: 0px; overflow: hidden; width: 30%; }
@media only screen and (max-width: 767px) {
  .product-mini-card li { border-top: 1px solid rgb(229, 229, 229); display: flex; width: 100%; }
}
.product-mini-card li a { display: block; overflow: hidden; position: relative; }
@media only screen and (max-width: 767px) {
  .product-mini-card li a { display: flex; padding: 12px 0px; }
}
.product-mini-card li a:hover .mini-card-title { color: rgb(171, 0, 0); }
.product-mini-card li .mini-card-img { max-width: 100%; }
@media only screen and (max-width: 767px) {
  .product-mini-card li .mini-card-img { height: 60px; }
  .product-mini-card li .minicard-informations { flex-direction: column; }
}
.product-mini-card li .minicard-informations .mini-card-title { -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: rgb(102, 102, 102); display: -webkit-box; font-size: 0.875em; height: 2.4em; line-height: normal; margin: 5px 0px; overflow: hidden; text-overflow: ellipsis; }
@media only screen and (max-width: 767px) {
  .product-mini-card li .minicard-informations .mini-card-title { margin: 0px; }
}
.product-mini-card li .minicard-informations .mini-card-count { color: rgb(51, 51, 51); display: block; font-size: 11px; font-weight: 700; height: 12px; padding: 0px 0px 3px; }
.product-mini-card li .minicard-informations .mini-card-price { color: rgb(51, 51, 51); display: block; font-size: 1.125em; font-weight: 700; line-height: 1.2; margin-top: 3px; white-space: nowrap; }
.b2w-feather-header { font-size: 16px; line-height: normal !important; }
.b2w-feather-header * { -webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; color: rgb(53, 0, 42); font-family: Arial, sans-serif; margin: 0px; padding: 0px; }
.b2w-feather-header :focus { outline: none; }
.b2w-feather-header body { height: 100%; margin: 0px; max-width: 100%; padding: 0px; }
.b2w-feather-header a { text-decoration: none; }
.b2w-feather-header input { border-radius: 0px; box-sizing: border-box; outline: none; }
.b2w-feather-header ul { list-style: none; }
.b2w-feather-header div { box-sizing: border-box; }
.b2w-feather-header address { font-size: 1em; font-style: normal; padding: 0px; }
.b2w-feather-header svg { fill: rgb(255, 255, 255); }
.theme-white .b2w-feather-header svg { fill: rgb(230, 0, 20); }
.theme-gray .b2w-feather-header svg { fill: rgb(255, 255, 255); }
.theme-new .b2w-feather-header svg { fill: rgb(230, 0, 20); }
.theme-purple .b2w-feather-header svg { fill: rgb(255, 255, 255); }
.theme-newUI .b2w-feather-header svg { fill: rgb(248, 0, 50); }
.b2w-feather-header .feather-wrapper { margin: 0px auto; max-width: 80em; }
@media only screen and (min-width: 1330px) {
  .b2w-feather-header .feather-wrapper { padding-left: 1.1rem; }
}
@media only screen and (min-width: 767px) {
  .b2w-feather-header .feather-wrapper { display: flex; }
}
.b2w-feather-header .header-content-container { position: relative; }
.theme-white .b2w-feather-header .header-content-container { border-bottom: 2px solid rgb(255, 255, 255); }
.theme-gray .b2w-feather-header .header-content-container { border-bottom: 2px solid rgb(102, 102, 102); }
.theme-new .b2w-feather-header .header-content-container { border-bottom: 2px solid rgb(241, 241, 241); }
.theme-newUI .b2w-feather-header .header-content-container, .theme-purple .b2w-feather-header .header-content-container { border-bottom: 2px solid rgb(224, 226, 240); }
.b2w-feather-header #h_banner { align-items: center; display: flex; justify-content: center; }
.b2w-feather-header #h_banner a { display: block; }
.b2w-feather-header #h_banner .banner-image { display: block; height: auto; max-width: 100%; }
.b2w-feather-header #header-middle { align-items: center; background-color: rgb(230, 0, 20); padding: 0.675em 0px; }
.theme-white .b2w-feather-header #header-middle { background-color: rgb(255, 255, 255); color: rgb(51, 51, 51); }
.theme-gray .b2w-feather-header #header-middle { background-color: rgb(102, 102, 102); color: rgb(255, 255, 255); }
.theme-new .b2w-feather-header #header-middle { background-color: rgb(241, 241, 241); color: rgb(102, 102, 102); }
.theme-purple .b2w-feather-header #header-middle { background-color: rgb(41, 0, 33); color: rgb(224, 226, 240); }
.theme-newUI .b2w-feather-header #header-middle { background-color: rgb(243, 243, 249); color: rgb(53, 0, 42); }
@media only screen and (min-width: 767px) {
  .b2w-feather-header #header-middle { padding: 1.2em 0px; }
}
@media only screen and (max-width: 1330px) {
  .b2w-feather-header #header-middle { padding: 0.9em 0.625em; }
}
@media only screen and (max-width: 1024px) {
  .b2w-feather-header #header-middle .feather-wrapper { align-items: center; }
}
.b2w-feather-header .h_btn { border-radius: 0px; box-shadow: none; color: rgb(255, 255, 255); font-size: 1em; line-height: 1.5; padding: 0.5em 1em; text-transform: none; transition: 0.3s; }
.b2w-feather-header .h_btn-primary { background: rgb(230, 0, 20); }
.b2w-feather-header .h_btn-secondary { background: rgb(205, 1, 20); color: rgb(255, 255, 255); display: block; font-size: 0.875em; padding: 0.625em; text-align: center; }
.b2w-feather-header #h_search { flex: 1 1 auto; padding: 0.625em 0px 0px; }
@media only screen and (min-width: 767px) {
  .b2w-feather-header #h_search { padding: 0px 25px; }
}
.b2w-feather-header #h_search svg, .theme-white .b2w-feather-header #h_search svg { fill: rgb(102, 102, 102); }
.theme-newUI .b2w-feather-header #h_search svg, .theme-purple .b2w-feather-header #h_search svg { fill: rgb(53, 0, 42); }
.b2w-feather-header #h_search .src-form { position: relative; }
.b2w-feather-header #h_search .src-input-wpr { display: flex; position: relative; }
.b2w-feather-header #h_search .src-input-wpr:focus-within { z-index: 21; }
.b2w-feather-header #h_search .src-label { display: none; }
.b2w-feather-header #h_search .src-input { background: rgb(255, 255, 255); border-radius: 8px; color: rgb(102, 102, 102); font-size: 1em; min-height: 39px; padding: 0.4em 4em 0.4em 0.6em; width: 100%; }
.theme-white .b2w-feather-header #h_search .src-input { background-color: rgb(222, 222, 222); }
.b2w-feather-header #h_search .src-actions { position: absolute; right: 0px; top: 0px; }
.b2w-feather-header #h_search .src-btn { background-color: transparent; height: 100%; padding: 6px; width: 40px; }
.b2w-feather-header #h_search .src-btn svg { height: 24px; width: 24px; }
.b2w-feather-header #h_search .src-close { background-color: transparent; border-right: 1px solid rgb(229, 229, 229); cursor: pointer; height: 100%; width: 30px; }
.b2w-feather-header #h_search .close-icon { background-color: transparent; height: 20px; width: 20px; }
.b2w-feather-header #h_search .close-icon::after, .b2w-feather-header #h_search .close-icon::before { background-color: rgb(102, 102, 102); content: ""; height: 20px; position: absolute; width: 2px; }
.b2w-feather-header #h_search .close-icon::before { transform: rotate(45deg); }
.b2w-feather-header #h_search .close-icon::after { transform: rotate(-45deg); }
.b2w-feather-header #h_search .src-box { background-color: rgb(255, 255, 255); border-radius: 8px; display: flex; margin-top: 20px; padding: 0.975em 0.875em; position: absolute; transition: visibility, opacity 0.2s ease-out; visibility: hidden; width: 100%; z-index: 22; }
.b2w-feather-header #h_search .src-box::before { border-bottom: 12px solid rgb(255, 255, 255); border-left: 12px solid transparent; border-right: 12px solid transparent; content: ""; height: 0px; left: 20px; position: absolute; top: -12px; width: 0px; }
.b2w-feather-header #h_search .src-box.active { flex-direction: row; opacity: 1; visibility: visible; }
@media only screen and (max-width: 608px) {
  .b2w-feather-header #h_search .src-box.active { flex-direction: column; }
}
.b2w-feather-header #h_search .src-box .src-box-title { font-size: 20px; font-weight: 600; }
@media only screen and (max-width: 608px) {
  .b2w-feather-header #h_search .src-box .src-box-title { display: none; }
}
.b2w-feather-header #h_search .src-box .src-box-autocomplete { border-right: 1px solid rgb(229, 229, 229); overflow: hidden; padding-right: 10px; white-space: nowrap; width: 30%; }
@media only screen and (max-width: 608px) {
  .b2w-feather-header #h_search .src-box .src-box-autocomplete { border-right: none; width: 100%; }
}
.b2w-feather-header #h_search .src-box .src-box-autocomplete ul { display: flex; flex-direction: column; height: 100%; justify-content: space-between; margin: 0px; padding: 0px; }
.b2w-feather-header #h_search .src-box .src-box-autocomplete ul li { overflow: hidden; text-overflow: ellipsis; }
.b2w-feather-header #h_search .src-box .src-box-autocomplete ul li a { color: rgb(161, 161, 161); cursor: pointer; display: block; font-size: 0.875em; overflow: hidden; padding: 5.5px 5px; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.b2w-feather-header #h_search .src-box .src-box-autocomplete ul li a:hover { background-color: rgb(244, 244, 244); }
.b2w-feather-header #h_search .src-box .src-box-suggestions { border-top: 0px; margin: 0px; padding-left: 0.875em; width: 70%; }
.b2w-feather-header #h_search .src-box .src-box-suggestions .src-box-title { margin-bottom: 12px; }
@media only screen and (max-width: 608px) {
  .b2w-feather-header #h_search .src-box .src-box-suggestions { display: none; }
}
.b2w-feather-header #h_search .src-box .src-box-history { width: 100%; }
.b2w-feather-header #h_search .src-box .src-box-history .src-box-title { margin-bottom: 5px; }
.b2w-feather-header #h_search .src-box .src-box-history ul li a { color: rgb(153, 153, 153); cursor: pointer; display: block; font-size: 0.875em; overflow: hidden; padding: 5.5px 5px; text-overflow: ellipsis; white-space: nowrap; }
.b2w-feather-header #h_search .src-box .src-box-history ul li a:hover { background-color: rgb(244, 244, 244); }
.b2w-feather-header #h_brand { align-items: center; display: flex; }
.b2w-feather-header #h_brand .logo-container { width: 100%; }
.b2w-feather-header #h_brand .brd-logo.logo { height: 28px; width: 269px; }
.b2w-feather-header #h_brand .brd-logo.picto { display: none; height: 28px; width: 269px; }
.b2w-feather-header #h_brand .brd-logo.portal { display: none; }
.b2w-feather-header #h_brand .logo-portal-color { fill: rgb(171, 0, 0); }
.theme-white .b2w-feather-header #h_brand .logo-portal-color { fill: rgb(230, 0, 20); }
.theme-gray .b2w-feather-header #h_brand .logo-portal-color { fill: rgb(79, 79, 79); }
.theme-new .b2w-feather-header #h_brand .logo-portal-color { fill: rgb(230, 0, 20); }
.theme-newUI .b2w-feather-header #h_brand .logo-portal-color, .theme-purple .b2w-feather-header #h_brand .logo-portal-color { fill: rgb(53, 0, 42); }
.b2w-feather-header #h_brand .logo-portal-text, .theme-gray .b2w-feather-header #h_brand .logo-portal-text, .theme-new .b2w-feather-header #h_brand .logo-portal-text, .theme-newUI .b2w-feather-header #h_brand .logo-portal-text, .theme-purple .b2w-feather-header #h_brand .logo-portal-text, .theme-white .b2w-feather-header #h_brand .logo-portal-text { fill: rgb(255, 255, 255); }
.b2w-feather-header #h_brand .brd-logo.logo { display: block; max-width: 300px; width: 100%; }
.theme-white .b2w-feather-header #h_brand .logo-color1 { fill: rgb(230, 0, 20); }
.theme-gray .b2w-feather-header #h_brand .logo-color1 { fill: rgb(255, 255, 255); }
.theme-new .b2w-feather-header #h_brand .logo-color1 { fill: rgb(58, 57, 56); }
.theme-purple .b2w-feather-header #h_brand .logo-color1 { fill: rgb(255, 255, 255); }
.theme-newUI .b2w-feather-header #h_brand .logo-color1 { fill: rgb(53, 0, 42); }
.theme-white .b2w-feather-header #h_brand .logo-color2 { fill: rgb(51, 51, 51); }
.theme-gray .b2w-feather-header #h_brand .logo-color2 { fill: rgb(255, 255, 255); }
.theme-new .b2w-feather-header #h_brand .logo-color2 { fill: rgb(230, 0, 20); }
.theme-purple .b2w-feather-header #h_brand .logo-color2 { fill: rgb(255, 255, 255); }
.theme-newUI .b2w-feather-header #h_brand .logo-color2 { fill: rgb(248, 0, 50); }
.b2w-feather-header #h_brand .brd-portal-logo .brd-logo.portal { display: block; float: right; width: 190px; }
.b2w-feather-header #h_brand .brd-portal-logo .brd-logo.logo { display: block; padding-top: 0.2em; width: 190px; }
@media only screen and (max-width: 766px) {
  .b2w-feather-header #h_brand { margin-right: 6em; min-height: 40px; }
  .b2w-feather-header #h_brand .brd-logo.picto { display: block; max-width: 150px; }
  .b2w-feather-header #h_brand .brd-logo.logo { display: none; }
}
@media only screen and (max-width: 1024px) {
  .b2w-feather-header #h_brand { margin-left: 3em; }
  .b2w-feather-header #h_brand .brd-link { align-items: center; display: flex; flex-direction: row-reverse; justify-content: flex-end; }
  .b2w-feather-header #h_brand .brd-portal-logo .brd-logo.logo { display: none; }
  .b2w-feather-header #h_brand .brd-portal-logo .brd-logo.picto { display: block; max-height: 35px; max-width: 150px; padding-right: 15px; }
  .b2w-feather-header #h_brand .brd-portal-logo .brd-logo.portal { display: block; max-height: 35px; }
}
@media only screen and (max-width: 1024px) and (max-width: 1024px) {
  .b2w-feather-header #h_brand .brd-portal-logo .brd-logo.portal { height: 20px; width: 143px; }
}
.b2w-feather-header .header-actions { align-items: center; display: flex; }
@media only screen and (max-width: 766px) {
  .b2w-feather-header .header-actions { align-items: center; position: absolute; right: 0.625em; top: 0.9em; }
}
.b2w-feather-header #h_user { height: 38px; position: relative; }
@media only screen and (max-width: 766px) {
  .b2w-feather-header #h_user .popover-component.visible { left: 6px; top: -5px; }
}
@media only screen and (min-width: 1025px) {
  .b2w-feather-header #h_user .popover-component.visible { top: -5px; }
}
@media only screen and (max-width: 1024px) {
  .b2w-feather-header #h_user .popover-component.visible { left: 8px; top: -2px; }
}
.b2w-feather-header #h_user .usr-link { display: flex; flex-flow: row; justify-content: space-around; }
.b2w-feather-header #h_user .usr-actions { min-width: 50px; position: relative; }
@media only screen and (max-width: 766px) {
  .b2w-feather-header #h_user .usr-actions { min-width: 40px; }
}
@media only screen and (min-width: 1025px) {
  .b2w-feather-header #h_user .usr-actions { min-width: 250px; }
}
.b2w-feather-header #h_user .usr-actions:first-child { border-top: none; }
.b2w-feather-header #h_user .usr-actions .text { color: rgb(104, 104, 104); cursor: pointer; display: block; font-size: 13px; padding: 10px; text-decoration: none; }
.b2w-feather-header #h_user .usr-actions .text.active, .b2w-feather-header #h_user .usr-actions .text:hover { color: rgb(230, 0, 20); }
.b2w-feather-header .usr-msg { font-size: 15px; padding-top: 10px; }
.b2w-feather-header .usr-signup { display: block; font-size: 0.8125em; padding: 1em 0px; text-align: center; transition: 0.4s; }
.b2w-feather-header .usr-signin { border-radius: 4px; box-shadow: none; font-size: 16px; font-weight: 700; margin-top: 20px; }
.b2w-feather-header .usr-icon-wrapper { display: flex; height: 35px; justify-content: center; width: 30px; }
@media only screen and (max-width: 766px) {
  .b2w-feather-header .usr-icon-wrapper { height: 35px; width: 24px; }
}
.b2w-feather-header .usr-greeting { display: flex; flex: 1 1 0%; flex-direction: column; justify-content: center; max-width: 220px; padding-left: 5px; }
@media only screen and (max-width: 1024px) {
  .b2w-feather-header .usr-greeting { display: none; }
}
.b2w-feather-header .usr-act-punchout { font-weight: 700; }
.b2w-feather-header .usr-act-punchout, .b2w-feather-header .usr-act-text, .b2w-feather-header .usr-grt-text { color: rgb(255, 255, 255); max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.theme-white .b2w-feather-header .usr-act-punchout, .theme-white .b2w-feather-header .usr-act-text, .theme-white .b2w-feather-header .usr-grt-text { color: rgb(51, 51, 51); }
.theme-gray .b2w-feather-header .usr-act-punchout, .theme-gray .b2w-feather-header .usr-act-text, .theme-gray .b2w-feather-header .usr-grt-text { color: rgb(255, 255, 255); }
.theme-new .b2w-feather-header .usr-act-punchout, .theme-new .b2w-feather-header .usr-act-text, .theme-new .b2w-feather-header .usr-grt-text { color: rgb(102, 102, 102); }
.theme-purple .b2w-feather-header .usr-act-punchout, .theme-purple .b2w-feather-header .usr-act-text, .theme-purple .b2w-feather-header .usr-grt-text { color: rgb(224, 226, 240); }
.theme-newUI .b2w-feather-header .usr-act-punchout, .theme-newUI .b2w-feather-header .usr-act-text, .theme-newUI .b2w-feather-header .usr-grt-text { color: rgb(53, 0, 42); }
.theme-white .b2w-feather-header .usr-act-punchout svg, .theme-white .b2w-feather-header .usr-act-text svg, .theme-white .b2w-feather-header .usr-grt-text svg { fill: rgb(230, 0, 20); }
.theme-gray .b2w-feather-header .usr-act-punchout svg, .theme-gray .b2w-feather-header .usr-act-text svg, .theme-gray .b2w-feather-header .usr-grt-text svg { fill: rgb(255, 255, 255); }
.theme-new .b2w-feather-header .usr-act-punchout svg, .theme-new .b2w-feather-header .usr-act-text svg, .theme-new .b2w-feather-header .usr-grt-text svg { fill: rgb(230, 0, 20); }
.theme-purple .b2w-feather-header .usr-act-punchout svg, .theme-purple .b2w-feather-header .usr-act-text svg, .theme-purple .b2w-feather-header .usr-grt-text svg { fill: rgb(255, 255, 255); }
.theme-newUI .b2w-feather-header .usr-act-punchout svg, .theme-newUI .b2w-feather-header .usr-act-text svg, .theme-newUI .b2w-feather-header .usr-grt-text svg { fill: rgb(248, 0, 50); }
.theme-gray .b2w-feather-header .usr-grt-text, .theme-new .b2w-feather-header .usr-grt-text, .theme-white .b2w-feather-header .usr-grt-text { max-width: 90%; }
.theme-newUI .b2w-feather-header .usr-grt-text, .theme-purple .b2w-feather-header .usr-grt-text { font-size: 0.875em; font-weight: 700; max-width: 90%; }
.b2w-feather-header .usr-sdb-arrow { height: 0.625em; margin-left: 7px; transition: 0.3s; width: 0.625em; }
.b2w-feather-header #h_quote { display: flex; margin-right: 15px; width: 40px; }
@media only screen and (max-width: 766px) {
  .b2w-feather-header #h_quote { width: 30px; }
}
.b2w-feather-header #h_quote .quote-link { flex: 1 1 0%; }
.b2w-feather-header #h_quote .quote-icon-wrapper { display: flex; }
.b2w-feather-header #h_wishlist { display: flex; margin-right: 4px; width: 40px; }
@media only screen and (max-width: 766px) {
  .b2w-feather-header #h_wishlist { height: 36px; width: 24px; }
}
.b2w-feather-header #h_wishlist .wishlist-link { flex: 1 1 0%; }
.b2w-feather-header #h_wishlist .wishlist-icon-wrapper { display: flex; }
@media only screen and (min-width: 1025px) {
  .b2w-feather-header #h_wishlist .wishlist-icon-wrapper .wishlist-icon:hover { transform: scale(1.25); }
}
@media only screen and (max-width: 766px) {
  .b2w-feather-header #h_wishlist .wishlist-icon-wrapper { height: 36px; width: 24px; }
  .b2w-feather-header #h_wishlist .wishlist-icon-wrapper .wishlist-icon { height: 100%; }
}
.b2w-feather-header #h_minicart { display: flex; height: 37px; position: relative; width: 40px; }
@media only screen and (max-width: 766px) {
  .b2w-feather-header #h_minicart { height: 36px; width: 24px; }
  .b2w-feather-header #h_minicart .minicart-icon-wrapper .minicart-icon { height: 34px; width: 25px; }
}
@media only screen and (min-width: 1025px) {
  .b2w-feather-header #h_minicart .popover-component.visible { top: -5px; }
  .b2w-feather-header #h_minicart .popover-component.visible .minicart-icon-wrapper .minicart-title { display: flex; }
}
@media only screen and (max-width: 1024px) {
  .b2w-feather-header #h_minicart .popover-component.visible { top: -2px; }
}
.b2w-feather-header #h_minicart span.empty-minicart { display: block; padding: 30px 0px; text-align: center; }
.b2w-feather-header #h_minicart .minicart-link { flex: 1 1 0%; }
.b2w-feather-header #h_minicart .minicart-icon-wrapper { display: flex; justify-content: center; }
@media only screen and (max-width: 766px) {
  .b2w-feather-header #h_minicart .minicart-icon-wrapper { height: 24px; width: 24px; }
}
.b2w-feather-header #h_minicart .minicart-icon-wrapper .minicart-title { align-items: center; display: none; font-weight: 600; margin-right: 150px; white-space: nowrap; }
.b2w-feather-header #h_minicart .minicart-quantity { background: rgb(205, 1, 20); border: 0px; border-radius: 100%; display: block; font-size: 0.75em; letter-spacing: 0px; line-height: 1.6; min-height: 1.375em; min-width: 1.375em; padding: 1px; position: absolute; right: 0px; text-align: center; color: rgb(255, 255, 255) !important; }
@media screen and (min-width: 1025px) {
  .b2w-feather-header #h_minicart .minicart-quantity { font-size: 0.8em; line-height: 1.6; padding: 0px 7px; right: 10px; transform: translateX(50%); }
}
.b2w-feather-header #h_minicart .minicart-item-list { margin: 0px 0.875em 0.625em; max-height: 13.5em; overflow: hidden visible; text-align: left; }
.b2w-feather-header #h_minicart .minicart-item-link { border-bottom: 1px solid rgb(229, 229, 229); display: block; min-height: 2.4em; overflow: hidden; padding: 0.875em 0px 0.875em 3.5em; position: relative; }
.b2w-feather-header #h_minicart .minicart-item:last-child a { border: 0px; }
.b2w-feather-header #h_minicart .minicart-item-image { left: 0px; max-width: 2.5em; position: absolute; }
.b2w-feather-header #h_minicart .minicart-item-name { display: block; font-size: 0.875em; max-width: 10em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media screen and (min-width: 1025px) {
  .b2w-feather-header #h_minicart .minicart-item-name { max-width: 13em; }
}
.b2w-feather-header #h_minicart .minicart-item-quant { color: rgb(153, 153, 153); float: left; font-size: 0.875em; line-height: 1.3; }
.b2w-feather-header #h_minicart .minicart-item-price { color: rgb(51, 51, 51); float: right; line-height: 1.2; }
.b2w-feather-header #h_minicart .minicart-bottom { background: rgb(242, 242, 242); border-radius: 0px 0px 5px 5px; border-top: 1px solid rgb(229, 229, 229); margin: -5px; overflow: hidden; padding: 0.875em; text-align: left; }
.b2w-feather-header #h_minicart .minicart-total { display: block; font-size: 0.875em; padding: 0px 0px 0.75em; text-align: right; }
.b2w-feather-header #h_minicart .minicart-total strong { color: rgb(51, 51, 51); }
.b2w-feather-header #h_minicart .minicart-goto { box-shadow: rgba(0, 0, 0, 0.15) 0px -3px 0px inset; float: right; }
.b2w-feather-header #header-bottom { background: rgb(255, 255, 255); padding: 0px 0.625em; }
.theme-white .b2w-feather-header #header-bottom { background-color: rgb(241, 241, 241); }
.theme-new .b2w-feather-header #header-bottom { background-color: rgb(250, 250, 250); }
.theme-newUI .b2w-feather-header #header-bottom { background-color: rgb(255, 255, 255); }
@media only screen and (min-width: 1025px) {
  .b2w-feather-header #header-bottom { min-height: 45px; }
}
.b2w-feather-header #h_menu { display: block; z-index: 10; }
@media only screen and (min-width: 1025px) {
  .b2w-feather-header #h_menu.menu-box-visible { z-index: 25; }
}
.b2w-feather-header #h_menu .mmn-banner { overflow: hidden; }
.b2w-feather-header #h_menu .mmn-sdb-ico { right: 1em; top: 1.2em; }
@media only screen and (min-width: 1025px) {
  .b2w-feather-header #h_menu .mmn-sdb-ico { right: auto; top: 1.4em; }
}
.b2w-feather-header #h_menu .mmn-sdb-ico, .b2w-feather-header #h_menu .mmn-sdb-ico::after, .b2w-feather-header #h_menu .mmn-sdb-ico::before { background-color: rgb(230, 0, 20); height: 2px; position: absolute; transition: transform 0.5s, -webkit-transform 0.5s; width: 21px; }
.theme-white .b2w-feather-header #h_menu .mmn-sdb-ico, .theme-white .b2w-feather-header #h_menu .mmn-sdb-ico::after, .theme-white .b2w-feather-header #h_menu .mmn-sdb-ico::before { background-color: rgb(255, 255, 255); }
.theme-purple .b2w-feather-header #h_menu .mmn-sdb-ico, .theme-purple .b2w-feather-header #h_menu .mmn-sdb-ico::after, .theme-purple .b2w-feather-header #h_menu .mmn-sdb-ico::before { background-color: rgb(41, 0, 33); }
@media only screen and (max-width: 1024px) {
  .b2w-feather-header #h_menu .mmn-sdb-ico, .b2w-feather-header #h_menu .mmn-sdb-ico::after, .b2w-feather-header #h_menu .mmn-sdb-ico::before { background-color: rgb(255, 255, 255); }
  .theme-white .b2w-feather-header #h_menu .mmn-sdb-ico, .theme-white .b2w-feather-header #h_menu .mmn-sdb-ico::after, .theme-white .b2w-feather-header #h_menu .mmn-sdb-ico::before { background-color: rgb(230, 0, 20); }
  .theme-gray .b2w-feather-header #h_menu .mmn-sdb-ico, .theme-gray .b2w-feather-header #h_menu .mmn-sdb-ico::after, .theme-gray .b2w-feather-header #h_menu .mmn-sdb-ico::before { background-color: rgb(255, 255, 255); }
  .theme-new .b2w-feather-header #h_menu .mmn-sdb-ico, .theme-new .b2w-feather-header #h_menu .mmn-sdb-ico::after, .theme-new .b2w-feather-header #h_menu .mmn-sdb-ico::before { background-color: rgb(230, 0, 20); }
  .theme-purple .b2w-feather-header #h_menu .mmn-sdb-ico, .theme-purple .b2w-feather-header #h_menu .mmn-sdb-ico::after, .theme-purple .b2w-feather-header #h_menu .mmn-sdb-ico::before { background-color: rgb(255, 255, 255); }
  .theme-newUI .b2w-feather-header #h_menu .mmn-sdb-ico, .theme-newUI .b2w-feather-header #h_menu .mmn-sdb-ico::after, .theme-newUI .b2w-feather-header #h_menu .mmn-sdb-ico::before { background-color: rgb(248, 0, 50); }
}
.b2w-feather-header #h_menu .mmn-sdb-ico::after, .b2w-feather-header #h_menu .mmn-sdb-ico::before { content: ""; }
.b2w-feather-header #h_menu .mmn-sdb-ico::after { top: -6px; }
.b2w-feather-header #h_menu .mmn-sdb-ico::before { top: 6px; }
@media only screen and (max-width: 1024px) {
  .b2w-feather-header #h_menu { position: absolute; top: 0px; }
  .b2w-feather-header #h_menu .mmn-banner { display: none; }
  .b2w-feather-header #h_menu.menu-box-visible { left: 16em; position: fixed; z-index: 25; }
  .b2w-feather-header #h_menu.menu-box-visible .mmn-link { background: linear-gradient(90deg, rgb(205, 0, 18), rgb(230, 0, 20) 40%); left: 7px; margin: 0px; top: 0px; }
  .b2w-feather-header #h_menu.menu-box-visible .mmn-sdb-ico { background: transparent; }
  .b2w-feather-header #h_menu.menu-box-visible .mmn-sdb-ico::after, .b2w-feather-header #h_menu.menu-box-visible .mmn-sdb-ico::before { background: rgb(255, 255, 255); right: 0px; top: 0px; }
  .b2w-feather-header #h_menu.menu-box-visible .mmn-sdb-ico::before { content: " "; transform: rotate(-45deg); }
  .b2w-feather-header #h_menu.menu-box-visible .mmn-sdb-ico::after { transform: rotate(45deg); }
}
.b2w-feather-header #h_menu svg { fill: initial; }
.b2w-feather-header #h_menu .mmn-sidebar { position: relative; }
.b2w-feather-header #h_menu .mmn-link { background: 0px 0px; cursor: pointer; display: block; height: 2.8em; margin: 0px; padding: 0px 10px; position: absolute; text-align: left; transform: translateZ(0px); transition: transform 0.5s; width: 3em; }
@media only screen and (max-width: 1024px) {
  .b2w-feather-header #h_menu .mmn-link { margin-top: 0.9em; }
}
@media only screen and (min-width: 1025px) {
  .b2w-feather-header #h_menu .mmn-link { box-sizing: border-box; left: -12px; transition: opacity 0.4s ease-in-out; white-space: nowrap; width: 16.5em; z-index: 101; }
  .theme-white .b2w-feather-header #h_menu .mmn-link { background-color: rgb(230, 0, 20); }
  .theme-gray .b2w-feather-header #h_menu .mmn-link, .theme-new .b2w-feather-header #h_menu .mmn-link, .theme-newUI .b2w-feather-header #h_menu .mmn-link, .theme-purple .b2w-feather-header #h_menu .mmn-link { background-color: rgb(255, 255, 255); }
}
.b2w-feather-header #h_menu .mmn-title { display: none; }
@media only screen and (max-width: 1024px) {
  .b2w-feather-header #h_menu .mmn-title { align-items: flex-end; background: rgb(230, 0, 20); box-sizing: border-box; color: rgb(255, 255, 255); display: flex; font-size: 1.375em; height: 98px; line-height: 1.23; padding: 0px 0.75em 0.75em; text-align: left; }
  .theme-white .b2w-feather-header #h_menu .mmn-title { background: rgb(255, 255, 255); }
  .theme-new .b2w-feather-header #h_menu .mmn-title { background: rgb(230, 0, 20); }
  .theme-purple .b2w-feather-header #h_menu .mmn-title { background: rgb(41, 0, 33); }
  .theme-newUI .b2w-feather-header #h_menu .mmn-title { background: rgb(248, 0, 50); }
}
.b2w-feather-header #h_menu .mmn-sdb-title { color: rgb(102, 102, 102); display: none; font-size: 0.875em; font-weight: 700; padding: 1.1em 0px 0px 2.8em; text-transform: lowercase; }
.theme-white .b2w-feather-header #h_menu .mmn-sdb-title { color: rgb(255, 255, 255); }
.theme-new .b2w-feather-header #h_menu .mmn-sdb-title { color: rgb(230, 0, 20); }
.theme-purple .b2w-feather-header #h_menu .mmn-sdb-title { color: rgb(41, 0, 33); }
.theme-newUI .b2w-feather-header #h_menu .mmn-sdb-title { color: rgb(248, 0, 50); }
@media only screen and (min-width: 1025px) {
  .b2w-feather-header #h_menu .mmn-sdb-title { display: inline-block; }
}
.b2w-feather-header #h_menu .mmn-sdb-arrow { display: none; height: 0.625em; position: absolute; right: 0.5em; top: 50%; transform: translateY(-35%); transition: 0.3s; width: 0.625em; }
@media only screen and (min-width: 1025px) {
  .b2w-feather-header #h_menu .mmn-sdb-arrow { display: block; }
  .theme-white .b2w-feather-header #h_menu .mmn-sdb-arrow { fill: rgb(230, 0, 20); }
  .theme-gray .b2w-feather-header #h_menu .mmn-sdb-arrow { fill: rgb(255, 255, 255); }
  .theme-new .b2w-feather-header #h_menu .mmn-sdb-arrow { fill: rgb(230, 0, 20); }
  .theme-purple .b2w-feather-header #h_menu .mmn-sdb-arrow { fill: rgb(255, 255, 255); }
  .theme-newUI .b2w-feather-header #h_menu .mmn-sdb-arrow { fill: rgb(248, 0, 50); }
}
.b2w-feather-header #h_menu .mmn-box { background: rgb(255, 255, 255); left: -12px; overflow: visible; padding-top: 3.3em; position: absolute; top: 0px; transition: opacity 0.4s; visibility: hidden; width: 16.5em; z-index: 13; }
@media only screen and (max-width: 1024px) {
  .b2w-feather-header #h_menu .mmn-box { height: 100%; left: 0px; overflow: hidden scroll; padding-top: 0px; position: fixed; }
  .b2w-feather-header #h_menu .mmn-box .mmn-list { position: absolute; width: 16.5em; }
}
.b2w-feather-header #h_menu .mmn-box .mmn-itm-hash { align-items: center; cursor: pointer; display: flex; flex-direction: row; font-size: 0.875em; padding: 0.572em 1.7em 0.572em 1em; position: relative; white-space: nowrap; }
@media only screen and (max-width: 1024px) {
  .b2w-feather-header #h_menu .mmn-box .mmn-itm-hash { padding: 1em 1.5em 1em 0.875em; }
}
.b2w-feather-header #h_menu .mmn-box .mmn-itm-flag { background: rgb(230, 0, 20); color: rgb(255, 255, 255); display: inline-block; font-size: 0.85em; margin: 0px 0px 0px 8px; padding: 4px 5px; text-transform: lowercase; }
.b2w-feather-header #h_menu .mmn-box .mmn-arw-title { height: 10px; position: absolute; right: 5px; top: 50%; transform: rotate(-90deg) translate(5px); width: 10px; }
.b2w-feather-header #h_menu .mmn-box .mmn-arw-back { height: 10px; left: 10px; margin-right: 0.625em; top: 50%; transform: rotate(90deg); width: 10px; }
@media only screen and (max-width: 1024px) {
  .b2w-feather-header #h_menu .mmn-box .mmn-panel { display: none; }
}
.b2w-feather-header #h_menu .mmn-box .mmn-panel-level-0 { background: rgb(255, 255, 255); bottom: 0px; display: none; flex: 0 1 auto; min-width: 100%; position: absolute; right: 0px; top: 0px; width: auto; }
@media only screen and (min-width: 1024px) {
  .b2w-feather-header #h_menu .mmn-box .mmn-panel-level-0 { border-left: 2px solid rgb(239, 239, 239); transform: translateX(100%); }
  .b2w-feather-header #h_menu .mmn-box .menu-item-lvl-0:hover > .mmn-panel-level-0 { display: flex; }
}
@media only screen and (max-width: 1024px) {
  .b2w-feather-header #h_menu .mmn-box .mmn-item.active > .mmn-panel { background-color: rgb(255, 255, 255); display: flex; height: 100%; overflow: visible; position: absolute; top: 0px; width: 16.5em; z-index: 999; }
}
.b2w-feather-header #h_menu .mmn-box .menu-level-0 .mmn-back { display: none; }
@media only screen and (max-width: 1024px) {
  .b2w-feather-header #h_menu .mmn-box .menu-level-1 .mmn-back { display: block; }
}
@media only screen and (min-width: 1025px) {
  .b2w-feather-header #h_menu .mmn-box .menu-level-1 { display: flex; }
  .b2w-feather-header #h_menu .mmn-box .menu-level-1 .mmn-arw-title { display: none; }
  .b2w-feather-header #h_menu .mmn-box .menu-level-1 .menu-item-lvl-1 > .mmn-itm-hash, .b2w-feather-header #h_menu .mmn-box .menu-level-1 .menu-item-lvl-1 > .mmn-itm-hash > a, .b2w-feather-header #h_menu .mmn-box .menu-level-1 .menu-item-lvl-1 > .mmn-itm-hash > span { color: rgb(230, 0, 20); }
}
.b2w-feather-header #h_menu.menu-box-visible .mmn-box { visibility: visible; }
@media screen and (min-width: 1025px) {
  .b2w-feather-header #h_menu { height: 100%; min-width: 16em; position: relative; top: 0px; width: auto; }
}
.b2w-feather-header #h_menu .mmn-back { background-color: rgb(242, 242, 242); }
.b2w-feather-header #h_destaques { flex: 1 1 0%; overflow-x: auto; }
@media only screen and (max-width: 1024px) {
  .b2w-feather-header #h_destaques { display: none; }
}
.b2w-feather-header #h_destaques .highlight-list { align-items: center; display: flex; justify-content: space-between; width: 100%; }
.b2w-feather-header #h_destaques .highlight-list-item { flex: 0 1 auto; text-align: center; }
.b2w-feather-header #h_destaques .highlight-list-item .list-link { align-items: center; background: 0px 0px; border-radius: 0px; box-sizing: border-box; color: rgb(102, 102, 102); display: flex; font-size: 0.875em; line-height: 1.3; margin: 0px; overflow: hidden; padding: 1em; position: relative; transition: 0.4s; white-space: nowrap; z-index: 1; }
.theme-gray .b2w-feather-header #h_destaques .highlight-list-item .list-link, .theme-new .b2w-feather-header #h_destaques .highlight-list-item .list-link, .theme-white .b2w-feather-header #h_destaques .highlight-list-item .list-link { color: rgb(102, 102, 102); }
.theme-purple .b2w-feather-header #h_destaques .highlight-list-item .list-link { color: rgb(41, 0, 33); }
.theme-newUI .b2w-feather-header #h_destaques .highlight-list-item .list-link { color: rgb(53, 0, 42); }
.b2w-feather-header #h_destaques .highlight-list-item .list-link::before { background: rgb(241, 241, 241); box-sizing: border-box; content: ""; height: 100%; left: 0px; opacity: 0; position: absolute; top: 0px; transform: scaleX(0.1); transition: 0.7s cubic-bezier(0.2, 1, 0.3, 1); width: 100%; z-index: -1; }
.b2w-feather-header #h_destaques .highlight-list-item .list-link:hover::before { opacity: 1; transform: scaleX(1); }
.b2w-feather-header #h_destaques .highlight-list-item .list-img { height: 1em; margin-right: 0.3em; }
.b2w-feather-header #header-tt { background: rgb(230, 0, 20); }
.theme-white .b2w-feather-header #header-tt { background-color: rgb(255, 255, 255); }
.theme-gray .b2w-feather-header #header-tt { background-color: rgb(102, 102, 102); }
.theme-new .b2w-feather-header #header-tt { background-color: rgb(241, 241, 241); }
.theme-purple .b2w-feather-header #header-tt { background-color: rgb(41, 0, 33); }
.theme-newUI .b2w-feather-header #header-tt { background-color: rgb(243, 243, 249); }
.b2w-feather-header #header-tt .purchasepurpose-content { white-space: nowrap; }
.b2w-feather-header #header-tt .purchasepurpose-content .purchasepurpose-icon { fill: rgb(255, 240, 0); }
.theme-white .b2w-feather-header #header-tt .purchasepurpose-content .purchasepurpose-icon { fill: rgb(230, 0, 20); }
.theme-gray .b2w-feather-header #header-tt .purchasepurpose-content .purchasepurpose-icon { fill: rgb(255, 240, 0); }
.theme-new .b2w-feather-header #header-tt .purchasepurpose-content .purchasepurpose-icon { fill: rgb(230, 0, 20); }
.theme-purple .b2w-feather-header #header-tt .purchasepurpose-content .purchasepurpose-icon { fill: rgb(255, 255, 255); }
.theme-newUI .b2w-feather-header #header-tt .purchasepurpose-content .purchasepurpose-icon { fill: rgb(248, 0, 50); }
@media screen and (max-width: 1024px) {
  .theme-white .b2w-feather-header #header-tt .purchasepurpose-content .purchasepurpose-icon { fill: rgb(230, 0, 20); }
  .theme-gray .b2w-feather-header #header-tt .purchasepurpose-content .purchasepurpose-icon { fill: rgb(255, 240, 0); }
  .theme-new .b2w-feather-header #header-tt .purchasepurpose-content .purchasepurpose-icon { fill: rgb(230, 0, 20); }
  .theme-newUI .b2w-feather-header #header-tt .purchasepurpose-content .purchasepurpose-icon, .theme-purple .b2w-feather-header #header-tt .purchasepurpose-content .purchasepurpose-icon { fill: rgb(248, 0, 50); }
}
.theme-white .b2w-feather-header #header-tt .purchasepurpose-content .purchasepurpose-selected, .theme-white .b2w-feather-header #header-tt .purchasepurpose-content .purchasepurpose-text { color: rgb(51, 51, 51); }
.theme-gray .b2w-feather-header #header-tt .purchasepurpose-content .purchasepurpose-selected, .theme-gray .b2w-feather-header #header-tt .purchasepurpose-content .purchasepurpose-text { color: rgb(255, 255, 255); }
.theme-new .b2w-feather-header #header-tt .purchasepurpose-content .purchasepurpose-selected, .theme-new .b2w-feather-header #header-tt .purchasepurpose-content .purchasepurpose-text { color: rgb(102, 102, 102); }
.theme-purple .b2w-feather-header #header-tt .purchasepurpose-content .purchasepurpose-selected, .theme-purple .b2w-feather-header #header-tt .purchasepurpose-content .purchasepurpose-text { color: rgb(224, 226, 240); }
.theme-newUI .b2w-feather-header #header-tt .purchasepurpose-content .purchasepurpose-selected, .theme-newUI .b2w-feather-header #header-tt .purchasepurpose-content .purchasepurpose-text { color: rgb(53, 0, 42); }
@media screen and (max-width: 1024px) {
  .theme-white .b2w-feather-header #header-tt .purchasepurpose-content .purchasepurpose-selected, .theme-white .b2w-feather-header #header-tt .purchasepurpose-content .purchasepurpose-text { color: rgb(51, 51, 51); }
  .theme-gray .b2w-feather-header #header-tt .purchasepurpose-content .purchasepurpose-selected, .theme-gray .b2w-feather-header #header-tt .purchasepurpose-content .purchasepurpose-text { color: rgb(255, 255, 255); }
  .theme-new .b2w-feather-header #header-tt .purchasepurpose-content .purchasepurpose-selected, .theme-new .b2w-feather-header #header-tt .purchasepurpose-content .purchasepurpose-text { color: rgb(102, 102, 102); }
  .theme-newUI .b2w-feather-header #header-tt .purchasepurpose-content .purchasepurpose-selected, .theme-newUI .b2w-feather-header #header-tt .purchasepurpose-content .purchasepurpose-text, .theme-purple .b2w-feather-header #header-tt .purchasepurpose-content .purchasepurpose-selected, .theme-purple .b2w-feather-header #header-tt .purchasepurpose-content .purchasepurpose-text { color: rgb(53, 0, 42); }
}
@media screen and (min-width: 1025px) {
  .b2w-feather-header #header-tt { min-height: 46px; }
}
.b2w-feather-header #header-tt .feather-wrapper { display: flex; justify-content: space-between; }
@media only screen and (max-width: 1024px) {
  .b2w-feather-header #header-tt .feather-wrapper { display: flex; flex-direction: column-reverse; }
}
@media only screen and (max-width: 1330px) {
  .b2w-feather-header #header-tt .purchasepurpose-content { padding: 0px 0.625em; }
}
.b2w-feather-header #h_trendingtopics { flex: 0 1 auto; overflow-x: auto; }
.b2w-feather-header #h_trendingtopics .trendingtopics-list { align-items: center; display: flex; justify-content: space-between; overflow-y: hidden; white-space: nowrap; }
.b2w-feather-header #h_trendingtopics .trendingtopics-list-item { flex: 0 1 auto; text-align: center; }
.b2w-feather-header #h_trendingtopics .trendingtopics-list-item .list-link { align-items: center; background: 0px 0px; border-radius: 0px; box-sizing: border-box; color: rgb(255, 255, 255); display: flex; font-size: 0.875em; line-height: 1.3; margin: 0px; overflow: hidden; padding: 1em; position: relative; transition: 0.4s; z-index: 1; }
.theme-white .b2w-feather-header #h_trendingtopics .trendingtopics-list-item .list-link { color: rgb(51, 51, 51); }
.theme-gray .b2w-feather-header #h_trendingtopics .trendingtopics-list-item .list-link { color: rgb(255, 255, 255); }
.theme-new .b2w-feather-header #h_trendingtopics .trendingtopics-list-item .list-link { color: rgb(102, 102, 102); }
.theme-purple .b2w-feather-header #h_trendingtopics .trendingtopics-list-item .list-link { color: rgb(224, 226, 240); }
.theme-newUI .b2w-feather-header #h_trendingtopics .trendingtopics-list-item .list-link { color: rgb(53, 0, 42); }
.b2w-feather-header #h_trendingtopics .trendingtopics-list-item .list-link::before { background: rgba(0, 0, 0, 0.2); box-sizing: border-box; content: ""; height: 100%; left: 0px; opacity: 0; position: absolute; top: 0px; transform: scaleX(0.1); transition: 0.7s cubic-bezier(0.2, 1, 0.3, 1); width: 100%; z-index: -1; }
.b2w-feather-header #h_trendingtopics .trendingtopics-list-item .list-link:hover::before { opacity: 1; transform: scaleX(1); }
.b2w-feather-header #h_trendingtopics .trendingtopics-list-item .list-img { height: 1em; margin-right: 0.3em; }
.b2w-feather-header #h_purchasepurpose { align-items: center; cursor: pointer; display: flex; position: relative; }
.theme-newUI .b2w-feather-header #h_purchasepurpose, .theme-purple .b2w-feather-header #h_purchasepurpose { font-size: 0.875em; }
@media only screen and (max-width: 1024px) {
  .b2w-feather-header #h_purchasepurpose { background: rgba(0, 0, 0, 0.1); height: 35px; width: 100%; }
  .theme-gray .b2w-feather-header #h_purchasepurpose { background: rgb(136, 136, 136); }
  .theme-purple .b2w-feather-header #h_purchasepurpose { background: rgb(255, 255, 255); }
}
@media only screen and (min-width: 1025px) {
  .b2w-feather-header #h_purchasepurpose { min-height: 46px; }
}
.b2w-feather-header #h_purchasepurpose .purchasepurpose-content { align-items: center; display: flex; height: 100%; }
.b2w-feather-header #h_purchasepurpose .purchasepurpose-selected { padding-left: 5px; }
.b2w-feather-header #h_purchasepurpose .purchasepurpose-icon { fill: rgb(255, 240, 0); height: 20px; width: 20px; }
.b2w-feather-header #h_purchasepurpose .purchasepurpose-text { color: rgb(255, 255, 255); display: block; padding: 0px 0px 0px 10px; }
.b2w-feather-header #h_purchasepurpose .purchasepurpose-selected { color: rgb(255, 255, 255); font-weight: 700; }
.b2w-feather-header #h_purchasepurpose .purchasepurpose-list-item:first-child { border-top: none; }
.b2w-feather-header #h_purchasepurpose .purchasepurpose-list-item .text { color: rgb(104, 104, 104); cursor: pointer; display: block; font-size: 13px; padding: 10px 5px; text-decoration: none; }
.b2w-feather-header #h_purchasepurpose .purchasepurpose-list-item .text.active { color: rgb(230, 0, 20); }
.b2w-feather-header .link-back { align-items: center; display: none; left: 0.625em; position: absolute; top: 1.5em; }
@media only screen and (max-width: 766px) {
  .b2w-feather-header.simple-header .link-back { display: block; }
  .b2w-feather-header.simple-header #h_menu, .b2w-feather-header.simple-header #h_search, .b2w-feather-header.simple-header #h_trendingtopics { display: none; }
}
.b2w-header-overlay { background: rgb(0, 0, 0); inset: 0px; opacity: 0; position: fixed; transition: visibility 0.3s linear, opacity 0.3s linear; visibility: hidden; z-index: 20; }
.b2w-header-overlay.active { opacity: 0.5; visibility: visible; }
.b2w-feather-footer { -webkit-font-smoothing: antialiased; background-color: rgb(243, 243, 249); border-width: 2px 0px 0px; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; border-image: initial; border-top-style: solid; border-top-color: rgb(224, 226, 240); box-sizing: border-box; color: rgb(53, 0, 42); display: flex; flex-direction: column; font-family: Arial, sans-serif; left: 0px; margin: 0px; width: 100%; }
.b2w-feather-footer:focus { outline: none; }
.b2w-feather-footer .feather-wrapper { margin: 0px auto; max-width: 1256px; }
@media only screen and (min-width: 601px) and (max-width: 1330px) {
  .b2w-feather-footer .feather-wrapper { padding: 0px 0.625em; }
}
.b2w-feather-footer .footer-link { color: rgb(53, 0, 42); cursor: pointer; font: 1.125em Arial, sans-serif; padding: 1.5em 1em; text-decoration: none; }
@media only screen and (min-width: 601px) {
  .b2w-feather-footer .footer-link:first-child { padding-left: 0px; }
  .b2w-feather-footer .footer-link:last-child { padding-right: 0px; }
  .b2w-feather-footer .footer-link:hover { color: rgb(230, 0, 20); text-decoration: underline; transition: color 0.5s; }
}
@media only screen and (max-width: 600px) {
  .b2w-feather-footer .footer-link { font: 16px Arial, sans-serif; padding: 1.5em 1em; }
}
.b2w-feather-footer .arrow { margin-left: 5px; width: 10px; }
.b2w-feather-footer .arrow-right-svg { margin-left: 0px; transform: rotate(-90deg); }
.b2w-feather-footer .arrow-left-svg { transform: rotate(90deg); }
.b2w-feather-footer .arrow-up-svg { transform: rotate(180deg); transition: 0.4s; }
.b2w-feather-footer .facebook-svg, .b2w-feather-footer .linkedin-svg, .b2w-feather-footer .youtube-svg { width: 20px; }
.b2w-feather-footer #f_top .mmn-options { display: flex; justify-content: space-between; white-space: nowrap; width: 100%; }
@media only screen and (max-width: 600px) {
  .b2w-feather-footer #f_top .mmn-options { align-items: flex-start; background-color: rgb(243, 243, 249); flex-direction: column; justify-content: flex-start; margin: initial; }
}
.b2w-feather-footer #f_top .more-info-mobile { align-items: center; border-top: 1px solid rgb(204, 204, 204); display: flex; justify-content: space-between; padding: 1.5em 1em; }
@media only screen and (min-width: 601px) {
  .b2w-feather-footer #f_top .more-info-mobile { display: none; }
}
.b2w-feather-footer #f_more_info.more-info-area-hide { max-height: 0px; overflow: hidden; transition: max-height 0.5s; }
.b2w-feather-footer #f_more_info.more-info-area-show { max-height: 1100px; overflow: hidden; transition: margin 1s ease-in-out, max-height 1s ease-in-out; }
.b2w-feather-footer #f_more_info .more-info-list { border-top: 1px solid rgb(204, 204, 204); justify-content: flex-start; padding-bottom: 20px; }
.b2w-feather-footer #f_more_info .more-info-list ul { list-style-type: none; }
.b2w-feather-footer #f_more_info .more-info-list .certification-img { align-items: center; display: flex; flex-direction: row; margin: auto 0px 0px auto; }
.b2w-feather-footer #f_more_info .more-info-list .certification-img .certification-it { margin: initial; width: auto; }
.b2w-feather-footer #f_more_info .more-info-list .certification-img #certification-pme { width: 100px; }
.b2w-feather-footer #f_more_info .more-info-list .certification-img #certification-procom { width: 60px; }
@media only screen and (max-width: 600px) {
  .b2w-feather-footer #f_more_info .more-info-list { display: none; }
}
.b2w-feather-footer #f_more_info .more-info-list .payment-rules { border-top: 1px solid rgb(204, 204, 204); font-size: 12px; padding-top: 16px; }
.b2w-feather-footer #f_more_info .more-info-list .payment-rules span { color: rgb(53, 0, 42); }
.b2w-feather-footer #f_more_info .more-info-list .payment-rules p { color: rgb(102, 102, 102); width: 70%; }
.b2w-feather-footer #f_more_info .more-info-list-itens { align-items: flex-start; display: flex; flex-flow: wrap; height: 100%; margin: 0px; padding: 0px 40px 16px 0px; }
.b2w-feather-footer #f_more_info .more-info-list-parent { color: rgb(53, 0, 42); font-size: 16px; padding: 1em 0px 0px; user-select: none; width: 100%; }
.b2w-feather-footer #f_more_info .more-info-list-child { color: rgb(233, 235, 244); font-size: 14px; justify-content: flex-start; padding: 1em 1.5em 0px 0px; }
.b2w-feather-footer #f_more_info .more-info-list-child a { color: rgb(102, 102, 102); cursor: pointer; text-decoration: none; }
.b2w-feather-footer #f_more_info .more-info-list-child a:hover { color: rgb(230, 0, 20); text-decoration: underline; transition: color 0.5s; }
.b2w-feather-footer #f_more_info .ul-info-mobile { list-style: none; margin: 0px; padding: 0px; }
.b2w-feather-footer #f_more_info .li-info-mobile { background-color: rgb(233, 235, 244); color: rgb(53, 0, 42); display: block; font-size: 1.125em; padding: 0px 0.5em; position: relative; }
.b2w-feather-footer #f_more_info .li-content-mobile { align-items: center; border-bottom: 1px solid rgb(204, 204, 204); display: flex; justify-content: space-between; padding: 1em; width: 93%; }
@media only screen and (min-width: 601px) {
  .b2w-feather-footer #f_more_info .li-content-mobile { display: none; }
}
.b2w-feather-footer #f_more_info .li-childs-mobile { border-bottom: 1px solid rgb(204, 204, 204); color: rgb(53, 0, 42); display: flex; justify-content: space-between; padding: 1em; text-decoration: none; width: 100%; }
@media only screen and (min-width: 601px) {
  .b2w-feather-footer #f_more_info .li-childs-mobile { display: none; }
}
.b2w-feather-footer #f_more_info .txt-btn-back { margin-left: 10px; }
.b2w-feather-footer #f_more_info .more-info-area-mobile { background-color: rgb(255, 255, 255); bottom: 0px; height: 100%; max-height: 100%; overflow-y: scroll; padding: 0px 0px 30px; position: fixed; top: 0px; transform: translate3d(100%, 0px, 0px); transition: transform 0.3s, -webkit-transform 0.3s; width: 100%; z-index: 100; }
.b2w-feather-footer #f_more_info .more-info-area-mobile.opened { transform: translateZ(0px); }
.b2w-feather-footer #f_more_info .more-info-mobile-header { background: rgb(233, 235, 244); box-sizing: border-box; color: rgb(53, 0, 42); font-size: 22px; font-weight: 400; padding: 50px 20px 20px; }
.b2w-feather-footer #f_more_info .btn-back-more-info { align-items: center; background: rgb(246, 246, 246); border: 0px; color: rgb(102, 102, 102); display: flex; font-size: 18px; margin: 0px; padding: 1em 0.5em; position: relative; text-decoration: none; }
.b2w-feather-footer #f_more_info .payment-rules-mobile { align-items: center; background: rgb(233, 235, 244); display: flex; flex-direction: column; justify-content: center; padding: 20px 20px 0px; text-align: center; }
.b2w-feather-footer #f_more_info .payment-rules-mobile span { color: rgb(53, 0, 42); }
.b2w-feather-footer #f_more_info .payment-rules-mobile p { color: rgb(102, 102, 102); font-size: 12px; margin: 10px 0px; }
.b2w-feather-footer #f_more_info .childs-link-area-mobile { background: rgb(234, 234, 234); bottom: 0px; height: 100%; max-height: 100%; overflow-y: scroll; padding: 0px 0px 30px; position: fixed; top: 0px; transform: translate3d(100%, 0px, 0px); transition: transform 0.3s, -webkit-transform 0.3s; width: 100%; z-index: 101; }
.b2w-feather-footer #f_more_info .childs-link-area-mobile.openedChild { transform: translateZ(0px); }
.b2w-feather-footer #f_more_info .childs-link-mobile-container { bottom: 0px; overflow-y: scroll; position: absolute; top: 0px; }
.b2w-feather-footer #f_bottom { background-color: rgb(233, 235, 244); }
.b2w-feather-footer #f_bottom .mmn-bottom-options { align-items: center; display: flex; flex-wrap: wrap; justify-content: space-between; position: relative; }
@media only screen and (max-width: 600px) {
  .b2w-feather-footer #f_bottom .mmn-bottom-options { align-items: center; flex-direction: column; }
}
.b2w-feather-footer #f_bottom .mmn-bottom-options .social-media { display: flex; flex-wrap: wrap; padding-bottom: 20px; }
.b2w-feather-footer #f_bottom .mmn-bottom-options .social-media a { fill: rgb(153, 153, 153); margin-left: 20px; }
@media only screen and (max-width: 600px) {
  .b2w-feather-footer #f_bottom .logo-wrapper { padding: 20px 0px; }
}
.b2w-feather-footer #f_bottom .logo-wrapper .brd-logo { display: none; }
@media only screen and (max-width: 600px) {
  .b2w-feather-footer #f_bottom .logo-wrapper .brd-logo.picto { display: block; height: 20px; width: 192px; }
  .b2w-feather-footer #f_bottom .logo-wrapper .brd-logo.portal { display: block; height: 28px; width: 200px; }
}
@media only screen and (min-width: 601px) {
  .b2w-feather-footer #f_bottom .logo-wrapper .logo { display: block; height: 20px; width: 192px; }
}
.b2w-feather-footer #f_bottom .logo-wrapper .logo-color1 { fill: rgb(58, 57, 56); }
.b2w-feather-footer #f_bottom .logo-wrapper .logo-color2 { fill: rgb(230, 0, 20); }
.b2w-feather-footer #f_bottom .btn-more-info { align-items: center; background-color: rgb(243, 243, 249); border-radius: 0px 0px 8px 8px; cursor: pointer; display: flex; font-size: 14px; height: 70px; justify-content: center; top: 0px; transform: translateX(-20%); user-select: none; width: 185px; }
.b2w-feather-footer #f_bottom .btn-more-info:hover { color: rgb(230, 0, 20); text-decoration: underline; }
.b2w-feather-footer #f_bottom .btn-more-info:hover span { color: rgb(230, 0, 20); }
@media only screen and (max-width: 600px) {
  .b2w-feather-footer #f_bottom .btn-more-info { display: none; }
}
.b2w-feather-footer #f_bottom_infos { background-color: rgb(233, 235, 244); color: rgb(53, 0, 42); padding: 30px 0px; }
.b2w-feather-footer #f_bottom_infos .info-wrapper { display: flex; flex-direction: column; font-size: 12px; margin: 0px auto; max-width: 1280px; text-align: center; }
.b2w-feather-footer #f_bottom_infos address { font-size: 1em; font-style: normal; }
@media only screen and (max-width: 600px) {
  .b2w-feather-footer #f_bottom_infos address { padding-bottom: 20px; }
}
.b2w-feather-footer #f_bottom_infos .aemp-email { cursor: pointer; display: block; padding-top: 10px; text-decoration: none; }
.b2w-feather-footer #f_bottom_infos .aemp-email:hover { color: rgb(230, 0, 20); text-decoration: underline; transition: color 0.5s; }
.b2w-feather-footer #f_bottom_infos .site-map { color: rgb(102, 102, 102); cursor: pointer; display: inline; padding-top: 30px; text-decoration: none; }
.b2w-feather-footer #f_bottom_infos .site-map:hover { color: rgb(230, 0, 20); text-decoration: underline; transition: color 0.5s; }
@media only screen and (max-width: 600px) {
  .b2w-feather-footer #f_bottom_infos .site-map { margin-bottom: 20px; }
  .b2w-feather-footer #f_bottom_infos { background-color: rgb(233, 235, 244); border-top: 1px solid rgb(204, 204, 204); margin: 0px; padding: 20px 20px 0px; text-align: center; }
  .b2w-feather-footer #f_bottom_infos span { font-size: 12px; margin: 20px 0px; }
}
.b2w-feather-footer #footer-lgpd { align-items: center; background: rgb(255, 255, 255); border-radius: 12px; bottom: 30px; box-shadow: rgb(170, 170, 170) 0px 0px 10px; display: flex; left: 10px; margin: 0px auto; max-width: 1230px; padding: 20px; position: fixed; right: 10px; transform: translateY(300px); transition: 0.3s ease-in-out; z-index: 9999; }
.b2w-feather-footer #footer-lgpd.footer-lgpd-opened { transform: translate(0px); transition: 0.1s ease-in-out; }
.b2w-feather-footer #footer-lgpd * { font-size: 14px; }
.b2w-feather-footer #footer-lgpd p { margin: 0px; padding: 0px; }
.b2w-feather-footer #footer-lgpd #lgpd-accept { background: 0px 0px no-repeat padding-box padding-box rgb(255, 255, 255); border: 1px solid rgb(230, 0, 20); border-radius: 8px; color: rgb(230, 0, 20); cursor: pointer; font-size: 16px; letter-spacing: 0px; margin-left: 15px; padding: 10px 20px; text-align: center; white-space: nowrap; }
.b2w-feather-footer #footer-lgpd #lgpd-accept-link { color: rgb(230, 0, 20); white-space: nowrap; }
@media screen and (max-width: 1024px) {
  .b2w-feather-footer #footer-lgpd { bottom: 10px; display: block; padding: 10px; }
  .b2w-feather-footer #footer-lgpd p { margin-bottom: 10px; }
  .b2w-feather-footer #footer-lgpd #lgpd-accept { box-sizing: border-box; margin-left: 0px; width: 100%; }
}
*, ::before, ::after { margin: 0px; padding: 0px; box-sizing: border-box; }
* { font-family: Helvetica, Arial, sans-serif; }
:not(input, textarea) { text-transform: lowercase; }
.--ignore-case { text-transform: initial; }
.center-modal { margin: auto; max-width: 80%; }
@media (max-width: 768px) {
  .center-modal { width: 95%; max-width: 95%; }
}
.multi-sku-recommendation-modal { margin: auto; max-width: 410px; }
@media (max-width: 768px) {
  .multi-sku-recommendation-modal { width: 95%; max-width: 95%; }
}
.summary-modal { padding: 2.5rem 2.5rem 2rem; box-shadow: rgba(0, 0, 0, 0.5) 0px 5px 15px; max-width: min(1200px, 95%); }
@media (max-width: 768px) {
  .summary-modal { padding: 0.5rem; width: 100%; border-radius: 0px; }
}
.recipient-form-modal { max-width: 500px; padding: 2.5rem 2.5rem 3rem; }
@media (max-width: 768px) {
  .recipient-form-modal { padding: 2rem 2rem 3rem; }
}
.payment-button { width: 100%; height: 60px; }
.payment { min-height: 100vh; display: flex; flex-direction: column; animation: 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s 1 normal both running fadein; }
@-webkit-keyframes fadein { 
  0% { transform: translateZ(80px); opacity: 0; }
  100% { transform: translateZ(0px); opacity: 1; }
}
@keyframes fadein { 
  0% { transform: translateZ(80px); opacity: 0; }
  100% { transform: translateZ(0px); opacity: 1; }
}
.payment-header { display: flex; -webkit-box-align: center; align-items: center; height: 90px; background-color: darkslateblue; }
.payment-header__content { padding: 15px; width: 100%; max-width: 1024px; margin: 0px auto; }
.payment-SummaryAndDeliveryAddress__wrapper, .payment-orderFreightList, .payment-orderTicket, .payment-orderPaymentMethods, .payment-orderGiftVoucher, .payment-storeDelivery, .payment-noteInvoice, .payment-scheduledPickup { padding: 20px 15px; border-top: 1px solid rgb(227, 227, 227); }
.payment-SummaryAndDeliveryAddress__wrapper:last-child, .payment-orderFreightList:last-child, .payment-orderTicket:last-child, .payment-orderPaymentMethods:last-child, .payment-orderGiftVoucher:last-child, .payment-storeDelivery:last-child, .payment-noteInvoice:last-child, .payment-scheduledPickup:last-child { margin-bottom: 0px; }
@media (max-width: 320px) {
  .payment-SummaryAndDeliveryAddress__wrapper, .payment-orderFreightList, .payment-orderTicket, .payment-orderPaymentMethods, .payment-orderGiftVoucher, .payment-storeDelivery, .payment-noteInvoice, .payment-scheduledPickup { padding: 20px 5px; }
}
.payment-SummaryAndDeliveryAddress__wrapper { border-top: none; }
.payment-checkoutSummary, .payment-deliveryAddress { min-height: 100px; -webkit-box-flex: 1; flex-grow: 1; margin-bottom: 20px; }
@media (min-width: 768px) {
  .payment-checkoutSummary, .payment-deliveryAddress { max-width: 50%; }
}
.payment-deliveryAddress { margin-bottom: 0px; }
.payment-footer { padding: 15px; width: 100%; max-width: 1024px; margin: 0px auto; border-top: 1px solid rgb(227, 227, 227); line-height: 1.4; font-size: 0.8rem; text-align: center; color: rgb(102, 102, 102); }
.payment-footer > p { margin-bottom: 0.5rem; }
.payment-footer > img { margin-bottom: 0.5rem; }
@media (min-width: 768px) {
  .payment-SummaryAndDeliveryAddress__wrapper { display: flex; }
  .payment-SummaryAndDeliveryAddress__separation { border: none; width: 50%; margin-bottom: 0px; }
  .payment-SummaryAndDeliveryAddress__separation:last-child { margin-left: 20px; }
  .payment-deliveryAddress { margin-bottom: 0px; padding-right: 15px; }
  .payment-checkoutSummary { border-left: 1px solid rgb(227, 227, 227); padding-left: 1rem; }
}
.payment-checkoutSummary-wrapper { background-color: rgb(248, 248, 248); padding: 1rem; }
.bounce-animation { animation: 1.2s ease-in-out 0s infinite normal none running bounce; }
@-webkit-keyframes bounce { 
  0% { transform: translateY(0px); }
  50% { transform: translateY(10px); }
  100% { transform: translateY(0px); }
}
@keyframes bounce { 
  0% { transform: translateY(0px); }
  50% { transform: translateY(10px); }
  100% { transform: translateY(0px); }
}
.payment_menu_icon { width: 45px; }
@media (max-width: 768px) {
  .payment_menu_icon { height: 17px; }
}
@media (max-width: 768px) {
  #bank-slip .how-to .text { display: flex; line-height: 14px; flex-direction: column; -webkit-box-pack: center; justify-content: center; }
}
#bank-slip .how-to svg { max-width: 45px; max-height: 45px; margin-right: 5px; vertical-align: middle; flex-shrink: 0; }
@media (max-width: 768px) {
  #bank-slip .how-to svg { width: 60px; }
}
#bank-slip .safe-buy svg, #corporate .safe-buy svg { max-width: 12px; max-height: 12px; margin-left: 5px; vertical-align: middle; }
#bank-slip .important, #corporate .important { color: rgb(102, 102, 102); margin-left: 15px; margin-top: 10px; }
#bank-slip .important h3, #corporate .important h3 { font-size: 14px; margin-bottom: 7px; }
#bank-slip .important ul { margin-left: 15px; }
#bank-slip .important ul li { font-size: 12px; margin-bottom: 7px; }
#bank-slip .confirmation, #corporate .confirmation { color: rgb(102, 102, 102); margin: 2rem 0.5rem 0.5rem; display: flex; flex-direction: column; justify-self: end; justify-content: space-around; }
#bank-slip .confirmation > span, #corporate .confirmation > span, #bank-slip .confirmation > button, #corporate .confirmation > button { flex: 1 1 0%; font-size: 18px; }
@media (max-width: 768px) {
  #bank-slip .confirmation > span, #corporate .confirmation > span, #bank-slip .confirmation > button, #corporate .confirmation > button { width: 100%; }
}
#bank-slip .confirmation > span, #corporate .confirmation > span { font-size: 16px; }
#bank-slip .confirmation .values, #corporate .confirmation .values { text-align: right; }
@media (max-width: 768px) {
  #bank-slip .confirmation .values, #corporate .confirmation .values { font-weight: 900; }
}
#bank-slip .confirmation .values .promotion, #corporate .confirmation .values .promotion { width: 100%; display: block; color: rgb(102, 206, 2); font-size: 12px; margin-bottom: 10px; }
@media (max-width: 768px) {
  #bank-slip .confirmation .values .promotion, #corporate .confirmation .values .promotion { display: none; }
}
#bank-slip .confirmation .safe-buy, #corporate .confirmation .safe-buy { font-size: 12px; padding-top: 30px; text-align: right; }
@media (max-width: 768px) {
  #bank-slip .confirmation .safe-buy, #corporate .confirmation .safe-buy { padding-top: 15px; }
}
.bounce-animation { animation: 1.2s ease-in-out 0s infinite normal none running bounce; }
@-webkit-keyframes bounce { 
  0% { transform: translateY(0px); }
  50% { transform: translateY(10px); }
  100% { transform: translateY(0px); }
}
@keyframes bounce { 
  0% { transform: translateY(0px); }
  50% { transform: translateY(10px); }
  100% { transform: translateY(0px); }
}
.schedule-modal { padding-right: 20px; }
.new-modal.unavailable-modal { padding: 23px; align-self: center; width: 282px; }
@media (max-width: 768px) {
  .new-modal.unavailable-modal { width: 282px; align-self: center; padding: 23px; }
}
.new-modal.unavailable-change-adress-modal { padding: 32px; width: 392px; max-height: 545px; align-self: center; overflow-y: overlay; }
@media (max-width: 768px) {
  .new-modal.unavailable-change-adress-modal { padding: 16px; width: 100%; max-height: 100vh; min-height: 100vh; }
}
.payment-button { width: 100%; }
.select-store-button { width: 100%; }
.--money { text-transform: none; }
.savedCreditCardIcon { margin-left: 20px; }
.newCardPlusIcon { margin-right: 20px; margin-left: 5px; }
.smallSecurityCodeField.smallSecurityCodeField { width: 30%; }
@media (max-width: 768px) {
  .smallSecurityCodeField.smallSecurityCodeField { width: 45%; }
}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { appearance: none; margin: 0px; }
input[type="number"] { }
.new-modal-backdrop { backdrop-filter: blur(2px); display: none; position: fixed; inset: 0px; z-index: 1040; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); padding: 5vh 0px 50px; -webkit-box-pack: center; justify-content: center; overflow-y: hidden; align-items: flex-start; max-height: 100vh; }
@media (max-height: 760px) {
  .new-modal-backdrop { padding-top: 5px; padding-bottom: 5px; }
}
@media (max-width: 768px) {
  .new-modal-backdrop { padding: 0px; align-items: flex-start; }
}
.new-modal-backdrop.--opening { display: flex; animation: 150ms cubic-bezier(0.39, 0.575, 0.565, 1) 0s 1 normal both running fade-in; z-index: 11; }
.new-modal-backdrop.--opening > .new-modal { animation: 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 150ms 1 normal both running slide-in-bottom; }
.new-modal-backdrop.--open { display: flex; opacity: 1; z-index: 11; }
.new-modal-backdrop.--open > .new-modal { opacity: 1; position: relative; z-index: 10; }
.new-modal-backdrop.--closing { display: flex; opacity: 1; z-index: 11; animation: 150ms ease-out 250ms 1 normal both running fade-out; }
.new-modal-backdrop.--closing > .new-modal { animation: 250ms cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s 1 normal both running slide-out-bottom; }
.new-modal { --padding: 28px; --closeIconSize: 16px; background-color: rgb(255, 255, 255); padding: var(--padding); opacity: 0; border-radius: 8px; max-height: 90vh; overflow-y: auto; }
.new-modal > .close-icon { cursor: pointer; position: absolute; right: calc(var(--padding) - var(--closeIconSize)); top: calc(var(--padding) - var(--closeIconSize)); width: var(--closeIconSize); height: auto; }
@media (max-width: 768px) {
  .new-modal { width: 100%; }
}
@-webkit-keyframes fade-in { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes fade-in { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@-webkit-keyframes fade-out { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes fade-out { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}
@-webkit-keyframes slide-out-bottom { 
  0% { transform: translateY(0px); opacity: 1; }
  100% { transform: translateY(20px); opacity: 0; }
}
@keyframes slide-out-bottom { 
  0% { transform: translateY(0px); opacity: 1; }
  100% { transform: translateY(20px); opacity: 0; }
}
@-webkit-keyframes slide-in-bottom { 
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: translateY(0px); opacity: 1; }
}
@keyframes slide-in-bottom { 
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: translateY(0px); opacity: 1; }
}
.new-modal-backdrop .new-modal.new-conflict-modal { padding: 0px; border-radius: 1rem; width: 100%; max-width: 500px; }
@media (max-width: 768px) {
  .new-modal-backdrop .new-modal.new-conflict-modal { max-height: 95vh; align-self: end; }
}
body * { }
body ::-webkit-scrollbar { background-color: transparent; border: none; width: 0.5rem; }
body ::-webkit-scrollbar-thumb { background: lightgrey; border-radius: 5px; width: 0.5rem; }
::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track { border-radius: 10px; }
::-webkit-scrollbar-thumb { background: rgb(153, 153, 153); border-radius: 10px; }
::-webkit-scrollbar-thumb:hover { background: rgb(102, 102, 102); }
:not(input, textarea) { text-transform: lowercase; }
.--ignore-case { text-transform: initial; }
div.service-list-modal { padding: 0px; }
div.service-list-modal > div:first-child { padding: 1rem; }
.pJcLa { transition: 0.4s; height: 0px; margin-top: 0px; overflow: hidden; }
.bIAYsG { text-decoration: none; touch-action: manipulation; white-space: nowrap; border-radius: 3px; transition: 100ms ease-in; font-weight: bold; font-size: 16px; cursor: pointer; user-select: none; border: 2px solid transparent; display: flex; position: relative; flex: 0 0 auto; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; outline: none; padding: 0.5rem 1.5rem; line-height: 1.5; }
.bIAYsG:disabled { cursor: not-allowed; filter: opacity(70%); }
.bIAYsG > .loader { position: absolute; }
.cIaABX { --brandColor: #F80032; --backgroundColor: white; --textColor: #F80032; background-color: var(--backgroundColor); color: var(--textColor); box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 6px; border: 2px solid var(--brandColor); font-size: 16px; }
.cIaABX:hover { filter: opacity(90%); }
.hyKVkl { --brandColor: #F80032; --backgroundColor: #F80032; --textColor: white; background-color: var(--backgroundColor); color: var(--textColor); box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 6px; border: 2px solid var(--brandColor); font-size: 18px; }
.hyKVkl:hover { filter: opacity(90%); }
.eRPXqG { z-index: 101; position: absolute; width: 180px; background: rgb(255, 255, 255); border-radius: 8px; padding: 1rem; line-height: 18px; animation: 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s 1 normal forwards running fadeIn; }
@-webkit-keyframes fadeIn { 
  0% { opacity: 0; transform: translateY(-24px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes fadeIn { 
  0% { opacity: 0; transform: translateY(-24px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@-webkit-keyframes fadeOut { 
  0% { opacity: 1; transform: translateY(0px); }
  100% { opacity: 0; transform: translateY(-24px); }
}
@keyframes fadeOut { 
  0% { opacity: 1; transform: translateY(0px); }
  100% { opacity: 0; transform: translateY(-24px); }
}
@media (max-width: 1120px) {
  .eRPXqG { left: -16px; border-top: 1px solid rgb(233, 233, 233); max-height: 288px; }
}
.eRPXqG::after { content: ""; position: absolute; width: 15px; height: 15px; background: white; top: -7px; left: 90px; transform: rotate(45deg); z-index: -2; }
@media (max-width: 1120px) {
  .eRPXqG::after { left: 81%; }
}
@media (max-width: 768px) {
  .eRPXqG::after { left: 84%; }
}
.klzIIZ { z-index: 101; position: absolute; width: 180px; background: rgb(255, 255, 255); border-radius: 8px; padding: 1rem; line-height: 18px; animation: 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s 1 normal forwards running fadeOut; }
@-webkit-keyframes fadeIn { 
  0% { opacity: 0; transform: translateY(-24px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes fadeIn { 
  0% { opacity: 0; transform: translateY(-24px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@-webkit-keyframes fadeOut { 
  0% { opacity: 1; transform: translateY(0px); }
  100% { opacity: 0; transform: translateY(-24px); }
}
@keyframes fadeOut { 
  0% { opacity: 1; transform: translateY(0px); }
  100% { opacity: 0; transform: translateY(-24px); }
}
@media (max-width: 1120px) {
  .klzIIZ { left: -16px; border-top: 1px solid rgb(233, 233, 233); max-height: 288px; }
}
.klzIIZ::after { content: ""; position: absolute; width: 15px; height: 15px; background: white; top: -7px; left: 90px; transform: rotate(45deg); z-index: -2; }
@media (max-width: 1120px) {
  .klzIIZ::after { left: 81%; }
}
@media (max-width: 768px) {
  .klzIIZ::after { left: 84%; }
}
.gJQtLO { position: relative; }
.gJQtLO::after { content: ""; position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; animation: 300ms ease 0s 1 normal forwards running backdropFadeIn; z-index: 100; }
@-webkit-keyframes backdropFadeIn { 
  0% { background-color: rgba(0, 0, 0, 0); }
  100% { background-color: rgba(0, 0, 0, 0.3); }
}
@keyframes backdropFadeIn { 
  0% { background-color: rgba(0, 0, 0, 0); }
  100% { background-color: rgba(0, 0, 0, 0.3); }
}
.iFkEcY > circle { stroke: rgb(255, 255, 255); }
.iFkEcY > path { fill: rgb(255, 255, 255); }
@media (max-width: 768px) {
  .iFkEcY { width: 19px; }
}
.grswyo { grid-area: showMore; align-self: center; }
.grswyo > path { fill: rgb(255, 255, 255); }
@media (max-width: 768px) {
  .grswyo { display: none; }
}
.fypuSN { display: flex; gap: 1rem; -webkit-box-align: center; place-items: center start; cursor: pointer; color: rgb(102, 102, 102); text-decoration: none; transition: 200ms; }
.fypuSN:first-child { border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; }
.fypuSN:last-child { border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; }
.gOhGrh:hover { color: rgb(248, 0, 50); }
.gOhGrh:hover svg path { fill: rgb(248, 0, 50); }
.gMxwPK { gap: 1rem; margin: 0px; display: flex; flex-direction: column; list-style-type: none; }
.iwlObZ { position: relative; width: auto; place-self: center end; grid-area: userInfo; }
@media (max-width: 1120px) {
  .iwlObZ { place-self: center; padding: 0px 0px 0.35rem; }
}
.kOrgvw { position: relative; cursor: pointer; font-size: 1rem; color: rgb(255, 255, 255); display: flex; -webkit-box-align: center; align-items: center; }
.hZdAhM { position: relative; cursor: pointer; font-size: 1rem; color: rgb(255, 255, 255); display: flex; -webkit-box-align: center; align-items: center; z-index: 99; }
.hseqUY { top: calc(50% + 36px); padding: 1rem; }
@media (max-width: 1150px) {
  .hseqUY { left: auto; right: calc(50% - 24px); }
}
.kGRfgr { white-space: nowrap; font-weight: 700; }
.hhCOtM { display: flex; gap: 8px; }
.fzsSmO { display: flex; flex-direction: column; margin-left: 0.5rem; font-size: 14px; line-height: 18px; }
@media (max-width: 1120px) {
  .fzsSmO { margin-left: 0px; }
  .fzsSmO .sc-kcrxFD, .fzsSmO .sc-hLznAM { display: none; }
}
.gJBDUD { white-space: nowrap; font-weight: 700; }
.bvUOiu { position: relative; width: 170px; place-self: center end; grid-area: userInfo; }
@media (max-width: 768px) {
  .bvUOiu { width: 32px; }
}
.hQicTN { position: relative; cursor: pointer; font-size: 0.875rem; font-weight: 700; color: rgb(255, 255, 255); display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; }
.eVyFqf { display: grid; grid-template-areas: "text text" "textSignUp showMore"; }
@media (max-width: 768px) {
  .eVyFqf { display: none; }
}
.hhruTO { grid-area: text; }
.kPqpco { grid-area: textSignUp; }
.gOgcgo { top: calc(50% + 36px); left: 62px; padding: 1.5rem; width: 240px; height: 260px; border-radius: 0.5rem; }
@media (max-width: 768px) {
  .gOgcgo { left: auto; right: -8px; }
}
*, ::before, ::after { margin: 0px; padding: 0px; box-sizing: border-box; }
.--ignore-case { text-transform: initial; }
.jDYMxu { grid-area: basketIcon; position: relative; cursor: pointer; transition: 0.3s 1s; }
.gkCMoe { width: 32px; height: 32px; }
@media (max-width: 768px) {
  .gkCMoe { width: 19px; }
}
.gkCMoe > path { fill: rgb(255, 255, 255); }
.duSkxM { position: absolute; top: -5px; left: 20px; border-radius: 50%; width: 17px; height: 17px; background-color: rgb(148, 0, 30); color: white; font-size: 0.75rem; font-style: normal; font-weight: 700; line-height: 18px; text-align: center; transition: 0.3s; }
@media (max-width: 768px) {
  .duSkxM { width: 13px; height: 13px; font-size: 0.625rem; top: 0px; left: 12px; line-height: 13px; }
}
.iiIliG { place-self: center start; margin: 0px 0.344rem 0px 0px; padding: 0px; }
.bXoQQY { text-decoration: none; display: grid; }
.hgPqPM { width: 100%; top: calc(100% + 12px); }
@media (max-width: 1120px) {
  .hgPqPM { width: 100vw; top: -20px; }
}
.lbZXel { border: unset; background-color: unset; cursor: pointer; display: inline-flex; flex-direction: column; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; overflow: hidden; grid-area: backButton; }
@media (min-width: 1120px) {
  .lbZXel { display: none; }
}
.gWyVIw { display: grid; width: 100%; grid-template-columns: 1fr 3rem; grid-template-areas: "input submitSearch"; cursor: text; background-color: white; border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.12) 0px 10px 15px; position: relative; z-index: 6; transition: 0.1s ease-in-out; }
@media (max-width: 1120px) {
  .gWyVIw .sc-fJHqna { display: none; }
}
.igZKXM { width: 100%; position: relative; z-index: 11; grid-area: searchBar; }
.hBBJWz { display: inline-block; color: rgb(102, 102, 102); width: 100%; border: unset; outline: none; padding: 0.688rem 0px 0.688rem 1rem; font-size: 1rem; background-color: white; border-radius: 8px; height: 40px; grid-area: input; }
@media (max-width: 1120px) {
  .hBBJWz { padding: 0.7rem 0px 0.7rem 0.5rem; }
}
.krmryF { --theme-color: #F80032; border: unset; background-color: unset; cursor: pointer; display: inline-flex; flex-direction: column; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; overflow: hidden; width: 52.8px; transition: filter 100ms ease-in; grid-area: submitSearch; }
.krmryF:hover { filter: opacity(90%); }
.krmryF > svg { width: 21px; height: 21px; }
.krmryF > svg > path { fill: var(--theme-color); }
.jVVfqG { place-self: center; }
.cYuuvM { background-color: rgb(248, 0, 50); padding: 1rem; transition: background-color 1s; }
.cYuuvM * { box-sizing: border-box; }
@media (max-width: 1120px) {
  .cYuuvM { padding: 0.5rem; }
}
.fuPTQZ { padding-left: var(--page-padding); padding-right: calc(var(--page-padding) + var(--summary-padding)); max-width: 1250px; display: grid; grid-auto-flow: column; column-gap: 3rem; place-items: center; grid-template-columns: max-content minmax(100px, 1fr) max-content; grid-template-areas: "logo searchBar userInfo basketIcon"; margin: 0px auto; }
@media (max-width: 1120px) {
  .fuPTQZ { padding: 0.5rem; grid-template: "logo userInfo basketIcon" max-content "searchBar searchBar searchBar" max-content / 1fr auto auto; column-gap: 2vw; }
}
@media (max-width: 768px) {
  .fuPTQZ { row-gap: 0.5rem; }
}
@media (min-width: 768px) and (max-width: 1120px) {
  .fuPTQZ { row-gap: 1rem; }
}
.dxSWHO { width: 100%; color: rgb(102, 102, 102); position: relative; padding-bottom: 22px; }
.dMwFDm { display: grid; grid-template-columns: auto [arrowDown] min-content; padding: 0.3rem 1rem 0.3rem 0.3rem; border: 0.75px solid rgb(102, 102, 102); border-radius: 0.5rem; cursor: text; width: 100%; max-width: 100%; }
.caLFlA { font-size: 14px; color: rgb(51, 51, 51); font-weight: bolder; }
.caLFlA > p { margin-bottom: 0.25rem; }
.caLFlA > p > .optional { color: rgb(153, 153, 153); font-weight: normal; }
.fCDss { outline: none; border: none; color: rgb(51, 51, 51); background-color: transparent; padding: 0.5rem; text-overflow: ellipsis; overflow: hidden; width: 100%; cursor: text; opacity: 1; }
@media (max-width: 768px) {
  .fCDss { font-size: 1rem; }
}
.kmNmOz { display: flex; flex-direction: row; -webkit-box-align: center; align-items: center; margin-bottom: 20px; }
.iuMloS { display: flex; color: rgb(102, 102, 102); font-size: 18.75px; font-weight: 700; padding: 20px 15px; margin: -20px -15px; }
.egAcfv { background: none; border: none; padding: 0px; font-family: inherit; color: rgb(51, 51, 51); text-decoration: underline; cursor: pointer; outline: none; font-size: 14px; }
.bDSklC { display: grid; place-items: center start; grid-template-columns: 100px minmax(100px, 1fr) minmax(min-content, 100px) 100px 122px; grid-template-areas: "productImage product quantity freight price" ". services services . ." "warning warning warning warning warning"; padding: 1rem; -webkit-box-align: center; column-gap: 1.5rem; }
@media (max-width: 768px) {
  .bDSklC { grid-template-columns: 70px 1fr 1fr; column-gap: 0.5rem; grid-template-areas: "productImage product product" ". freight freight" "quantity quantity price" "services services services" "warning warning warning"; padding: 1.5rem 1rem 1rem; }
}
.cQtHwB { display: grid; place-items: center start; animation: 200ms cubic-bezier(0.39, 0.575, 0.565, 1) 90ms 1 normal both running fofuFt; grid-template-columns: 100px minmax(100px, 1fr) minmax(min-content, 100px) 100px 122px; grid-template-areas: "productImage product quantity freight price" ". services services . ." "warning warning warning warning warning"; padding: 1rem; -webkit-box-align: center; column-gap: 1.5rem; }
@media (max-width: 768px) {
  .cQtHwB { grid-template-columns: 70px 1fr 1fr; column-gap: 0.5rem; grid-template-areas: "productImage product product" ". freight freight" "quantity quantity price" "services services services" "warning warning warning"; padding: 1.5rem 1rem 1rem; }
}
.fGGoXl { white-space: nowrap; color: rgb(51, 51, 51); }
.iXeWli { grid-area: price; font-weight: bold; text-align: end; justify-self: end; }
.hGbFsb { display: flex; flex-direction: column; -webkit-box-pack: center; justify-content: center; align-items: flex-start; overflow: hidden; }
.hGbFsb > img, .hGbFsb > svg, .hGbFsb > a > img { width: 100%; }
.cFQPJx { cursor: pointer; display: flex; flex-direction: column; -webkit-box-pack: center; justify-content: center; align-items: flex-start; overflow: hidden; width: 20px; min-width: 20px; margin-left: 0.25rem; }
.cFQPJx svg { width: 100%; }
.cmhGQZ { cursor: pointer; border-radius: 0px; position: absolute; opacity: 0; }
.cmhGQZ:checked + svg path { transition: 0.4s; }
.cmhGQZ:checked + svg path.inner { stroke-dashoffset: 38; transition-delay: 0.3s; }
.cmhGQZ:checked + svg path.outer { stroke-dashoffset: 0; }
.cmhGQZ:focus-visible + svg { outline: -webkit-focus-ring-color solid 3px; outline-offset: 2px; }
.bwTYPw { width: 24px; height: 24px; position: relative; }
.llZnSV { width: 100%; height: 100%; display: block; cursor: pointer; fill: none; }
.etsrrx { stroke: rgb(248, 0, 50); stroke-width: 6; stroke-dasharray: 19; stroke-dashoffset: 19; }
.dphRxh { stroke: rgb(248, 0, 50); stroke-width: 2; stroke-dasharray: 57; stroke-dashoffset: 57; }
.kcyTJL { stroke-width: 2; stroke: rgb(204, 204, 204); }
.jbAruP { display: flex; -webkit-box-align: center; align-items: center; margin-top: 0.5rem; cursor: pointer; color: rgb(102, 102, 102); width: 100%; padding: 1rem 0px; -webkit-box-pack: justify; justify-content: space-between; }
.jbAruP > div { display: flex; width: 100%; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; }
.fSFQzy { position: absolute; width: 1em; height: 1em; opacity: 0; }
.fSFQzy + .sc-dlfLSb::before { content: " "; width: 1em; height: 1em; margin-right: 0.8rem; transition: 0.2s; flex-shrink: 0; border: 1px solid rgb(184, 184, 184); border-radius: 0.2em; display: inline-block; vertical-align: bottom; }
.fSFQzy:focus-visible + .sc-dlfLSb::before { outline: -webkit-focus-ring-color solid 3px; outline-offset: 2px; padding-left: 2px; }
.fSFQzy:checked + .sc-dlfLSb::before { content: url("/pagamento/static/media/service-check-icon.a23c51105a50ae24fc655b53a9e91436.svg"); background-color: rgb(248, 0, 50); border-color: rgb(248, 0, 50); padding-left: 2px; }
.gYfDsA { position: relative; cursor: pointer; list-style: none; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; }
.gYfDsA > :first-child { margin: 0px; }
.gYfDsA > .collapsableArrow { position: absolute; top: calc(50% - 10px); right: 15px; width: 10px; height: auto; transition: transform 0.5s; transform: rotate(0deg); }
.hDuLhs { padding: 0.5rem 0px; display: block; }
@media (max-width: 768px) {
  .hDuLhs { font-size: 12px; }
}
.cmxqSM { border-radius: 4px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; padding: 1.1rem; }
.cmxqSM > div, .cmxqSM h2 { margin: 0px; }
.cmxqSM h2 { font-weight: normal; font-size: 14px; padding: 0px; }
.cmxqSM > summary .collapsableArrow { fill: rgb(248, 0, 50); width: 1rem; position: static; }
.bBmtZH { padding: 0rem 1rem; border-top: 1px solid rgb(204, 204, 204); }
.hZjMNO { grid-area: services; width: 100%; margin-top: 1.5rem; color: rgb(102, 102, 102); }
.hZjMNO > div { background-color: rgb(241, 241, 241); }
.cQtuIB { grid-column: 2; font-size: 0.75rem; color: rgb(153, 153, 153); line-height: 1rem; }
.frCgxz { display: grid; grid-auto-flow: column; -webkit-box-pack: center; justify-content: center; column-gap: 10px; -webkit-box-align: center; align-items: center; }
.bpJlxi { color: rgb(102, 102, 102); cursor: pointer; text-transform: lowercase; font-size: 12px; }
.bpJlxi:hover { text-decoration: underline; }
.bWTqTj { grid-column: 2; display: flex; max-width: 30%; -webkit-box-align: center; align-items: center; margin-bottom: 8px; }
.bWTqTj > span { border-radius: 8px; }
@media (max-width: 768px) {
  .bWTqTj { display: none; }
}
.kKzWxG { color: rgb(102, 102, 102); margin: 4px 0px; font-size: 15px; line-height: 1.5; font-family: sans-serif; display: flex; flex-flow: row; justify-content: space-around; }
@media (max-width: 768px) {
  .kKzWxG { font-size: 14px; line-height: 1.3; }
}
.jMiPkr { display: inline-flex; flex: 2 1 0%; }
.jTWUOO { display: inline-flex; flex: 1 1 0%; -webkit-box-pack: end; justify-content: flex-end; white-space: nowrap; text-transform: initial; }
.iSaKCk { color: rgb(74, 74, 74); font-size: 1.5rem; margin-top: 0.5rem; margin-bottom: 0.5rem; }
@media (max-width: 1000px) {
  .iSaKCk { grid-area: title; }
}
.lnBGNt { text-decoration: line-through; text-transform: initial; }
.eGLmZJ { width: 100%; }
.eGLmZJ li { list-style: none; display: flex; margin-bottom: 0.5rem; }
.hgplkB { width: 100%; display: flex; -webkit-box-align: center; align-items: center; background-color: rgb(246, 246, 246); padding: 1rem; cursor: pointer; border-radius: 0.5rem; }
.bzmhIu { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: start; justify-content: flex-start; margin-left: 0.5rem; }
.cWflID { color: rgb(102, 102, 102); font-size: 14px; margin-left: 0.5rem; }
.gVZyIB { color: rgb(102, 102, 102); font-size: 14px; text-transform: initial; }
.cwMYdb { color: rgb(0, 128, 0); font-size: 14px; text-transform: initial; }
.cxbobK { display: inline-block; height: 100%; width: 100%; background: linear-gradient(-90deg, rgb(240, 240, 240) 0%, rgb(248, 248, 248) 50%, rgb(240, 240, 240) 100%) 0% 0% / 400% 400%; animation: 1.2s ease-in-out 0s infinite normal none running pulse; }
@-webkit-keyframes pulse { 
  0% { background-position: 0% 0%; }
  100% { background-position: -135% 0%; }
}
@keyframes pulse { 
  0% { background-position: 0% 0%; }
  100% { background-position: -135% 0%; }
}
.bWTMEu { width: 100%; }
.bWTMEu li { list-style: none; display: flex; margin-bottom: 0.5rem; }
.gckxWS { width: 100%; display: flex; -webkit-box-align: center; align-items: center; background-color: rgb(246, 246, 246); padding: 1rem; cursor: pointer; border-radius: 0.5rem; }
.kOqhhX { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: start; justify-content: flex-start; margin-left: 0.5rem; width: 300px; height: 100%; }
@media (max-width: 768px) {
  .kOqhhX { width: 100%; }
}
.jgyqcI { display: flex; -webkit-box-align: center; align-items: center; width: 100%; }
.jgyqcI .zipcode-search { text-decoration: none; color: rgb(102, 102, 102); margin-left: 1rem; }
.jgyqcI .zipcode-search:hover { text-decoration: underline; }
@media (max-width: 768px) {
  .jgyqcI a { display: none; }
}
.lgYRKn { margin-right: 0.5rem; width: 30%; }
.jsZCdx { border-radius: 0.5rem; }
.cQnpzb { width: 30%; margin-right: 1rem; }
@media (max-width: 768px) {
  .cQnpzb { width: 100%; }
}
.iVfpSW { grid-area: product; }
.iVfpSW > :last-child { margin-bottom: 0px; }
.faPePC { place-self: start; width: 100%; grid-area: productImage; }
.bnvPIh { grid-column: 2; display: inline-block; font-weight: 700; font-size: 14px; color: rgb(102, 102, 102); }
.bnvPIh:hover { text-decoration: underline; }
.gbcyUK { font-size: 0.75rem; color: rgb(102, 102, 102); margin-bottom: 5px; margin-top: 5px; }
.dlmCQ { display: grid; grid-area: quantity; }
@media (max-width: 768px) {
  .dlmCQ:is(.sc-jRwlSK):is(.sc-jRwlSK) { justify-self: start; padding-left: 78px; }
  .dlmCQ:is(.sc-jRwlSK) + :is(div) { justify-self: end; }
}
.eHSxba { display: grid; grid-template-columns: 12px 45px 12px; border: 2px solid rgb(227, 227, 227); border-radius: 0.5rem; padding: 0px 8px; -webkit-box-align: center; align-items: center; opacity: 1; }
.eHSxba input::-webkit-outer-spin-button, .eHSxba input::-webkit-inner-spin-button { appearance: none; }
.eHSxba input[type="number"] { }
.iLOmvA { width: 12px; position: relative; }
.iLOmvA:disabled { cursor: default; }
.iLOmvA:disabled > svg { fill: rgb(227, 227, 227); }
.iLOmvA > svg { fill: rgb(248, 0, 50); }
.SxqRD { cursor: pointer; opacity: 0; position: absolute; width: 12px; }
.SxqRD:focus-visible + svg { outline: -webkit-focus-ring-color solid 3px; outline-offset: 2px; }
.hKFcNd { text-align: center; height: 35px; border: none; outline: none; }
.jA-DHMB { grid-area: freight; text-align: center; }
.jA-DHMB > :not(:last-child) { margin-bottom: 0.25rem; }
@media (max-width: 768px) {
  .jA-DHMB { width: 100%; margin: 0.5rem 0px 1rem; padding: 0.5rem 0px; text-align: left; }
}
.gUqeQI { font-size: 14px; line-height: 16px; color: rgb(102, 102, 102); }
.gHddTa { text-align: center; display: block; justify-self: center; color: rgb(102, 102, 102); }
@media (max-width: 768px) {
  .gHddTa { text-align: start; }
}
.bjEJHL { grid-area: warning; width: 100%; }
.hyISQd { position: relative; border: 1px solid rgb(236, 236, 236); border-radius: 1rem; box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 4px; margin-bottom: 1rem; }
@media (max-width: 768px) {
  .hyISQd > article:not(:first-of-type) { border-top: 1px solid rgb(244, 244, 244); }
  .hyISQd > article { margin: 1rem; }
}
.gMEfaN { grid-template-columns: 100px minmax(100px, 1fr) minmax(min-content, 100px) 100px 122px; grid-template-areas: "productImage product quantity freight price" ". services services . ." "warning warning warning warning warning"; padding: 1rem; -webkit-box-align: center; align-items: center; column-gap: 1.5rem; }
@media (max-width: 768px) {
  .gMEfaN { grid-template-columns: 70px 1fr 1fr; column-gap: 0.5rem; grid-template-areas: "productImage product product" ". freight freight" "quantity quantity price" "services services services" "warning warning warning"; padding: 1rem 0px; }
}
.gmDCrJ { grid-column: 1; display: flex; flex-direction: column; gap: 1rem; }
@media (max-width: 1000px) {
  .gmDCrJ { grid-area: products; }
}
.bJjoDu { border-bottom: 1px solid rgb(233, 233, 233); }
@media (max-width: 768px) {
  .bJjoDu { display: none; }
}
.kFtIzd { color: rgb(74, 74, 74); font-size: 14px; line-height: 16px; text-align: center; grid-area: productImage; }
.kFtIzd:not(:first-child) { justify-self: center; }
.fRggG { color: rgb(74, 74, 74); font-size: 14px; line-height: 16px; text-align: center; grid-area: freight; }
.fRggG:not(:first-child) { justify-self: center; }
.bJWOeq { color: rgb(74, 74, 74); font-size: 14px; line-height: 16px; text-align: center; grid-area: quantity; }
.bJWOeq:not(:first-child) { justify-self: center; }
.epvDfI { color: rgb(74, 74, 74); font-size: 14px; line-height: 16px; text-align: center; grid-area: price; }
.epvDfI:not(:first-child) { justify-self: center; }
.byHgPK { display: flex; flex-direction: column; -webkit-box-pack: center; justify-content: center; align-items: flex-start; overflow: hidden; }
.byHgPK > img, .byHgPK > svg { width: 100%; }
.lbA-dWS { display: flex; }
.keNYYe { width: var(--recommendation-size); display: grid; grid-auto-flow: column; -webkit-box-pack: start; justify-content: start; column-gap: 1rem; border-radius: 0.5rem; box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 4px; animation: 500ms linear 0s 1 normal forwards running ceardg; }
.cwKIKP { -webkit-box-align: center; align-items: center; width: 90px; padding: 0.5rem; border-radius: 0.5rem 0px 0px 0.5rem; position: relative; }
.cwKIKP > img { display: block; width: 100%; height: auto; }
.cwKIKP::after { content: ""; position: absolute; width: 100%; height: 100%; background-color: black; filter: opacity(4%); }
.hopZya { padding: 1rem 0.5rem 1rem 0px; display: grid; row-gap: 0.5rem; }
.eWpoVT { font-size: 0.75rem; color: rgb(102, 102, 102); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
@media (max-width: 768px) {
  .eWpoVT { display: unset; -webkit-box-orient: unset; -webkit-line-clamp: unset; max-height: unset; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
}
@supports not (display:-webkit-box) {
  .eWpoVT { --max-lines: 2; --line-height: 1.2em; line-height: var(--line-height); overflow: hidden; max-height: calc((var(--line-height) * var(--max-lines) - 1px)); }
  @media (max-width: 768px) {
  .eWpoVT { max-height: unset; line-height: unset; text-overflow: ellipsis; white-space: nowrap; }
}
}
.fNrvky { font-size: 1rem; min-width: 11ch; color: rgb(3, 3, 3); }
.eTJqux { text-align: left; color: rgb(102, 102, 102); }
.eTJqux .loader { margin: 0px auto; }
.ccFvdF { display: flex; -webkit-box-align: center; align-items: center; padding: var(--recommendation-gap); overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x; scroll-padding-left: calc(var(--recommendation-gap) * 0.2); scrollbar-width: none; }
.ccFvdF::-webkit-scrollbar { display: none; }
.ccFvdF > div > figure { scroll-snap-align: start; }
.bAxIPi { display: grid; grid-auto-flow: column; }
.bAxIPi > figure:not(:last-child) { margin-right: var(--recommendation-gap); }
.bAxIPi > figure { position: relative; }
.bAxIPi > figure:last-child::after { content: ""; position: absolute; width: var(--recommendation-gap); height: 100%; right: calc(var(--recommendation-gap) * -1); }
.isBAQD { --brand-color: #F80032; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; flex-shrink: 0; position: sticky; z-index: 1; border-radius: 50%; width: 66px; height: 66px; border: unset; box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 4px; background-color: rgba(217, 217, 217, 0.5); }
.isBAQD > svg { fill: var(--brand-color); transition: 0.1s ease-in-out; }
.isBAQD > svg { position: absolute; left: 50%; top: 50%; transform: translate(-40%, -50%) scale(1); }
@media (hover: none) and (max-width: 768px) {
  .isBAQD { display: none; }
}
.CGyxK { left: -0.5rem; transform: rotate(180deg); margin-right: calc(var(--recommendation-gap)); }
.CGyxK > svg { position: absolute; left: 50%; top: 50%; transform: translate(-40%, -50%) scale(1); }
.kfXnQt { right: -0.5rem; margin-left: calc(var(--recommendation-gap)); }
.kfXnQt > svg { position: absolute; left: 50%; top: 50%; transform: translate(-40%, -50%) scale(1); }
.gUKPIR { fill: rgb(248, 0, 50); width: auto; height: 22px; }
.kegZlX { color: rgb(74, 74, 74); font-size: 1.5rem; height: 28px; width: 270px; }
.jzQlds { display: flex; -webkit-box-align: center; align-items: center; padding: var(--recommendation-gap); overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x; scroll-padding-left: calc(var(--recommendation-gap) * 0.2); scrollbar-width: none; }
.jzQlds::-webkit-scrollbar { display: none; }
.jzQlds > div > figure { scroll-snap-align: start; }
.iiWUMN { display: grid; grid-auto-flow: column; }
.iiWUMN > figure:not(:last-child) { margin-right: var(--recommendation-gap); }
.iiWUMN > figure { position: relative; }
.iiWUMN > figure:last-child::after { content: ""; position: absolute; width: var(--recommendation-gap); height: 100%; right: calc(var(--recommendation-gap) * -1); }
.kovQCV { --brand-color: #F80032; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; flex-shrink: 0; position: sticky; z-index: 1; border-radius: 50%; width: 66px; height: 66px; border: unset; box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 4px; background-color: rgba(217, 217, 217, 0.5); }
.kovQCV > svg { fill: var(--brand-color); transition: 0.1s ease-in-out; }
.kovQCV > svg { position: absolute; left: 50%; top: 50%; transform: translate(-40%, -50%) scale(1); }
@media (hover: none) and (max-width: 768px) {
  .kovQCV { display: none; }
}
.cqmUrr { left: -0.5rem; transform: rotate(180deg); margin-right: calc(var(--recommendation-gap)); }
.cqmUrr > svg { position: absolute; left: 50%; top: 50%; transform: translate(-40%, -50%) scale(1); }
.fxXnaZ { right: -0.5rem; margin-left: calc(var(--recommendation-gap)); }
.fxXnaZ > svg { position: absolute; left: 50%; top: 50%; transform: translate(-40%, -50%) scale(1); }
.kQRbcB { fill: rgb(248, 0, 50); width: auto; height: 22px; }
.cMzlGT { display: flex; flex-direction: column; -webkit-box-pack: center; justify-content: center; align-items: flex-start; overflow: hidden; }
.cMzlGT > img, .cMzlGT > svg { width: 100%; }
.cjJYJz { height: 110px; width: var(--recommendation-size); display: grid; grid-auto-flow: column; -webkit-box-pack: start; justify-content: start; column-gap: 1rem; border-radius: 0.5rem; box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 4px; }
.iveGom { -webkit-box-align: center; align-items: center; width: 90px; padding: 1rem 0.5rem; border-radius: 0.5rem 0px 0px 0.5rem; position: relative; }
.iveGom > img { display: block; width: 100%; height: auto; }
.iveGom::after { content: ""; position: absolute; width: 100%; height: 100%; background-color: black; filter: opacity(4%); }
.fBqfWG { padding: 1rem 0.5rem 1rem 0px; display: grid; row-gap: 0.5rem; }
.bNiXa { font-size: 0.75rem; color: rgb(102, 102, 102); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
@media (max-width: 768px) {
  .bNiXa { display: unset; -webkit-box-orient: unset; -webkit-line-clamp: unset; max-height: unset; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
}
@supports not (display:-webkit-box) {
  .bNiXa { --max-lines: 2; --line-height: 1.2em; line-height: var(--line-height); overflow: hidden; max-height: calc((var(--line-height) * var(--max-lines) - 1px)); }
  @media (max-width: 768px) {
  .bNiXa { max-height: unset; line-height: unset; text-overflow: ellipsis; white-space: nowrap; }
}
}
.kXOlrb { font-size: 1rem; min-width: 11ch; color: rgb(3, 3, 3); }
.bVxaLw { text-align: left; color: rgb(102, 102, 102); }
.bVxaLw .loader { margin: 0px auto; }
.griRKV { color: rgb(74, 74, 74); font-size: 0.875rem; }
.gpiqBf { overflow-x: auto; grid-column: 1; }
@media (max-width: 1000px) {
  .gpiqBf { grid-area: o2o-recommendation; }
}
.eYhcHi { display: grid; grid-template-columns: 28px 1fr; column-gap: 0.5rem; -webkit-box-align: center; align-items: center; }
.eYhcHi > svg { fill: rgb(248, 0, 50); }
@media (max-width: 768px) {
  .eYhcHi { grid-template-columns: 28px 1fr; }
}
.fBcZJu { font-size: 20px; font-weight: 700; color: rgb(102, 102, 102); }
.fBcZJu span { color: rgb(248, 0, 50); }
.dBYEoY { color: rgb(102, 102, 102); }
.dBYEoY * { text-transform: initial; }
.gKuA-DC { grid-column: 1; display: grid; row-gap: 1.25rem; grid-template-rows: repeat(2, min-content); border: 1px solid rgb(227, 227, 227); padding: 1rem; }
@media (max-width: 1000px) {
  .gKuA-DC { grid-area: storeBanner; }
}
@media (max-width: 768px) {
  .gKuA-DC { -webkit-box-pack: center; justify-content: center; }
}
.gTFDur { display: flex; flex-direction: row; -webkit-box-align: center; align-items: center; margin-bottom: 20px; }
.fTeanz { display: flex; color: rgb(51, 51, 51); font-size: 22px; font-weight: 700; padding: 20px 15px; margin: -20px -15px; }
.hbiHFK { display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; margin: 10px 0px 15px; padding-top: 10px; color: rgb(51, 51, 51); border-top: 1px solid rgb(204, 204, 204); }
.lcGZZI { margin-bottom: 4px; }
.lcGZZI strong { display: block; font-size: 18px; }
.cCtOLd { font-size: 18px; font-weight: bold; }
@media (max-width: 768px) {
  .cCtOLd { font-size: 14px; }
}
.WOaAr { font-size: 12px; color: rgb(102, 102, 102); text-align: right; align-self: flex-start; }
.WOaAr b { font-size: 16px; color: rgb(51, 51, 51); }
@media (max-width: 768px) {
  .WOaAr { font-size: 14px; }
}
.ePBEXU { list-style: none; text-align: right; padding: 0px; }
@media (max-width: 768px) {
  .ePBEXU { font-size: 12px; }
}
.homKPd { font-size: 12px; color: rgb(0, 128, 0); margin: 5px 0px; }
@media (max-width: 768px) {
  .homKPd { font-size: 12px; }
}
.xbXHx { padding-bottom: 10px; }
.dUZHWv { margin: 0px 0px 0.5rem; padding: 0px; }
.eCuWWp { list-style: none; display: block; }
.eeljqb { background: rgb(102, 102, 102); border-radius: 5px; height: 10px; position: relative; }
.jCsIOF { width: 100%; min-width: 20px; position: absolute; top: 0px; animation: 1.2s cubic-bezier(0.35, 0.18, 0.29, 1) 0s 1 normal forwards running dZkvup; border-radius: 5px; background: rgb(43, 153, 43); height: 10px; display: inline-block; }
.kyeRoe { display: inline-block; height: 34px; width: 34px; background-color: rgb(255, 255, 255); border: 2px solid rgb(43, 153, 43); transform: translate(25%, -12px); border-radius: 100%; position: absolute; right: 0px; box-shadow: rgba(150, 150, 150, 0.7) 0px 2px 5px; z-index: 1; }
.kyeRoe::after { opacity: 0; animation: 0.8s cubic-bezier(0.35, 0.18, 0.29, 1) 1.1s 1 normal forwards running lehTYy; transform-origin: left bottom; bottom: 14px; left: 5px; position: absolute; content: ""; display: inline-block; transform: rotate(45deg); height: 18px; width: 10px; border-bottom: 4px solid rgb(43, 153, 43); border-right: 4px solid rgb(43, 153, 43); }
.ibFUUg { line-height: 20px; font-size: 14px; text-transform: none; color: rgb(102, 102, 102); margin-top: 10px; text-align: center; }
.dOFQdT { position: absolute; margin: 0px 5px; right: 0px; top: 15px; width: 0px; height: 0px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid rgb(204, 204, 204); }
.bSWkIg { width: 100%; padding-top: 20px; padding-bottom: 20px; border-bottom: 1px solid rgb(204, 204, 204); }
.hZNqRx { line-height: 20px; font-size: 14px; margin-bottom: 10px; text-transform: none; color: rgb(102, 102, 102); }
.liEye { border-top: 1px solid rgb(204, 204, 204); display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; }
.lbOTDR { text-decoration: underline; color: rgb(102, 102, 102); font-size: 14px; margin-top: 20px; }
.cHbUgt { color: rgb(102, 102, 102); font-size: 14px; line-height: 1.5; margin-top: 15px; text-align: center; overflow-wrap: break-word; }
.dYEyTs { margin-top: 20px; width: 100%; }
.BijYU { grid-area: 2 / 2 / -1; min-width: 330px; padding: 1.5rem 1rem; background-color: rgb(248, 248, 248); align-self: self-start; border-radius: 0.5rem; }
@media (max-width: 1000px) {
  .BijYU { grid-area: summary; width: 100%; }
}
@media (max-width: 768px) {
  .BijYU { min-width: calc(100% - 2rem); }
}
.eMSqcT { max-width: 1280px; width: 100%; margin: 0px auto; padding: 1.5rem; animation: 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s 1 normal both running hiOHWp; display: grid; column-gap: 2rem; grid-template-columns: 1fr min-content; grid-template-rows: repeat(5, min-content); grid-auto-flow: dense; }
@media (max-width: 768px) {
  .eMSqcT { padding: 0.5rem 1rem; }
}
.eMSqcT > :not(:nth-last-child(-n+3)) { margin-bottom: 1.25rem; }
@media (max-width: 1000px) {
  .eMSqcT { grid-template-columns: auto; grid-template-rows: auto; column-gap: unset; grid-template-areas: "title" "storeBanner" "products" "freight" "summary" "recommendation" "o2o-recommendation"; }
}
.eMSqcT > :not(:nth-last-child(-n+3)) { margin-bottom: unset; }
.eMSqcT > :not(:last-child) { margin-bottom: 0.5rem; }
.kKqaQe { grid-column: 1; }
@media (max-width: 1000px) {
  .kKqaQe { grid-area: freight; }
}
@-webkit-keyframes hiOHWp { 
  0% { transform: translateZ(80px); opacity: 0; }
  100% { transform: translateZ(0px); opacity: 1; }
}
@keyframes hiOHWp { 
  0% { transform: translateZ(80px); opacity: 0; }
  100% { transform: translateZ(0px); opacity: 1; }
}
@-webkit-keyframes fofuFt { 
  0% { transform: translateY(-50px); opacity: 0; }
  100% { transform: translateY(0px); opacity: 1; }
}
@keyframes fofuFt { 
  0% { transform: translateY(-50px); opacity: 0; }
  100% { transform: translateY(0px); opacity: 1; }
}
@-webkit-keyframes dZkvup { 
  0% { width: 0%; }
  100% { width: 100%; }
}
@keyframes dZkvup { 
  0% { width: 0%; }
  100% { width: 100%; }
}
@-webkit-keyframes lehTYy { 
  0% { height: 0px; width: 0px; opacity: 0; }
  20% { height: 0px; width: 10px; opacity: 1; }
  40% { height: 18px; width: 10px; opacity: 1; }
  100% { height: 18px; width: 10px; opacity: 1; }
}
@keyframes lehTYy { 
  0% { height: 0px; width: 0px; opacity: 0; }
  20% { height: 0px; width: 10px; opacity: 1; }
  40% { height: 18px; width: 10px; opacity: 1; }
  100% { height: 18px; width: 10px; opacity: 1; }
}
@-webkit-keyframes ceardg { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes ceardg { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
iframe {
  width: 0px; height: 0px; border: 0px; display: none;
}
section.sc-iiStvS.ccFvdF {
  --recommendation-gap: 16px;
}
div.sc-sRGru.bAxIPi {
  --recommendation-size: 240px;
}
div.sc-hjLWnZ.pJcLa {
  height: 0px;
}
div {
  padding: 1px 0px;
}
iframe {
  display: none; visibility: hidden;
}
iframe#_hjSafeContext_27696163 {
  display: none !important; width: 1px !important; height: 1px !important; opacity: 0 !important; pointer-events: none !important;
}
iframe {
  display:none
}
div#criteo-tags-div {
  display: none;
}
iframe#criteo-syncframe-onetag {
  border-width:0px; margin:0px; display:none
}
iframe {
  display: none;
}
iframe {
  display: none;
}


.eTJqux {
    text-align: left;
    color: rgb(102, 102, 102);
}

.egAcfv {
    background: none;
    border: none;
    padding: 0px;
    font-family: inherit;
    color: rgb(51, 51, 51);
    text-decoration: underline;
    cursor: pointer;
    outline: none;
    font-size: 14px;
}


.eTJqux {
    text-align: left;
    background: none;
    border: none;
    color: rgb(102, 102, 102);
    text-decoration: underline;
}


.bJjoDu {
    border-bottom: 1px solid rgb(233, 233, 233);
}

.gMEfaN {
    grid-template-columns: 100px minmax(100px, 1fr) minmax(min-content, 100px) 100px 122px;
    grid-template-areas:
        "productImage product quantity freight price"
        ". services services . ."
        "warning warning warning warning warning";
    padding: 1rem;
    -webkit-box-align: center;
    align-items: center;
    column-gap: 1.5rem;
}


.bDSklC {
    display: grid
;
    place-items: center start;
}


.eyVhSI {
    width: 2rem;
    box-sizing: border-box;
    height: 2rem;
    border: 1px solid rgb(212, 212, 212);
    border-radius: 7px;
    background: rgb(255, 255, 255);
    padding: 0.4rem;
}

.daIDgZ {
    text-decoration: none;
    touch-action: manipulation;
    white-space: nowrap;
    border-radius: 8px;
    transition: 100msease-in;
    font-weight: bold;
    user-select: none;
    display: flex
;
    position: relative;
    flex: 0 0 auto;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    outline: none;
    line-height: 1.5;
    border: 2px solid var(--borderColor);
    background-color: var(--backgroundColor);
    box-sizing: border-box;
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
    --borderColor: #F80032;
    --backgroundColor: transparent;
    --textColor: #F80032;
    color: var(--textColor);
    cursor: pointer;
}



.gPrRMi > svg {
    fill: rgb(248, 0, 50);
    background-color: transparent;
    border: none;
    width: 0.5rem;
}

div#root {
  background-color: #fff;
}

#headado1 {
  display: none;
}

#headado2 {
  display: none;
}

#response1 {
  display: none;
}

#response2 {
  display: none;
}

@-webkit-keyframes fadein {
  0% {
      transform: translateZ(80px);
      opacity: 0
  }

  to {
      transform: translateZ(0);
      opacity: 1
  }
}

@keyframes fadein {
  0% {
      transform: translateZ(80px);
      opacity: 0
  }

  to {
      transform: translateZ(0);
      opacity: 1
  }
}

@-webkit-keyframes bounce {

  0%,
  to {
      transform: translateY(0)
  }

  50% {
      transform: translateY(10px)
  }
}

@keyframes bounce {

  0%,
  to {
      transform: translateY(0)
  }

  50% {
      transform: translateY(10px)
  }
}

@-webkit-keyframes fade-in {
  0% {
      opacity: 0
  }

  to {
      opacity: 1
  }
}

@keyframes fade-in {
  0% {
      opacity: 0
  }

  to {
      opacity: 1
  }
}

@-webkit-keyframes fade-out {
  0% {
      opacity: 1
  }

  to {
      opacity: 0
  }
}

@keyframes fade-out {
  0% {
      opacity: 1
  }

  to {
      opacity: 0
  }
}

@-webkit-keyframes slide-out-bottom {
  0% {
      transform: translateY(0);
      opacity: 1
  }

  to {
      transform: translateY(20px);
      opacity: 0
  }
}

@keyframes slide-out-bottom {
  0% {
      transform: translateY(0);
      opacity: 1
  }

  to {
      transform: translateY(20px);
      opacity: 0
  }
}

@-webkit-keyframes slide-in-bottom {
  0% {
      transform: translateY(20px);
      opacity: 0
  }

  to {
      transform: translateY(0);
      opacity: 1
  }
}

@keyframes slide-in-bottom {
  0% {
      transform: translateY(20px);
      opacity: 0
  }

  to {
      transform: translateY(0);
      opacity: 1
  }
}

@-webkit-keyframes fadeIn {
  0% {
      opacity: 0;
      transform: translateY(-24px)
  }

  to {
      opacity: 1;
      transform: translateY(0)
  }
}

@keyframes fadeIn {
  0% {
      opacity: 0;
      transform: translateY(-24px)
  }

  to {
      opacity: 1;
      transform: translateY(0)
  }
}

@-webkit-keyframes fadeOut {
  0% {
      opacity: 1;
      transform: translateY(0)
  }

  to {
      opacity: 0;
      transform: translateY(-24px)
  }
}

@keyframes fadeOut {
  0% {
      opacity: 1;
      transform: translateY(0)
  }

  to {
      opacity: 0;
      transform: translateY(-24px)
  }
}

@-webkit-keyframes backdropFadeIn {
  0% {
      background-color: transparent
  }

  to {
      background-color: rgba(0, 0, 0, .3)
  }
}

@keyframes backdropFadeIn {
  0% {
      background-color: transparent
  }

  to {
      background-color: rgba(0, 0, 0, .3)
  }
}

@-webkit-keyframes pulse {
  0% {
      background-position: 0 0
  }

  to {
      background-position: -135%0
  }
}

@keyframes pulse {
  0% {
      background-position: 0 0
  }

  to {
      background-position: -135%0
  }
}

@-webkit-keyframes hiOHWp {
  0% {
      transform: translateZ(80px);
      opacity: 0
  }

  to {
      transform: translateZ(0);
      opacity: 1
  }
}

@keyframes hiOHWp {
  0% {
      transform: translateZ(80px);
      opacity: 0
  }

  to {
      transform: translateZ(0);
      opacity: 1
  }
}

@-webkit-keyframes fofuFt {
  0% {
      transform: translateY(-50px);
      opacity: 0
  }

  to {
      transform: translateY(0);
      opacity: 1
  }
}

@keyframes fofuFt {
  0% {
      transform: translateY(-50px);
      opacity: 0
  }

  to {
      transform: translateY(0);
      opacity: 1
  }
}

@-webkit-keyframes ceardg {
  0% {
      opacity: 0
  }

  to {
      opacity: 1
  }
}

@keyframes ceardg {
  0% {
      opacity: 0
  }

  to {
      opacity: 1
  }
}

* {
  font-family: Arial, sans-serif
}

.center-modal {
  margin: auto;
  max-width: 80%
}

@media (max-width: 768px) {
  .center-modal {
      width: 95%;
      max-width: 95%
  }
}

.multi-sku-recommendation-modal {
  margin: auto;
  max-width: 410px
}

@media (max-width: 768px) {
  .multi-sku-recommendation-modal {
      width: 95%;
      max-width: 95%
  }
}

.summary-modal {
  padding: 2.5rem 2.5rem 2rem;
  box-shadow: rgba(0, 0, 0, .5)0 5px 15px;
  max-width: min(1200px, 95%)
}

@media (max-width: 768px) {
  .summary-modal {
      padding: .5rem;
      width: 100%;
      border-radius: 0
  }
}

.recipient-form-modal {
  max-width: 500px;
  padding: 2.5rem 2.5rem 3rem
}

@media (max-width: 768px) {
  .recipient-form-modal {
      padding: 2rem 2rem 3rem
  }
}

.payment-button {
  height: 60px
}

.payment {
  min-height: 100vh;
  display: flex;
  flex-direction: column
}

.payment-header {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  height: 90px;
  background-color: #483d8b
}

.payment-header__content {
  padding: 15px;
  width: 100%;
  max-width: 1024px;
  margin: 0 auto
}

.payment-SummaryAndDeliveryAddress__wrapper {
  padding: 20px 15px
}

.payment-noteInvoice,
.payment-orderFreightList,
.payment-orderGiftVoucher,
.payment-orderPaymentMethods,
.payment-orderTicket,
.payment-scheduledPickup,
.payment-storeDelivery {
  padding: 20px 15px;
  border-top: 1px solid #e3e3e3
}

.payment-SummaryAndDeliveryAddress__wrapper:last-child,
.payment-noteInvoice:last-child,
.payment-orderFreightList:last-child,
.payment-orderGiftVoucher:last-child,
.payment-orderPaymentMethods:last-child,
.payment-orderTicket:last-child,
.payment-scheduledPickup:last-child,
.payment-storeDelivery:last-child {
  margin-bottom: 0
}

@media (max-width: 320px) {

  .payment-SummaryAndDeliveryAddress__wrapper,
  .payment-noteInvoice,
  .payment-orderFreightList,
  .payment-orderGiftVoucher,
  .payment-orderPaymentMethods,
  .payment-orderTicket,
  .payment-scheduledPickup,
  .payment-storeDelivery {
      padding: 20px 5px
  }
}

.payment-SummaryAndDeliveryAddress__wrapper {
  border-top: 0
}

.payment-checkoutSummary {
  margin-bottom: 20px
}

.payment-checkoutSummary,
.payment-deliveryAddress {
  min-height: 100px;
  -webkit-box-flex: 1;
  flex-grow: 1
}

@media (min-width: 768px) {

  .payment-checkoutSummary,
  .payment-deliveryAddress {
      max-width: 50%
  }
}

.payment-deliveryAddress {
  margin-bottom: 0
}

.payment-footer {
  padding: 15px;
  width: 100%;
  max-width: 1024px;
  margin: 0 auto;
  border-top: 1px solid #e3e3e3;
  line-height: 1.4;
  font-size: .8rem;
  text-align: center;
  color: #666
}

.payment-footer>img,
.payment-footer>p {
  margin-bottom: .5rem
}

@media (min-width: 768px) {
  .payment-SummaryAndDeliveryAddress__wrapper {
      display: flex
  }

  .payment-SummaryAndDeliveryAddress__separation {
      border: 0;
      width: 50%;
      margin-bottom: 0
  }

  .payment-SummaryAndDeliveryAddress__separation:last-child {
      margin-left: 20px
  }

  .payment-deliveryAddress {
      margin-bottom: 0;
      padding-right: 15px
  }

  .payment-checkoutSummary {
      border-left: 1px solid #e3e3e3;
      padding-left: 1rem
  }
}

.payment-checkoutSummary-wrapper {
  background-color: #f8f8f8;
  padding: 1rem
}

.payment_menu_icon {
  width: 45px
}

@media (max-width: 768px) {
  .payment_menu_icon {
      height: 17px
  }

  #bank-slip .how-to .text {
      display: flex;
      line-height: 14px;
      flex-direction: column;
      -webkit-box-pack: center;
      justify-content: center
  }
}

#bank-slip .how-to svg {
  max-width: 45px;
  max-height: 45px;
  margin-right: 5px;
  vertical-align: middle;
  flex-shrink: 0
}

@media (max-width: 768px) {
  #bank-slip .how-to svg {
      width: 60px
  }
}

#bank-slip .safe-buy svg,
#corporate .safe-buy svg {
  max-width: 12px;
  max-height: 12px;
  margin-left: 5px;
  vertical-align: middle
}

#bank-slip .important,
#corporate .important {
  color: #666;
  margin-left: 15px;
  margin-top: 10px
}

#bank-slip .important h3,
#corporate .important h3 {
  font-size: 14px;
  margin-bottom: 7px
}

#bank-slip .important ul {
  margin-left: 15px
}

#bank-slip .important ul li {
  font-size: 12px;
  margin-bottom: 7px
}

#bank-slip .confirmation,
#corporate .confirmation {
  color: #666;
  margin: 2rem .5rem .5rem;
  display: flex;
  flex-direction: column;
  justify-self: end;
  justify-content: space-around
}

#bank-slip .confirmation>span,
#corporate .confirmation>span {
  flex: 1 1 0%
}

#bank-slip .confirmation>button,
#corporate .confirmation>button {
  flex: 1 1 0%;
  font-size: 18px
}

@media (max-width: 768px) {

  #bank-slip .confirmation>button,
  #bank-slip .confirmation>span,
  #corporate .confirmation>button,
  #corporate .confirmation>span {
      width: 100%
  }
}

#bank-slip .confirmation>span,
#corporate .confirmation>span {
  font-size: 16px
}

#bank-slip .confirmation .values,
#corporate .confirmation .values {
  text-align: right
}

@media (max-width: 768px) {

  #bank-slip .confirmation .values,
  #corporate .confirmation .values {
      font-weight: 900
  }
}

#bank-slip .confirmation .values .promotion,
#corporate .confirmation .values .promotion {
  width: 100%;
  display: block;
  color: #66ce02;
  font-size: 12px;
  margin-bottom: 10px
}

@media (max-width: 768px) {

  #bank-slip .confirmation .values .promotion,
  #corporate .confirmation .values .promotion {
      display: none
  }
}

#bank-slip .confirmation .safe-buy,
#corporate .confirmation .safe-buy {
  font-size: 12px;
  padding-top: 30px;
  text-align: right
}

@media (max-width: 768px) {

  #bank-slip .confirmation .safe-buy,
  #corporate .confirmation .safe-buy {
      padding-top: 15px
  }
}

.schedule-modal {
  padding-right: 20px
}

.new-modal.unavailable-modal {
  padding: 23px;
  align-self: center;
  width: 282px
}

@media (max-width: 768px) {
  .new-modal.unavailable-modal {
      width: 282px;
      align-self: center;
      padding: 23px
  }
}

.new-modal.unavailable-change-adress-modal {
  padding: 32px;
  width: 392px;
  max-height: 545px;
  align-self: center;
  overflow-y: overlay
}

@media (max-width: 768px) {
  .new-modal.unavailable-change-adress-modal {
      padding: 16px;
      width: 100%;
      max-height: 100vh;
      min-height: 100vh
  }
}

.fDvpoQ>a>img,
.fDvpoQ>img,
.fDvpoQ>svg,
.iacgyi svg,
.payment-button,
.select-store-button {
  width: 100%
}

.--money {
  text-transform: none
}

.savedCreditCardIcon {
  margin-left: 20px
}

.newCardPlusIcon {
  margin-right: 20px;
  margin-left: 5px
}

.smallSecurityCodeField.smallSecurityCodeField {
  width: 30%
}

@media (max-width: 768px) {
  .smallSecurityCodeField.smallSecurityCodeField {
      width: 45%
  }
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
  appearance: none;
  margin: 0
}

.new-modal-backdrop {
  backdrop-filter: blur(2px);
  display: none;
  position: fixed;
  inset: 0;
  z-index: 1040;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .5);
  padding: 5vh 0 50px;
  -webkit-box-pack: center;
  justify-content: center;
  overflow-y: hidden;
  align-items: flex-start;
  max-height: 100vh
}

@media (max-height: 760px) {
  .new-modal-backdrop {
      padding-top: 5px;
      padding-bottom: 5px
  }
}

@media (max-width: 768px) {
  .new-modal-backdrop {
      padding: 0;
      align-items: flex-start
  }
}

.new-modal-backdrop.--opening {
  display: flex;
  z-index: 11
}

.new-modal-backdrop.--closing,
.new-modal-backdrop.--open {
  display: flex;
  opacity: 1;
  z-index: 11
}

.new-modal-backdrop.--open>.new-modal {
  opacity: 1;
  position: relative;
  z-index: 10
}

.new-modal {
  --padding: 28px;
  --closeIconSize: 16px;
  background-color: #fff;
  padding: var(--padding);
  opacity: 0;
  border-radius: 8px;
  max-height: 90vh;
  overflow-y: auto
}

.new-modal>.close-icon {
  cursor: pointer;
  position: absolute;
  right: calc(var(--padding) - var(--closeIconSize));
  top: calc(var(--padding) - var(--closeIconSize));
  width: var(--closeIconSize);
  height: auto
}

@media (max-width: 768px) {
  .new-modal {
      width: 100%
  }
}

.new-modal-backdrop .new-modal.new-conflict-modal {
  padding: 0;
  border-radius: 1rem;
  width: 100%;
  max-width: 500px
}

@media (max-width: 768px) {
  .new-modal-backdrop .new-modal.new-conflict-modal {
      max-height: 95vh;
      align-self: end
  }
}

body ::-webkit-scrollbar {
  background-color: transparent;
  border: 0;
  width: .5rem
}

body ::-webkit-scrollbar-thumb {
  background: #d3d3d3;
  border-radius: 5px;
  width: .5rem
}

::-webkit-scrollbar {
  width: 5px
}

::-webkit-scrollbar-track {
  border-radius: 10px
}

::-webkit-scrollbar-thumb {
  background: #999;
  border-radius: 10px
}

::-webkit-scrollbar-thumb:hover {
  background: #666
}

:not(input, textarea) {
  text-transform: lowercase
}

.kGLpZs {
  xxxxx: all .4s ease 0s;
  height: 0;
  margin-top: 0;
  overflow: hidden
}

.tYNRY {
  text-decoration: none;
  touch-action: manipulation;
  white-space: nowrap;
  border-radius: 3px;
  xxxxx: all 100ms ease-in 0s;
  font-weight: 700;
  font-size: 16px;
  cursor: pointer;
  user-select: none;
  border: 2px solid transparent;
  display: flex;
  position: relative;
  flex: 0 0 auto;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  outline: 0;
  padding: .5rem 1.5rem;
  line-height: 1.5
}

.tYNRY:disabled {
  cursor: not-allowed;
  filter: opacity(70%)
}

.tYNRY>.loader {
  position: absolute
}

.diOTJC,
.fkLmRk {
  --brandColor: #f80032;
  background-color: var(--backgroundColor);
  color: var(--textColor);
  box-shadow: rgba(0, 0, 0, .2)0 2px 6px;
  border: 2px solid var(--brandColor)
}

.diOTJC {
  --backgroundColor: white;
  --textColor: #f80032;
  font-size: 16px
}

.diOTJC:hover,
.fkLmRk:hover {
  filter: opacity(90%)
}

.fkLmRk {
  --backgroundColor: #f80032;
  --textColor: white;
  font-size: 18px
}

.cOqNnL {
  width: 100%;
  color: #666;
  position: relative;
  padding-bottom: 22px
}

.bVHOmF {
  display: grid;
  grid-template-columns: auto[arrowDown]min-content;
  padding: .3rem 1rem .3rem .3rem;
  border: .75px solid #666;
  border-radius: .5rem;
  cursor: text;
  width: 100%;
  max-width: 100%
}

.gtZOkx {
  font-size: 14px;
  color: #333;
  font-weight: bolder
}

.gtZOkx>p {
  margin-bottom: .25rem
}

.gtZOkx>p>.optional {
  color: #999;
  font-weight: 400
}

.glqBIr {
  outline: 0;
  border: 0;
  color: #333;
  background-color: transparent;
  padding: .5rem;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  cursor: text;
  opacity: 1
}

@media (max-width: 768px) {
  .glqBIr {
      font-size: 1rem
  }
}

.cmletK {
  background: 0;
  border: 0;
  padding: 0;
  font-family: inherit;
  color: #333;
  text-decoration: underline;
  cursor: pointer;
  outline: 0;
  font-size: 14px
}

.eHXvpn {
  display: grid;
  place-items: center start;
  grid-template-columns: 100px minmax(100px, 1fr) minmax(min-content, 100px) 100px 122px;
  grid-template-areas: "productImage product quantity freight price" ". services services . ." "warning warning warning warning warning";
  padding: 1rem;
  -webkit-box-align: center;
  column-gap: 1.5rem
}

@media (max-width: 768px) {
  .eHXvpn {
      grid-template-columns: 70px 1fr 1fr;
      column-gap: .5rem;
      grid-template-areas: "productImage product product" ". freight freight" "quantity quantity price" "services services services" "warning warning warning";
      padding: 1.5rem 1rem 1rem
  }
}

.RhxHo {
  display: grid;
  place-items: center start;
  grid-template-columns: 100px minmax(100px, 1fr) minmax(min-content, 100px) 100px 122px;
  grid-template-areas: "productImage product quantity freight price" ". services services . ." "warning warning warning warning warning";
  padding: 1rem;
  -webkit-box-align: center;
  column-gap: 1.5rem
}

@media (max-width: 768px) {
  .RhxHo {
      grid-template-columns: 70px 1fr 1fr;
      column-gap: .5rem;
      grid-template-areas: "productImage product product" ". freight freight" "quantity quantity price" "services services services" "warning warning warning";
      padding: 1.5rem 1rem 1rem
  }
}

.kSfLsB {
  white-space: nowrap;
  color: #333
}

.gnxgIX {
  grid-area: price/price/price/price;
  font-weight: 700;
  text-align: end;
  justify-self: end
}

.fDvpoQ,
.iacgyi {
  display: flex;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
  align-items: flex-start;
  overflow: hidden
}

.iacgyi {
  cursor: pointer;
  width: 20px;
  min-width: 20px;
  margin-left: .25rem
}

.hqjfmo>div,
.lgVHkH,
.lgVHkH>div {
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  align-items: center
}

.lgVHkH {
  margin: .5rem 0;
  cursor: pointer;
  color: #666;
  padding: 1rem 0
}

.hqjfmo>div,
.lgVHkH>div {
  width: 100%
}

.kzUklK {
  position: absolute;
  width: 1em;
  height: 1em;
  opacity: 0
}

.cKVIZb+.sc-jfdOKL::before,
.kzUklK+.sc-lgVVsH::before {
  content: " ";
  width: 1em;
  height: 1em;
  margin-right: .8rem;
  xxxxx: all .2s ease 0s;
  flex-shrink: 0;
  border: 1px solid #b8b8b8;
  border-radius: .2em;
  display: inline-block;
  vertical-align: bottom
}

.kzUklK:focus-visible+.sc-lgVVsH::before {
  outline: -webkit-focus-ring-color solid 3px;
  outline-offset: 2px;
  padding-left: 2px
}

.kzUklK:checked+.sc-lgVVsH::before {
  content: var(--sf-img-3);
  background-color: #f80032;
  border-color: #f80032;
  padding-left: 2px
}

.iKvdYh {
  cursor: pointer;
  border-radius: 0;
  position: absolute;
  opacity: 0
}

.iKvdYh:checked+svg path {
  xxxxx: all .4s ease 0s
}

.iKvdYh:checked+svg path.inner {
  stroke-dashoffset: 38;
  transition-delay: .3s
}

.iKvdYh:checked+svg path.outer {
  stroke-dashoffset: 0
}

.iKvdYh:focus-visible+svg {
  outline: -webkit-focus-ring-color solid 3px;
  outline-offset: 2px
}

.gPrEhr {
  width: 24px;
  height: 24px;
  position: relative
}

.jCoAbm {
  width: 100%;
  height: 100%;
  display: block;
  cursor: pointer;
  fill: none
}

.bvywnX,
.cHmwES {
  stroke: #f80032;
  stroke-width: 6;
  stroke-dasharray: 19;
  stroke-dashoffset: 19
}

.cHmwES {
  stroke-width: 2;
  stroke-dasharray: 57;
  stroke-dashoffset: 57
}

.eGZtEv {
  stroke-width: 2;
  stroke: #ccc
}

.hqjfmo {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  margin-top: .5rem;
  cursor: pointer;
  color: #666;
  width: 100%;
  padding: 1rem 0;
  -webkit-box-pack: justify;
  justify-content: space-between
}

.cKVIZb {
  position: absolute;
  width: 1em;
  height: 1em;
  opacity: 0
}

.cKVIZb:focus-visible+.sc-jfdOKL::before {
  outline: -webkit-focus-ring-color solid 3px;
  outline-offset: 2px;
  padding-left: 2px
}

.cKVIZb:checked+.sc-jfdOKL::before {
  content: var(--sf-img-3);
  background-color: #f80032;
  border-color: #f80032;
  padding-left: 2px
}

.fotIHY {
  display: flex;
  flex-direction: row;
  -webkit-box-align: center;
  align-items: center;
  margin-bottom: 20px
}

.bPodkM {
  display: flex;
  color: #666;
  font-size: 18.75px;
  font-weight: 700;
  padding: 20px 15px;
  margin: -20px -15px
}

.ebRTwT {
  position: relative;
  cursor: pointer;
  list-style: none;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  align-items: center
}

.ebRTwT>:first-child {
  margin: 0
}

.ebRTwT>.collapsableArrow {
  position: absolute;
  top: calc(50% - 10px);
  right: 15px;
  width: 10px;
  height: auto;
  xxxxx: transform .5s ease 0s;
  transform: rotate(0deg)
}

.cpVlni {
  padding: .5rem 0;
  display: block
}

@media (max-width: 768px) {
  .cpVlni {
      font-size: 12px
  }
}

.gcHCOM {
  border-radius: 4px;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  padding: 1.1rem
}

.gcHCOM h2,
.gcHCOM>div {
  margin: 0
}

.gcHCOM h2 {
  font-weight: 400;
  font-size: 14px;
  padding: 0
}

.gcHCOM>summary .collapsableArrow {
  fill: #f80032;
  width: 1rem;
  position: static
}

.kylVWJ {
  padding: 0 1rem;
  border-top: 1px solid #ccc
}

.iHTgFb {
  grid-area: services/services/services/services;
  width: 100%;
  margin-top: 1.5rem;
  color: #666
}

.iHTgFb>div {
  background-color: #f1f1f1
}

.iulByu {
  grid-column: 2/auto;
  font-size: .75rem;
  color: #999;
  line-height: 1rem
}

.bWeRZf {
  display: grid;
  grid-auto-flow: column;
  -webkit-box-pack: center;
  justify-content: center;
  column-gap: 10px;
  -webkit-box-align: center;
  align-items: center
}

.dhkRKj {
  color: #666;
  cursor: pointer;
  text-transform: lowercase;
  font-size: 12px
}

.dhkRKj:hover {
  text-decoration: underline
}

.dSuOuN {
  text-decoration: none;
  touch-action: manipulation;
  white-space: nowrap;
  border-radius: 8px;
  xxxxx: all 100ms ease-in 0s;
  font-weight: 700;
  user-select: none;
  display: flex;
  position: relative;
  flex: 0 0 auto;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  outline: 0;
  line-height: 1.5;
  border: 2px solid var(--borderColor);
  background-color: var(--backgroundColor);
  box-sizing: border-box;
  padding: .5rem 1rem;
  font-size: 1rem;
  --borderColor: #f80032;
  --backgroundColor: #f80032;
  --textColor: white;
  color: var(--textColor);
  cursor: pointer
}

.dSuOuN:hover {
  --borderColor: #c60028;
  --backgroundColor: #c60028;
  --textColor: white
}

.dSuOuN:disabled {
  cursor: not-allowed
}

.dSuOuN:disabled,
.dSuOuN:disabled:hover {
  --borderColor: #fdccd6;
  --backgroundColor: #fdccd6;
  --textColor: white
}

.dSuOuN>.loader {
  position: absolute
}

.kMowuN,
.kMowuN:hover {
  --backgroundColor: transparent
}

.kMowuN {
  text-decoration: none;
  touch-action: manipulation;
  white-space: nowrap;
  border-radius: 8px;
  xxxxx: all 100ms ease-in 0s;
  font-weight: 700;
  user-select: none;
  display: flex;
  position: relative;
  flex: 0 0 auto;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  outline: 0;
  line-height: 1.5;
  border: 2px solid var(--borderColor);
  background-color: var(--backgroundColor);
  box-sizing: border-box;
  padding: .5rem 1rem;
  font-size: 1rem;
  --borderColor: #f80032;
  --textColor: #f80032;
  color: var(--textColor);
  cursor: pointer
}

.kMowuN:hover {
  --borderColor: #c60028;
  --textColor: #c60028
}

.kMowuN:disabled {
  cursor: not-allowed
}

.kMowuN:disabled,
.kMowuN:disabled:hover {
  --borderColor: #fdccd6;
  --backgroundColor: transparent;
  --textColor: #fdccd6
}

.kMowuN>.loader {
  position: absolute
}

.iyWoUo,
.iyWoUo::after {
  position: absolute;
  background: #fff
}

.iyWoUo {
  z-index: 101;
  width: 180px;
  border-radius: 8px;
  padding: 1rem;
  line-height: 18px
}

@media (max-width: 1120px) {
  .iyWoUo {
      left: -16px;
      border-top: 1px solid #e9e9e9;
      max-height: 288px
  }
}

.iyWoUo::after {
  content: "";
  width: 15px;
  height: 15px;
  top: -7px;
  left: 90px;
  transform: rotate(45deg);
  z-index: -2
}

@media (max-width: 1120px) {
  .iyWoUo::after {
      left: 81%
  }
}

@media (max-width: 768px) {
  .iyWoUo::after {
      left: 84%
  }
}

.GJprP,
.GJprP::after {
  position: absolute;
  background: #fff
}

.GJprP {
  z-index: 101;
  width: 180px;
  border-radius: 8px;
  padding: 1rem;
  line-height: 18px
}

@media (max-width: 1120px) {
  .GJprP {
      left: -16px;
      border-top: 1px solid #e9e9e9;
      max-height: 288px
  }
}

.GJprP::after {
  content: "";
  width: 15px;
  height: 15px;
  top: -7px;
  left: 90px;
  transform: rotate(45deg);
  z-index: -2
}

@media (max-width: 1120px) {
  .GJprP::after {
      left: 81%
  }
}

@media (max-width: 768px) {
  .GJprP::after {
      left: 84%
  }
}

.cdvVUt>figure,
.eyPrDT,
.ijzIZR>figure {
  position: relative
}

.eyPrDT::after {
  content: "";
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 100
}

.iJpHQq>circle {
  stroke: #fff
}

.favNOn>path,
.iJpHQq>path,
.jLDFVQ>path {
  fill: #fff
}

@media (max-width: 768px) {
  .iJpHQq {
      width: 19px
  }
}

.favNOn {
  grid-area: showMore/showMore/showMore/showMore;
  align-self: center
}

@media (max-width: 768px) {
  .favNOn {
      display: none
  }
}

.iwqJoi {
  position: relative;
  width: 170px;
  place-self: center end;
  grid-area: userInfo/userInfo/userInfo/userInfo
}

@media (max-width: 768px) {
  .iwqJoi {
      width: 32px
  }
}

.hegxjR,
.kVeelR {
  position: relative;
  cursor: pointer;
  font-size: .875rem;
  font-weight: 700;
  color: #fff;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  align-items: center
}

.kVeelR {
  z-index: 99
}

.djSzxO {
  display: grid;
  grid-template-areas: "text text" "textSignUp showMore"
}

@media (max-width: 768px) {
  .djSzxO {
      display: none
  }
}

.lfsqO {
  grid-area: text/text/text/text
}

.bjjZVC {
  grid-area: textSignUp/textSignUp/textSignUp/textSignUp
}

.iZfWQr {
  top: calc(50% + 36px);
  left: 62px;
  padding: 1.5rem;
  width: 240px;
  height: 260px;
  border-radius: .5rem
}

@media (max-width: 768px) {
  .iZfWQr {
      left: auto;
      right: -8px
  }
}

.hUkVkt {
  margin: 0;
  font-style: normal;
  font-weight: 400;
  color: #666;
  font-size: 14px;
  text-align: start;
  letter-spacing: -.01em
}

.dzeQsB {
  width: 100%;
  margin-top: 1rem
}

@media (max-width: 768px) {
  .dzeQsB {
      height: 2.2rem;
      font-size: 14px
  }
}

@media (min-width: 768px) {
  .laxoUO {
      margin-top: .5rem
  }
}

.jPgLuy {
  margin: 1rem 0 0;
  color: #666;
  text-align: center;
  font-size: .75rem
}

.jYZetT {
  text-decoration: underline;
  cursor: pointer;
  color: #666
}

*,
::after,
::before {
  margin: 0;
  padding: 0;
  box-sizing: border-box
}

.--ignore-case {
  text-transform: initial
}

.idZDWv {
  grid-area: basketIcon/basketIcon/basketIcon/basketIcon;
  position: relative;
  cursor: pointer;
  xxxxx: all .3s ease 1s
}

.jLDFVQ {
  width: 32px;
  height: 32px
}

@media (max-width: 768px) {
  .jLDFVQ {
      width: 19px
  }
}

.kTXwVu {
  position: absolute;
  top: -5px;
  left: 20px;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  background-color: #94001e;
  color: #fff;
  font-size: .75rem;
  font-style: normal;
  font-weight: 700;
  line-height: 18px;
  text-align: center;
  xxxxx: all .3s ease 0s
}

@media (max-width: 768px) {
  .kTXwVu {
      width: 13px;
      height: 13px;
      font-size: .625rem;
      top: 0;
      left: 12px;
      line-height: 13px
  }
}

.dtsibC {
  place-self: center start;
  margin: 0 .344rem 0 0;
  padding: 0
}

.fhaWoX {
  text-decoration: none;
  display: grid
}

.cARAvl {
  width: 100%;
  top: calc(100% + 12px)
}

@media (max-width: 1120px) {
  .cARAvl {
      width: 100vw;
      top: -20px
  }
}

.cArzOA {
  border: unset;
  background-color: unset;
  cursor: pointer;
  display: inline-flex;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  overflow: hidden;
  grid-area: backButton/backButton/backButton/backButton
}

@media (min-width: 1120px) {
  .cArzOA {
      display: none
  }
}

.eeICiB,
.jFvJsF {
  width: 100%;
  position: relative
}

.jFvJsF {
  display: grid;
  grid-template-columns: 1fr 3rem;
  grid-template-areas: "input submitSearch";
  cursor: text;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: rgba(0, 0, 0, .12)0 10px 15px;
  z-index: 6;
  xxxxx: all .1s ease-in-out 0s
}

@media (max-width: 1120px) {
  .jFvJsF .sc-epVeNg {
      display: none
  }
}

.eeICiB {
  z-index: 11;
  grid-area: searchBar/searchBar/searchBar/searchBar
}

.cXdedY {
  display: inline-block;
  color: #666;
  width: 100%;
  border: unset;
  outline: 0;
  padding: .688rem 0 .688rem 1rem;
  font-size: 1rem;
  background-color: #fff;
  border-radius: 8px;
  height: 40px;
  grid-area: input/input/input/input
}

@media (max-width: 1120px) {
  .cXdedY {
      padding: .7rem 0 .7rem .5rem
  }
}

.dnDkej {
  --theme-color: #f80032;
  border: unset;
  background-color: unset;
  cursor: pointer;
  display: inline-flex;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  overflow: hidden;
  width: 52.8px;
  xxxxx: filter 100ms ease-in 0s;
  grid-area: submitSearch/submitSearch/submitSearch/submitSearch
}

.dnDkej:hover {
  filter: opacity(90%)
}

.dnDkej>svg {
  width: 21px;
  height: 21px
}

.dnDkej>svg>path {
  fill: var(--theme-color)
}

.iWDWaf {
  place-self: center
}

.LEPih {
  background-color: #f80032;
  padding: 1rem;
  xxxxx: background-color 1s ease 0s
}

.LEPih * {
  box-sizing: border-box
}

@media (max-width: 1120px) {
  .LEPih {
      padding: .5rem
  }
}

.iCAjiu {
  padding-left: var(--page-padding);
  padding-right: calc(var(--page-padding) + var(--summary-padding));
  max-width: 1250px;
  display: grid;
  grid-auto-flow: column;
  column-gap: 3rem;
  place-items: center;
  grid-template-columns: max-content minmax(100px, 1fr) max-content;
  grid-template-areas: "logo searchBar userInfo basketIcon";
  margin: 0 auto
}

@media (max-width: 1120px) {
  .iCAjiu {
      padding: .5rem;
      grid-template: "logo userInfo basketIcon" max-content"searchBar searchBar searchBar" max-content/1fr 2rem 2rem;
      column-gap: 2vw
  }
}

@media (max-width: 768px) {
  .iCAjiu {
      row-gap: .5rem
  }
}

@media (min-width: 768px) and (max-width:1120px) {
  .iCAjiu {
      row-gap: 1rem
  }
}

.iIPrRp {
  grid-column: 2/auto;
  display: flex;
  max-width: 30%;
  -webkit-box-align: center;
  align-items: center;
  margin-bottom: 8px
}

.iIPrRp>span {
  border-radius: 8px
}

@media (max-width: 768px) {
  .iIPrRp {
      display: none
  }
}

.klzKiV {
  color: #666;
  margin: 4px 0;
  font-size: 15px;
  line-height: 1.5;
  font-family: sans-serif;
  display: flex;
  flex-flow: row;
  justify-content: space-around
}

@media (max-width: 768px) {
  .klzKiV {
      font-size: 14px;
      line-height: 1.3
  }
}

.bVEwsP {
  color: #00A650;
  margin: 4px 0;
  font-size: 15px;
  line-height: 1.5;
  font-family: sans-serif;
  display: flex;
  flex-flow: row;
  justify-content: space-around
}

@media (max-width: 768px) {
  .bVEwsP {
      font-size: 14px;
      line-height: 1.3
  }
}

.bZvlpQ,
.drkBOt,
.hVWgIv {
  display: inline-flex;
  flex: 2 1 0%
}

.bZvlpQ,
.hVWgIv {
  flex: 1 1 0%;
  -webkit-box-pack: end;
  justify-content: flex-end;
  white-space: nowrap;
  text-transform: initial
}

.hVWgIv {
  text-transform: inherit
}

.bnXXtd {
  color: #4a4a4a;
  font-size: 1.5rem;
  margin-top: .5rem;
  margin-bottom: .5rem
}

@media (max-width: 1000px) {
  .bnXXtd {
      grid-area: title/title/title/title
  }
}

.jdwSIe {
  text-decoration: line-through;
  text-transform: initial
}

.cIUHns,
.kxwPGj {
  width: 100%
}

.cIUHns li,
.hqbTie li {
  list-style: none;
  display: flex;
  margin-bottom: .5rem
}

.kxwPGj {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  background-color: #f6f6f6;
  padding: 1rem;
  cursor: pointer;
  border-radius: .5rem
}

.eMOmsL,
.hsXzCb {
  margin-left: .5rem
}

.eMOmsL {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: start;
  justify-content: flex-start
}

.hsXzCb {
  color: #666;
  font-size: 14px
}

.ilmfGM {
  color: #00A650;
  font-size: 14px;
  text-transform: initial
}

.cLrydA {
  display: inline-block;
  height: 100%;
  background: linear-gradient(-90deg, #f0f0f0 0, #f8f8f8 50%, #f0f0f0 100%)0 0/400% 400%
}

.cLrydA,
.hqbTie {
  width: 100%
}

.AgIbY,
.cjLzch {
  display: flex;
  -webkit-box-align: center;
  align-items: center
}

.AgIbY {
  width: 100%;
  background-color: #f6f6f6;
  padding: 1rem;
  cursor: pointer;
  border-radius: .5rem
}

.cjLzch {
  -webkit-box-pack: start;
  justify-content: flex-start;
  margin-left: .5rem;
  width: 300px;
  height: 100%
}

@media (max-width: 768px) {
  .cjLzch {
      width: 100%
  }
}

.jHdMse {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  width: 100%
}

.jHdMse .zipcode-search {
  text-decoration: none;
  color: #666;
  margin-left: 1rem
}

.jHdMse .zipcode-search:hover {
  text-decoration: underline
}

@media (max-width: 768px) {
  .jHdMse a {
      display: none
  }
}

.eJcbIA {
  margin-right: .5rem;
  width: 30%
}

.Cvjec {
  border-radius: .5rem
}

.hUHkGn {
  width: 30%;
  margin-right: 1rem
}

@media (max-width: 768px) {
  .hUHkGn {
      width: 100%
  }
}

.gfaigm {
  grid-area: product/product/product/product
}

.gfaigm>:last-child {
  margin-bottom: 0
}

.hWDhkS {
  place-self: start;
  width: 100%;
  grid-area: productImage/productImage/productImage/productImage
}

.hNbKGR {
  grid-column: 2/auto;
  display: inline-block;
  font-weight: 700;
  font-size: 14px;
  color: #666
}

.hNbKGR:hover {
  text-decoration: underline
}

.NkPHK {
  font-size: .75rem;
  color: #666;
  margin-bottom: 5px;
  margin-top: 5px
}

.jmjVQy {
  display: grid;
  grid-area: quantity/quantity/quantity/quantity
}

@media (max-width: 768px) {
  .jmjVQy:is(.sc-cwlgSi):is(.sc-cwlgSi) {
      justify-self: start;
      padding-left: 78px
  }

  .jmjVQy:is(.sc-cwlgSi)+:is(div) {
      justify-self: end
  }
}

.ebpzi {
  display: grid;
  grid-template-columns: 12px 45px 12px;
  border: 2px solid #e3e3e3;
  border-radius: .5rem;
  padding: 0 8px;
  -webkit-box-align: center;
  align-items: center;
  opacity: 1
}

.ebpzi input::-webkit-inner-spin-button,
.ebpzi input::-webkit-outer-spin-button {
  appearance: none
}

.iQjbVs {
  width: 12px;
  position: relative
}

.iQjbVs:disabled {
  cursor: default
}

.iQjbVs:disabled>svg {
  fill: #e3e3e3
}

.iQjbVs>svg {
  fill: #f80032
}

.ibrqAu {
  cursor: pointer;
  opacity: 0;
  position: absolute;
  width: 12px
}

.ibrqAu:focus-visible+svg {
  outline: -webkit-focus-ring-color solid 3px;
  outline-offset: 2px
}

.dljHJq,
.fVUaWp {
  text-align: center
}

.dljHJq {
  height: 35px;
  border: 0;
  outline: 0
}

.fVUaWp {
  grid-area: freight/freight/freight/freight
}

.fVUaWp>:not(:last-child) {
  margin-bottom: .25rem
}

@media (max-width: 768px) {
  .fVUaWp {
      width: 100%;
      margin: .5rem 0 1rem;
      padding: .5rem 0;
      text-align: left
  }
}

.dKuEEh {
  font-size: 14px;
  line-height: 16px;
  color: #666
}

.jVlmkx {
  text-align: center;
  display: block;
  justify-self: center;
  color: #666
}

@media (max-width: 768px) {
  .jVlmkx {
      text-align: start
  }
}

.hnpejM {
  grid-area: warning/warning/warning/warning;
  width: 100%
}

.PCPQi {
  position: relative;
  border: 1px solid #ececec;
  border-radius: 1rem
}

.PCPQi>div:not(:first-of-type) {
  margin-top: 1rem
}

@media (max-width: 768px) {
  .PCPQi>article:not(:first-of-type) {
      border-top: 1px solid #f4f4f4
  }

  .PCPQi>article {
      margin: 1rem
  }
}

.kSyeut {
  grid-template-columns: 100px minmax(100px, 1fr) minmax(min-content, 100px) 100px 122px;
  grid-template-areas: "productImage product quantity freight price" ". services services . ." "warning warning warning warning warning";
  padding: 1rem;
  -webkit-box-align: center;
  align-items: center;
  column-gap: 1.5rem
}

@media (max-width: 768px) {
  .kSyeut {
      grid-template-columns: 70px 1fr 1fr;
      column-gap: .5rem;
      grid-template-areas: "productImage product product" ". freight freight" "quantity quantity price" "services services services" "warning warning warning";
      padding: 1rem 0
  }
}

.jsHZph {
  grid-column: 1/auto;
  display: flex;
  flex-direction: column;
  gap: 1rem
}

@media (max-width: 1000px) {
  .jsHZph {
      grid-area: products/products/products/products
  }
}

.kPMndG {
  border-bottom: 1px solid #e9e9e9
}

@media (max-width: 768px) {
  .kPMndG {
      display: none
  }
}

.gjmOPp {
  color: #4a4a4a;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  grid-area: productImage/productImage/productImage/productImage
}

.bVDBDG:not(:first-child),
.bzCxYk:not(:first-child),
.cvDkke:not(:first-child),
.gjmOPp:not(:first-child) {
  justify-self: center
}

.bVDBDG,
.bzCxYk,
.cvDkke {
  color: #4a4a4a;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  grid-area: freight/freight/freight/freight
}

.bVDBDG,
.bzCxYk {
  grid-area: quantity/quantity/quantity/quantity
}

.bzCxYk {
  grid-area: price/price/price/price
}

.fULGEh {
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
  align-items: flex-start;
  overflow: hidden
}

.fULGEh>img,
.fULGEh>svg {
  width: 100%
}

.fULGEh,
.gYbpkk {
  display: flex
}

.cTQsBX {
  width: var(--recommendation-size);
  display: grid;
  grid-auto-flow: column;
  -webkit-box-pack: start;
  justify-content: start;
  column-gap: 1rem;
  border-radius: .5rem;
  box-shadow: rgba(0, 0, 0, .2)0 1px 4px
}

.cREEDg {
  -webkit-box-align: center;
  align-items: center;
  width: 90px;
  padding: .5rem;
  border-radius: .5rem 0 0 .5rem;
  position: relative
}

.cREEDg>img {
  display: block;
  width: 100%;
  height: auto
}

.cREEDg::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #000;
  filter: opacity(4%)
}

.epFrRr {
  padding: 1rem .5rem 1rem 0;
  display: grid;
  row-gap: .5rem
}

.ecOoXr {
  font-size: .75rem;
  color: #666;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden
}

@media (max-width: 768px) {
  .ecOoXr {
      display: unset;
      -webkit-box-orient: unset;
      -webkit-line-clamp: unset;
      max-height: unset;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis
  }
}

@supports not (display: -webkit-box) {
  .ecOoXr {
      --max-lines: 2;
      --line-height: 1.2em;
      line-height: var(--line-height);
      overflow: hidden;
      max-height: calc((var(--line-height)*var(--max-lines) - 1px))
  }

  @media (max-width: 768px) {
      .ecOoXr {
          max-height: unset;
          line-height: unset;
          text-overflow: ellipsis;
          white-space: nowrap
      }
  }
}

.eNhhiS {
  font-size: 1rem;
  min-width: 11ch;
  color: #030303
}

.jFjNfR {
  text-align: left;
  color: #666
}

.dfDTyx .loader,
.jFjNfR .loader {
  margin: 0 auto
}

.ikoTeQ {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  padding: var(--recommendation-gap);
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scroll-snap-type: x;
  scroll-padding-left: calc(var(--recommendation-gap)*.2)
}

.fULPul::-webkit-scrollbar,
.ikoTeQ::-webkit-scrollbar {
  display: none
}

.fULPul>div>figure,
.ikoTeQ>div>figure {
  scroll-snap-align: start
}

.cdvVUt {
  display: grid;
  grid-auto-flow: column
}

.cdvVUt>figure:not(:last-child),
.ijzIZR>figure:not(:last-child) {
  margin-right: var(--recommendation-gap)
}

.cdvVUt>figure:last-child::after,
.ijzIZR>figure:last-child::after {
  content: "";
  position: absolute;
  width: var(--recommendation-gap);
  height: 100%;
  right: calc(var(--recommendation-gap)*-1)
}

.eVMMvb {
  --brand-color: #f80032;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  flex-shrink: 0;
  position: sticky;
  z-index: 1;
  border-radius: 50%;
  width: 66px;
  height: 66px;
  border: unset;
  box-shadow: rgba(0, 0, 0, .2)0 1px 4px;
  background-color: rgba(217, 217, 217, .5)
}

.eVMMvb>svg {
  fill: var(--brand-color);
  xxxxx: all .1s ease-in-out 0s
}

@media (hover: none) and (max-width:768px) {
  .eVMMvb {
      display: none
  }
}

.kAZkc {
  left: -.5rem;
  transform: rotate(180deg);
  margin-right: calc(var(--recommendation-gap))
}

.eVMMvb>svg,
.jvzAig>svg,
.kAZkc>svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-40%, -50%) scale(1)
}

.jvzAig {
  right: -.5rem;
  margin-left: calc(var(--recommendation-gap))
}

.JpRqT {
  fill: #f80032;
  width: auto;
  height: 22px
}

.cjqmMz {
  color: #4a4a4a;
  font-size: 1.5rem;
  height: 28px;
  width: 270px
}

.fULPul {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  padding: var(--recommendation-gap);
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scroll-snap-type: x;
  scroll-padding-left: calc(var(--recommendation-gap)*.2)
}

.ijzIZR {
  display: grid;
  grid-auto-flow: column
}

.bdcAUg {
  --brand-color: #f80032;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  flex-shrink: 0;
  position: sticky;
  z-index: 1;
  border-radius: 50%;
  width: 66px;
  height: 66px;
  border: unset;
  box-shadow: rgba(0, 0, 0, .2)0 1px 4px;
  background-color: rgba(217, 217, 217, .5)
}

.bdcAUg>svg {
  fill: var(--brand-color);
  xxxxx: all .1s ease-in-out 0s
}

@media (hover: none) and (max-width:768px) {
  .bdcAUg {
      display: none
  }
}

.fAEyyX {
  left: -.5rem;
  transform: rotate(180deg);
  margin-right: calc(var(--recommendation-gap))
}

.bdcAUg>svg,
.fAEyyX>svg,
.fzLUdk>svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-40%, -50%) scale(1)
}

.fzLUdk {
  right: -.5rem;
  margin-left: calc(var(--recommendation-gap))
}

.jBvlOl {
  fill: #f80032;
  width: auto;
  height: 22px
}

.hevbEP {
  display: flex;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
  align-items: flex-start;
  overflow: hidden
}

.hevbEP>img,
.hevbEP>svg,
.jmonRw>a>img {
  width: 100%
}

.ekudXs {
  height: 110px;
  width: var(--recommendation-size);
  display: grid;
  grid-auto-flow: column;
  -webkit-box-pack: start;
  justify-content: start;
  column-gap: 1rem;
  border-radius: .5rem;
  box-shadow: rgba(0, 0, 0, .2)0 1px 4px
}

.hVNzoU {
  -webkit-box-align: center;
  align-items: center;
  width: 90px;
  padding: 1rem .5rem;
  border-radius: .5rem 0 0 .5rem;
  position: relative
}

.hVNzoU>img {
  display: block;
  width: 100%;
  height: auto
}

.hVNzoU::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #000;
  filter: opacity(4%)
}

.cBdmMx {
  padding: 1rem .5rem 1rem 0;
  display: grid;
  row-gap: .5rem
}

.kHmZNd {
  font-size: .75rem;
  color: #666;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden
}

@media (max-width: 768px) {
  .kHmZNd {
      display: unset;
      -webkit-box-orient: unset;
      -webkit-line-clamp: unset;
      max-height: unset;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis
  }
}

@supports not (display: -webkit-box) {
  .kHmZNd {
      --max-lines: 2;
      --line-height: 1.2em;
      line-height: var(--line-height);
      overflow: hidden;
      max-height: calc((var(--line-height)*var(--max-lines) - 1px))
  }

  @media (max-width: 768px) {
      .kHmZNd {
          max-height: unset;
          line-height: unset;
          text-overflow: ellipsis;
          white-space: nowrap
      }
  }
}

.iDlGMS {
  font-size: 1rem;
  min-width: 11ch;
  color: #030303
}

.dfDTyx {
  text-align: left;
  color: #666
}

.kUsqfR {
  color: #4a4a4a;
  font-size: 1.5rem
}

.lcfujc {
  overflow-x: auto;
  max-width: 1280px;
  grid-area: 1/1/auto/-1
}

@media (max-width: 1000px) {
  .lcfujc {
      margin-top: 60px
  }
}

.dLdvJl {
  display: flex;
  flex-direction: row;
  -webkit-box-align: center;
  align-items: center;
  margin-bottom: 20px
}

.eZQSDr,
.iyZuyD {
  display: flex;
  color: #333
}

.eZQSDr {
  font-size: 22px;
  font-weight: 700;
  padding: 20px 15px;
  margin: -20px -15px
}

.iyZuyD {
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  margin: 10px 0 15px;
  padding-top: 10px;
  border-top: 1px solid #ccc
}

.jDncOE {
  margin-bottom: 4px
}

.jDncOE strong {
  display: block;
  font-size: 18px
}

.cyQcoy {
  font-size: 18px;
  font-weight: 700
}

@media (max-width: 768px) {
  .cyQcoy {
      font-size: 14px
  }
}

.bRmpJM {
  font-size: 12px;
  color: #666;
  text-align: right;
  align-self: flex-start
}

.bRmpJM b {
  font-size: 16px;
  color: #333
}

@media (max-width: 768px) {
  .bRmpJM {
      font-size: 14px
  }
}

.bcAGOx {
  list-style: none;
  text-align: right;
  padding: 0
}

@media (max-width: 768px) {
  .bcAGOx {
      font-size: 12px
  }
}

.crAVsA {
  font-size: 12px;
  color: #00A650;
  margin: 5px 0
}

@media (max-width: 768px) {
  .crAVsA {
      font-size: 12px
  }
}

.WGyah {
  padding-bottom: 10px
}

.kpXSWz {
  margin: 0 0 .5rem;
  padding: 0
}

.fUUYSe {
  list-style: none;
  display: block
}

.gctjdR {
  border-top: 1px solid #ccc;
  display: flex;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center
}

.eeawwc,
.jUoyHi {
  color: #666;
  font-size: 14px
}

.eeawwc {
  text-decoration: underline;
  margin-top: 20px
}

.jUoyHi {
  line-height: 1.5;
  margin-top: 15px;
  text-align: center;
  overflow-wrap: break-word
}

.kcwwLP {
  margin-top: 20px;
  width: 100%
}

.cYkvum {
  grid-area: 2/2/-1/auto;
  min-width: 330px;
  padding: 1.5rem 1rem;
  background-color: #f8f8f8;
  align-self: self-start;
  border-radius: .5rem
}

@media (max-width: 1000px) {
  .cYkvum {
      grid-area: summary/summary/summary/summary;
      width: 100%
  }
}

@media (max-width: 768px) {
  .cYkvum {
      min-width: calc(100% - 2rem)
  }
}

.kZOWyH {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  padding: 1.5rem;
  display: grid;
  column-gap: 2rem;
  grid-template-columns: 1fr min-content;
  grid-template-rows: repeat(5, min-content);
  grid-auto-flow: dense
}

@media (max-width: 768px) {
  .kZOWyH {
      padding: .5rem 1rem
  }
}

.kZOWyH>:not(:nth-last-child(-n+3)) {
  margin-bottom: 1.25rem;
  margin-bottom: unset
}

@media (max-width: 1000px) {
  .kZOWyH {
      grid-template: "title" "storeBanner" "products" "freight" "summary" "recommendation" "o2o-recommendation" /auto;
      column-gap: unset
  }
}

.kZOWyH>:not(:last-child) {
  margin-bottom: .5rem
}

.dVNoq {
  grid-column: 1/auto
}

@media (max-width: 1000px) {
  .dVNoq {
      grid-area: freight/freight/freight/freight
  }
}

.vDTBn {
  display: grid;
  place-items: start;
  --imageWidth: 50px
}

.vDTBn:last-child {
  border-bottom: none
}

@media (max-width: 768px) {
  .vDTBn {
      column-gap: 1rem;
      grid-template-columns: var(--imageWidth) 1fr 1fr;
      grid-template-areas: "product product product" ". freight freight" ". quantity price"
  }
}

.fjFzkC {
  white-space: nowrap;
  text-align: start;
  color: #333
}

.kanDXL {
  font-size: 12px;
  text-align: start;
  font-weight: 400;
  color: #666
}

.gUbXEK {
  grid-area: price/price/price/price;
  font-weight: 700;
  text-align: end
}

.jmonRw {
  display: flex;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
  align-items: flex-start;
  overflow: hidden
}

.eMijpD {
  grid-column: 2/auto;
  font-size: .75rem;
  color: #999;
  line-height: 1rem
}

.hKvNSq {
  text-align: center;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center
}

.eZDPoF {
  color: #666;
  cursor: pointer;
  text-transform: lowercase;
  font-size: 12px;
  margin-top: 10px;
  border: none;
  background: none;
}

.eZDPoF:hover {
  text-decoration: underline
}

.eeyqGF {
  display: grid;
  grid-area: quantity/quantity/quantity/quantity
}

@media (max-width: 768px) {
  .eeyqGF:is(.sc-erqdvE):is(.sc-erqdvE) {
      justify-self: start
  }

  .eeyqGF:is(.sc-erqdvE)+:is(div) {
      justify-self: end
  }
}

.fJpakz {
  display: grid;
  grid-template-columns: 12px 45px 12px;
  border: 2px solid #e3e3e3;
  border-radius: .5rem;
  padding: 0 8px;
  -webkit-box-align: center;
  align-items: center;
  opacity: 1
}

.bsmRaa {
  background: 0 0;
  border: 0;
  cursor: pointer
}

.bsmRaa:disabled {
  cursor: default
}

.bsmRaa:disabled>svg {
  fill: #e3e3e3
}

.bsmRaa>svg {
  fill: #f80032
}

.ZEKAl,
.kDxVzo {
  text-align: center
}

.kDxVzo {
  height: 35px;
  border: 0;
  outline: 0
}

.ZEKAl {
  grid-area: freight/freight/freight/freight
}

@media (max-width: 768px) {
  .ZEKAl {
      border-bottom: 1px solid #e9e9e9;
      width: 100%;
      margin: .5rem 0 1rem;
      padding: .5rem 0;
      text-align: left
  }
}

.kAektU {
  font-size: 14px;
  line-height: 16px;
  color: #666
}

.jNXjpq {
  grid-column: 2/auto;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  -webkit-box-align: center;
  align-items: center
}

.emCsnD {
  grid-area: product/product/product/product
}

.emCsnD>:last-child {
  margin-bottom: 0
}

.iMSCAr {
  place-self: start;
  width: 100%;
  grid-area: productImage/productImage/productImage/productImage
}

.iQWgFl {
  grid-column: 2/auto;
  display: inline-block;
  font-weight: 700;
  font-size: 14px;
  color: #666
}

.iQWgFl:hover {
  text-decoration: underline
}

.ljXYAC {
  grid-template-columns: 100px minmax(100px, 1fr) minmax(min-content, 150px) 100px 100px;
  grid-template-areas: "productImage product quantity freight price" ". services services . .";
  padding: 1rem;
  -webkit-box-align: center;
  align-items: center;
  column-gap: 1.5rem
}

.fPViZd>:nth-child(n+4),
.ljXYAC>:nth-child(n+4) {
  justify-self: center
}

@media (max-width: 768px) {
  .ljXYAC {
      grid-template-columns: 70px 1fr 1fr;
      column-gap: .5rem;
      grid-template-areas: "productImage product product" ". freight freight" ". quantity price" "services services services";
      padding: 1rem 0
  }
}

.fPViZd {
  grid-template-columns: 100px minmax(100px, 1fr) minmax(min-content, 150px) 100px 100px;
  grid-template-areas: "productImage product quantity freight price" ". services services . .";
  padding: 1rem;
  -webkit-box-align: center;
  align-items: center;
  column-gap: 1.5rem
}

@media (max-width: 768px) {
  .fPViZd {
      grid-template-columns: 70px 1fr 1fr;
      column-gap: .5rem;
      grid-template-areas: "productImage product product" ". freight freight" ". quantity price" "services services services";
      padding: 1rem 0
  }
}

.tFbiq {
  grid-column: 1/auto
}

@media (max-width: 1000px) {
  .tFbiq {
      grid-area: products/products/products/products
  }
}

@media (max-width: 768px) {
  .tFbiq {
      border: 1px solid #e9e9e9;
      padding: 1rem
  }
}

.dabfPR {
  border-bottom: 1px solid #e9e9e9
}

@media (max-width: 768px) {
  .dabfPR {
      display: none
  }
}

.bfEfaW,
.gIahSp {
  color: #4a4a4a;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  grid-area: productImage/productImage/productImage/productImage
}

.gIahSp {
  grid-area: freight/freight/freight/freight
}

.blxsMj:not(:first-child),
.gIahSp:not(:first-child),
.jSzNkF:not(:first-child) {
  justify-self: center
}

.blxsMj,
.jSzNkF {
  color: #4a4a4a;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  grid-area: quantity/quantity/quantity/quantity
}

.blxsMj {
  grid-area: price/price/price/price
}

.kxsJbx {
  border-bottom: 1px solid #e9e9e9
}

@media (max-width: 768px) {
  .kxsJbx {
      border-bottom: none
  }
}

.yMoGu>:not(:last-child) {
  margin-bottom: .5rem
}

/*! CSS Used from: Embedded */
* {
  xxxxx: 12s !important
}

/*! CSS Used from: Embedded */
.jamegO {
  position: relative
}

.ciTzkm {
  display: table;
  cursor: default
}

.bsCUkA {
  width: 100%;
  display: flex;
  margin-top: 8px;
  padding: 7px 0;
  border-radius: 4px;
  -webkit-box-pack: center;
  justify-content: center;
  background-color: #d9ffd9
}

.jvsNFL {
  display: flex;
  -webkit-box-align: center;
  align-items: center
}

.hjqfRo {
  font-size: 14px;
  color: #004800
}

.imZBmc {
  width: 16px;
  height: 16px;
  margin-left: 8px;
  fill: #333
}

.divManager {
  border: 1px solid #e9e9e9;
  margin: 20px 0;
  border-radius: 10px;
  position: relative;
  border: none;
  border-radius: 1rem;
  box-shadow: rgba(0, 0, 0, 0.08) 2px 2px 2px 2px;
  margin-bottom: 1rem;
  min-height: 100px;

}

/*! CSS Used from: Embedded */
.jamegO {
  position: relative
}

.ciTzkm {
  display: table;
  cursor: default
}

.bsCUkA {
  width: 100%;
  display: flex;
  margin-top: 8px;
  padding: 7px 0;
  border-radius: 4px;
  -webkit-box-pack: center;
  justify-content: center;
  background-color: #d9ffd9
}

.jvsNFL {
  display: flex;
  -webkit-box-align: center;
  align-items: center
}

.hjqfRo {
  color: #004800
}

.imZBmc {
  width: 16px;
  height: 16px;
  margin-left: 8px;
  fill: #333
}

.src__Container-sc-1jdrbmm-0.bsCUkA {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px
}

.hnpejM {
  grid-area: warning/warning/warning/warning;
  width: 100%
}

.fYFwYx {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  padding-top: 0
}

.gWdWPu {
  font-size: 12px;
  color: #f80032;
  margin-left: 10px
}

.cDaZSp {
  fill: red;
  width: 30px;
  height: 30px
}

.fYFwYx {
  margin-left: 20px;
  margin-top: -15px;
  margin-bottom: 9px
}

.tFbiq {
  border: 0;
  padding: 0
}

.article_product {
  padding: 20px
}

.slide-others-content {
  display: flex;
  border: 1px solid #ccc;
  width: 200px
}

.slide-others-content>div {
  padding: 10px
}

.slide-others-content-title {
  color: #ccc
}

.slide-others .cTQsBX {
  width: 300px !important
}

.slide-others {
  display: flex;
  position: relative;
  gap: 18px;
  align-items: center
}

.slide-others .eVMMvb {
  position: absolute
}

.hjqfRo {
  font-size: 12px
}

.eVMMvb,
.eZHjGH {
  cursor: pointer
}

figure {
  xxxxx: 2s linear
}

.eZHjGH {
  text-decoration: none;
  touch-action: manipulation;
  white-space: nowrap;
  border-radius: 8px;
  xxxxx: all 100ms ease-in 0s;
  font-weight: 700;
  user-select: none;
  display: flex;
  position: relative;
  flex: 0 0 auto;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  outline: 0;
  line-height: 1.5;
  border: 2px solid var(--borderColor);
  background-color: var(--backgroundColor);
  box-sizing: border-box;
  padding: .5rem 1rem;
  font-size: 1rem;
  --borderColor: #F80032;
  --backgroundColor: #F80032;
  color: var(--textColor)
}

.eZHjGH,
.eZHjGH:hover {
  --textColor: white
}

.eZHjGH:disabled {
  cursor: not-allowed
}

.eZHjGH:disabled,
.eZHjGH:disabled:hover {
  --textColor: white
}

.dGkLKw {
  display: flex;
  grid-column: 1/3;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  height: auto;
  padding: 50px 0;
  gap: 1rem;
  background-color: #fafafa
}

.czWbkm,
.kmbTHJ {
  text-align: center;
  font-weight: 400;
  font-family: Roboto, sans-serif
}

.czWbkm {
  font-style: normal;
  font-size: 20px;
  line-height: 140%;
  color: #282828;
  margin-top: 16px
}

.kmbTHJ {
  color: #6f6f6f;
  max-width: 370px;
  text-transform: none
}

.gFqINJ {
  width: 100%;
  max-width: 370px;
  margin-top: 16px
}

.eMSqcT>:not(:last-child) {
  margin-bottom: .5rem
}

.cdvVUt {
  margin-left: 18px;
}



.cKsdds {
  text-decoration: underline;
  color: rgb(102, 102, 102);
  font-size: 14px;
  margin-top: 20px;
}


button.sc-jCXOcT.eZDPoF {
  color: red;
  padding: 0.5rem;
  font-weight: bold;
  font-size: 12px;
}


@media screen and (max-width: 767px){

  div.sc-jmWcFz.gpiqBf {
    margin-top: 30px;
  }

}