/*
PL
*/
:root {
--font-family-accent:'Footshop Medium', proxima-nova, sans-serif, 'foot', 'neue-haas-unica', -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Helvetica Neue", Arial, sans-serif;
--font-family-base: 'Footshop Medium', proxima-nova, sans-serif,'neue-haas-unica', -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Helvetica Neue", Arial, sans-serif;
}
:root {
--color-typo-accent: #141414;
--color-typo-base: #5a5a5a;
--color-typo-minor: #aaa;
--color-layout-bg: #fff;
--color-header-bg: #141414;
--color-header-text: #fff;
--color-header-topbar-bg: #2f2f2f;
--color-header-topbar-text: #aaa;
--color-header-accent: #fff;
--color-header-underline: #fff;
--color-header-profile-user-bg: #fff;
--color-promo-bg: #ff8200;
--color-promo-text: #fff;
--color-promo-text-light: #fff;
--color-footer-bg: #2f2f2f;
--color-footer-accent: #fff;
--color-footer-text: #aaa;
--color-footer-help-bg: #f8f8f8;
--color-chatbot-bg: #141414;
--color-checkout-bg: #f2f2f2;
--color-box-bg: #f2f2f2;
--color-box-bg-hover: #e6e6e6;
--color-box-text: #141414;
--color-box-2-bg: #f2f2f2;
--color-box-3-bg: #fff;
--color-box-4-bg: #f2f2f2;
--color-box-5-bg: #fff;
--color-box-5-text: #141414;
--border-box-5: 1px solid #e6e6e6;
--color-reg-invitation-text: #141414;
--font-weight-accent: 500;
--border-base: none;
--border-radius-base: none;
--border-radius-small: none;
--text-transform: uppercase;
--color-error: #fa3232;
--color-button-primary-bg: #141414;
--color-button-primary-bg-hover: #2f2f2f;
--color-button-tertiary-outline: #fff;
--color-vip-bg: #141414;
--color-vip-text: #c8c8c8;
--color-vip-text-headline: #fff;
--color-vip-text-accent: #14be82;
--color-checkout-steps: #141414;
--color-divider-dark: #2f2f2f;
--color-divider-light: #e6e6e6;
}
.Collapsible_body_3NBIi {
transition: max-height .3s;
overflow: hidden
}
.AccordionItem_wrapper_1PJWg.AccordionItem_default_zIqA3:last-of-type {
border-bottom: 1px solid #e6e6e6
}
.AccordionItem_body_1koDg {
padding-bottom: 20px
}
.AccordionItem_header_2d3LJ.AccordionItem_default_zIqA3 {
border-top: 1px solid #e6e6e6
}
.AccordionItem_headerInner_3bNLI {
--spacing: 12px;
display: flex;
align-items: center;
margin-left: calc(var(--spacing)*-1);
margin-right: calc(var(--spacing)*-1);
padding: 15px var(--spacing);
font-family: var(--font-family-accent);
text-transform: var(--text-transform)
}
@media only screen and (min-width: 769px) {
.AccordionItem_headerInner_3bNLI {
--spacing:24px
}
}
@media only screen and (min-width: 991px) {
.AccordionItem_headerInner_3bNLI {
--spacing:0
}
}
.AccordionItem_headerLabel_3P8-d {
flex: 1
}
.AccordionItem_header_2d3LJ.AccordionItem_default_zIqA3 .AccordionItem_headerLabel_3P8-d {
margin-right: 12px;
color: var(--color-typo-accent)
}
.AccordionItem_header_2d3LJ.AccordionItem_headerLineMiddle_2oLzG .AccordionItem_headerLabel_3P8-d {
position: relative;
display: flex;
align-items: center;
font-size: 1.375rem;
line-height: 1.2727
}
@media only screen and (min-width: 991px) {
.AccordionItem_header_2d3LJ.AccordionItem_headerLineMiddle_2oLzG .AccordionItem_headerLabel_3P8-d {
font-size:1.5rem;
line-height: 1.25
}
}
.AccordionItem_header_2d3LJ.AccordionItem_headerLineMiddle_2oLzG .AccordionItem_headerLabel_3P8-d:after {
content: "";
height: 1px;
width: 100%;
margin: 0 30px;
background-color: currentColor
}
.AccordionItem_headerIcon_1N9kb {
flex: none;
width: 22px;
height: 22px;
transition: transform .3s
}
.AccordionItem_headerIcon_1N9kb.AccordionItem_isExpanded_3rG7W {
transform: rotate(180deg)
}
.AccordionItem_headerIcon_1N9kb svg {
fill: currentColor
}
.Avatar_avatar_oiPSI {
padding-top: 10px
}
.Avatar_avatarMediaAlign_YPz5u {
align-items: center
}
.Avatar_avatarImageWrapper_2blMU {
display: flex;
justify-content: center
}
.Avatar_avatarImage_3TVLE {
width: 32px;
height: 32px;
border-radius: 50%;
object-fit: cover;
aspect-ratio: 1
}
.Avatar_username_pEXMr {
font-size: 15px;
margin: 0;
padding: 0;
line-height: 22px;
text-decoration: none;
font-weight: 500;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 200px
}
.Avatar_username_pEXMr.Avatar_usernameLight_3cPRt {
color: #fff
}
.Avatar_username_pEXMr.Avatar_usernameDark_3jXem {
color: #141414
}
.Heading_heading_1dtHt {
margin: 0;
text-transform: var(--text-transform)
}
.Heading_heading_1dtHt.Heading_inherit_2pzfx {
color: inherit
}
.Heading_heading_1dtHt.Heading_center_2suB5 {
text-align: center
}
.Heading_heading_1dtHt.Heading_right_1jsuG {
text-align: right
}
.Heading_heading_1dtHt.Heading_margin_Zz8sK {
margin-bottom: 15px
}
.Spinner_wrapper_yB8fX {
font-size: 0;
line-height: 0;
overflow: hidden;
text-align: center;
vertical-align: middle
}
.Spinner_spinner_3opjr {
animation: Spinner_rotate_1VLwi .5s linear infinite;
vertical-align: middle
}
@keyframes Spinner_rotate_1VLwi {
0% {
transform: rotate(0deg)
}
to {
transform: rotate(1turn)
}
}
.Button_button_3Q-lF {
--minHeight: 50px;
--lineHeightPx: 22px;
-webkit-appearance: none;
display: block;
background: none;
cursor: pointer;
height: auto;
margin: 0;
padding: 0;
border: 0;
outline: none;
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 240px;
min-height: var(--minHeight);
padding: calc(var(--minHeight)/2 - var(--lineHeightPx)/2 - var(--border)) 15px;
border: var(--border) solid;
border-radius: var(--border-radius-base);
font-family: var(--font-family-accent);
font-size: .9375rem;
line-height: 1.4667;
font-weight: var(--font-weight-accent);
text-transform: var(--text-transform);
transition: all .3s
}
@media only screen and (min-width: 991px) {
.Button_button_3Q-lF {
--minHeight:40px
}
}
a.Button_button_3Q-lF {
text-decoration: none
}
.Button_button_3Q-lF:disabled {
cursor: not-allowed
}
.Button_button_3Q-lF.Button_hasLeftIcon_TT0np:after,.Button_button_3Q-lF.Button_hasRightIcon_3EWu6:before,.Button_button_3Q-lF.Button_pseudoIcon_3UMXE {
content: "";
display: block;
width: 22px;
height: 22px
}
.Button_button_3Q-lF.Button_hasLeftIcon_TT0np:after {
margin-left: 8px
}
.Button_button_3Q-lF.Button_hasRightIcon_3EWu6:before {
margin-right: 8px
}
.Button_button_3Q-lF.Button_spaceBetween_3-uAP {
justify-content: space-between
}
.Button_icon_TdZ70 {
pointer-events: none
}
.Button_icon_TdZ70 svg {
display: block;
width: 22px;
height: 22px;
fill: currentColor
}
.Button_icon_TdZ70.Button_leftIcon_1MabP {
margin-right: 8px
}
.Button_icon_TdZ70.Button_rightIcon_1xSXp {
margin-left: 8px
}
.Button_customContentWrapper_1A8eE {
flex: 1
}
.ButtonBar_buttonBar_E7Ffs {
display: flex;
gap: 10px
}
.ButtonBar_buttonBar_E7Ffs.ButtonBar_columnCenter_1eI3I,.ButtonBar_buttonBar_E7Ffs.ButtonBar_columnFullWidth_xZDYs {
flex-direction: column
}
.ButtonBar_buttonBar_E7Ffs.ButtonBar_columnFullWidth_xZDYs {
width: 100%
}
.ButtonBar_buttonBar_E7Ffs.ButtonBar_columnFullWidth_xZDYs button {
min-width: auto
}
.ButtonBar_buttonBar_E7Ffs.ButtonBar_columnCenter_1eI3I {
align-items: center
}
.ButtonBar_buttonBar_E7Ffs.ButtonBar_rowLeft_eQoMp,.ButtonBar_buttonBar_E7Ffs.ButtonBar_rowRight_dYnFg,.ButtonBar_buttonBar_E7Ffs.ButtonBar_rowSpaceBetween_2aeQt {
flex-direction: row
}
.ButtonBar_buttonBar_E7Ffs.ButtonBar_rowRight_dYnFg {
justify-content: flex-end
}
.ButtonBar_buttonBar_E7Ffs.ButtonBar_rowSpaceBetween_2aeQt {
justify-content: space-between
}
.ButtonBar_buttonBar_E7Ffs.ButtonBar_rowStretch_Snv3z {
flex-direction: row
}
.ButtonBar_buttonBar_E7Ffs.ButtonBar_rowStretch_Snv3z>:first-child {
flex: auto
}
.ButtonBar_buttonBar_E7Ffs.ButtonBar_rowStretch_Snv3z>*+* {
margin-left: 2px
}
.ButtonBar_buttonBar_E7Ffs.ButtonBar_reverse_1MTMO.ButtonBar_rowLeft_eQoMp,.ButtonBar_buttonBar_E7Ffs.ButtonBar_reverse_1MTMO.ButtonBar_rowRight_dYnFg,.ButtonBar_buttonBar_E7Ffs.ButtonBar_reverse_1MTMO.ButtonBar_rowSpaceBetween_2aeQt {
flex-direction: row-reverse
}
.ButtonBar_buttonBar_E7Ffs.ButtonBar_reverse_1MTMO.ButtonBar_columnCenter_1eI3I,.ButtonBar_buttonBar_E7Ffs.ButtonBar_reverse_1MTMO.ButtonBar_columnFullWidth_xZDYs {
flex-direction: column-reverse
}
.Icon_icon_1eZny {
--iconSize: 22px;
display: block;
flex-shrink: 0;
width: var(--iconSize);
height: var(--iconSize)
}
.Icon_icon_1eZny svg {
display: block;
width: 100%;
height: 100%;
fill: currentColor
}
.Icon_icon_1eZny.Icon_small_2uT4t {
--iconSize: 14px
}
.Icon_icon_1eZny.Icon_medium_1usJe {
--iconSize: 28px
}
.Icon_icon_1eZny.Icon_large_rpIsM {
--iconSize: 50px
}
.Icon_icon_1eZny.Icon_inline_1wiwj {
display: inline-block;
vertical-align: bottom
}
.IconButton_iconButton_1E_1G {
--iconBtnSize: 46px;
-webkit-appearance: none;
display: block;
background: none;
cursor: pointer;
height: auto;
margin: 0;
padding: 0;
border: 0;
outline: none;
display: inline-flex;
align-items: center;
justify-content: center;
width: var(--iconBtnSize);
height: var(--iconBtnSize);
border-radius: 50%;
color: inherit;
transition-duration: .3s;
transition-property: background-color,color
}
.Dropdown_dropdown_1ANMw {
margin: 0 auto 15px;
max-width: 320px;
position: relative;
text-align: left;
z-index: 1
}
.Dropdown_dropdown_1ANMw.Dropdown_fullWidth_1OfGF {
max-width: none;
width: 100%
}
.Dropdown_dropdown_1ANMw .Dropdown_activeItem_1ZBub {
background-color: #fff;
display: block;
line-height: 42px;
margin-bottom: 0;
padding: 0 30px 0 15px;
position: relative;
cursor: pointer;
font-size: 16px;
border-radius: var(--border-radius-base)
}
.Dropdown_dropdown_1ANMw .Dropdown_activeItem_1ZBub .Dropdown_arrowDown_2l9BW {
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%) rotate(0deg);
transition: all .5s;
fill: #141414
}
.Dropdown_content_2WUT0.Dropdown_outlined_rwYtW .Dropdown_activeItem_1ZBub,.Dropdown_content_2WUT0.Dropdown_outlined_rwYtW .Dropdown_dropdownContent_mrld7 {
border: 1px solid #c8c8c8;
transition: border-color .3s
}
.Dropdown_content_2WUT0.Dropdown_outlined_rwYtW .Dropdown_activeItem_1ZBub {
line-height: 50px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.Dropdown_content_2WUT0.Dropdown_outlined_rwYtW .Dropdown_activeItem_1ZBub .Dropdown_arrowDown_2l9BW {
fill: var(--color-typo-accent)
}
@media only screen and (min-width: 991px) {
.Dropdown_content_2WUT0.Dropdown_outlined_rwYtW .Dropdown_activeItem_1ZBub,.Dropdown_content_2WUT0.Dropdown_outlined_rwYtW .Dropdown_item_3p7pi {
line-height:40px
}
}
button.Link_link_2imKr {
-webkit-appearance: none;
background: none;
cursor: pointer;
height: auto;
padding: 0;
border: none
}
.Link_link_2imKr {
color: var(--color-typo-accent);
text-decoration: underline;
font-family: var(--font-family-accent)
}
.Link_link_2imKr:hover {
color: var(--color-typo-accent);
text-decoration: none
}
.Link_link_2imKr.Link_simple_1wBgg {
color: var(--color-typo-base);
font-family: var(--font-family-base)
}
.Link_link_2imKr.Link_bold_1H4kf {
font-weight: var(--font-weight-accent)
}
.Link_link_2imKr.Link_small_26ejO {
font-size: .875rem;
line-height: 1.4286
}
.Link_link_2imKr.Link_uppercase_1pPXw {
text-transform: var(--text-transform)
}
.Link_link_2imKr.Link_light_kK6Dj {
color: #fff
}
.Link_link_2imKr.Link_gray_3vv-u {
color: var(--color-typo-minor);
font-weight: var(--font-weight-accent);
text-transform: var(--text-transform);
text-align: left
}
.Link_link_2imKr.Link_noUnderline_1GWwa {
text-decoration: none
}
.Link_link_2imKr.Link_noUnderline_1GWwa:focus,.Link_link_2imKr.Link_noUnderline_1GWwa:hover {
text-decoration: underline
}
.Link_link_2imKr.Link_hasHitArea_QYnZR {
padding-top: 4px;
padding-bottom: 4px
}
.Checkbox_checkbox_aOsMM label {
display: flex;
cursor: pointer
}
.Checkbox_checkbox_aOsMM input {
display: none
}
.Checkbox_tick_3rzHE {
flex: none;
display: flex;
align-items: center;
justify-content: center;
width: 20px;
height: 20px;
margin: 1px;
border: 1px solid #c8c8c8;
transition: background-color .3s,border .3s
}
input:checked+.Checkbox_tick_3rzHE,label:hover .Checkbox_tick_3rzHE {
border-color: var(--color-typo-accent)
}
input:checked+.Checkbox_tick_3rzHE {
background-color: var(--color-typo-accent)
}
input:disabled+.Checkbox_tick_3rzHE {
background-color: #f2f2f2;
border-color: #e6e6e6
}
.Checkbox_tick_3rzHE.Checkbox_radio_3Qaxa {
border-radius: 50%
}
input:checked+.Checkbox_tick_3rzHE.Checkbox_radio_3Qaxa {
background-color: #fff;
border-width: 7px
}
.Checkbox_tick_3rzHE.Checkbox_error_17vNJ {
border-color: #fa3232
}
input:checked+.Checkbox_tick_3rzHE .Checkbox_icon_1D0N8 {
display: block;
width: 12px;
height: 6px;
margin-top: -3px;
border-left: 2px solid #fff;
border-bottom: 2px solid #fff;
border-right-color: #fff;
border-top-color: #fff;
transform: rotate(-45deg)
}
.Checkbox_label_25oCH {
flex: 1;
margin-left: 10px;
line-height: 22px;
color: #5a5a5a
}
.Background_wrapper_2ddIy {
animation-duration: 1.5s;
animation-fill-mode: forwards;
animation-iteration-count: infinite;
animation-name: Background_placeholderShimmer_3wPa7;
animation-timing-function: linear;
background: #f8f8f8;
background-image: linear-gradient(90deg,#f8f8f8 0,#edeef1 20%,#f8f8f8 40%,#f8f8f8);
background-repeat: no-repeat;
background-size: 800px 100%;
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0
}
.Background_wrapper_2ddIy.Background_dark_1RNei {
background-color: #141414;
background-image: linear-gradient(90deg,#141414 0,#141414 20%,#141414 40%,#141414)
}
@keyframes Background_placeholderShimmer_3wPa7 {
0% {
background-position: -1000px 0
}
to {
background-position: 1000px 0
}
}
.Line_wrapper_2lYI6 {
position: relative
}
.Line_wrapper_2lYI6+.Line_wrapper_2lYI6 {
margin-top: 5px
}
@media only screen and (min-width: 769px) {
.Line_wrapper_2lYI6+.Line_wrapper_2lYI6 {
margin-top:10px
}
}
.TallCard_wrapper_3s_51 {
display: flex;
width: auto;
aspect-ratio: 3/4
}
.TallCard_wrapper_3s_51.TallCard_fullHeight_An2wC {
height: 100%
}
.TallCard_anchor_3c_dP {
text-decoration: none;
cursor: pointer;
display: flex;
flex-direction: column
}
.TallCard_anchor_3c_dP.TallCard_fullHeight_An2wC {
height: 100%
}
.TallCard_anchor_3c_dP:hover {
text-decoration: underline
}
.TallCard_anchor_3c_dP:hover.TallCard_light_1eAAe {
color: #fff
}
.TallCard_anchor_3c_dP:hover.TallCard_dark_2P4As {
color: #000
}
.TallCard_image_1yHkh {
width: auto;
height: 100%;
object-fit: cover;
aspect-ratio: 3/4
}
.TallCard_restrictedImageHeight_gZ0_J {
max-height: 359px
}
@media only screen and (min-width: 769px) {
.TallCard_restrictedImageHeight_gZ0_J {
max-height:390px
}
}
.HeadlineWithLink_link_3RYvL {
margin-left: 16px;
font-size: .9375rem;
line-height: 1.4667;
text-decoration: underline;
white-space: nowrap;
color: var(--color-typo-minor);
vertical-align: middle
}
.HeadlineWithLink_link_3RYvL:hover {
color: #aaa;
text-decoration: none
}
.HorizontalList_wrapper_35ZDh {
display: flex;
position: relative;
flex-direction: column
}
@media only screen and (min-width: 769px) {
.HorizontalList_wrapper_35ZDh {
flex-direction:row
}
}
.HorizontalList_header_20hWd {
width: 100%;
display: flex;
justify-content: center;
flex-basis: 0
}
@media only screen and (min-width: 769px) {
.HorizontalList_header_20hWd {
flex-basis:420px
}
}
.HorizontalList_gridWrapper_S019D {
width: 100%;
display: inline-flex;
position: relative;
pointer-events: none;
overflow: hidden
}
.HorizontalList_grid_2OjuH {
display: grid;
grid-auto-flow: column;
grid-auto-columns: var(--itemWidth);
width: 100%;
pointer-events: all;
overflow-x: auto;
-ms-overflow-style: none;
scrollbar-width: none
}
.HorizontalList_grid_2OjuH::-webkit-scrollbar {
display: none
}
.HorizontalList_grid_2OjuH.HorizontalList_oneInView_1Bl96 {
--itemWidth: 62%
}
@media only screen and (min-width: 561px) {
.HorizontalList_grid_2OjuH.HorizontalList_oneInView_1Bl96 {
--itemWidth:65%
}
}
.HorizontalList_grid_2OjuH.HorizontalList_twoInView_FNTEJ {
--itemWidth: 45%
}
@media only screen and (min-width: 561px) {
.HorizontalList_grid_2OjuH.HorizontalList_twoInView_FNTEJ {
--itemWidth:47.5%
}
}
.HorizontalList_grid_2OjuH.HorizontalList_threeInView_2GyHt {
--itemWidth: 28%
}
.HorizontalList_grid_2OjuH.HorizontalList_fourInView_3FMrD {
--itemWidth: 22%
}
.HorizontalList_grid_2OjuH.HorizontalList_fiveInView_2Waah {
--itemWidth: 18%
}
.HorizontalList_grid_2OjuH.HorizontalList_auto_1Ednj {
--itemWidth: max-content;
scrollbar-width: none
}
.HorizontalList_grid_2OjuH.HorizontalList_auto_1Ednj::-webkit-scrollbar {
display: none
}
.HorizontalList_grid_2OjuH.HorizontalList_hasSideSpace_3UVcn {
padding-left: 12px;
padding-right: 12px
}
@media only screen and (min-width: 769px) {
.HorizontalList_grid_2OjuH.HorizontalList_hasSideSpace_3UVcn {
padding-left:24px;
padding-right: 24px
}
}
.HorizontalList_grid_2OjuH.HorizontalList_hasNotSideSpace_3psBi {
padding-left: 12px;
padding-right: 12px
}
@media only screen and (min-width: 769px) {
.HorizontalList_grid_2OjuH.HorizontalList_hasNotSideSpace_3psBi {
padding-right:24px;
padding-left: 0
}
}
.HorizontalList_separator_19ECX {
width: 8px;
height: 100%
}
@media only screen and (min-width: 769px) {
.HorizontalList_separator_19ECX {
width:16px
}
}
@media only screen and (min-width: 769px) {
.HorizontalList_separator_19ECX.HorizontalList_separatorAuto_1C97m {
width:8px
}
}
.HorizontalList_flexRow_1kuNo {
display: flex;
flex-direction: row;
position: relative
}
.HorizontalList_flex_2dJgC {
flex: 1
}
.HorizontalList_arrowsWrapper_3CVdB {
display: flex;
position: absolute;
inset: 0;
pointer-events: none
}
.HorizontalList_arrowBtn_3ZG5X {
position: absolute;
top: 50%;
z-index: 2;
border-radius: var(--border-radius-base);
background-color: rgba(0,0,0,.15);
color: #fff;
transform: translateY(-50%);
pointer-events: all
}
.HorizontalList_arrowBtn_3ZG5X:hover {
background-color: rgba(0,0,0,.3)
}
.HorizontalList_arrowBtn_3ZG5X.HorizontalList_white_Gq2mO {
width: 50px;
height: 50px;
background-color: #fff;
border: 1px solid #e6e6e6;
color: var(--color-typo-accent);
transition: border .3s
}
.HorizontalList_arrowBtn_3ZG5X.HorizontalList_white_Gq2mO:focus,.HorizontalList_arrowBtn_3ZG5X.HorizontalList_white_Gq2mO:hover {
border-color: #c8c8c8
}
.HorizontalList_arrowBtn_3ZG5X.HorizontalList_white_Gq2mO:after,.HorizontalList_arrowBtn_3ZG5X.HorizontalList_white_Gq2mO:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
width: 30px
}
.HorizontalList_arrowBtn_3ZG5X.HorizontalList_white_Gq2mO:before {
left: -31px
}
.HorizontalList_arrowBtn_3ZG5X.HorizontalList_white_Gq2mO:after {
right: -31px
}
.HorizontalList_prevArrowBtn_25RFQ {
left: 0
}
.HorizontalList_prevArrowBtn_25RFQ.HorizontalList_white_Gq2mO {
left: 24px
}
.HorizontalList_prevArrowBtn_25RFQ.HorizontalList_white_Gq2mO:before {
background-color: hsla(0,0%,94.9%,.8)
}
.HorizontalList_prevArrowBtn_25RFQ.HorizontalList_white_Gq2mO:after {
background: linear-gradient(90deg,#f2f2f2 0,hsla(0,0%,94.9%,0))
}
.HorizontalList_nextArrowBtn_P8hig {
right: 0
}
.HorizontalList_nextArrowBtn_P8hig.HorizontalList_white_Gq2mO {
right: 24px
}
.HorizontalList_nextArrowBtn_P8hig.HorizontalList_white_Gq2mO:before {
background: linear-gradient(270deg,#f2f2f2 0,hsla(0,0%,94.9%,0))
}
.HorizontalList_nextArrowBtn_P8hig.HorizontalList_white_Gq2mO:after {
background-color: hsla(0,0%,94.9%,.8)
}
.BaseContainer_wrapper_a2vvb {
padding: 0 12px
}
@media only screen and (min-width: 769px) {
.BaseContainer_wrapper_a2vvb {
padding:0 24px
}
}
.CenterContainer_wrapper_3ypaU {
display: flex;
flex-direction: column;
align-items: center;
width: 100%
}
.CenterContainer_innerWrapper_2CxLM {
max-width: 1366px;
width: 100%
}
.FullSizeContainer_wrapper_YAFac {
width: 100%;
height: 100%;
left: 0;
position: absolute;
top: 0
}
.Section_wrapper_1PAlW {
margin-top: 40px;
margin-bottom: 40px
}
@media only screen and (min-width: 769px) {
.Section_wrapper_1PAlW {
margin-top:60px;
margin-bottom: 60px
}
}
@media only screen and (min-width: 769px) {
.Section_wrapper_1PAlW.Section_large_dfJjE {
margin-top:80px;
margin-bottom: 80px
}
}
.Section_wrapper_1PAlW.Section_wide_2UCa- {
width: 100%
}
.Section_wrapper_1PAlW.Section_disableSpacingTop_3FsL6 {
margin-top: 0
}
.SimpleWrapper_wrapper_1KNnc {
margin: 40px 0
}
@media only screen and (min-width: 769px) {
.SimpleWrapper_wrapper_1KNnc {
margin:60px 0
}
}
.StripeContainer_wrapper_3QIBY {
padding: 0 12px
}
.StripeContainer_wrapper_3QIBY>* {
display: block
}
.StripeContainer_wrapper_3QIBY>*+* {
margin-top: 10px
}
@media only screen and (min-width: 769px) {
.StripeContainer_wrapper_3QIBY {
display:flex;
flex-flow: row nowrap;
justify-content: space-between;
padding: 0 16px
}
.StripeContainer_wrapper_3QIBY>* {
flex: .5;
padding: 0 8px
}
.StripeContainer_wrapper_3QIBY>*+* {
margin-top: 0
}
}
.ProductStickers_stickers_cdJ4o {
display: flex;
flex-direction: column;
align-items: flex-start
}
.ProductStickers_stickers_cdJ4o>*+* {
margin-top: 5px
}
.ProductStickers_stickers_cdJ4o.ProductStickers_inline_xMoAK {
flex-direction: row
}
.ProductStickers_stickers_cdJ4o.ProductStickers_inline_xMoAK>*+* {
margin-top: 0;
margin-left: 5px
}
.ProductStickers_sticker_9Vgrt {
display: flex;
align-items: center;
padding: 5px 10px;
border-radius: var(--border-radius-small);
font-family: var(--font-family-accent);
font-size: .6875rem;
line-height: 1.4545;
text-transform: var(--text-transform)
}
@media only screen and (min-width: 991px) {
.ProductStickers_sticker_9Vgrt {
font-size:.8125rem;
line-height: 1.5385
}
}
.ProductStickers_sticker_9Vgrt.ProductStickers_grey_3NgVC {
background-color: #f2f2f2;
color: var(--color-typo-accent)
}
.ProductStickers_sticker_9Vgrt.ProductStickers_white_f9S34 {
background-color: hsla(0,0%,100%,.8);
color: var(--color-typo-base)
}
.ProductStickers_sticker_9Vgrt.ProductStickers_green_fvPlP,.ProductStickers_sticker_9Vgrt.ProductStickers_sustainable_34LDJ {
background-color: rgba(0,150,100,.8);
color: #fff
}
.ProductStickers_sticker_9Vgrt.ProductStickers_red_1wbf1,.ProductStickers_sticker_9Vgrt.ProductStickers_sale_1pJYg {
background-color: var(--color-error);
color: #fff
}
.ProductStickers_sticker_9Vgrt.ProductStickers_black_2TIsV {
background-color: var(--color-typo-accent);
color: #fff
}
.ProductStickers_sticker_9Vgrt svg {
flex: none;
width: 12px;
height: 12px;
margin-right: 5px;
fill: currentColor
}
@media only screen and (min-width: 991px) {
.ProductStickers_sticker_9Vgrt svg {
width:16px;
height: 16px
}
}
.BoxRatio_wrapper_1HVuG {
position: relative;
padding-top: 100%
}
@media only screen and (min-width: 769px) {
.BoxRatio_wrapper_1HVuG {
padding-top:75%
}
}
.BoxSquare_wrapper_3KWQm {
position: relative;
padding-top: 100%
}
.Product_info_2BgOv {
padding: 10px 0
}
.ProductCarousel_item_1ww_8 {
padding: 8px
}
.ProductCarousel_wrapper_2PAka {
margin: auto;
max-width: 1320px
}
.ProductList_item_21-w4 {
display: inline-block;
min-width: 155px;
padding: 4px;
white-space: normal;
width: 48%
}
.ProductList_bulky_20FnV .ProductList_item_21-w4 {
min-width: 275px;
width: 80%
}
.ProductList_swipeMix_h_ISA .ProductList_item_21-w4 {
min-width: 79%
}
.ProductList_medium_1_MZO .ProductList_item_21-w4 {
min-width: auto;
width: 33.33%
}
@media only screen and (min-width: 769px) {
.ProductList_item_21-w4 {
width:25%
}
.ProductList_bulky_20FnV .ProductList_item_21-w4 {
width: 40%
}
.ProductList_medium_1_MZO .ProductList_item_21-w4 {
width: 33.33%
}
.ProductList_swipeMix_h_ISA .ProductList_item_21-w4 {
padding: 8px;
min-width: 0;
width: 100%
}
}
.ProductList_wrapper_3iPwh {
margin: auto;
max-width: 1320px;
padding: 0 15px;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
-webkit-overflow-scrolling: touch
}
.ProductList_swipeMix_h_ISA {
display: flex;
flex: 1;
padding: 0;
max-width: none
}
.FilterBar_mobileFilters_2J4Ei {
padding: 24px 4px 20px
}
.FilterBar_mobileFilters_2J4Ei:after {
clear: both;
content: "";
display: table
}
.FilterBar_mobileFilters_2J4Ei .FilterBar_buttonPlaceholder_x4F1P {
height: 50px;
width: 100%
}
.FilterBar_mobileFilters_2J4Ei .FilterBar_button_82R9M {
background-color: #fff;
color: var(--color-typo-accent);
border: 2px solid var(--color-typo-accent);
display: block;
padding: 12px 60px 12px 15px;
position: relative;
text-transform: uppercase;
z-index: 1;
font-family: var(--font-family-accent)
}
.FilterBar_mobileFilters_2J4Ei .FilterBar_button_82R9M .FilterBar_count_JxDqb {
background-color: var(--color-typo-accent);
color: #fff;
display: inline-block;
position: absolute;
right: 40px;
text-align: center;
top: 50%;
transform: translateY(-50%);
width: 22px
}
.FilterBar_mobileFilters_2J4Ei .FilterBar_button_82R9M svg {
position: absolute;
right: 10px;
top: 13px;
width: 24px;
height: 24px;
fill: var(--color-typo-accent)
}
.FilterBar_mobileFilters_2J4Ei .FilterBar_button_82R9M.FilterBar_pinned_2KPgS {
position: fixed;
top: 45px;
left: 0;
right: 0;
z-index: 4;
animation: FilterBar_fadeIn_1nBrx .3s
}
.FilterBar_mobileFilters_2J4Ei .FilterBar_sorting_3khWI {
margin: 10px 0 0;
max-width: none
}
@media only screen and (min-width: 769px) {
.FilterBar_mobileFilters_2J4Ei {
padding:30px 8px 22px
}
.FilterBar_mobileFilters_2J4Ei .FilterBar_sorting_3khWI {
margin-top: 0;
margin-left: 15px
}
}
.FilterBar_pinnedButton_3b7C4 {
position: fixed;
top: 50px;
left: 0;
right: 0;
z-index: 4;
background-color: #fff;
animation: FilterBar_fadeIn_1nBrx .3s
}
.FilterBar_buttonInner_1Dl-I {
display: flex;
align-items: center
}
.FilterBar_productsCount_pl6Dl {
font-family: var(--font-family-base);
font-weight: 400;
color: #aaa;
padding-left: 10px
}
.FilterBar_filtersCount_MsAYe {
flex: none;
display: block;
min-width: 22px;
margin-left: auto;
background-color: #fff;
color: var(--color-typo-accent);
margin-right: 10px
}
.FilterBar_pinnedButton_3b7C4 .FilterBar_filtersCount_MsAYe {
background-color: var(--color-typo-accent);
color: #fff
}
.ChatWithUs_wrapper_2DWFG {
position: fixed;
bottom: 18px;
right: 18px;
z-index: 1080
}
.ChatWithUs_button_2QI2w {
display: flex;
align-items: center;
justify-content: center;
width: 60px;
height: 60px;
border-radius: 50%;
background-color: var(--color-chatbot-bg);
cursor: pointer
}
@media only screen and (min-width: 769px) {
.ChatWithUs_button_2QI2w {
z-index:18
}
}
.fs-p-r {
position: relative
}
.fs-mt-xsmall {
margin-top: 5px
}
.fs-mt-small {
margin-top: 10px
}
.fs-mt-base {
margin-top: 15px
}
.fs-mt-large {
margin-top: 30px
}
.fs-mb-base {
margin-bottom: 15px
}
.fs-mb-large {
margin-bottom: 30px
}
._vihi {
position: absolute;
top: -9999px;
left: -9999px;
bottom: auto;
right: auto;
height: 0;
width: 0;
visibility: hidden
}
body,html {
min-height: 100%
}
body {
margin: 0;
padding-top: 45px;
background-color: var(--color-layout-bg);
font-family: var(--font-family-base);
font-size: .9375rem;
line-height: 1.4667;
color: var(--color-typo-base);
overflow-x: hidden
}
body * {
box-sizing: border-box
}
@media only screen and (min-width: 991px) {
body,body[class] {
padding-top:0
}
}
body.lang_el * {
text-transform: none!important
}
img {
max-width: 100%
}
.grecaptcha-badge {
visibility: hidden
}
.is-ios * {
cursor: pointer
}
.wrapper,.wrapper--bigger {
clear: both;
display: block;
margin: 0 auto;
max-width: 950px;
padding-left: 15px;
padding-right: 15px
}
.wrapper--bigger:after,.wrapper:after {
clear: both;
content: "";
display: table
}
@media only screen and (min-width: 769px) {
.wrapper,.wrapper--bigger {
padding-left:0;
padding-right: 0
}
}
.wrapper--bigger {
max-width: 1320px
}
button,input,select,textarea {
background: #fff;
border: none;
color: var(--color-typo-base);
font-family: var(--font-family-base);
font-size: .9375rem;
line-height: 1.4667;
outline: none;
padding: 5px 1em;
transition: border-color .3s,box-shadow .3s;
-webkit-appearance: none
}
button {
cursor: pointer
}
input[disabled] {
color: #d0d0d0;
cursor: default
}
input,select {
height: 32px
}
table {
border-collapse: collapse;
display: block;
height: 100%;
overflow-x: auto;
width: 100%
}
table td,table th {
padding: 10px
}
table.bordered td,table.bordered th {
border: 1px solid #aaa
}
table.dark .price {
font-size: 1em;
font-weight: 400
}
table.dark thead th {
background-color: #5a5a5a;
color: #fff;
font-size: 14px;
padding: 15px 10px;
text-transform: uppercase
}
table.dark tbody td {
background-color: #f2f2f2;
padding: 20px 5px
}
table.gray tfoot td {
background-color: transparent
}
table.gray tfoot tr {
border-color: transparent
}
table.gray thead th {
color: #aaa;
font-size: 14px;
padding-bottom: 10px;
text-transform: uppercase
}
table.gray td {
background-color: #f2f2f2
}
table.ordered-products .price,table.ordered-products tfoot {
text-align: right!important
}
table.thin td {
padding: 5px
}
table.vertical-slim td {
padding: 1px 7px
}
@media only screen and (min-width: 769px) {
table {
display:table
}
table.dark td {
border: none!important
}
table.gray tr {
border-bottom: 10px solid #fff
}
}
table .responsive-table {
width: 100%;
overflow-x: auto;
margin-bottom: 2em
}
table .responsive-table table {
margin-bottom: 0
}
.appear100-enter {
max-height: 0
}
.appear100-enter-active {
max-height: 100px;
transition: all .7s linear
}
.appear100-exit {
max-height: 100px
}
.appear100-exit-active {
max-height: 0;
transition: all .7s cubic-bezier(0,0,0,1)
}
.fade-enter {
opacity: .01
}
.fade-enter-active {
opacity: 1;
transition: .5s
}
.fade-exit {
opacity: 1
}
.fade-exit-active {
opacity: .01;
transition: .5s
}
.fastFade-enter {
opacity: .01
}
.fastFade-enter-active {
opacity: 1;
transition: .15s
}
.fastFade-exit {
opacity: 1
}
.fastFade-exit-active {
opacity: .01;
transition: .15s
}
.mediumFade-enter {
opacity: .01
}
.mediumFade-enter-active {
opacity: 1;
transition: .3s
}
.mediumFade-exit {
opacity: 1
}
.mediumFade-exit-active {
opacity: .01;
transition: .3s
}
.slideLeft-enter {
transform: translateX(-100%)
}
.slideLeft-enter-active {
transform: translateX(0);
transition: .3s
}
.slideLeft-exit {
transform: translateX(0)
}
.slideLeft-exit-active {
transform: translateX(-100%);
transition: .3s
}
.slideRight-enter {
transform: translateX(100%)
}
.slideRight-enter-active {
transform: translateX(0);
transition: .3s
}
.slideRight-exit {
transform: translateX(0)
}
.slideRight-exit-active {
transform: translateX(100%);
transition: .3s
}
.slideDown {
will-change: transform
}
.slideDown-enter {
transform: translateY(100%)
}
.slideDown-enter-active {
transform: translateY(0);
transition: .3s ease-out
}
.slideDown-exit {
transform: translateY(0)
}
.slideDown-exit-active {
transform: translateY(100%);
transition: .3s ease-out
}
.Root_wrapper_3d4VU {
padding-top: 59px
}
@media only screen and (min-width: 991px) {
.Root_wrapper_3d4VU {
padding-top:0
}
}
.FtshpLogo_logo_4u055 {
position: relative;
display: inline-block;
height: 50px;
overflow: hidden;
color: currentColor
}
.FtshpLogo_logo_4u055 svg {
fill: currentColor;
padding: 0;
width: 130px;
height: 50px;
vertical-align: top
}
@media only screen and (max-width: 390px) {
.FtshpLogo_logo_4u055 svg {
width:100px
}
}
@media only screen and (max-width: 359px) {
.FtshpLogo_logo_4u055 svg {
width:60px
}
}
.FtshpLogo_logo_4u055 svg+svg {
position: absolute;
top: 0;
left: 0
}
.QnsLogo_logo_2P5W2 {
display: flex;
align-items: center;
justify-content: center;
height: 50px;
color: #0e5542
}
.QnsLogo_logo_2P5W2 svg {
display: block;
width: auto;
height: 24px;
fill: currentColor
}
.CartIcon_cartIcon_2sCfU {
position: relative;
background: none;
padding: 0;
margin: 0;
-webkit-appearance: none
}
.CartIcon_cartIcon_2sCfU svg {
fill: currentColor
}
.UserIcon_userIcon_2Gddg {
position: relative
}
.UserIcon_userIcon_2Gddg>a,.UserIcon_userIcon_2Gddg>button {
color: currentColor
}
.UserIcon_userIcon_2Gddg svg {
display: block;
fill: currentColor;
transition: fill .3s
}
.UserIcon_iconButton_jdGd4 {
-webkit-appearance: none;
display: block;
background: none;
cursor: pointer;
height: auto;
margin: 0;
padding: 0;
border: 0;
outline: none
}
.UserIcon_userMenu_1Rrn7 {
position: absolute;
top: 100%;
right: -162px;
z-index: 1;
padding-top: 18px;
opacity: 0;
transform: scale(0);
transform-origin: calc(100% - 162px) 10px
}
.UserIcon_userIcon_2Gddg:focus-within .UserIcon_userMenu_1Rrn7,.UserIcon_userIcon_2Gddg:hover .UserIcon_userMenu_1Rrn7 {
opacity: 1;
transform: scale(1)
}
.TopMenu_topLinks_3zLeY {
list-style: none;
margin: 0;
padding: 0
}
.TopMenu_topLinks_3zLeY>li {
display: inline-block;
padding: 0;
position: relative
}
.TopMenu_topLinks_3zLeY>li>a,.TopMenu_topLinks_3zLeY>li>span {
display: inline-block;
padding: 4px 12px;
font-family: var(--font-family-accent);
font-size: .8125rem;
line-height: 1.5385;
text-decoration: none;
letter-spacing: .5px;
text-transform: var(--text-transform);
color: var(--color-header-topbar-text)
}
.TopMenu_topLinks_3zLeY>li>a:hover {
text-decoration: underline
}
.TopMenu_topLinks_3zLeY>li ul {
display: none
}
.TopMenu_topLinks_3zLeY>li:hover ul {
background: #fff;
border: 1px solid #c8c8c8;
display: block;
position: absolute;
top: 100%;
left: -5px;
z-index: 2;
margin: 0;
padding: 0;
width: 250px
}
.TopMenu_topLinks_3zLeY>li:hover ul li {
padding: 0;
display: block
}
.TopMenu_topLinks_3zLeY>li:hover ul li a {
display: block;
padding: 9px 14px;
white-space: nowrap;
width: 100%;
text-decoration: none;
color: var(--color-typo-base)
}
.TopMenu_topLinks_3zLeY>li:hover ul li a:hover {
background-color: #f2f2f2
}
.CustomerListsIcon_wishIcon_qLX0a {
position: relative;
display: block;
background: none;
padding: 0;
margin: 0;
-webkit-appearance: none;
cursor: pointer
}
.CustomerListsIcon_wishIcon_qLX0a svg {
fill: currentColor
}
.NotificationsIcon_notificationsIcon_14Rrw {
position: relative;
background: none;
padding: 0;
margin: 0;
-webkit-appearance: none;
cursor: pointer;
height: auto
}
.NotificationsIcon_notificationsIcon_14Rrw svg {
fill: currentColor
}
.NotificationsArea_wrapper_3PviC {
-webkit-overflow-scrolling: touch;
background-color: #fff;
overflow: hidden;
position: fixed;
width: 100vw;
height: 100vh;
bottom: 0;
left: 0;
top: 0;
z-index: 1440
}
@media only screen and (min-width: 769px) {
.NotificationsArea_wrapper_3PviC {
position:absolute;
top: 100%;
right: 0;
left: auto;
bottom: auto;
width: 370px;
height: auto;
margin-top: -54px;
border: 1px solid #c8c8c8
}
}
.MainItem_mainItem_14OoY {
display: inline-block
}
.MainItem_mainItem_14OoY>a {
text-decoration: none;
color: currentColor;
display: block;
position: relative;
padding: 9px 12px 23px;
font-family: var(--font-family-accent);
font-size: .875rem;
line-height: 1.4286;
text-transform: var(--text-transform)
}
.MainItem_mainItem_14OoY.MainItem_open_1FxN4,.MainItem_mainItem_14OoY:hover {
color: var(--color-header-accent)
}
.MainItem_mainItem_14OoY.MainItem_open_1FxN4>a:after,.MainItem_mainItem_14OoY:hover>a:after {
height: 2px;
background-color: var(--color-header-underline);
content: "";
position: absolute;
bottom: 22px;
left: 12px;
right: 12px
}
.MainItem_mainItem_14OoY .highlighted {
color: var(--color-error)
}
.MainItem_child_2v48z {
position: absolute;
background: #fff;
top: 100%;
left: 0;
right: 0;
padding: 24px 24px 34px;
z-index: 1;
display: none;
justify-content: flex-start
}
.MainItem_open_1FxN4 .MainItem_child_2v48z {
display: flex
}
.SearchIcon_icon_IyGIr {
position: relative;
background: none;
padding: 0;
margin: 0;
cursor: pointer;
height: auto;
outline: revert
}
.SearchIcon_icon_IyGIr svg {
fill: currentColor
}
.SuggestionsInput_close_21T9G {
cursor: pointer;
padding: 10px 0 10px 5px;
position: absolute;
right: 48px;
top: 0;
height: 40px
}
.SuggestionsInput_close_21T9G svg {
width: 22px;
height: 22px;
border-right: 1px solid #e6e6e6;
box-sizing: content-box;
fill: currentColor;
padding-right: 10px
}
.SuggestionsInput_container_282EN {
position: relative;
padding-left: 0;
padding-right: 45px;
background: #fff;
border: var(--border-base);
border-radius: var(--border-radius-base);
color: var(--color-typo-base)
}
.SuggestionsInput_container_282EN.SuggestionsInput_focused_1uPNA {
padding-right: 85px
}
.SuggestionsInput_input_2-pWv {
background: #fff;
border: none;
border-radius: var(--border-radius-base);
color: var(--color-typo-base);
font-size: .9375rem;
line-height: 1.4667;
height: 40px;
margin: 0;
padding: 9px 0 9px 15px;
width: 100%
}
.DesktopSearch_close_35dTw {
position: absolute;
top: 10px;
right: 10px;
display: inline-block;
background-color: transparent
}
.DesktopSearch_close_35dTw svg {
fill: #aaa;
width: 25px;
height: 25px
}
.DesktopSearch_container_3tN4k {
display: block;
opacity: 1;
transition: opacity .3s
}
.DesktopSearch_container_3tN4k.DesktopSearch_isHidden_kNe2X {
opacity: 0;
pointer-events: none
}
.DesktopSearch_container_3tN4k.DesktopSearch_isInvisible_2ehuJ {
display: none
}
@media(max-width: 1200px) {
.DesktopSearch_container_3tN4k.DesktopSearch_hideUntilUltranavSearchBreakpoint_2A2gz {
display:none
}
}
.DesktopSearch_iconContainer_261ad {
background: none;
position: absolute;
right: 0;
top: 0;
padding: 10px 15px 10px 10px;
height: 40px
}
.DesktopSearch_iconContainer_261ad svg {
width: 22px;
height: 22px;
fill: var(--color-typo-base)
}
.DesktopSearch_results_2y82W {
display: flex;
flex-direction: column;
left: 0;
position: absolute;
top: 100%;
right: 0;
height: calc(100vh - 135px)
}
@media only screen and (min-width: 991px) {
.DesktopSearch_results_2y82W.DesktopSearch_isShopSuggesterOpened_2Q-tp {
max-height:calc(100vh - 205px)
}
}
.DesktopSearch_resultsInner_1syxA {
background-color: #fff;
border-top: var(--border-base);
border-radius: var(--border-radius-base)
}
.DesktopSearch_wrapper_H5SZ8 {
display: block;
position: relative;
padding-bottom: 14px;
margin-left: 20px
}
.DesktopSearch_wrapper_H5SZ8 input::-webkit-input-placeholder {
color: #aaa
}
.DesktopSearch_wrapper_H5SZ8 input:-moz-placeholder,.DesktopSearch_wrapper_H5SZ8 input::-moz-placeholder {
color: #aaa
}
.DesktopSearch_wrapper_H5SZ8 input:-ms-input-placeholder {
color: #aaa
}
.Ultranav_shadeSearch_1Wa5m {
z-index: 1160!important
}
.Ultranav_shadeTopBar_1fjp4 {
z-index: 1200!important
}
.Ultranav_shadeCart_3k02z {
z-index: 1280!important
}
.Ultranav_wrapper_2k7yL {
position: relative;
z-index: 11;
background-color: var(--color-header-bg);
color: var(--color-header-text);
font-size: .9375rem;
line-height: 1.4667
}
.Ultranav_topBar_3Gko2 {
position: relative;
z-index: 1220;
display: flex;
justify-content: flex-end;
padding: 0 62px 0 24px;
background-color: var(--color-header-topbar-bg)
}
.Ultranav_topBar_3Gko2 .Ultranav_multistoreSwitch_28ez0 {
top: 0;
right: 24px
}
.Ultranav_topBar_3Gko2 .Ultranav_multistoreSwitch_28ez0 button {
height: auto;
padding: 0
}
.Ultranav_topBar_3Gko2 .Ultranav_multistoreSwitch_28ez0 button svg {
vertical-align: top
}
.Ultranav_topBar_3Gko2 .Ultranav_multistoreSwitch_28ez0 a:hover {
text-decoration: none
}
.Ultranav_topBar_3Gko2 .Ultranav_flagSpinner_37l6z {
top: 2px;
position: relative
}
.Ultranav_topBar_3Gko2 .Ultranav_flagSpinner_37l6z>svg {
width: 18px;
height: 18px;
fill: #aaa!important
}
.Ultranav_topBar_3Gko2 .Ultranav_multistoreShopList_58BEe {
margin-right: -24px;
margin-top: 1px;
background-color: #fff;
border: 1px solid #c8c8c8;
padding: 0;
width: 250px
}
.Ultranav_topBar_3Gko2 .Ultranav_multistoreShopList_58BEe>li {
margin: 0
}
.Ultranav_topBar_3Gko2 .Ultranav_multistoreShopList_58BEe>li>a {
padding: 9px 14px 9px 46px;
color: var(--color-typo-base)
}
.Ultranav_topBar_3Gko2 .Ultranav_multistoreShopList_58BEe>li>a.Ultranav_activeItem_3gG4R,.Ultranav_topBar_3Gko2 .Ultranav_multistoreShopList_58BEe>li>a:hover {
background-color: #f2f2f2
}
.Ultranav_topBar_3Gko2 .Ultranav_multistoreShopList_58BEe>li>a>svg {
left: 14px
}
.Ultranav_main_FuWDI {
display: flex;
justify-content: space-between;
align-items: center;
padding: 4px 24px 4px 12px
}
.Ultranav_main_FuWDI .Ultranav_genders_1hUJc,.Ultranav_main_FuWDI .Ultranav_icons_OzXQP {
flex: 1 1 0
}
.Ultranav_main_FuWDI .Ultranav_genders_1hUJc ul {
list-style: none;
margin: 0;
padding: 0
}
.Ultranav_main_FuWDI .Ultranav_genders_1hUJc ul li {
display: inline-block
}
.Ultranav_main_FuWDI .Ultranav_genders_1hUJc ul li>a {
transition: none
}
.Ultranav_main_FuWDI .Ultranav_genders_1hUJc ul li>a,.Ultranav_main_FuWDI .Ultranav_genders_1hUJc ul li>button {
background: none;
display: inline-block;
cursor: pointer;
text-decoration: none;
position: relative;
padding: 9px 12px;
font-family: var(--font-family-accent);
font-size: 15px;
line-height: 22px;
border-radius: 0;
height: auto;
color: var(--color-header-accent);
text-transform: var(--text-transform)
}
.Ultranav_main_FuWDI .Ultranav_genders_1hUJc ul li>a:not(.Ultranav_active_1rSZ5),.Ultranav_main_FuWDI .Ultranav_genders_1hUJc ul li>button:not(.Ultranav_active_1rSZ5) {
color: var(--color-header-topbar-text)
}
.Ultranav_main_FuWDI .Ultranav_genders_1hUJc ul li>a:not(.Ultranav_active_1rSZ5):hover,.Ultranav_main_FuWDI .Ultranav_genders_1hUJc ul li>button:not(.Ultranav_active_1rSZ5):hover {
color: var(--color-header-accent)
}
.Ultranav_main_FuWDI .Ultranav_genders_1hUJc ul li>a.Ultranav_active_1rSZ5:after,.Ultranav_main_FuWDI .Ultranav_genders_1hUJc ul li>button.Ultranav_active_1rSZ5:after {
height: 2px;
background-color: var(--color-header-underline);
content: "";
position: absolute;
bottom: 8px;
left: 12px;
right: 12px
}
.Ultranav_main_FuWDI .Ultranav_icons_OzXQP {
display: flex;
justify-content: flex-end;
align-items: center
}
.Ultranav_main_FuWDI .Ultranav_icons_OzXQP>* {
display: inline-flex;
height: auto;
margin-left: 24px;
color: currentColor
}
.Ultranav_main_FuWDI .Ultranav_icons_OzXQP>:first-child {
margin-left: 0
}
.Ultranav_navigation_fQbVR {
padding: 0 24px 0 12px;
position: relative;
display: flex;
flex-flow: row nowrap;
justify-content: space-between
}
.Ultranav_navigation_fQbVR ul.Ultranav_mainItems_2MIEE {
list-style: none;
margin: 0;
padding: 0;
flex-grow: 0;
flex-shrink: 0
}
.Ultranav_navigation_fQbVR .Ultranav_search_3AWKv {
flex-grow: 1;
flex-shrink: 1;
max-width: 340px
}
.Ultranav_navigation_fQbVR.Ultranav_searchOpened_3bxZY ul.Ultranav_mainItems_2MIEE {
display: none
}
.Ultranav_navigation_fQbVR.Ultranav_searchOpened_3bxZY .Ultranav_search_3AWKv {
flex-grow: 1;
max-width: none;
width: 100%
}
.Ultranav_navigation_fQbVR.Ultranav_searchOpened_3bxZY .Ultranav_search_3AWKv>form {
max-width: 700px;
margin: 0 auto
}
.Ultranav_ultranavBar_2eybz {
position: fixed;
left: 0;
right: 0;
top: 0;
background-color: var(--color-header-bg);
color: var(--color-header-text)
}
.Ultranav_ultranavBar_2eybz.Ultranav_inputHidden_fwCNU {
height: 50px
}
.Ultranav_ultranav_16c_E {
position: relative;
z-index: 1140
}
.Ultranav_ultranav_16c_E a {
text-decoration: none
}
.Ultranav_spinner_3Os-T {
position: absolute;
top: 4px;
right: 25px
}
.Ultranav_spinner_3Os-T svg {
width: 18px;
height: 18px;
fill: #aaa
}
.MobileMainItem_main_1TKRc {
position: relative;
background-color: #fff
}
.MobileMainItem_main_1TKRc>a {
align-items: center;
border-top: 1px solid #e6e6e6;
color: var(--color-typo-accent);
display: flex;
justify-content: space-between;
font-size: .9375rem;
line-height: 1.4667;
font-family: var(--font-family-accent);
padding: 14px 0;
margin: 0 12px;
cursor: pointer;
text-transform: var(--text-transform)
}
.MobileMainItem_main_1TKRc>a svg {
fill: var(--color-typo-base)
}
.MobileMainItem_main_1TKRc:first-child>a {
padding-top: 14px;
border-top: 0
}
.MobileMainItem_main_1TKRc.highlighted a {
color: var(--color-error)
}
.mainAccent {
background-color: #f2f2f2
}
.MobileTabMenu_container_2LlWk {
clear: both;
height: 100%;
transition: transform .3s ease-out;
width: 200%
}
.MobileTabMenu_container_2LlWk.MobileTabMenu_menuItemActive_3NN5G {
transform: translateX(-100vw)
}
@media only screen and (min-width: 769px) {
.MobileTabMenu_container_2LlWk.MobileTabMenu_menuItemActive_3NN5G {
transform:translateX(-60vw)
}
}
.MobileTabMenu_containerItem_1qIp- {
display: inline-block;
height: 100%;
padding-top: 50px;
position: relative;
vertical-align: top;
width: 50%
}
.MobileTabMenu_containerItem_1qIp-.MobileTabMenu_containerItemMain_1C3dX {
padding-top: 105px
}
.MobileTabMenu_scroll_1TPMY {
height: 100%;
overflow: auto;
padding-bottom: 80px;
-webkit-overflow-scrolling: touch
}
.MobileTabMenu_scroll_1TPMY.MobileTabMenu_firstLayer_7RzZz {
background-color: #f2f2f2
}
.MobileTabMenu_header_1FOqF {
background-color: #f2f2f2;
border-bottom: 1px solid #e6e6e6;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 1
}
.MobileTabMenu_header_1FOqF .MobileTabMenu_top_2-5Nw {
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
padding: 14px 12px
}
.MobileTabMenu_header_1FOqF .MobileTabMenu_closeButtonSecondary_3o4PE {
position: absolute;
height: auto;
top: 14px;
right: 12px;
padding: 0;
background-color: transparent
}
.MobileTabMenu_header_1FOqF .MobileTabMenu_closeButtonSecondary_3o4PE svg {
fill: var(--color-typo-accent);
top: auto;
left: auto
}
.MobileTabMenu_title_3_8Va {
padding: 14px 0;
font-family: var(--font-family-accent);
font-size: 1.125rem;
line-height: 1.3333;
text-align: center;
color: var(--color-typo-accent);
text-transform: var(--text-transform)
}
.MobileTabMenu_title_3_8Va .MobileTabMenu_arrowBack_3EjCm {
background: none;
padding: 0;
position: absolute;
top: 14px;
left: 12px;
fill: var(--color-typo-accent);
height: auto;
vertical-align: middle
}
.MobileTabMenu_title_3_8Va .MobileTabMenu_arrowBack_3EjCm svg {
vertical-align: middle
}
.MobileTabMenu_title_3_8Va.MobileTabMenu_titleMultistore_38887 {
position: absolute;
top: 0;
left: 0;
right: 0
}
.MobileTabMenu_closeButton_Pd0AX.MobileTabMenu_closeButton_Pd0AX {
position: relative;
height: auto;
background-color: transparent;
top: auto;
right: auto;
padding: 0
}
.MobileTabMenu_closeButton_Pd0AX.MobileTabMenu_closeButton_Pd0AX svg {
fill: var(--color-typo-accent)
}
.MobileTabMenu_wrapper_2bJY6 {
background-color: #fff;
bottom: 0;
color: #aaa;
overflow: hidden;
position: fixed;
top: 0;
transition: transform .3s ease-out;
transform: translateX(-100%);
width: 100vw;
z-index: 1120
}
.MobileTabMenu_wrapper_2bJY6.MobileTabMenu_active_1dLIW {
transform: translateX(0)
}
@media only screen and (min-width: 769px) {
.MobileTabMenu_wrapper_2bJY6 {
width:60vw
}
}
.MobileTabMenu_tabIndicator_2-dmX {
position: absolute;
bottom: -1px;
font-size: 0;
height: 3px;
background: var(--color-typo-accent);
transition: all .3s
}
.MobileTabMenu_menuTabs_3XZdg {
margin: 0;
padding: 0;
display: flex;
flex-flow: row nowrap;
list-style: none;
position: relative;
width: 100vw
}
@media only screen and (min-width: 769px) {
.MobileTabMenu_menuTabs_3XZdg {
width:60vw
}
}
.MobileTabMenu_menuTab_36VER {
margin: 0;
padding: 0;
width: 100%
}
.MobileTabMenu_menuTabLink_1WRIl {
color: var(--color-typo-minor);
display: block;
font-family: var(--font-family-accent);
padding: 1em;
text-align: center;
width: 100%;
text-transform: var(--text-transform)
}
.MobileTabMenu_menuTabLink_1WRIl.MobileTabMenu_active_1dLIW {
color: var(--color-typo-accent);
font-weight: var(--font-weight-accent)
}
.VisibleMobileSearchTabBar_itemMenu_3evyV {
float: left
}
@media only screen and (min-width: 769px) {
.VisibleMobileSearchTabBar_itemMenu_3evyV a {
align-items:center;
display: flex!important
}
.VisibleMobileSearchTabBar_itemMenu_3evyV a svg {
margin-right: 5px
}
}
.VisibleMobileSearchTabBar_tabList_378Lc {
font-size: 14px;
line-height: 0;
list-style: none;
margin: 0;
padding: 0 12px;
text-align: center;
background-color: var(--color-header-bg);
color: var(--color-header-text)
}
.VisibleMobileSearchTabBar_tabList_378Lc:after {
clear: both;
content: "";
display: table
}
@media only screen and (min-width: 769px) {
.VisibleMobileSearchTabBar_tabList_378Lc {
display:flex;
justify-content: space-around
}
.VisibleMobileSearchTabBar_tabList_378Lc .VisibleMobileSearchTabBar_itemSearch_3sW2t {
order: 1
}
.VisibleMobileSearchTabBar_tabList_378Lc .VisibleMobileSearchTabBar_itemLogin_1tB81 {
order: 2
}
.VisibleMobileSearchTabBar_tabList_378Lc .VisibleMobileSearchTabBar_itemNotifications_3F8PD {
order: 3
}
.VisibleMobileSearchTabBar_tabList_378Lc .VisibleMobileSearchTabBar_itemCustomerLists_JnaUb {
order: 4
}
.VisibleMobileSearchTabBar_tabList_378Lc .VisibleMobileSearchTabBar_itemCart_3Y34J {
order: 5
}
}
.VisibleMobileSearchTabBar_tabList_378Lc a,.VisibleMobileSearchTabBar_tabList_378Lc button {
color: currentColor
}
.VisibleMobileSearchTabBar_tabList_378Lc li {
float: left;
position: relative
}
.VisibleMobileSearchTabBar_tabList_378Lc li.VisibleMobileSearchTabBar_itemCart_3Y34J,.VisibleMobileSearchTabBar_tabList_378Lc li.VisibleMobileSearchTabBar_itemCustomerLists_JnaUb,.VisibleMobileSearchTabBar_tabList_378Lc li.VisibleMobileSearchTabBar_itemLogin_1tB81,.VisibleMobileSearchTabBar_tabList_378Lc li.VisibleMobileSearchTabBar_itemNotifications_3F8PD,.VisibleMobileSearchTabBar_tabList_378Lc li.VisibleMobileSearchTabBar_itemSearch_3sW2t {
float: right
}
.VisibleMobileSearchTabBar_tabList_378Lc li+li {
margin-left: 15px
}
.VisibleMobileSearchTabBar_itemCart_3Y34J svg,.VisibleMobileSearchTabBar_itemCustomerLists_JnaUb svg,.VisibleMobileSearchTabBar_itemLogin_1tB81 svg,.VisibleMobileSearchTabBar_itemMenu_3evyV svg,.VisibleMobileSearchTabBar_itemNotifications_3F8PD svg,.VisibleMobileSearchTabBar_itemSearch_3sW2t svg {
width: 22px;
height: 22px;
box-sizing: content-box;
display: block;
fill: currentColor;
padding: 14px 0
}
@media only screen and (min-width: 769px) {
.VisibleMobileSearchTabBar_itemLogo_1hJ4R {
flex:0 1 80%
}
}
.VisibleMobileSearchTabBar_itemSearch_3sW2t {
pointer-events: none;
opacity: 0;
transition: opacity .3s;
display: none
}
.VisibleMobileSearchTabBar_itemSearch_3sW2t.VisibleMobileSearchTabBar_visible_bATfm {
pointer-events: auto;
opacity: 1;
display: block
}
.VisibleMobileSearchTabBar_unread_3KqO0 {
background-color: #ea2727;
border-radius: 50%;
color: #fff;
font-size: 10px;
height: 18px;
left: 25px;
line-height: 18px;
position: absolute;
text-align: center;
top: 0;
width: 18px
}
.MobileSearch_close_31uGD {
position: absolute;
top: 10px;
right: 10px;
display: inline-block;
background-color: transparent
}
.MobileSearch_close_31uGD svg {
fill: #aaa;
width: 25px;
height: 25px
}
.MobileSearch_container_1ISMW {
color: #aaa;
display: block;
opacity: 1;
transition: opacity .3s
}
.MobileSearch_container_1ISMW.MobileSearch_isHidden_2K2a2 {
opacity: 0;
pointer-events: none
}
.MobileSearch_iconContainer_3Wdid {
background: none;
position: absolute;
right: 12px;
top: 0;
padding: 10px 15px 10px 10px;
height: 40px
}
.MobileSearch_iconContainer_3Wdid svg {
width: 22px;
height: 22px;
fill: currentColor
}
.MobileSearch_innerWrapper_J3dXB {
padding: 0 12px 14px;
width: 100%
}
.MobileSearch_results_1FDxE {
background-color: #fff;
bottom: 0;
left: 0;
position: fixed;
top: 104px;
right: 0
}
.MobileSearch_wrapper_RYrO0 {
display: block;
position: relative
}
.OutfitHero_wrapper_2PbnL {
display: flex;
flex-direction: column
}
@media only screen and (min-width: 991px) {
.OutfitHero_wrapper_2PbnL {
flex-direction:row
}
}
.OutfitHero_right_1sbLq {
display: flex;
flex-direction: column;
flex: 1;
position: relative
}
.OutfitHero_rightContainer_1baQ6 {
position: absolute;
right: 0;
top: 0;
left: -80px
}
.OutfitHero_rightContainerProducts_1Vx2r {
padding-left: 50px;
padding-bottom: 50px;
background: #fff
}
.OutfitHero_photo_3lf24 {
flex: 1;
position: relative;
display: flex
}
.OutfitHero_photo_3lf24 img {
width: 100%;
height: 100%;
aspect-ratio: 3/4;
object-fit: cover
}
.OutfitHero_products_1M62G {
grid-area: products;
display: grid;
grid-template-columns: repeat(2,1fr);
gap: 24px 12px;
padding-top: 40px
}
@media only screen and (min-width: 991px) {
.OutfitHero_products_1M62G {
grid-template-columns:repeat(3,1fr);
gap: 24px 16px;
padding-top: 0
}
}
.OutfitHero_column_3IGJQ {
display: flex;
flex-direction: column;
padding-bottom: 16px;
color: #141414
}
.OutfitHero_priceWrapper_1nlRR {
display: flex;
flex-direction: column;
background: #fff;
padding-left: 16px;
padding-right: 16px;
padding-top: 16px
}
@media only screen and (min-width: 991px) {
.OutfitHero_priceWrapper_1nlRR {
padding-left:120px;
padding-top: 16px;
padding-right: 0;
background: transparent
}
}
.OutfitHero_priceWrapperImage_2b8xR {
position: absolute;
bottom: 0;
right: 0
}
.OutfitHero_priceTotalPrice_1sWpJ {
margin: 0;
color: #141414;
font-size: 14px;
font-family: neue-haas-unica
}
.OutfitHero_price_Sh6nw {
margin: 0;
color: #141414;
font-size: 24px;
line-height: 50px;
font-weight: 500;
font-family: foot
}
@media only screen and (min-width: 991px) {
.OutfitHero_price_Sh6nw {
font-size:42px
}
}
.OutfitHero_wrapperProduct_38i9C {
min-width: 0
}
.OutfitHero_wrapperProduct_38i9C:hover>.OutfitHero_name_dnxEz {
text-decoration: underline
}
.OutfitHero_image_2INro {
position: relative;
margin-bottom: 10px;
aspect-ratio: 1/1;
overflow: hidden
}
.OutfitHero_stickers_3EmsH {
position: absolute;
bottom: 5px;
left: 5px
}
.OutfitHero_name_dnxEz {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden
}
.OutfitHero_sizes_1MQR_ {
margin-top: 10px;
margin-bottom: 10px
}
.OutfitHero_retailPrice_1BprX {
margin-left: 8px;
font-size: .8125rem;
line-height: 1.5385;
text-decoration: line-through;
color: var(--color-typo-base)
}
@media only screen and (min-width: 769px) {
.OutfitHero_retailPrice_1BprX {
font-size:.9375rem;
line-height: 1.4667
}
}
.OutfitHero_productPrice_2g0bP {
display: flex;
align-items: baseline;
margin-top: auto;
font-family: var(--font-family-accent);
color: var(--color-typo-accent)
}
.OutfitHero_productPrice_2g0bP.OutfitHero_sale_1tKBI strong {
color: var(--color-error)
}
.Breadcrumbs_breadcrumbs_2x30S {
display: flex;
margin: 0;
padding: 0;
list-style: none;
overflow-x: auto
}
.Breadcrumbs_crumb_3cC8F {
flex: none;
display: flex;
align-items: center
}
.Breadcrumbs_crumb_3cC8F>span {
font-size: .875rem;
line-height: 1.4286
}
.Breadcrumbs_crumb_3cC8F .Breadcrumbs_name_212gZ {
display: block;
padding-top: 15px;
padding-bottom: 15px
}
.Breadcrumbs_crumb_3cC8F.Breadcrumbs_isHidden_1iDNv {
display: none
}
.Breadcrumbs_icon_2Qphw {
margin-left: 5px;
margin-right: 5px
}
.CategoryListItem_listItem_1_4DL {
display: flex;
align-items: center;
height: 50px;
padding-left: 15px;
padding-right: 15px;
border-radius: var(--border-radius-base);
background-color: var(--color-box-5-bg);
border: var(--border-box-5);
color: var(--color-box-5-text);
font-family: var(--font-family-accent);
transition: border .3s
}
.CategoryListItem_listItem_1_4DL:focus,.CategoryListItem_listItem_1_4DL:hover {
border-color: #c8c8c8
}
.CategoryListItem_icon_3bn2a {
width: 50px;
height: 50px;
margin-left: -5px;
margin-right: 10px
}
.ProductCustomerListsButton_wrapperBottomSheet_2hXeQ .ProductCustomerListsButton_triggerButton_1ktce,.ProductCustomerListsButton_wrapperDropdown_1fZMu {
position: absolute;
right: 8px;
top: 8px;
z-index: 2
}
.ProductCustomerListsButton_triggerButton_1ktce>button {
width: 32px;
height: 32px;
background-color: hsla(0,0%,100%,.8);
border-radius: 50%;
margin: 0;
padding: 5px;
color: var(--color-typo-base)
}
.ProductCustomerListsButton_triggerButton_1ktce>button:hover {
background-color: #fff;
color: var(--color-typo-base)
}
.ProductCustomerListsButton_triggerButton_1ktce>button svg {
fill: currentColor
}
.ProductCustomerListsButton_ctaTriggerButton_3_Qih {
margin-left: 2px;
background-color: var(--color-typo-accent);
color: #fff;
transition: color .3s,background .3s
}
.ProductCustomerListsButton_ctaTriggerButton_3_Qih>button {
padding: 14px
}
@media only screen and (min-width: 991px) {
.ProductCustomerListsButton_ctaTriggerButton_3_Qih>button {
padding:9px
}
}
.ProductCustomerListsButton_ctaTriggerButton_3_Qih:hover {
background-color: var(--color-typo-base)
}
.ProductCustomerListsButton_loginButton_usGeP {
width: 32px;
height: 32px;
background-color: hsla(0,0%,100%,.8);
border-radius: 50%;
margin: 0;
padding: 5px;
color: var(--color-typo-base)
}
.ProductCustomerListsButton_loginButton_usGeP:hover {
background-color: #fff;
color: var(--color-typo-base)
}
.ProductCustomerListsButton_loginButton_usGeP svg {
fill: currentColor
}
.ProductCustomerListsButton_wrapperBottomSheet_2hXeQ .ProductCustomerListsButton_loginButton_usGeP {
position: absolute;
right: 8px;
top: 8px;
z-index: 2
}
.CategoryList_wrapper_i6yyq {
margin-top: 25px;
margin-left: -12px;
margin-right: -12px
}
@media only screen and (min-width: 769px) {
.CategoryList_wrapper_i6yyq {
margin-top:30px;
margin-left: -24px;
margin-right: -24px
}
}
.CategoryList_wrapper_i6yyq a {
text-decoration: none
}
.PageHeader_header_pr67p {
padding: 25px 12px;
background-color: var(--color-box-4-bg)
}
@media only screen and (min-width: 769px) {
.PageHeader_header_pr67p {
padding:25px 24px 30px
}
}
.PageHeader_header_pr67p.PageHeader_hasBreadcrumbs_2yoNC {
padding-top: 0
}
.PageHeader_breadcrumbs_3Xqxi {
margin-bottom: 5px
}
.PageHeader_inner_1J7xF {
display: flex
}
.PageHeader_icon_2lGx5 {
flex: none;
width: 70px;
margin-right: 15px;
padding-right: 15px;
border-right: 1px solid #e6e6e6;
box-sizing: content-box
}
.PageHeader_icon_2lGx5 img,.PageHeader_icon_2lGx5 svg {
width: 70px;
height: 70px
}
.PageHeader_icon_2lGx5 img {
border-radius: 50%
}
.PageHeader_content_pPS2_ {
flex: 1
}
.PageHeader_descriptionWrapper_1oNRf {
position: relative;
max-width: 840px;
margin-top: 15px
}
.PageHeader_descriptionExpander_1h-5X {
position: absolute;
bottom: 0;
right: 0;
background-color: #f2f2f2
}
.PageHeader_isDescExpanded_J1IS8 .PageHeader_descriptionExpander_1h-5X {
position: static;
margin-top: 15px
}
.Product_wrapper_2egST {
display: flex;
flex-flow: column;
height: 100%;
position: relative
}
.Product_wrapper_2egST,.Product_wrapper_2egST .Product_inner_1kysz {
background-color: #e6e6e6
}
.Product_wrapper_2egST.Product_light_eE4p3,.Product_wrapper_2egST.Product_light_eE4p3 .Product_inner_1kysz {
background-color: #fff
}
@media only screen and (min-width: 991px) {
.Product_wrapper_2egST {
padding-bottom:75px
}
}
.Product_image_3DKUJ {
background-color: #f8f8f8;
padding-top: 100%;
width: 100%;
overflow: hidden;
position: relative;
border-radius: var(--border-radius-base)
}
.Product_soldOut_dbXkO .Product_image_3DKUJ:before {
width: 100%;
height: 100%;
background-color: hsla(0,0%,100%,.6);
content: "";
left: 0;
position: absolute;
top: 0;
z-index: 2
}
.Product_image_3DKUJ img {
width: 100%;
height: auto;
left: 0;
position: absolute;
top: 0;
z-index: 1;
border-radius: var(--border-radius-base)
}
.Product_info_3xgH1 {
position: relative;
height: 100%
}
@media only screen and (min-width: 991px) {
.Product_info_3xgH1 {
position:absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
height: auto;
min-height: 75px;
padding-bottom: 10px
}
}
.Product_productStickers_1hK9T {
position: absolute;
bottom: 100%;
z-index: 1;
margin-bottom: 5px;
padding-left: 5px;
pointer-events: none
}
.Product_inner_1kysz {
padding: 11px 0;
height: 100%
}
@media only screen and (min-width: 991px) {
.Product_inner_1kysz {
height:auto
}
}
.Product_name_1Go7D {
color: var(--color-typo-base);
font-family: var(--font-family-base);
font-size: 15px;
font-weight: 400;
line-height: 22px;
margin: 0;
max-height: 44px;
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical
}
.Product_soldOut_dbXkO .Product_name_1Go7D {
color: #aaa
}
@media only screen and (min-width: 769px) {
.Product_name_1Go7D {
display:block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
}
.PromoStripe_wrapper_2WNSO {
display: flex;
align-items: center;
background-color: var(--color-promo-bg);
color: var(--color-promo-text)
}
.PromoStripe_wrapper_2WNSO p {
margin: 0
}
.PromoStripe_content_7tUaT {
flex: 1;
padding: 5px 0 5px 46px;
text-align: center
}
.PromoStripe_link_23pdG {
color: currentColor;
text-decoration: none
}
.PromoStripe_link_23pdG:hover u {
text-decoration: none
}
.PromoStripe_close_2n8pg {
flex: none
}