/** Shopify CDN: Minification failed Line 973:43 Expected "]" to go with "[" **/ /* ------------------------------------------- Name: NXT Date: 2023/10/01 Author: http://psdhtml.me --------------------------------------------- */ *, *:before, *:after { margin: 0; padding: 0; box-sizing: border-box; outline-color: var(--theme_bg); transform-origin: center center; } html, body { width: 100%; min-width: 100%; max-width: 100%; min-height: 100%; margin: 0; } html { overflow-x: hidden; overflow-y: scroll; font-size: 100.01%; -webkit-tap-highlight-color: transparent; -moz-osx-font-smoothing: grayscale; -webkit-overflow-scrolling: touch; -ms-content-zooming: none; -ms-overflow-style: scrollbar; scroll-behavior: smooth; } body { overflow-x: hidden; /*overflow-y: visible !important;*/ padding: 0 !important; background: var(--footer_bg_bottom); font-size: var(--main_fz); -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } @-ms-viewport { width: device-width; } @viewport { width: device-width; } /*! Variables --------- */ :root { --white: hsl(0, 0%, 100%); /* #ffffff*/ --sand: hsl(0, 0%, 96%); /* #F6F6F6*/ --gallery: hsl(0, 0%, 93%); /* #ececec #E6E8E9 */ --alto: hsl(0, 0%, 86%); /* #dcdcdc*/ --silver: hsl(0, 0%, 80%); /* #cccccc*/ --gray: hsl(0, 0%, 58%); /* #959595*/ --gray_text: var(--gray); --coal: #444749; --onyx: #0e1320; --coal_text: var(--white); --cod: hsl(0, 0%, 13%); /* #222222*/ --black: hsl(0, 0%, 0%); /* #000000*/ --black_static: #000000; /* #000000*/ --wine: #EC5E5E; --lime: #95bf47; --emerald: #6FCF97; --turquoise: #48cfad; --sky: #88c2ff; --lilac: #9270FF; --amour: #faf0f3; --tan: #FDF0E4; --honey: #F0BB94; --pine: #F2994A; --rose: #E63312; --whatsapp: #08b074; --twitter: #1D9BF0; --linkedin: #0A66C2; --facebook: #1877F2; --pinterest: #BD081C; --youtube: #FF0000; --tumblr: #1D3765; --snapchat: #FFFC00; --dark: var(--onyx); --light: var(--sand); --light_bg: var(--light); /* Predefined */ /*--primary_text_i: var(--coal);*/ --primary_text: var(--coal); --primary_text_h: var(--onyx); --primary_bg: var(--coal); --theme_text: var(--white); --theme_bg: hsl(246, 62%, 69%); /*#F4602B #887EE1*/ --accessible_bg: hsl(246, 62%, 69%); /*#F4602B #887EE1*/ --theme_bg_static: hsl(246, 62%, 69%); /* same as above */ --theme_bg_dark: hsl(246, 59%, 65%); --theme_bg_fade: hsl(247, 76%, 79%); --theme_bg_light: hsl(253, 100%, 95%); --theme_bg_gradient: linear-gradient(135deg, var(--tan) 20%, var(--theme_bg_light) 100%); --theme_bg_gradient_dark: linear-gradient(135deg, var(--honey) 20%, var(--lilac) 100%); --dark_gradient: var(--theme_bg_gradient_dark); /* Other */ --body_bg: var(--white); --tertiary_text: var(--white); --tertiary_bg: var(--lime); --tertiary_bg_dark: #82AF2E; --tertiary_bg_fade: #abc67a; --quaternary_text: var(--white); --quaternary_bg: #c64cf4; --quaternary_bg_dark: #bb32ed; --quaternary_bg_fade: #e0acf2; --valid_text: var(--white); --valid_bg: var(--emerald); --valid_bg_dark: #56bf82; --valid_bg_fade: #a9d6bc; --alert_error: var(--wine); --alert_error_bg: var(--amour); --alert_valid: var(--emerald); --alert_message: var(--pine); --sale_label_bg: var(--tertiary_bg); --sale_label_bg_dark: var(--tertiary_bg_dark); --sale_label_text: var(--tertiary_text); --alert_bg: var(--onyx); --alert_fg: var(--white); --alert_fg_hover: var(--theme_bg); --top_main_bg: var(--white); /* Background - header + mobile menu header */ --top_main_bg_op: 0.8; /* Background - header + mobile menu header */ --top_main_bd: var(--top_main_bg); /* Border color - header + mobile menu header */ --top_main_fg: var(--primary_text); /* Text - header + mobile menu header */ --top_main_fg_hover: var(--theme_bg); /* Text - header text hover */ --top_main_link_bg: var(--theme_bg); /* Background - menu, button */ --top_main_link_dark: var(--theme_bg_dark); /* Background hover - menu, button */ --top_main_link_text: var(--theme_text); /* Text - menu, button */ --top_nav_bg: var(--sand); /* Background - menu, main */ --top_nav_bg_op: 1; /* Background - header + mobile menu header */ --top_nav_bd: var(--top_nav_bg); /* Border - menu, main */ --top_nav_bd_op: 0; /* Border - menu, main */ --top_nav_fg: var(--primary_text); /* Text - menu, main */ --top_nav_fw: 500; /* Text weight - menu, main */ --top_nav_fz: var(--main_fz); --top_nav_ff: inherit; --top_nav_fs: normal; --top_nav_ls: normal; --top_nav_fz_sub: 1em; --top_nav_fw_sub: var(--main_fw_h); --top_nav_fg_hover: var(--theme_bg); /* Text hover - menu, main */ --top_nav_btn_fg: var(--white); --top_nav_btn_bg: var(--theme_bg); --nav_top_h: 0px; --ann_height: 0px; --top_search_height: var(--input_height); --drop_nav_bg: var(--white); /* Background - menu, dropdowns + mobile + panels */ --drop_nav_fg: var(--primary_text); /* Text - menu, dropdowns + mobile + panels */ --drop_nav_fg_hover: var(--theme_bg); /* Text hover - menu, dropdowns + mobile + panels */ --drop_nav_mah: none; /*--drop_nav_bg: red; --drop_nav_fg: cyan; --drop_nav_fg_hover: blue;*/ --top_up_height: 55px; --top_up_height_mobile: 44px; --top_up_bg: var(--light); /* Background - menu, upper */ --top_up_bd: var(--top_up_bg); /* Border: ; - menu, upper */ --top_up_fg: var(--primary_text); /* Text - menu, upper */ --top_up_fg_hover: var(--theme_bg); /* Text hover - menu, upper */ --top_search_bg: var(--white); /* Background - searchbox */ --top_search_bd: var(--input_bd); /* Border - searchbox */ --top_search_fg: var(--primary_text); /* Text - searchbox */ --menu_fg: var(--top_main_fg); --footer_bg: var(--onyx); /* Background - footer */ --footer_fg: var(--white); /* Text - footer */ --footer_fg_hover: var(--theme_bg); /* Text hover - footer */ --footer_fg_hover_op: 0.5; /* Text hover opacity - footer */ --footer_bg_bottom: var(--white); /* Background - footer, lower */ /*--footer_fg_bottom: var(--primary_text); /* Text - footer, lower */ /*--footer_fg_bottom_hover: var(--theme_bg); /* Text hover - footer, lower */ --footer_link_bg: var(--theme_bg); /* Background - footer, button */ --footer_link_dark: var(--theme_bg_dark); /* Background hover - footer, button */ --footer_link_text: var(--theme_text); /* Text - footer, button */ --footer_bg_offset: 0px; --input_bg: var(--white); --input_bd: var(--gallery); --input_fg: var(--primary_text); /*--input_pl: var(--gray_text);*/ --main_fz: 16px; --mob_fz: 15px; --main_fz_small: calc(var(--main_fz) * 0.875); --main_fw: 400; --main_fw_semi: 500; --main_fw_strong: 700; --main_fw_h: 700; --main_fs: normal; --main_fs_h: normal; --main_ls: normal; --main_ls_h: normal; --main_tt: none; --main_tt_h: normal; --main_ff: Roboto, Noto, 'Noto Sans', -apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantrell, 'Helvetica Neue', Arial, Helvetica, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; --main_ff_h: Geoargia, Roboto, Georgia, Times, 'Times New Roman', serif; --main_lh: 1.625; --main_lh_l: 1.375; --main_lh_h: 1.1818181818; --main_lh_hc: 1.1/*1.0303030303*/; --main_mr: calc(var(--main_fz) * 1.5); /*24px*/ --main_mr_h: calc(var(--main_mr) * 0.55); --main_mr_x025: calc(var(--main_mr) * 0.25); --main_mr_half: calc(var(--main_mr) * 0.5); --main_mr_x075: calc(var(--main_mr) * 0.75); --main_mr_x125: calc(var(--main_mr) * 1.25); --main_mr_x15: calc(var(--main_mr) * 1.5); --main_mr_x175: calc(var(--main_mr) * 1.75); --main_mr_double: calc(var(--main_mr) * 2); --main_mr_section: calc(var(--main_mr) * 3); --main_h_small: var(--main_fz); --main_h0: var(--size_66); --main_h1: var(--size_44); --main_h2: var(--size_34); --main_h3: var(--size_28); --main_h4: var(--size_22); --main_h5: var(--size_18); --main_h6: var(--main_h_small); --main_lead: calc(var(--main_fz) * 1.125); --mob_h_small: var(--main_fz); --mob_h0: var(--size_32); --mob_h1: var(--size_28); --mob_h2: var(--size_24); --mob_h3: var(--size_22); --mob_h4: var(--size_20); --mob_h5: var(--size_18); --mob_h6: var(--mob_h_small); --mob_lead: var(--size_16); --size_6: calc(var(--main_fz) * 0.375); --size_8: calc(var(--main_fz) * 0.5); --size_10: calc(var(--main_fz) * 0.625); --size_11: calc(var(--main_fz) * 0.6875); --size_12: calc(var(--main_fz) * 0.75); --size_13: calc(var(--main_fz) * 0.8125); --size_14: calc(var(--main_fz) * 0.875); --size_15: calc(var(--main_fz) * 0.9375); --size_16: var(--main_fz); --size_18: calc(var(--main_fz) * 1.125); --size_20: calc(var(--main_fz) * 1.25); --size_22: calc(var(--main_fz) * 1.375); --size_24: calc(var(--main_fz) * 1.5); --size_26: calc(var(--main_fz) * 1.625); --size_28: calc(var(--main_fz) * 1.75); --size_30: calc(var(--main_fz) * 1.875); --size_32: calc(var(--main_fz) * 2); --size_33: calc(var(--main_fz) * 2.0625); --size_34: calc(var(--main_fz) * 2.125); --size_36: calc(var(--main_fz) * 2.25); --size_38: calc(var(--main_fz) * 2.375); --size_40: calc(var(--main_fz) * 2.5); --size_44: calc(var(--main_fz) * 2.75); --size_46: calc(var(--main_fz) * 2.875); --size_48: calc(var(--main_fz) * 3); --size_50: calc(var(--main_fz) * 3.125); --size_52: calc(var(--main_fz) * 3.25); --size_56: calc(var(--main_fz) * 3.5); --size_60: calc(var(--main_fz) * 3.75); --size_66: calc(var(--main_fz) * 4.125); --size_70: calc(var(--main_fz) * 4.375); --size_80: calc(var(--main_fz) * 5); --size_100: 100px; --size_6_f: var(--size_6); --size_8_f: var(--size_8); --size_10_f: var(--size_10); --size_11_f: var(--size_11); --size_12_f: var(--size_12); --size_13_f: var(--size_13); --size_14_f: var(--size_14); --size_15_f: var(--size_15); --size_16_f: var(--size_16); --size_18_f: var(--size_18); --size_20_f: var(--size_20); --size_22_f: var(--size_22); --size_24_f: var(--size_24); --size_26_f: var(--size_26); --size_28_f: var(--size_28); --size_30_f: var(--size_30); --size_32_f: var(--size_32); --size_33_f: var(--size_33); --size_34_f: var(--size_34); --size_36_f: var(--size_36); --size_38_f: var(--size_38); --size_40_f: var(--size_40); --size_44_f: var(--size_44); --size_46_f: var(--size_46); --size_48_f: var(--size_48); --size_50_f: var(--size_50); --size_52_f: var(--size_52); --size_56_f: var(--size_56); --size_60_f: var(--size_60); --size_66_f: var(--size_66); --size_70_f: var(--size_70); --size_80_f: var(--size_80); --size_100_f: var(--size_100); --size_content: var(--main_fz); --price_color: inherit; --price_color_old: inherit; --price_fz: var(--main_fz); --price_fw: var(--main_fw_strong); --price_ff: inherit; --price_fs: normal; --product_label_fz: var(--main_fz); --product_label_bg: var(--theme_bg); --product_label_bg_dark: rgba(0,0,0,.1); --product_label_text: var(--theme_text); --breadcrumbs_fz: inherit; /*--panel_list_total_width: 326px;*/ --rpp: 30px; /* Global padding */ --rpn: calc(0px - var(--rpp)); /* Global padding (negative) */ --b2r: calc(var(--main_fz) * 0.25); /* Global border-radius */ --b2p: calc(var(--main_fz) * 2); /* Image border-radius */ --b2i: var(--b2r); /* Input border-radius */ --glw: 1660px; /* Global width - we should NOT give the merchant ability to adjust it (due the amount of bugs associated with the unathorized use) */ --ghw: var(--glw); /* Global width - we should NOT give the merchant ability to adjust it (due the amount of bugs associated with the unathorized use) */ --text_align_start: left; --text_align_end: right; --justify_content: flex-start; --li_dist: calc(var(--main_fz) * 2.25); --cols_spacing: 32px; --cols_spacing_static: 32px; --cols_spacing_x2: calc(var(--cols_spacing) * 2); --l0ra: 0px; --lar0: auto; --l1ra: 100%; --lar1: auto; --lora: -3000em; --laro: auto; --lor0: -3000em; --l0ro: 0px; --content_padding_top: calc(var(--rpp) * 1.5); --footer_padding_top: 68px; --footer_payments_mih: 0px; --button_height: calc(var(--theme_btn_fz) * 3.4375); --button_dist: calc(var(--button_height) * .5); --button_dist_h: calc((var(--button_height) - var(--theme_btn_fz) * var(--main_lh_h)) * 0.5); --button_corners: calc(var(--theme_btn_fz) * 0.25); --button_bw: 1px; --circle_size: var(--button_height); --theme_btn_text: var(--white); --theme_btn_text_static:var(--white); --theme_btn_fz: var(--main_fz); --theme_btn_fz_mob: var(--mob_fz); --theme_btn_fw: 500; --theme_btn_ff: inherit; --theme_btn_fs: normal; --theme_btn_tt: none; --theme_btn_ls: normal; --theme_btn_lh: var(--main_lh_h); --theme_bg_btn: var(--theme_bg); --theme_bg_btn_dark: var(--theme_bg_dark); --theme_bg_btn_fade: var(--theme_bg_fade); --input_height: var(--button_height); --input_padding: calc(var(--input_height) * 0.45); --overlay_opacity: 0.3; --overlay_close: var(--black); --l4cl_h_small: var(--main_h_small); --scrollbar_width: 17px; --rt_fill: var(--theme_bg_btn); --rt_op: 0.15; --ar_op: 0.6; --ar_op_h: 1; --ar_bg: var(--white); --ar_bg_h: var(--ar_bg); --ar_fg: var(--primary_text); --ar_fg_h: var(--ar_fg); /*--l4ts_text: var(--primary_text); --l4ts_aside_text: inherit;*/ --sw_ar_text: var(--primary_text); --header_mih: 105px; --header_height: var(--header_mih); --header_height_static: var(--header_mih); --f8pr_fixed_height: 0px; --dist_fig: 16px; --icon_summary: /*44px*/ calc(var(--main_fz) * 1.25); --bll: 44px; --ratio: 1; } .day-switched { --white: hsl(0, 0%, 0%); /* #ffffff*/ --sand: hsl(0, 0%, 56%); /* #F6F6F6*/ --gallery: hsl(0, 0%, 53%); /* #ececec #E6E8E9 */ --alto: hsl(0, 0%, 46%); /* #dcdcdc*/ --silver: hsl(0, 0%, 40%); /* #cccccc*/ --gray: hsl(0, 0%, 18%); /* #959595*/ --coal: #ffffff; --onyx: var(--coal); --coal_text: var(--white); --cod: hsl(0, 0%, 87%); /* #222222*/ --black: hsl(0, 0%, 100%); /* #000000*/ --top_up_bg: var(--theme_bg); --top_up_fg_hover: var(--black); --theme_bg_gradient: var(--theme_bg); --footer_bg: var(--gray); --footer_fg: var(--black); --top_nav_bg: var(--gray); --overlay_opacity: 0.5; } html:not(.day-switched) #root .dark-only, .day-switched #root .dark-hide { display: none; } /*@media (prefers-color-scheme: dark) { :root { --white: hsl(0, 0%, 0%); --sand: hsl(0, 0%, 56%); --gallery: hsl(0, 0%, 53%); --alto: hsl(0, 0%, 46%); --gray: hsl(0, 0%, 18%); --coal: #ffffff; --onyx: var(--coal); --coal_text: var(--white); --cod: hsl(0, 0%, 87%); --black: hsl(0, 0%, 100%); --top_up_bg: var(--theme_bg); --top_up_fg_hover: var(--black); --theme_bg_gradient: var(--theme_bg); --footer_bg: var(--gray); --footer_fg: var(--black); --top_nav_bg: var(--gray); --overlay_close: var(--white); --overlay_opacity: 0.5; } .dark-hide { display: none; } } @media (prefers-color-scheme: light) { .dark-only { display: none; } }*/ /*! Defaults --------- */ body, textarea, input, select, option, button { color: var(--primary_text); font-family: var(--main_ff); font-style: var(--main_fs); font-weight: var(--main_fw); line-height: var(--main_lh); text-transform: var(--main_tt); letter-spacing: var(--main_ls); } li *, dt *, dd *, p *, figure *, th *, td *, legend * { font-size: 1em; } ul, ol, dl, p, figure, /*div[class*="block-image-"],*/ blockquote, table, .table-wrapper, pre, h1, h2, h3, h4, h5, h6, legend, .l4us, .shopify-payment-button { margin-bottom: var(--main_mr); } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, legend, .header { display: block; margin: var(--main_mr_double) 0 var(--main_mr_h); color: var(--primary_text_h); font-style: var(--main_fs_h); font-weight: var(--main_fw_h); font-family: var(--main_ff_h); line-height: var(--main_lh_h); text-transform: var(--main_tt_h); letter-spacing: var(--main_ls_h); } h1, .h1, .l4cl.category h1 { font-size: var(--main_h1); } h2, .h2, .l4cl.category h2 { font-size: var(--main_h2); } h3, .h3, .l4cl.category h3 { font-size: var(--main_h3); } h4, .h4, .l4cl.category h4 { font-size: var(--main_h4); } h5, .h5, .l4cl.category h5 { font-size: var(--main_h5); } h6, .h6, .l4cl.category h6 { font-size: var(--main_h6); } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a, .header a, .shopify-section-footer > *:not(nav) p a, .shopify-section-footer ul a { color: inherit; font-weight: inherit; } h1 a.inline-link, h2 a.inline-link, h3 a.inline-link, h4 a.inline-link, h5 a.inline-link, h6 a.inline-link { color: var(--theme_bg); text-decoration: underline; } h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small, .header .small { display: block; margin: 0 0 var(--main_mr_half); /*color: var(--primary_text);*/ font-weight: var(--main_fw); font-family: var(--main_ff); font-size: var(--main_h_small); } h1 .small.strong, h2 .small.strong, h3 .small.strong, h4 .small.strong, h5 .small.strong, h6 .small.strong, .h1 .small.strong, .h2 .small.strong, .h3 .small.strong, .h4 .small.strong, .h5 .small.strong, .h6 .small.strong, .header .small.strong { font-weight: var(--main_fw_semi); } h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { vertical-align: baseline; } h1 + h1, h1 + h2, h1 + h3, h1 + h4, h1 + h5, h1 + h6, h2 + h1, h2 + h2, h2 + h3, h2 + h4, h2 + h5, h2 + h6, h3 + h1, h3 + h2, h3 + h3, h3 + h4, h3 + h5, h3 + h6, h4 + h1, h4 + h2, h4 + h3, h4 + h4, h4 + h5, h4 + h6, h5 + h1, h5 + h2, h5 + h3, h5 + h4, h5 + h5, h5 + h6, h6 + h1, h6 + h2, h6 + h3, h6 + h4, h6 + h5, h6 + h6 { margin-top: 0; } .palette-dark h1, .palette-dark h2, .palette-dark h3, .palette-dark h4, .palette-dark h5, .palette-dark h6 { --primary_text_h: var(--primary_text); } a { background: none; color: var(--theme_bg); text-decoration: underline; cursor: pointer; outline-width: 0; -webkit-text-decoration-skip: objects; } /*---*/ a span { cursor: pointer; } a[rel*="external"]:after { content: "\e93f"; display: inline-block; position: relative; margin-left: 6px; font-weight: 400; font-family: i; font-size: 0.875em; font-style: normal; line-height: 1px; } ul, ol, dd { padding-left: var(--li_dist); } ul.text-center, ol.text-center, .text-center ul, .text-center ol { list-style-position: inside; padding-left: 0; padding-right: 0; } /*! Mixins --------- */ /* cl:b */ .l4as:after, form p:after { content: ""; display: block; overflow: hidden; clear: both; } /* fill */ .l4st i a, .check.box label:after, .l4ft li > .content.box:before, .m6fr .media-flexible, .l4ca + h1:before, .l4ca + h2:before, .l4ca + h3:before, .l4ca + h4:before, .l4ca + h5:before, .l4ca + h6:before, #header-outer > #nav-outer.no-wide #nav:before, #header-outer.no-wide > #nav-outer #nav:before, .n6pg:before, .spr-pagination:before, .m6lm.high:before, .l4cl .featured figure, .swiper-pagination-bullet .prg, .shopify-section-footer nav:before, .l4ft li:before, .l4cl.featured li:before, .l4cl.cards li:before, /*.l4cl .li:before, .l4ts .li:before,*/ .l4ts li:before, .accordion-a > div:before, .accordion-a > details:before, .m6fr article:before, .m6fr article > figure:not([class*="flexible"]), /*.r6rt .rating > *:before, .r6rt .rating > * .fill,*/ .l4cl figure .link-btn > span:not(.input-amount):before, .img-overlay, .l4al li:before, .s1ld .rating-label:before, .l4ca.compact a:not(.bv_atual):after, .l4ca > li:before, .s1bx:before, figure:before, picture:before, [class*="img-multiply"]:before, .overlay-close, th:before, td:before, th:after, td:after, button:before, .link-btn a:before, .no-wide #header:before { content: ""; display: block; overflow: hidden; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; width: auto; max-width: none; margin: 0; text-align: left; text-indent: -3000em; direction: ltr; } /* wide */ #content #background, .m6fr.wide article:before, .m6fr.wide article > figure:not([class*="flexible"]), .wide > .img-overlay, #root #header-outer > .overlay-close, #header-outer:before, #header-outer:after, #header-outer > #nav-outer #nav:before, #header-outer > #nav-outer #nav:after, .shopify-section-header:before, #nav-top:before, .l4us.wide:before, .f8nw:after, .f8nw.wide figure, .f8nw.wide > .img-overlay, .f8nw.wide fieldset > .img-overlay, .shopify-section-footer > .l4pm:before, .shopify-section-footer:before { content: ""; display: block; position: absolute; left: 50%; right: auto; top: 0; bottom: 0; z-index: -1; width: 106vw; max-width: none; margin: 0 0 0 -53vw; } /* icon */ .m6tm .handler .toggle:before, .input-show label:before, #totop a:after, .bv_atual:before, .n6pg li a:before, .spr-pagination > div > * a:before, .swiper-custom-pagination .play-pause:before, .accordion-a > div:after, .accordion-a > details:after, /*.r6rt .rating > *:before,*/ .r6rt .rating > * *:before, .recommendation-modal__close-button-container button:after, .l4al li[class*="overlay"]:after, .l4al li > a.close:before, .input-amount .incr:before, .input-amount .decr:before, #nav .show-all > a:before, #nav-user > ul > li.sub > a:before, #search button:after, .l4us li:before, /*.l4us .li:before,*/ .swiper-button-prev:before, .swiper-button-next:before, .n6br li:before, .shopify-section-footer a.header-toggle:before, .l4dr li.sub > a:before, .l4sc i:after { display: block; position: absolute; left: 0; right: 0; top: 50%; margin: -10px 0 0; font-weight: 400; font-family: i; line-height: 20px; text-align: center; text-indent: 0; letter-spacing: normal; } /* z:9 */ .l4st i a, .m6lm.high:before, .img-overlay .img-overlay, figure .img-overlay, #root #header-outer > .overlay-close, .l4al li > *, .l4ca.compact a:not(.bv_atual):after { z-index: 8; } /* tr:c * { -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } /* tr:y * { -webkit-transform: translateY(-50%); transform: translateY(-50%); } /* tr:x * { -webkit-transform: translateX(-50%); transform: translateX(-50%); } /* tr:n */ #root .input-amount.inline .incr, #root .input-amount.inline .decr, .swiper-pagination-bullet.swiper-pagination-bullet-active:before { -webkit-transform: none; transform: none; } /* show */ #root .shopify-section-footer a.header-toggle, #root .check:not(.color) input:checked ~ label:before, .mobile #root .m6fr .swiper-button-prev, .mobile #root .m6fr .swiper-button-next { visibility: visible; opacity: 1; } /* hide */ .invisible, #nav-top .l4us.slider:not(.s4wi) > li:not(:first-child:last-child), html:not(.scr-down) #totop { visibility: hidden; opacity: 0; } /* i:wi * { display: block; position: relative; z-index: 1; width: 100% !important; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; } /* i:ct * { width: auto; max-height: 100% !important; -webkit-align-self: center; -ms-align-self: center; align-self: center; -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; -o-object-fit: contain; object-fit: contain; -o-object-position: center center; object-position: center center; } /* i:bg */ #background img, #background video, #background iframe, #background svg, #background picture, .media-wide img, .media-wide video, .media-wide iframe, .media-wide svg, #root .l4ft figure img, .l4ft figure video, .l4ft figure iframe, .l4ft figure svg, #root .img-overlay img, .img-overlay video, .img-overlay svg, .img-overlay iframe, .img-overlay picture { display: block; width: 100% !important; height: 100% !important; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; } /* hyph */ a[href*="mailto:"], .l4cl figcaption, .l4cl figure .figcaption, .shopify-section-footer nav a, .l4pl, #nav > ul > li ul a, #logo, #logo a, #logo .broken-img, a.email, h1:not(.no-hyph), h2:not(.no-hyph), h3:not(.no-hyph), h4:not(.no-hyph), h5:not(.no-hyph), h6:not(.no-hyph), .h1:not(.no-hyph), .h2:not(.no-hyph), .h3:not(.no-hyph), .h4:not(.no-hyph), .h5:not(.no-hyph), .h6:not(.no-hyph), legend:not(.no-hyph), h1:not(.no-hyph) a, h2:not(.no-hyph) a, h3:not(.no-hyph) a, h4:not(.no-hyph) a, h5:not(.no-hyph) a, h6:not(.no-hyph) a, .l4if > li > span:first-child { overflow-wrap: break-word; -ms-word-break: break-word; word-break: break-word; -webkit-hyphens: auto; /*-webkit-hyphenate-limit-before: 3; -webkit-hyphenate-limit-after: 3; -webkit-hyphenate-limit-chars: 6 3 3; -webkit-hyphenate-limit-lines: 2; -webkit-hyphenate-limit-last: always; -webkit-hyphenate-limit-zone: 8%; -moz-hyphens: auto; -moz-hyphenate-limit-chars: 6 3 3; -moz-hyphenate-limit-lines: 2; -moz-hyphenate-limit-last: always; -moz-hyphenate-limit-zone: 8%;*/ -ms-hyphens: auto; /*-ms-hyphenate-limit-chars: 6 3 3; -ms-hyphenate-limit-lines: 2; -ms-hyphenate-limit-last: always; -ms-hyphenate-limit-zone: 8%;*/ hyphens: auto; /*hyphenate-limit-chars: 6 3 3; hyphenate-limit-lines: 2; hyphenate-limit-last: always; hyphenate-limit-zone: 8%;*/ } /* gp:a * { -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } /* cu:d * .active *, [disabled], .disabled { cursor: default; } /* td:u */ #nav-top .l4us .inline-link a, #root .inline-link > a, #nav-top a.inline-link { text-decoration: underline; } /* td:n */ .check .link-more a, .shopify-section-footer a, .m6tb > nav a, .bv_atual, a.overlay-content:not(.strong), a.overlay-gray:not(.strong), #root .l4ca li > footer p a, #root .link-btn a, #root a.link-icon, a.link-print, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; } /*! Layout --------- */ #root { position: relative; z-index: 13; width: 100%; min-height: 100vh; padding: 0 var(--rpp); background: var(--body_bg); } #root::-webkit-scrollbar { width: 0; } #header-outer > *:not(#nav-outer), #header-outer > #nav-outer #nav, #nav-top-outer { width: 100%; max-width: var(--ghw); margin-left: auto; margin-right: auto; } .shopify-section-header { display: block; position: relative; z-index: 9; margin-top: 0; color: var(--top_main_fg); --cols_spacing: 24px; --maw_logo: 390px; --nav_height: calc(var(--main_fz) * 3.4375); } .shopify-section-header:before, #header-outer:before { z-index: -2; background: var(--top_main_bg); } .header-has-shadow .shopify-section-header:before { box-shadow: 0 4px 40px rgba(0,0,0,.06); } #header-outer/*:not(.transparent)*/:after, .no-wide/*:not(.transparent)*/ #header:before { border-bottom: 1px solid var(--top_nav_bd); } #header-outer.transparent:after { opacity: var(--top_nav_bd_op); } .no-wide #header:before { bottom: -1px; } .no-wide #header:last-child:before, .no-wide #header:nth-last-child(2):before { bottom: 0; border-color: var(--top_main_bd); } #header-outer.no-wide:after { display: none; } #header-outer { position: relative; top: 0; z-index: 82; margin: 0 var(--rpn); padding: 0 var(--rpp); } #header-inner { position: relative; z-index: 8; min-height: var(--header_mih); margin-left: calc(0px - var(--cols_spacing)); padding: var(--pd) 0; --cols_spacing: 30px; --pd: 20px; } #header-inner > * { border-left: var(--cols_spacing) solid rgba(0,0,0,0); } #header-inner > .search-compact-cont { z-index: 9; } #header { position: relative; z-index: 3; } #logo { position: relative; z-index: 5; max-width: calc(var(--maw_logo) + var(--cols_spacing)); min-height: var(--min_height); margin: 0; font-size: var(--main_h2); font-weight: var(--main_fw_h); font-family: var(--main_ff_h); line-height: var(--main_lh_hc); --b2r: 0; --min_height: 44px; } #logo { -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; } #logo a { display: block; width: 100%; height: 100%; color: inherit; text-decoration: none; } #logo img { width: auto !important; max-height: 130px !important; border-radius: 0; -o-object-fit: contain; object-fit: contain; } /*#logo .broken-img { max-width: var(--maw); font-size: var(--main_fz); --maw: 260px; }*/ #logo.text-center { text-align: var(--text_align_start); } #logo.has-long-text { font-size: var(--main_h5); } #skip { position: fixed; top: 0; left: 0; right: 0; z-index: 10001; --b2r: 0; } #skip ul { list-style: none; margin: 0; padding: 0; } #root #skip a { display: block; position: absolute; left: -3000em; top: 0; text-decoration: none; white-space: nowrap; outline: none; } #root #skip a:focus, #root #skip a:active { left: var(--l0ra); right: var(--lar0); } #search { position: relative; z-index: 9; width: 100%; max-width: var(--maw); min-width: 0; height: 100%; text-align: var(--text_align_start); --maw: min(460px, 40%); -ms-flex-shrink: 100; -webkit-flex-shrink: 100; flex-shrink: 100; } #search fieldset, #search fieldset > p { position: relative; z-index: 2; margin: 0; } #search input { height: var(--top_search_height); padding-right: var(--input_height); border-color: var(--top_search_bd); background: var(--top_search_bg); color: var(--top_search_fg); } #search button { display: block; overflow: hidden; position: absolute; left: var(--lar0); right: var(--l0ra); top: 0; bottom: 0; z-index: 9; min-width: 0; width: var(--input_height); min-height: 0; margin: 0; padding: 0; box-shadow: none; border-radius: 0; background: none; color: var(--top_search_fg); font-size: var(--size_20); text-align: left; text-indent: -3000em; direction: ltr; } #search button:after { content: "\e97d"; left: var(--lar0); right: var(--l0ra); width: calc(var(--input_height) + 2px); } /*#nav {}*/ /*#nav .active > a:not(.toggle) { color: var(--top_nav_fg_hover); }*/ #nav .disabled > a:not(.toggle) { opacity: .6; } #nav > ul > li > a .s1bx:before { background: var(--sale_label_bg); } #nav-outer, #logo .broken-img img, #search fieldset > div, #search label, #search .clear-toggle, #search .search-back, #search > a.toggle, #header-outer > .close, #search fieldset > p button:before, #nav > ul > a.close, #nav > ul > li > a.toggle-back, #nav-user > ul > li.sub > a.toggle ~ a.toggle, #nav-outer > a.close, #search.compact, .search-compact-cont:not(.active), #search fieldset > div, #nav-user li > ul, #nav-user li > form, #logo .broken-img img ~ span ~ span, .no-nav #nav-outer { display: none; } .search-compact-cont { --height: 44px; } #nav-user { margin-left: auto; --dist: 16px; --height: calc(var(--main_fz) * 2.75); --sub: var(--main_fz) } #nav-user > ul { list-style: none; margin: 0 calc(0px - var(--dist)) 0 0; padding: 0; } #nav-user > ul > li { position: relative; z-index: 2; margin: 0 var(--dist) 0 0; } #nav-user > ul > li > a, .search-compact-cont > a { display: block; position: relative; z-index: 2; height: var(--height); color: inherit; line-height: var(--height); text-decoration: none; white-space: nowrap; --b2r: 99px; } #nav-user > ul > li > a img { overflow: hidden; max-width: none !important; -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; } #nav-user > ul > li.lang { min-width: 40px; } #nav-user > ul > li.lang > a img { width: var(--size_24_f) !important; max-width: var(--size_24_f) !important; } #nav-user > ul > li > a i, #root .search-compact-cont > a i { display: block; height: var(--height); font-size: calc(var(--main_fz) * 1.25); line-height: var(--height); } /*#nav-user i.icon-youtube:before { font-size: .7em; }*/ #nav-user i.icon-twitter:before { font-size: .9em; } #nav-user > ul > li > a i span { display: block; position: absolute; left: var(--l1ra); right: var(--lar1); top: calc(var(--height) - var(--size) * 1.22); width: var(--size); height: var(--size); margin-left: calc(0px - var(--size) * 0.56); border-radius: 99px; background: var(--top_main_link_bg); color: var(--top_main_link_text); font-family: var(--main_ff); font-style: normal; font-size: calc(var(--main_fz) * 0.6875); line-height: var(--size); text-align: center; --size: calc(var(--main_fz) * 0.6875 * 1.63636363636); } #nav-user > ul > li > a > * + * { padding-left: 12px; } /*#root #header .link-day { background: var(--top_main_fg); } #root #header .link-day .spacer:before, #root #header .link-day .spacer:after { color: var(--top_main_bg); } #root #header .link-day:after { background: var(--top_main_bg); }*/ #nav > ul > li > a { font-weight: var(--top_nav_fw); font-size: var(--top_nav_fz); font-family: var(--top_nav_ff); font-style: var(--top_nav_fs); letter-spacing: var(--top_nav_ls); } #nav.s1hd > ul > li > a { font-weight: var(--main_fw_h); font-family: var(--main_ff_h); font-style: var(--main_fs_h); } #nav-top-outer { position: relative; z-index: 81; padding: var(--dist) 0; color: var(--top_up_fg); --cols_spacing: 42px; --b2r: 0; --dist: 7px; } #nav-top { margin-left: calc(0px - var(--cols_spacing)); white-space: nowrap; --theme_bg: var(--top_up_fg_hover); } #nav-top:before { border: 0 solid var(--top_up_bd); border-top-width: 1px; border-bottom-width: 1px; background: var(--top_up_bg); } #nav-top > * { list-style: none; margin: 0; padding: 0; border-left: var(--cols_spacing) solid rgba(0,0,0,0); } #nav-top > ul > li { position: relative; margin: 0; --cols_spacing: 28px; } #nav-top > ul > li:not(:first-child) { margin-left: var(--cols_spacing); } #nav-top > ul > li > a { /*display: block;*/ position: relative; /*color: inherit; text-decoration: none;*/ color: var(--top_up_fg_hover); text-decoration: none; } #nav-top .l4us li a { color: var(--top_up_fg_hover); text-decoration: none; } #nav-top > ul > li i { --i_size: var(--size_20_f); } #nav-top img { display: block; max-width: none !important; border-radius: 0; } #nav-top .l4us { width: 100%; max-width: 100%; min-width: 0; -webkit-flex-shrink: 5; -ms-flex-shrink: 5; flex-shrink: 5; --main_lh: calc(var(--top_up_height) - var(--dist) * 2); } #nav-top .l4us li/*, #nav-top .l4us .li*/ { min-width: 0; margin-bottom: 0; } [dir="ltr"] #nav-top .l4us:not(.s4wi, .text-center) { margin-right: auto; } /*#nav-top .l4us:not(:first-child) .swiper-slide,*/ #nav-top.text-center .l4us .swiper-slide { -webkit-justify-content: center; justify-content: center; } #nav-top .l4us img { margin-right: var(--dist_b); --dist_b: 16px; } #nav-top .l4us .outer { overflow: hidden; } #nav-top .l4us .outer .inner, #nav-top .l4us .nowrap span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #nav-top .l4us .outer .inner-text { display: block; position: absolute; left: var(--l0ra); right: var(--lar0); top: 0; z-index: -10; white-space: nowrap; opacity: 0; } #nav-top, #nav-top .l4us li:before/*, #nav-top .l4us .li:before*/ { top: 0; margin-top: 0; line-height: calc(var(--top_up_height) - var(--dist) * 2); } #nav-top .l4us .swiper-slide .swiper-button-prev, #nav-top .l4us .swiper-slide .swiper-button-next { /*height: calc(var(--top_up_height) - var(--dist) * 2);*/ height: 100%; } #nav-top .l4us .longer a.linked { display: block; position: relative; z-index: 10; padding-left: 6px; font-weight: 700; text-overflow: inherit; white-space: nowrap; } #nav-top .overlay-theme, #nav-top .l4us a { color: var(--top_up_fg_hover); } #nav-top .l4us a.swiper-button-prev, #nav-top .l4us a.swiper-button-next { color: var(--top_up_fg); } #content, .shopify-section-footer, .shopify-section-content { position: relative; z-index: 4; width: 100%; max-width: var(--glw); margin-left: auto; margin-right: auto; } #content { padding-top: var(--content_padding_top); } #content > *:last-child { margin-bottom: var(--main_mr_double); } #content > .shopify-section-footer:last-child { margin-top: var(--main_mr_double); margin-bottom: 0; } .shopify-section-footer { z-index: 3; margin-top: auto; padding: var(--footer_padding_top) 0 0; color: var(--footer_fg); --primary_text_h: var(--footer_fg); /*--cols_spacing: 14px;*/ } .shopify-section-footer figure, .shopify-section-footer img { --b2r: 0; --b2p: 0; } .shopify-section-footer h1, .shopify-section-footer h2, .shopify-section-footer h3, .shopify-section-footer h4, .shopify-section-footer h5, .shopify-section-footer h6, .shopify-section-footer legend { display: block; position: relative; z-index: 2; margin-top: calc(0px - var(--main_h5) + var(--main_fz)); margin-bottom: var(--main_mr); /*line-height: var(--main_lh);*/ } /*.shopify-section-footer h1:not([class*="size-"]), .shopify-section-footer h2:not([class*="size-"]), .shopify-section-footer h3:not([class*="size-"]), .shopify-section-footer h4:not([class*="size-"]), .shopify-section-footer h5:not([class*="size-"]), .shopify-section-footer h6:not([class*="size-"]) { font-size: var(--main_h5); }*/ .shopify-section-footer p a { color: var(--footer_fg_hover); } .shopify-section-footer:before { top: calc(0px - var(--footer_bg_offset)); background: var(--footer_bg); } .shopify-section-footer nav { position: relative; z-index: 2; margin-left: calc(0px - var(--cols_spacing)); } .shopify-section-footer nav:not([class*="width-"]) > *:not([class*="width-"]) { max-width: calc(320px + var(--cols_spacing)); } .shopify-section-footer nav:not([class*="width-"]) > .m6cn:not([class*="width-"]) { max-width: calc(234px + var(--cols_spacing)); } .shopify-section-footer nav ul { list-style: none; padding: 0; } .shopify-section-footer nav ul:not(.l4pm, .l4sc, .l4dr) li + li, .l4cn li + li { margin-top: calc(var(--main_mr) * 0.58); } .shopify-section-footer nav .l4dr { width: calc(100% + var(--dist_a)); } .shopify-section-footer form { margin-bottom: var(--main_mr_half); } .shopify-section-footer .text-center *[style*="max-width"] { margin-left: auto; margin-right: auto; } .shopify-section-footer form p:not(.check) + .submit { margin-top: calc(0px - var(--main_mr) + 10px); } .shopify-section-footer form p + p:not(.check, .link-btn), .shopify-section-footer form p + .submit-box { margin-top: calc(0px - var(--main_mr) + 10px); } .shopify-section-footer form p + p.check { margin-top: calc(0px - var(--main_mr) * 0.2); } .shopify-section-footer .submit-box .check:first-child, .shopify-section-footer .cols.cols-mobile + * .check:first-child { margin-top: calc(0px - var(--main_mr) * 0.166); } .shopify-section-footer form .link-btn { --justify_content: flex-start; } .shopify-section-footer form .cols { --cols_spacing: 10px; } .shopify-section-footer form .cols .link-btn button { width: var(--button_height); min-width: 0; padding-left: 0; padding-right: 0; } #root .shopify-section-footer form .cols .link-btn button i { margin-left: 0; margin-right: 0; } .shopify-section-footer .check { margin-bottom: calc(var(--main_mr_half) - var(--dist_check)); --input_bd: var(--footer_fg); --input_bg: none; } .shopify-section-footer .check label:before { opacity: .22; } .shopify-section-footer button { min-width: calc(var(--button_height) * 2.2); } .shopify-section-footer > .l4pm { min-height: var(--footer_payments_mih); margin-bottom: 0; padding: 30px 0 calc(30px - var(--dist_b)); } .shopify-section-footer > .l4pm:before { background: var(--footer_bg_bottom); } .shopify-section-footer > .l4pm + *:not(style) { margin-top: var(--main_mr); } .shopify-section-footer > * + * { margin-top: calc(54px - var(--main_mr)); } .shopify-section-footer > * + .l4pm { margin-top: 0px /*10px*/; } .shopify-section-footer > *:not(nav) p { opacity: .4; } .shopify-section-footer .l4sc { margin-bottom: max(calc(var(--main_mr) - var(--dist_b)), 0px); } /*.shopify-section-footer .l4sc:not(.text-start, .text-end) { --justify_content: center; }*/ .shopify-section-footer > * + .l4sc { margin-top: 0; } .shopify-section-footer > .l4cn, .shopify-section-footer .l4cn i { --theme_bg: var(--footer_fg_hover); } .shopify-section-footer .cols > * > .l4sc:last-child { margin-top: auto; } .shopify-section-footer .link-btn a:not([class*="overlay"]), .shopify-section-footer button:not([class*="overlay"]) { --theme_bg_btn: var(--footer_link_bg); --theme_bg_btn_dark: var(--footer_link_dark); --theme_btn_text: var(--footer_link_text); } /*.shopify-section-footer a { text-decoration: none; } .shopify-section-footer .check a { text-decoration: underline; }*/ #distance-counter { position: relative; z-index: -1; width: 10px; height: 10px; margin-top: -10px; /*margin-bottom: -10px;*/ } #header-inner #distance-counter { margin: 0 0 0 -10px; border-width: 0; } #header-outer > #distance-counter { width: 10px; max-width: none; margin-left: 0; margin-right: 0; } #totop { position: fixed; left: var(--lar0); right: var(--l0ra); bottom: var(--rpp); z-index: 7; margin: 0; padding: 0 var(--rpp); } #totop a { display: block; overflow: hidden; position: relative; z-index: 2; width: 44px; height: 44px; border-radius: 99px; background: var(--coal); color: var(--white); font-size: var(--size_16_f); text-indent: -3000em; text-align: left; direction: ltr; } #totop a:after { content: "\e987"; } #background { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; margin: 0; --b2r: 0px; --b2p: 0px; --img_pos: fixed; -webkit-clip-path: inset(0); clip-path: inset(0); } #background img, #background iframe, #background video, #background picture { position: var(--img_pos); left: 0; right: 0; top: 0; bottom: 0; } #background.static { --img_pos: absolute; } #root > #background { position: fixed; } .shopify-section-header:has(#header-outer.transparent) ~ #content #background { top: calc(0px - var(--header_height)); } .has-transparent-header .shopify-section-header ~ #content #background { top: calc(0px - var(--header_height)); } .dm-ready.has-background .shopify-section-header:before, .dm-ready.has-background .shopify-section-header #header-outer:not(.fixed):before { display: none; } /*! Columns --------- */ .cols { position: relative; margin-left: calc(0px - var(--cols_spacing)); } .cols > * { display: block; position: relative; clear: none; border: 0 solid rgba(0,0,0,0); border-left-width: var(--cols_spacing); } /*.cols > *:first-child:last-child { width: 100%; }*/ .cols > .flex-grow { min-width: 0; } .cols > figure { -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; -webkit-align-self: flex-start; align-self: flex-start; } .border-double { --cols_spacing: var(--cols_spacing_x2); } .columns[class*="width-"] { max-width: none; } .cols > h1, .cols > h2, .cols > h3, .cols > h4, .cols > h5, .cols > h6, .cols > .h1, .cols > .h2, .cols > .h3, .cols > .h4, .cols > .h5, .cols > .h6, .cols > .header { margin-bottom: var(--main_mr); } .cols[style*="--aside_width"] { } .cols[style*="--aside_width"] > *:not(aside) { -webkit-flex-grow: 3; -ms-flex-grow: 3; flex-grow: 3; } .cols[style*="--aside_width"] > aside { width: calc(var(--cols_spacing) + var(--aside_width)); -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; } .cols > *:first-child:last-child:not([class*="width-"]) { --width: 100%; } [class*="width-"] { width: 100%; max-width: var(--width); --width: none; } .width-5 { --width: 5%; } .width-9 { --width: 9.0909090909%; } .width-10 { --width: 10%; } .width-11 { --width: 11.1111111111%; } .width-12 { --width: 12.5%; } .width-14 { --width: 14.2857142857%; } .width-15 { --width: 15%; } .width-16 { --width: 16.66666666666%; } .width-20 { --width: 20%; } .width-25 { --width: 25%; } .width-30 { --width: 30%; } .width-33 { --width: 33.33333333333%; } .width-35 { --width: 35%; } .width-36 { --width: 36%; } .width-37 { --width: 37.5%; } .width-40 { --width: 40%; } .width-42 { --width: 42%; } .width-45 { --width: 45%; } .width-50, .l4cl.hr.width-25, .l4cl.hr.width-20 { --width: 50%; } .width-55 { --width: 55%; } .width-58 { --width: 58%; } .width-60 { --width: 60%; } .width-64 { --width: 64%; } .width-65 { --width: 65%; } .width-66, .l4cl.width-33:not(.hr) li.featured.width-50 { --width: 66.66666666666%; } .width-70 { --width: 70%; } .width-75 { --width: 75%; } .width-80 { --width: 80%; } .width-85 { --width: 85%; } .width-90 { --width: 90%; } .width-95 { --width: 95%; } .width-100, .l4cl.hr.width-33, .l4cl.width-33.hr li.featured.width-50 { --width: 100%; } .width-220 { --width: 220px; } .width-290 { --width: 290px; } .width-320 { --width: 320px; } .width-370 { --width: 370px; } .width-415 { --width: 415px; } .width-440 { --width: 440px; } .width-460 { --width: 460px; } .width-480 { --width: 480px; } .width-550 { --width: 550px; } .width-580 { --width: 580px; } .width-720 { --width: 720px; } /*! Modules --------- */ .align-center:not(.cols) { margin-left: auto; margin-right: auto; } .fancybox__container { visibility: hidden; position: fixed; left: 0; right: 0; top: 0; bottom: 0; opacity: 0; } /*header { margin-top: var(--main_mr_double); }*/ .accordion-a { margin: 0 0 var(--main_mr_double); padding-bottom: 1px; --dist_acc_a: calc(var(--main_mr) * 0.15 + var(--main_mr)); --dist_acc_b: calc(var(--main_mr) * 1.25); --size_summary: var(--main_h4); --padding_summary: 30px; --plus_top: var(--dist_acc_a); --hide_img: block; } .accordion-a > div, .accordion-a > details { position: relative; z-index: 2; padding: var(--dist_acc_a) var(--dist_acc_b); border-bottom: .1px solid rgba(0,0,0,0); } .accordion-a > div:after, .accordion-a > details:after { content: "\e945"; left: var(--lar0); right: var(--l0ra); top: var(--plus_top); width: calc(var(--dist_acc_b) * 2 + min(var(--size_20_f), calc(var(--main_fz) * 1.25))); height: calc(var(--size_summary) * var(--main_lh_h)); margin: 0; font-size: min(var(--size_20_f), calc(var(--main_fz) * 1.25)); line-height: calc(var(--size_summary) * var(--main_lh_h)); } .accordion-a > div.open:after, .accordion-a > details[open]:after { content: "\e946"; color: var(--theme_bg); } .accordion-a:not(.compact) > div.open + .open:before, .accordion-a:not(.compact) > details[open] + [open]:before { border-color: var(--body_bg); } .accordion-a > div:before, .accordion-a > details:before { border: 0 solid var(--input_bd); border-top-width: 1px; } .accordion-a > div:last-child:before, .accordion-a > details:last-child:before { border-bottom-width: 1px; } .accordion-a > div > h1, .accordion-a > div > h2, .accordion-a > div > h3, .accordion-a > div > h4, .accordion-a > div > h5, .accordion-a > div > h6, .accordion-a summary { margin: 0; padding-right: var(--padding_summary); color: var(--primary_text_h); font-size: var(--size_summary); font-weight: var(--main_fw_h); font-family: var(--main_ff_h); line-height: var(--main_lh); cursor: pointer; /*--b2r: 0px;*/ display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; align-items: center; } .accordion-a > div.open h1, .accordion-a > div.open h2, .accordion-a > div.open h3, .accordion-a > div.open h4, .accordion-a > div.open h5, .accordion-a > div.open h6, .accordion-a details[open] summary { color: var(--theme_bg); } .accordion-a > div > h1 i, .accordion-a > div > h2 i, .accordion-a > div > h3 i, .accordion-a > div > h4 i, .accordion-a > div > h5 i, .accordion-a > div > h6 i, .accordion-a > div > h1 .img, .accordion-a > div > h2 .img, .accordion-a > div > h3 .img, .accordion-a > div > h4 .img, .accordion-a > div > h5 .img, .accordion-a > div > h6 .img, .accordion-a summary i, .accordion-a summary .img, .m6tb > nav a i, .m6tb > nav a .img { /*display: var(--hide_img);*/ display: block; top: 0; min-width: var(--icon_summary); margin-right: 12px; margin-left: 0; color: inherit; line-height: 1; text-align: center; opacity: 1; -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; } .accordion-a > div > h1 i[class*="icon-"], .accordion-a > div > h2 i[class*="icon-"], .accordion-a > div > h3 i[class*="icon-"], .accordion-a > div > h4 i[class*="icon-"], .accordion-a > div > h5 i[class*="icon-"], .accordion-a > div > h6 i[class*="icon-"], .accordion-a summary i[class*="icon-"] { font-size: 1.1818181818em; } .accordion-a > div > h1 i[class*="icon-check"], .accordion-a > div > h2 i[class*="icon-check"], .accordion-a > div > h3 i[class*="icon-check"], .accordion-a > div > h4 i[class*="icon-check"], .accordion-a > div > h5 i[class*="icon-check"], .accordion-a > div > h6 i[class*="icon-check"], .accordion-a summary i[class*="icon-check"] { font-size: 1em; } .accordion-a > div.open > div, .accordion-a > details > div { padding: var(--main_mr_x075) 0 0; } .accordion-a > div:not(.open) > div > *:first-child { overflow: hidden; margin: var(--main_mr_x075) 0 0; text-overflow: ellipsis; white-space: nowrap; } .accordion-a > div:not(.open) > div > *:not(p:first-child) { display: none; } #root .accordion-a div > div[class*="margin-"]:last-child { margin-bottom: 0; } .accordion-a.compact > div:not(.open) > div, .accordion-a .acc-toggle { display: none; } .accordion-a > details[open] summary, .accordion-a > div.open > h1, .accordion-a > div.open > h2, .accordion-a > div.open > h3, .accordion-a > div.open > h4, .accordion-a > div.open > h5, .accordion-a > div.open > h6 { position: relative; z-index: 2; } .countdown.compact { font-size: 1em; } .countdown.compact .simply-section:not(:last-child):after { content: "\00A0\003A\00A0"; } .countdown.compact div, .countdown.compact .simply-amount { display: inline; } .countdown.compact .simply-word, .countdown.hide-days .simply-days-section, .countdown.hide-days .simply-hours-section:before { display: none; } /*.countdown.compact .simply-section { margin: 0 6px 0 0; } .countdown.compact .simply-amount { display: inline; width: auto; height: auto; margin: 0; background: none; color: inherit; font-size: 1em; font-weight: inherit; line-height: inherit; } .countdown.compact .simply-amount > span { width: auto; height: auto; margin: 0; color: inherit; font-weight: var(--main_fw); } .countdown.compact .simply-amount > span { display: inline; width: auto; height: auto; margin: 0; background: none; }*/ .m6bx { position: relative; z-index: 2; margin: 0 0 var(--main_mr_section); padding: var(--dist_a) var(--dist_b) max(0.1px, calc(var(--dist_a) - var(--main_mr))); /*border-bottom: .1px solid rgba(0,0,0,0);*/ color: var(--primary_text); --dist_a: calc(var(--main_mr) * 2.75); --dist_b: var(--dist_a); } .m6bx:not(:first-child, .compact) { margin-top: var(--main_mr_x125); } /*.m6bx[style*="--mih:"] { min-height: var(--mih); }*/ #root .m6bx > .img-overlay[style*="--dist_half"] { left: 0; right: var(--dist_half); } #root .m6bx > .img-overlay.text-end[style*="--dist_half"] { right: 0; left: var(--dist_half); } #root .m6bx > .img-overlay[style*="--mih"] { top: 0; bottom: auto; height: min(var(--mih), 100%); } #root .m6bx { color: var(--primary_text); } /*#root #content .m6bx > .img-overlay[style*="--mih"] { top: 50%; bottom: auto; min-height: min(var(--mih), 100%); margin-top: calc(0px - var(--mih) * 0.5); }*/ .m6bx > .img-overlay { border-radius: var(--b2r); } .m6bx > .img-overlay:not([class*="overlay-"], [style]) { border: 1px solid var(--input_bd); background: var(--body_bg); opacity: 1; } .m6bx > .img-overlay.text-end { left: var(--lar0); right: var(--l0ra); } .m6bx:not(.compact) > div > .m6fr:last-child, .m6bx:not(.compact) > .m6fr:last-child, .m6bx:not(.compact) > div > *:not(.link-btn, .m6bx.no-padding, .m6bx.static):last-child { margin-bottom: var(--main_mr); } /*.m6bx:not(.compact) > div > .m6fr:last-child article.mobile-static, .m6bx:not(.compact) > .m6fr:last-child article.mobile-static { margin-bottom: calc(0px - var(--main_mr)); }*/ .m6bx.no-padding > div > .m6fr:last-child, .m6bx.no-padding > .m6fr:last-child { margin-bottom: 0; } /*.dm-ready.has-first-m6bx-wide #content > .m6bx.wide:first-child, .dm-ready.has-first-m6bx-wide #content > .shopify-section:first-child > .m6bx.wide:first-child { }*/ .dm-ready.has-first-m6bx-wide #content > .m6bx.wide:first-child > .img-overlay, .dm-ready.has-first-m6bx-wide #content > .shopify-section:first-child > .m6bx.wide:first-child > .img-overlay { top: calc(0px - var(--header_height_static)); border-top-left-radius: 0; border-top-right-radius: 0; } .dm-ready.has-first-m6bx-wide #content > .m6bx.wide:first-child > .img-overlay[style*="--mih"], .dm-ready.has-first-m6bx-wide #content > .shopify-section:first-child > .m6bx.wide:first-child > .img-overlay[style*="--mih"] { height: min(calc(var(--mih_desktop) + var(--header_height_static)), calc(var(--header_height_static) + 100%)); } /*.dm-ready.has-first-m6bx-wide #content > .shopify-section:first-child { padding-top: var(--content_padding_top); }*/ .m6fr article > .m6bx:last-child { margin-bottom: var(--main_mr); } .m6fr article > .m6bx, .m6fr .m6bx { margin-top: 0; } #content > .m6bx.wide:last-child { margin-bottom: 0; } .m6bx.compact { margin-bottom: var(--main_mr); padding-bottom: max(0.1px, calc(var(--dist_a) - var(--main_mr) * 0.5)); --dist_b: calc(var(--main_mr) * 1.1666666667); --dist_a: calc(var(--main_mr) * 1); } .m6bx.compact > div > *:last-child { margin-bottom: calc(var(--main_mr) * 0.5); } .m6bx.compact > div > .link-btn:last-child { margin-bottom: calc(var(--main_mr) * 0.5 - var(--dist_bb)); } .m6bx.offset { margin-left: calc(0px - var(--dist_b)); margin-right: calc(0px - var(--dist_b)); } .m6bx.compact, .m6bx.size-s, .m6bx.size-xs { margin-bottom: var(--main_mr); } .m6bx.no-padding { padding: 0; } .m6bx.static { margin: 0; padding: 0; } .m6bx.static.align-center { margin-left: auto; margin-right: auto; } /*.m6bx.rounded {}*/ .m6bx.rounded > .img-overlay { border-radius: 1000px; } .m6bx.wide { padding-left: 0; padding-right: 0; --offset: min(var(--rpn), calc(-50vw + var(--glw) * 0.5) + var(--scrollbar_width) * 0.5); --dist_half: 50%; } [dir="ltr"] .m6bx > .img-overlay[class*="width"]:not(.text-end), [dir="ltr"] .m6bx.wide > .img-overlay[style*="--dist_half"]:not(.text-end) { border-top-left-radius: 0; border-bottom-left-radius: 0; } [dir="ltr"] .m6bx > .img-overlay.text-end[class*="width"], [dir="ltr"] .m6bx.wide > .img-overlay.text-end[style*="--dist_half"] { border-top-right-radius: 0; border-bottom-right-radius: 0; } #root .m6bx.wide > .img-overlay[class*="width"], #root .m6bx.wide > .img-overlay[style*="--dist_half"] { left: var(--offset); right: var(--dist_half); /*right: calc(var(--offset) + var(--dist_half));*/ width: auto; max-width: none; margin: 0; } #root .m6bx.wide > .img-overlay[class*="width"].text-end, #root .m6bx.wide > .img-overlay[style*="--dist_half"].text-end { right: var(--offset); left: var(--dist_half); /*left: calc(var(--offset) + var(--dist_half));*/ } #root #content .m6bx.wide > .img-overlay.width-100 { left: var(--offset); right: var(--offset); --dist_half: 0; } .m6bx.wide > .img-overlay.width-33 { --dist_half: 66.6666666666%; } .m6bx.wide > .img-overlay.width-66 { --dist_half: 33.3333333333%; } .m6bx.wide > .img-overlay.width-100 { --dist_half: 0%; } .m6bx .img-overlay.overlay-black ~ .l4ts { --sand: var(--coal); --body_bg: var(--coal); --rt_fill: var(--gallery); --l4ts_text: var(--white); --rt_op: 1; --ar_op: .1; /*--ar_op_h: .1;*/ --sw_ar_text: var(--white); --l4ts_dot: var(--white); } .m6bx .img-overlay.overlay-theme-solid ~ .l4ts, .m6bx .img-overlay.overlay-gradient-dark ~ .l4ts { --sand: var(--white); --body_bg: var(--white); --rt_fill: var(--gallery); --l4ts_text: var(--primary_text_i); --rt_op: 1; --ar_op: .1; /*--ar_op_h: 1;*/ --sw_ar_text: var(--white); --l4ts_dot: var(--white); --l4ts_aside_text: var(--white); } .m6bx .img-overlay.overlay-theme ~ .l4ts, .m6bx .img-overlay.overlay-sand ~ .l4ts, .m6bx .img-overlay.overlay-gradient ~ .l4ts { --sand: var(--white); --body_bg: var(--white); --rt_fill: var(--gallery); --rt_op: 1; } .m6bx .img-overlay.overlay-primary ~ .l4ts { --sand: var(--theme_bg_gradient); --body_bg: var(--theme_bg_gradient); --rt_fill: var(--gallery); --l4ts_text: var(--primary_text_i); --sw_ar_text: var(--white); --rt_op: 1; --ar_op: .1; /*--ar_op_h: .1;*/ --l4ts_dot: var(--white); --l4ts_aside_text: var(--white); } .m6cn { -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; } .text-center .m6cn h1, .text-center .m6cn h2, .text-center .m6cn h3, .text-center .m6cn h4, .text-center .m6cn h5, .text-center .m6cn h6, .m6cn.text-center h1, .m6cn.text-center h2, .m6cn.text-center h3, .m6cn.text-center h4, .m6cn.text-center h5, .m6cn.text-center h6 { margin-left: auto; margin-right: auto; } #root .m6cn figure { position: relative; z-index: 2; width: 100%; margin-top: 0; /*padding: 5px;*/ } /*.m6cn figure:before { border-radius: var(--b2r); background: var(--white); opacity: .2; }*/ .media-flexible { display: block; /*overflow: hidden;*/ position: relative; z-index: 2; } .media-flexible > * { margin: 0; } .media-flexible > *[style] { position: absolute; /*left: 0; right: 0; top: 0; bottom: 0;*/ width: auto; margin: 0; border-radius: var(--b2p); } .media-flexible.constrain > *[style]:not(picture) { position: relative; } .media-flexible > figure picture, .media-flexible > figure > a, .media-flexible > figure > a picture, .media-flexible > figure > a img, .media-flexible > figure > a video, .media-flexible > figure > a iframe, .media-flexible > figure > a svg { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .media-flexible img { -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; } #root .media-flexible .link-btn { position: absolute; left: 0; right: 0; bottom: 0; margin-top: 0; margin-bottom: 0; } .m6fr .media-flexible { overflow: visible; } figure.constrain > picture { position: relative; } #root .media-flexible figure { left: auto; right: auto; top: auto; bottom: auto; margin: 0 !important; } #root .media-flexible img, #root .media-flexible video, #root .media-flexible svg, #root .media-flexible iframe { width: 100% !important; height: 100% !important; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; } .m6fr { position: relative; z-index: 2; width: auto; margin-bottom: var(--main_mr_section); --dist_a: calc(var(--main_mr) * 3); --dist_b: calc(var(--rpp) * 5); --mh: calc(var(--main_fz) * 39.375); --dist_fig: 16px; --width: 0%; /*--h_size: var(--main_h0);*/ --h_margin: calc(0.833 * var(--main_mr)); /*--b2p: var(--b2r);*/ --hhf: var(--header_height_full); } .m6fr article { position: relative; z-index: 3; min-height: var(--mh); padding: var(--dist_a) var(--dist_b) max(0.1px, calc(var(--dist_a) - var(--main_mr))); border-bottom: .1px solid rgba(0,0,0,0); -webkit-justify-content: center; justify-content: center; } /*.m6fr article > .m6bx[style*="absolute"]:last-child { margin-top: var(--main_mr_half); }*/ .m6fr:not(.plain) article:not(.plain):before { z-index: -2; bottom: .1px; } .m6fr:not(.plain, .wide) article:not(.plain):before { border-radius: var(--b2p); } /* Removed by Connie */ /*.m6fr:not(.plain) article:not(.plain, [class*="palette"]):before { background: #fdefc2; }*/ /*.m6fr:not(.plain) article:not(.plain, [class*="palette"]), .m6fr:not(.plain) article:not(.plain, [class*="palette"]) h1, .m6fr:not(.plain) article:not(.plain, [class*="palette"]) h2, .m6fr:not(.plain) article:not(.plain, [class*="palette-"]) h3, .m6fr:not(.plain) article:not(.plain, [class*="palette"]) h4, .m6fr:not(.plain) article:not(.plain, [class*="palette"]) h5, .m6fr:not(.plain) article:not(.plain, [class*="palette"]) h6 { color: var(--white); }*/ /* END OF: Removed by Connie */ .m6fr article > *:not(figure, .link-overlay, [class*="flexible"]) { position: relative; z-index: 1; width: 100%; } .m6fr article > [style*="--width"] { max-width: var(--width); } /*.m6fr article > div { }*/ .m6fr article > div:not([class*="text-"]) { text-align: var(--text_align_start); --justify_content: flex-start; } #root .m6fr:not(.wide) article.no-padding { padding-left: 0; padding-right: 0; } /*.m6fr p:not(.link-btn) { font-size: var(--main_lead); }*/ .m6fr .link-btn { position: relative; z-index: 9; } .m6fr figure { overflow: visible; /*border-radius: var(--b2r);*/ text-indent: 0; } .m6fr article > figure { overflow: hidden; } /*.m6fr article:not(.plain) > figure { --b2p: var(--b2r); }*/ .m6fr article:not(.plain) > figure picture, .m6fr article:not(.plain) > figure img, .m6fr article:not(.plain) > figure video, .m6fr article:not(.plain) > figure svg, .m6fr article:not(.plain) > figure iframe, .m6fr article:not(.plain) > figure .img-overlay { border-radius: 0; } .m6fr figure figcaption { display: block; position: absolute; left: 0; right: 0; bottom: 0; top: 0; z-index: 9; margin: 0; padding: min(20px, var(--rpp)); pointer-events: none; } .m6fr figure figcaption > span { display: block; width: 100%; } .m6fr figure figcaption:not([class*="text-"]) { text-align: var(--text_align_end); } #root .m6fr .swiper-slide article { border-radius: 0; } #content #background, .m6fr.wide article:before, .m6fr.wide article > figure:not([class*="flexible"]) { width: 100vw; margin-left: -50vw; } /*.m6fr .swiper-slide figure, .m6fr .swiper-slide figure picture, .m6fr .swiper-slide figure img, .m6fr .swiper-slide figure iframe, .m6fr .swiper-slide figure svg, .m6fr .swiper-slide figure video { border-radius: 0; }*/ /*.m6fr:not(.plain) article:not(.plain) > figure, .m6fr:not(.plain) article:not(.plain) > .img-overlay { --b2r: 0px; --b2p: var(--b2r); }*/ .m6fr:not(.plain) article:not(.plain) > .img-overlay { border-radius: var(--b2p); } .m6fr.wide:not(.plain) article:not(.plain) > figure, .m6fr.s4wi:not(.plain) article:not(.plain) > figure, .m6fr.wide:not(.plain) article:not(.plain) > .img-overlay, .m6fr.s4wi:not(.plain) article:not(.plain) > .img-overlay { --b2p: 0px; } /*.m6fr figure *, .m6fr figure .img-overlay { border-radius: 0; } .m6fr.s4wi:not(.plain) article:not(.plain) figure { --b2r: 0px; }*/ #root #content .m6fr article > div figure, #root #content .m6fr article.mobile-static > div figure { margin: 0 0 var(--main_mr); border-radius: 0; } .m6fr:not(.wide) .swiper-outer, .m6fr:not(.wide, .s4wi) article > figure { border-radius: var(--b2p); } .m6fr article > figure:not(.media-flexible) picture, #root .m6fr article > figure img, .m6fr article > figure video, .m6fr article > figure svg, .m6fr article > figure iframe, .is-flex-item img, .is-flex-item iframe, .is-flex-item svg, .is-flex-item video, .is-flex-item picture { display: block; min-width: 100% !important; height: 100% !important; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; } .m6fr article > figure picture { display: block; } .m6fr article > figure:not(.media-flexible) picture { width: auto !important; } .m6fr h1, .m6fr h2, .m6fr h3, .m6fr h4, .m6fr h5, .m6fr h6 { margin-top: 0; } .m6fr h1:not([class*="size-"]), .m6fr h2:not([class*="size-"]), .m6fr h3:not([class*="size-"]), .m6fr h4:not([class*="size-"]), .m6fr h5:not([class*="size-"]), .m6fr h6:not([class*="size-"]) { margin-bottom: var(--h_margin); /*font-size: var(--h_size);*/ /*line-height: var(--main_lh_hc);*/ } /*.m6fr p + h1, .m6fr p + h2, .m6fr p + h3, .m6fr p + h4, .m6fr p + h5, .m6fr p + h6 { margin-top: calc(0px - var(--main_mr) + var(--main_mr_half)); }*/ .m6fr > article:first-child ~ * { display: none; } .m6fr .swiper-custom-bullets { position: absolute; left: 0; right: 0; bottom: 0; z-index: 9; padding: 0 0 var(--rpp); } .m6fr[data-autoplay] .swiper-custom-bullets { padding-left: 44px; padding-right: 44px; } /*.m6fr:not([data-active-content*="plain"]) .swiper-custom-bullets { color: inherit; }*/ .m6fr .swiper-button-nav { z-index: 9; } .m6fr.size-0, .m6fr article.size-0 { --mh: 0px; } #root .m6fr, #root .m6fr article { max-width: none; } #content > .m6fr.wide:first-child, #content > .shopify-section:first-child > .m6fr.wide:first-child/*, #content > .m6bx.wide:not(.no-padding):first-child, #content > .shopify-section:first-child > .m6bx.wide:not(.no-padding):first-child*/ { margin-top: calc(0px - var(--content_padding_top)); } #content > .m6bx.wide.no-padding:first-child, #content > .shopify-section:first-child > .m6bx.wide.no-padding:first-child { margin-top: 0; } .dm-ready.has-first-m6fr-wide #content > .m6fr.wide:first-child, .dm-ready.has-first-m6fr-wide #content > .shopify-section:first-child { margin-top: calc(0px - var(--content_padding_top) - var(--header_height_static)); } .dm-ready.has-first-m6fr-wide.has-first-m6bx-wide #content > .shopify-section:first-child { margin-top: calc(0px - var(--content_padding_top)); } .dm-ready.has-first-m6fr-wide #content > .m6fr.wide:first-child article, .dm-ready.has-first-m6fr-wide #content > .shopify-section:first-child > .m6fr.wide article { padding-top: calc(var(--dist_a) + var(--header_height_static)); } .dm-ready.has-first-m6fr-wide #content > .m6fr.wide:first-child, .dm-ready.has-first-m6fr-wide #content > .shopify-section:first-child > .m6fr.wide { --hhf: var(--nav_top_h); } .dm-ready.has-first-m6fr-wide:not(.fixed-sticky) .shopify-section-header:before, .dm-ready.has-first-m6fr-wide:not(.fixed-sticky) #header-outer:not(.fixed):before, .dm-ready.has-first-m6fr-wide:not(.fixed-sticky) #header-outer:not(.fixed) > #nav-outer #nav:before, .dm-ready.has-first-m6fr-wide:not(.fixed-sticky) #header-outer:not(.fixed) > #nav-outer #nav:after { display: none; } .dm-ready.has-first-m6fr-wide:not(.fixed-sticky, .day-switched) #header-outer:not(.fixed) #logo img.inv { display: block; } .dm-ready.has-first-m6fr-wide:not(.fixed-sticky, .day-switched) #header-outer:not(.fixed) #logo img.inv ~ * { display: none; } /*.dm-ready.has-first-m6fr-wide:not(.fixed-sticky) #header-outer:not(.fixed) #logo img.inv { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; }*/ .dm-ready.has-first-m6fr-wide:not(.fixed-sticky) #search input { border-width: 0; --input_padding: calc(var(--input_height) * 0.45 + 1px); } .dm-ready.has-first-m6fr-wide[dir="rtl"]:not(.fixed-sticky) #search input { padding-right: calc(var(--input_padding) + 1px); padding-left: calc(var(--input_height) + 1px); } /* Connie */ html.dm-ready.has-first-m6fr-wide:not(.fixed-sticky, .day-switched)[style*="--transparent_header_fg: var(--black_fg)"] .shopify-section-header #header-outer img.dark-hide, html.dm-ready.has-first-m6fr-wide:not(.fixed-sticky, .day-switched)[style*="--transparent_header_fg: var(--dark_fg)"] .shopify-section-header #header-outer img.dark-hide, html.dm-ready.has-first-m6fr-wide:not(.fixed-sticky, .day-switched)[style*="--transparent_header_fg: var(--accent_fg)"] .shopify-section-header #header-outer img.dark-hide { display: none; } html.dm-ready.has-first-m6fr-wide:not(.fixed-sticky, .day-switched)[style*="--transparent_header_fg: var(--black_fg)"] .shopify-section-header #header-outer img.dark-only, html.dm-ready.has-first-m6fr-wide:not(.fixed-sticky, .day-switched)[style*="--transparent_header_fg: var(--dark_fg)"] .shopify-section-header #header-outer img.dark-only, html.dm-ready.has-first-m6fr-wide:not(.fixed-sticky, .day-switched)[style*="--transparent_header_fg: var(--accent_fg)"] .shopify-section-header #header-outer img.dark-only { display: block; } /* Connie */ @media only screen and (min-width: 1001px) { .dm-ready.has-first-m6fr-wide:not(.fixed-sticky, .has-first-m6bx-wide) .shopify-section-header #header-outer:not(.fixed) #nav-outer:not(.fixed), .dm-ready.has-background:not(.fixed-sticky) .shopify-section-header #header-outer:not(.fixed) #nav-outer:not(.fixed) { color: var(--white); } } .dm-ready.has-first-m6fr-wide:not(.has-first-m6bx-wide) .shopify-section-header #header-outer:not(.fixed), .dm-ready.has-background .shopify-section-header #header-outer:not(.fixed) { color: var(--top_main_fg); --top_main_fg: var(--white); --top_main_bg: var(--primary_text); --menu_fg: var(--white); } .dm-ready.has-first-m6fr-wide:not(.has-first-m6bx-wide) .shopify-section-header #header-outer:not(.fixed) #nav-outer:not(.fixed), .dm-ready.has-background .shopify-section-header #header-outer:not(.fixed) #nav-outer:not(.fixed) { --top_nav_fg: var(--top_main_fg); } .dm-ready.has-first-m6fr-wide:not(.has-first-m6bx-wide) .shopify-section-header #header-outer:not(.fixed) #header-inner > .link-btn, .dm-ready.has-background .shopify-section-header #header-outer:not(.fixed) #header-inner > .link-btn { --top_main_link_bg: var(--top_main_fg); } @media only screen and (max-width: 1000px) { .dm-ready.has-first-m6fr-wide:not(.has-first-m6bx-wide) .shopify-section-header #header-outer:not(.fixed) #nav-outer:not(.fixed), .dm-ready.has-background .shopify-section-header #header-outer:not(.fixed) #nav-outer:not(.fixed) { --top_main_fg: var(--primary_text); --top_main_bg: var(--white); --menu_fg: var(--primary_text); } } /*@media only screen and (min-width: 761px) { .dm-ready.has-first-m6fr-wide:not(.fixed-sticky) #root #header .link-day .spacer:before, .dm-ready.has-first-m6fr-wide:not(.fixed-sticky) #root #header .link-day .spacer:after { color: var(--top_main_bg); } .dm-ready.has-first-m6fr-wide:not(.fixed-sticky) #root #header .link-day:after { background: var(--top_main_bg); } }*/ .m6fr:not([data-active-content*="plain"]) .swiper-custom-bullets { --primary_text: var(--white); color: var(--white); } /*.m6fr[class*="width"] {}*/ #root .m6fr article[class*="width"] figure { left: var(--l0ra); right: calc(100% - var(--width)); width: auto; margin-left: 0; margin-right: 0; } #root .m6fr article[class*="width"].inv figure { right: var(--l0ra); left: calc(100% - var(--width)); } #root .m6fr.wide article[class*="width"]:not(.inv) figure { left: min(var(--rpn), calc(-50vw + var(--glw) * 0.5 + var(--scrollbar_width) * 0.5)); } #root .m6fr.wide article[class*="width"].inv figure { right: min(var(--rpn), calc(-50vw + var(--glw) * 0.5 + var(--scrollbar_width) * 0.5)); } /*#root .m6fr.wide.s4wi article[class*="width"]:not(.inv) figure { left: 0; right: calc(100% - var(--width)); } #root .m6fr.wide.s4wi article[class*="width"].inv figure { right: 0; left: calc(100% - var(--width)); }*/ .m6fr article[class*="width"]:not(.inv) { padding-left: calc(var(--width) + var(--dist_b)); } .m6fr article[class*="width"].inv { padding-right: calc(var(--width) + var(--dist_b)); } /*.m6fr article.text-center[class*="width"] { --dist_b: var(--rpp); }*/ .m6fr.wide figure { width: auto; left: 0; right: 0; margin: 0; } .m6fr.wide, .m6fr.wide article { border-radius: 0; } .m6fr.wide.s4wi, .m6fr.wide figure, .m6fr.wide .media-flexible { margin-left: min(var(--rpn), calc(-50vw + var(--glw) * 0.5 + var(--scrollbar_width) * 0.5)); margin-right: min(var(--rpn), calc(-50vw + var(--glw) * 0.5 + var(--scrollbar_width) * 0.5)); } .m6fr.wide figure[style*="width: 100%"], .m6fr.wide .media-flexible[style*="width: 100%"] { left: min(var(--rpn), calc(-50vw + var(--glw) * 0.5 + var(--scrollbar_width) * 0.5)) !important; right: min(var(--rpn), calc(-50vw + var(--glw) * 0.5 + var(--scrollbar_width) * 0.5)) !important; width: auto !important; --b2p: 0px !important; } .m6fr.wide.s4wi .swiper-slide { overflow: hidden; position: relative; z-index: 3; padding: 0 var(--rpp); } .m6fr.wide.s4wi .article-container { position: relative; z-index: 2; width: 100%; max-width: var(--glw); margin-left: auto; margin-right: auto; } /*.m6fr.wide article > figure.mobile-hide-media-flexible { margin: 0; }*/ #root .m6fr .swiper-button-nav { visibility: hidden; bottom: 0; opacity: 0; } .m6fr.fullwidth { margin-left: min(var(--rpn), calc(-50vw + var(--glw) * 0.5 + var(--scrollbar_width) * 0.5)); margin-right: min(var(--rpn), calc(-50vw + var(--glw) * 0.5 + var(--scrollbar_width) * 0.5)); } .m6fr.fullwidth:not(.s4wi) { padding-left: var(--rpp); padding-right: var(--rpp); } .m6fr.wide.fullwidth.s4wi .article-container { max-width: none; } /*.m6fr.wide.fullwidth .article-container { padding-left: calc(var(--rpp) * 4); padding-right: calc(var(--rpp) * 4); }*/ #root .m6fr.wide.fullwidth article[class*="width"]:not(.inv) figure { left: var(--rpn); } #root .m6fr.wide.fullwidth article[class*="width"].inv figure { right: var(--rpn); } /*.m6fr-first-child:not(.fixed-sticky) .shopify-section-header:before, .m6fr-first-child:not(.fixed-sticky) #header-outer:before { visibility: hidden; opacity: 0; }*/ /*.m6fr:not(:has(.mobile-static)) { display: none !important; }*/ .m6fr.text-center article, .m6fr article.text-center { -webkit-align-items: center; align-items: center; } .m6fr.text-end article, .m6fr article.text-end { -webkit-align-items: flex-end; align-items: flex-end; } .m6fr.align-start article, .m6fr article.align-start { -webkit-justify-content: flex-start; justify-content: flex-start; } .m6fr.align-end article, .m6fr article.align-end { -webkit-justify-content: flex-end; justify-content: flex-end; } .m6lm { --lines: 5; } .js *:not(.link-more-clicked) > .m6lm { overflow: hidden; position: relative; z-index: 2; max-height: calc(var(--main_fz) * var(--main_lh) * var(--lines)); margin-bottom: var(--main_mr); } .js *:not(.link-more-clicked) > .m6lm + .has-link-more { margin-top: calc(0px - var(--main_mr)); } *:not(.link-more-clicked) > .m6lm.high:before { top: auto; height: calc(var(--main_fz) * var(--main_lh) * 2); background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, var(--body_bg) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,var(--body_bg) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,var(--body_bg) 100%); } .js :not(.link-more-clicked) > .m6lm > *:not(h1, h2, h3, h4, h5, h6) { margin-bottom: 0; } .m6pn { display: block; overflow-x: hidden; overflow-y: auto; visibility: hidden; position: fixed; right: var(--l0ra); left: var(--lar0); top: 0; bottom: 0; z-index: 160; width: 100%; max-width: var(--maw); min-width: 375px; height: 100%; padding: calc(var(--rpp) * 2) var(--rpp) calc(var(--rpp) - var(--main_mr)); box-shadow: calc(0px - var(--tr)) 0 60px rgba(0,0,0,.08); background: var(--drop_nav_bg); color: var(--drop_nav_fg); /*--theme_bg: var(--drop_nav_fg_hover);*/ --maw: 616px; --tr: 20px; opacity: 0; -webkit-transform: translate(var(--tr)); transform: translate(var(--tr)); } .m6pn[class*="width"] { --maw: var(--width); } .n6pg, .spr-pagination { position: relative; z-index: 2; padding-top: 30px; --cols_spacing: 32px; --dist: 10px; } .n6pg:first-child, .spr-pagination:first-child { padding-top: 0; } .n6pg:not(:first-child):before, .spr-pagination:not(:first-child):before { border-top: 1px solid var(--input_bd); } .n6pg ol, .n6pg ul, .spr-pagination > div { list-style: none; margin-bottom: var(--main_mr); margin: 0 calc(0px - var(--cols_spacing)) calc(var(--main_mr) - var(--dist)) 0; padding: 0; color: inherit; font-weight: var(--main_fw_strong); } .n6pg li, .spr-pagination > div > * { margin: 0 var(--cols_spacing) var(--dist) 0; } .spr-pagination > div > * { display: block !important; position: relative!important; left: 0 !important; right: 0 !important; top: 0 !important; } .n6pg .disabled, .spr-pagination .disabled, .n6pg .active, .spr-pagination .active, .spr-pagination .spr-pagination-page.is-active { opacity: .3; pointer-events: none; } .n6pg li a, .spr-pagination > div > * a { display: block; position: relative; z-index: 2; color: inherit; text-decoration: none; } .n6pg li.prev a, .n6pg li.next a, .spr-pagination > div > .spr-pagination-prev a, .spr-pagination > div > .spr-pagination-next a { width: 8px; font-size: 0; } .n6pg li.prev a:before, .spr-pagination > div > .spr-pagination-prev a:before { content: "\e96a"; font-size: var(--size_12_f); } .n6pg li.next a:before, .spr-pagination > div > .spr-pagination-next a:before { content: "\e96b"; font-size: var(--size_12_f); } .n6pg .link-btn, .spr-pagination .link-btn { width: calc(var(--dist_ba) + 100%); margin-top: 2px; } .n6pg .s1ld, .spr-pagination .s1ld { margin-left: auto; margin-right: auto; } .n6pg .s1ld .rating-label, .spr-pagination .s1ld .rating-label { margin-top: 20px; } .n6br p a { text-decoration: none; } .n6pg.text-center ol, .spr-pagination.text-center > div { width: 100%; } .n6pg + *, .spr-pagination + * { margin-top: var(--main_mr); } .n6pg + *:empty, .spr-pagination + *:empty { display: none; } /*.model-3d {}*/ .fslightbox-container .model-3d, .fancybox__container .model-3d { width: 100%; height: 100%; } .model-3d model-viewer { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100% !important; height: 100% !important; } a .model-3d * { -ms-pointer-events: none; pointer-events: none; } model-viewer { --poster-color: transparent; } #root .model-3d button { display: none; } #root .module-color-palette[class^=palette-*]:before { background: var(--primary_bg); } .module-color-palette a { --theme_bg: var(--theme_bg_btn); } .module-spacer { display: block; width: 100%; height: 0; margin-top: 0; margin-bottom: 0; } .n6br { --dist: 46px; font-size: var(--breadcrumbs_fz); } .n6br ol, .n6br ul { overflow: hidden; list-style: none; margin-right: calc(0px - var(--dist)); padding: 0;} .n6br li { position: relative; margin: 0 var(--dist) 0 0; } .n6br li:before { content: "\e96b"; right: var(--l1ra); left: var(--lar1); width: var(--dist); font-size: 10px; text-align: center; } .n6br li a { outline-offset: -2px; text-decoration: none; } .n6br p { margin-bottom: var(--main_mr_h); } #content > .n6br:first-child, #content > .shopify-section:first-child > .n6br { margin-top: calc(0px - var(--content_padding_top) + var(--main_mr)); } .n6br + .m6fr { margin-top: calc(0px - var(--main_mr) + 16px); } .no-zindex { position: relative; } .overlay-close { visibility: hidden; z-index: 7; background: var(--overlay_close); opacity: 0; } .r6rt { position: relative; z-index: 2; color: inherit; min-height: var(--rt_height); font-size: var(--main_fz); font-weight: var(--main_fw); line-height: var(--main_lh); --rt_height: calc(var(--main_fz) * var(--main_lh)); --rt_size: var(--size_15_f); --rt_dist: 2px; -webkit-align-items: baseline; align-items: baseline; } .r6rt .rating { display: inline-block; position: relative; top: -.1em; height: var(--rt_size); margin: 0 4px 0 0; padding: 0; box-shadow: none; border-radius: 0; background: none; color: inherit; font-size: var(--rt_size); line-height: 1; text-align: left; text-indent: -3000em; } .r6rt .rating > * { display: block; position: relative; z-index: 2; top: .025em; float: left; width: calc(var(--rt_size) * 1.05); height: 100%; margin: 0 var(--rt_dist) 0 0; text-decoration: none; } /*.r6rt .rating > *:before { content: "\e9b5"; display: block; z-index: 1; width: auto; margin-top: calc(0px - var(--rt_size) * 0.5); color: var(--rt_fill); font-family: i; font-size: var(--rt_size); line-height: var(--rt_size); opacity: var(--rt_op); } .r6rt .rating > *:before { display: none !important; }*/ .r6rt .rating > * .empty { color: /*var(--rt_fill)*/ var(--primary_text); opacity: var(--rt_op); -webkit-flex-grow: 3; -ms-flex-grow: 3; flex-grow: 3; } .r6rt .rating > * .fill { overflow: hidden; position: relative; /*left: var(--l0ra); right: var(--lar0);*/ z-index: 2; /*background: var(--body_bg);*/ color: var(--rt_fill); } .r6rt .rating > * .fill:before, .r6rt .rating > * .empty:before { content: "\e9b5"; margin-top: calc(0px - var(--rt_size) * 0.5); line-height: var(--rt_size); text-align: var(--text_align_start); } .r6rt .rating > * .empty:before { text-align: var(--text_align_end); } .link-btn .r6rt .rating > * .empty { color: inherit; } .r6rt a { display: block; color: inherit; text-decoration: none; } .link-btn .r6rt { font-size: var(--main_fz); } .r6rt.strong { font-weight: var(--main_fw); /*--main_fz: var(--size_22_f); font-weight: var(--main_fw_h); line-height: var(--main_lh_h);*/ --rt_size: var(--size_18_f); } .r6rt.strong .strong, .r6rt.strong .rating-head { margin-right: 12px; font-size: var(--main_h4); font-weight: var(--main_fw_strong); line-height: 1px; -webkit-align-self: center; align-self: center; } .r6rt.strong .small { font-weight: var(--main_fw); font-size: var(--size_18_f); } .r6rt.strong .rating-head ~ .rating-label .strong, .r6rt .rating-head { display: none; } .spr-starrating { margin: 0 0 var(--main_mr); font-size: var(--main_fz) !important; --rt_height: calc(var(--main_fz) * var(--main_lh)); --rt_size: var(--size_15_f); --rt_dist: 2px; -webkit-justify-content: flex-start !important; justify-content: flex-start !important; } #root .spr-starrating { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .spr-starrating .spr-stars { margin: 0 4px 0 0 !important; } .spr-starrating svg { display: block; position: relative; top: -.1em; width: calc(var(--rt_size) * 1.05) !important; height: var(--rt_size) !important; margin: 0 var(--rt_dist) 0 0; } .spr-starrating path { display: block; width: 100%; height: 100%; fill: var(--rt_fill); } .spr-starrating path[d*="112.464,71.08l32.827"] { fill: var(--primary_text); opacity: var(--rt_op); } .spr-starrating a { color: inherit; text-decoration: none; } .recommendation-modal__container { visibility: hidden; position: fixed; left: 50%; top: 50%; z-index: 1000000; width: 360px !important; max-width: none !important; padding: var(--cols_spacing) var(--cols_spacing) calc(var(--cols_spacing) - var(--main_mr)); box-shadow: none !important; border-radius: var(--b2r); border-bottom: .1px solid rgba(0,0,0,0); background: var(--body_bg); font-size: var(--main_fz); line-height: var(--main_lh) !important; text-align: center; --x_size: 60px; opacity: 0; outline: none !important; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .recommendation-modal__backdrop { visibility: hidden; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 999999; width: auto !important; height: auto !important; background: var(--black) !important; opacity: 0; } #root .shopify-cleanslate div, .shopify-cleanslate > div > span { width: auto !important; font-size: var(--main_fz) !important; } #root .shopify-cleanslate button { display: inline !important; float: none !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; box-shadow: none !important; border-width: 0 !important; background: none !important; color: var(--theme_bg) !important; font-size: 1em !important; font-weight: inherit !important; line-height: inherit !important; text-decoration: underline !important; } #root .shopify-cleanslate button > span:before { display: none; } #root .shopify-cleanslate button * { color: inherit !important; } [data-whatin="mouse"] #root .shopify-cleanslate button:hover { text-decoration: none !important; } #root .shopify-cleanslate button:before, #root .shopify-cleanslate button:after { display: none; } #root .swiper-slide li { max-width: none; } /*#root .wide .swiper-slide li { width: 100%; }*/ /*! Headers --------- */ /*! Content --------- */ p:empty { display: none; } .regular { font-weight: var(--main_fw); } .semi { font-weight: var(--main_fw_semi); } .strong, strong, b, .label .strong, label .strong, .link-btn a.inline.strong { font-weight: var(--main_fw_strong); } .em, em, i, cite { font-style: italic; } q, blockquote { quotes: none; display: block; max-width: 960px; margin: var(--main_mr_double) 0; } q, blockquote { color: var(--primary_text_h); /*font-size: var(--main_lead);*/ line-height: var(--main_lh_l); } q { margin-bottom: calc(var(--main_mr) * 0.625); } q, blockquote > *:first-child { position: relative; } q:before, blockquote > *:first-child:before { content: "\e982"; display: inline-block; position: relative; margin: -100% 12px 0 0; font-weight: 400; font-style: normal; font-family: i; font-size: 1.6666666667em; line-height: 1; } q:not(.inline):before, blockquote:not(.inline) > *:first-child:before { background: var(--theme_bg_gradient); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-fill-color: transparent; } #root q.inline:before, #root blockquote.inline > *:first-child:before { overflow: visible; position: absolute; left: var(--l0ra); right: var(--lar0); top: 0; z-index: -1; margin-top: 0; color: inherit; opacity: .1; text-indent: -8px; -webkit-transform: translateY(-25%); transform: translateY(-25%); } blockquote q:before { display: none; } blockquote { position: relative; z-index: 2; } blockquote:first-child, *:first-child > q:first-child { margin-top: 0; } blockquote > * { margin-bottom: calc(var(--main_mr) * 0.625); } .text-start { text-align: var(--text_align_start); --justify_content: flex-start; } .text-center { text-align: center; --justify_content: center; } .text-end { text-align: var(--text_align_end); --justify_content: flex-end; } .text-justify { text-align: justify; --justify_content: space-between; } .text-uppercase { text-transform: uppercase; } .text-underline { text-decoration: underline; } .lead { color: var(--primary_text_h); font-size: var(--main_lead); line-height: var(--main_lh_l); } .lead:not(figure, span) { margin-bottom: calc(var(--main_mr) * 0.65); } .size-8 { font-size: var(--size_8_f); } .size-10 { font-size: var(--size_10_f); } .size-12 { font-size: var(--size_12_f); } .size-13 { font-size: var(--size_13_f); } .size-14 { font-size: var(--size_14_f); } .size-16 { font-size: var(--size_16_f); } .size-18 { font-size: var(--size_18_f); } .size-20 { font-size: var(--size_20_f); } .size-22 { font-size: var(--size_22_f); } .size-24 { font-size: var(--size_24_f); } .size-26 { font-size: var(--size_26_f); } .size-28 { font-size: var(--size_28_f); } .size-30 { font-size: var(--size_30_f); } .size-32 { font-size: var(--size_32_f); } .size-34 { font-size: var(--size_34_f); } .size-36 { font-size: var(--size_36_f); } .size-38 { font-size: var(--size_38_f); } .size-40 { font-size: var(--size_40_f); } .size-46 { font-size: var(--size_46_f); } .size-48 { font-size: var(--size_48_f); } .size-50 { font-size: var(--size_50_f); } .size-52 { font-size: var(--size_52_f); } .size-56 { font-size: var(--size_56_f); } .size-60 { font-size: var(--size_60_f); } .size-66 { font-size: var(--size_66_f); } h1.size-66, h2.size-66, h3.size-66, h4.size-66, h5.size-66, h6.size-66 { font-size: var(--main_h0); line-height: var(--main_lh_hc); } .size-70 { font-size: var(--size_70_f); } .size-content { font-size: var(--main_fz); } h1.size-content, h2.size-content, h3.size-content, h4.size-content, h5.size-content, h6.size-content, .header.size-content, .h1.size-content, .h2.size-content, .h3.size-content, .h4.size-content, .h5.size-content, .h6.size-content { margin-top: var(--main_mr); font-family: var(--main_ff); font-weight: var(--main_fw_h); line-height: var(--main_lh); } h1 + .size-content, h2 + .size-content, h3 + .size-content, h4 + .size-content, h5 + .size-content, h6 + .size-content, .h1 + .size-content, .h2 + .size-content, .h3 + .size-content, .h4 + .size-content, .h5 + .size-content, .h6 + .size-content { margin-top: var(--main_mr_x075); } .overlay-theme { color: var(--theme_bg); --primary_text: var(--theme_bg); } .overlay-primary, .overlay-coal { color: var(--primary_text); --primary_text: var(--primary_text); } .overlay-error { color: var(--alert_error); --primary_text: var(--alert_error); } .overlay-alert { color: var(--alert_message); --primary_text: var(--alert_message); } .overlay-content { color: inherit; } .overlay-valid, .strong .icon-check, h1 .icon-check, h2 .icon-check, h3 .icon-check, h4 .icon-check, h5 .icon-check, h6 .icon-check, table .icon-check { color: var(--alert_valid); --primary_text: var(--alert_valid); } .overlay-gray { color: var(--gray_text); } .overlay-silver { color: var(--silver); } .overlay-wine { color: var(--wine); } .overlay-white, .overlay-white .l4cu li > span { color: var(--white); --primary_text: var(--white); --primary_text_h: var(--white); } /*.overlay-gradient {}*/ span.overlay-gradient { background: var(--theme_bg_gradient_dark); } span.overlay-gradient:not(.s1bx), .overlay-img[style*="background"]:not(.s1bx) { -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent; text-fill-color: transparent; } .overlay-img { background-size: cover; } .limit { display: -moz-box; display: -webkit-box; display: box; overflow: hidden; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; box-orient: vertical; } .s1bx { position: relative; z-index: 2; max-width: 100%; padding: 0 var(--size_10_f); border-radius: var(--b2r); color: var(--product_label_text); font-size: var(--fz); line-height: var(--main_lh_l); letter-spacing: var(--main_ls); --bx_offset: 4px; --pulse_color: var(--product_label_bg); --sz: var(--main_fz); } .s1bx { -webkit-box-decoration-break: clone; box-decoration-break: clone; } .s1bx:not(.strong) { font-weight: var(--main_fw); } .s1bx:not([class*="size-"]) { --fz: var(--product_label_fz); } #root .s1bx { color: var(--product_label_text); } .s1bx:before { top: calc(0px - var(--bx_offset)); bottom: calc(0px - var(--bx_offset)); border-radius: var(--b2r); background: var(--product_label_bg); } /*.s1bx:not(.plain):before { box-shadow: inset 2px -2px 0 rgba(0,0,0,.1); }*/ span.s1bx { display: inline-block; white-space: nowrap; } .s1bx a { color: inherit; font-weight: var(--main_fw_strong); } #root .s1bx.overlay-theme { color: var(--theme_bg); } .s1bx.overlay-theme:before { background: var(--theme_bg_light); } .s1bx[class*="overlay-"] { --product_label_text: var(--theme_btn_text); --product_label_bg: var(--theme_bg); --pulse_color: var(--theme_bg); } /*h1 .s1bx.rounded, h2 .s1bx.rounded, h3 .s1bx.rounded, h4 .s1bx.rounded, h5 .s1bx.rounded, h6 .s1bx.rounded { min-width: calc(var(--main_fz) * 1.875); margin-left: 5px; } #root .cols > .s1bx { display: block; margin-left: 0; margin-right: 0; padding-top: var(--bx_offset); padding-bottom: var(--bx_offset); } #root .cols > .s1bx:before { top: 0; bottom: 0; }*/ .s1bx.rounded { min-width: calc(var(--fz) * var(--main_lh_l) + var(--bx_offset) * 2); text-align: center; } .s1bx.rounded:before { border-radius: 999px; } .s1bx.wide { display: block; padding: 17px var(--rpp); font-size: var(--size_16_f); text-align: center; } .s1bx.wide[class*="overlay-"] a { color: var(--theme_bg_static); } /*.s1ld {}*/ .s1ld .rating-label { display: block; overflow: hidden; position: relative; z-index: 2; width: 100%; min-width: 252px; height: 10px; margin-top: calc(var(--main_mr) * 0.4); box-shadow: inset 0 1px 2px rgba(0,0,0,.06); border-radius: var(--b2r); } .s1ld .rating-label:before { border-radius: var(--b2r); background: var(--input_bd); } .s1ld .rating-label > span { display: block; position: absolute; left: var(--l0ra); right: var(--lar0); top: 0; bottom: 0; border-radius: var(--b2r); background: var(--theme_bg_gradient); } .s1hd, .title-font { font-family: var(--main_ff_h); font-weight: var(--main_fw_h); font-style: var(--main_fs_h); } .s1pr { margin-left: calc(0px - var(--dist)); color: var(--price_color); font-weight: var(--price_fw); font-style: var(--price_fs); font-family: var(--price_ff); line-height: var(--main_lh_l); --dist: 8px; } .s1pr > * { display: inline-block; margin-left: var(--dist); } .s1pr .old { display: inline-block;/* margin: 0 5px;*/ color: var(--price_color_old); font-weight: var(--main_fw); text-decoration: line-through; } .s1pr .small { /*display: block;*/ margin-top: 4px; color: inherit; font-size: var(--main_fz_small); font-weight: var(--main_fw); text-decoration: none; } .s1pr .small [class*="overlay-"]:not(.text-uppercase) { text-transform: none; } .s1pr .s1bx { display: inline; padding: var(--bx_offset) calc(var(--main_fz_small) * 0.71428571428); font-size: 1em; } .s1pr .s1bx:before { top: 0; bottom: 0; } #root .s1pr .s1bx:not(.strong) { font-weight: var(--price_fw); } .s1pr .s1bx.wide { font-weight: var(--main_fw_strong); } /*[dir="ltr"] .s1pr .s1bx + * { margin-left: 0; } [dir="rtl"] .s1pr .s1bx + * { margin-right: 0; }*/ .s1pr [class*="overlay-"]:not(.s1bx) { font-size: var(--main_fz_small); } .s1pr [class*="overlay-"]:not(.strong) { font-weight: var(--main_fw); } .s1pr:not([class*="size-"]) { font-size: var(--price_fz); } .s1pr a { color: inherit; } .s1pr br { display: block; width: 100%; } .s1pr br + .s1bx { display: inline-block; margin: 8px 0; } .s1pr.size-14 { --dist: 5px; } .s1pr.size-14 .strong { font-size: var(--main_fz); } /*.s1pr.size-14 > * { margin-right: 5px; }*/ .s1pr.size-14 .strong.s1bx, .s1bx.size-16 { --bx_offset: 5px; } .s1tt:not(.ready), .s1tt > span, .s1tt > a span, .s1tt .s1tt-popup { display: none; } .s1tt { display: inline-block; position: relative; z-index: 2; margin: 0 0 0 4px; } #root .s1tt > i, #root .s1tt > a i { margin-left: 0; margin-right: 0; color: var(--primary_text); line-height: 1px; } .s1us { margin-right: calc(0px - var(--dist_a)); text-align: var(--text_align_start); --b2r: 100px; --dist_a: min(var(--cols_spacing), 20px); --b2p: 9999px; --i_size: calc(var(--main_fz) * 4.0625); } .s1us > * { margin-right: var(--dist_a); } .s1us > .img { overflow: hidden; border-radius: var(--b2p); background: var(--primary_bg); color: var(--theme_text); font-size: calc(var(--i_size) * 0.4); font-weight: var(--main_fw_semi); line-height: var(--i_size); text-align: center; text-transform: uppercase; } #root .s1us img, .s1us > .img { display: block; position: relative; z-index: 2; width: var(--i_size) !important; height: var(--i_size) !important; -o-object-position: center center; object-position: center center; -o-object-fit: cover; object-fit: cover; } .s1us span.strong { display: block; } .square { --b2r: 0px; --b2p: 0px; } /*! Links --------- */ a.email, a[href^="tel:"], a[href^="whatsapp:"] { color: inherit; text-decoration: none; } /*.link-more {}*/ p + p:not(.link-more-clicked) > .link-more:first-child { display: block; margin-top: calc(0px - var(--main_mr)); } .link-btn { margin-top: var(--main_mr_x125); margin-right: calc(0px - var(--dist_ba)); margin-bottom: calc(var(--main_mr) - var(--dist_bb)); --dist_ba: calc(var(--button_height) * 0.5); --dist_bb: var(--dist_ba); } .link-btn > * { display: block; margin-right: var(--dist_ba); margin-bottom: var(--dist_bb); } .link-btn a.inv, button.inv { box-shadow: none; border-width: 0; } #root .link-btn a.inv, #root button.inv, #root .btn-inv button:before, #root .btn-inv [type="button"], #root .btn-inv [type="submit"], #root .btn-inv input[type="reset"], #root .btn-inv button { background: none; color: var(--theme_bg_btn); /*--theme_btn_text: var(--theme_bg_btn);*/ } #root .btn-inv input[type="button"], #root .btn-inv input[type="submit"], #root .btn-inv input[type="reset"] { box-shadow: none; } #root .link-btn a.inv:before, #root button.inv:before, #root .btn-inv button:before { box-shadow: none; border-width: var(--button_bw); background: none; } /*#root .btn-inv .link-btn a:before, #root .btn-inv button:before { box-shadow: none; border-width: var(--button_bw); background: none; }*/ #root .link-btn a.inline:has(i[class*="icon-arrow"]), #root button.inline:has(i[class*="icon-arrow"]), #root a:has(i[class*="icon-arrow"]) { text-decoration: none; } .link-btn:not(.tabs) a:not(.inline) > span:not(.r6rt, .img):before, button:not(.inline) > span:not(.r6rt, .img):before { content:"\00a0"; } .link-btn a.size-m, button.size-m, .link-btn.size-m a, .size-m > button { padding: calc(var(--button_dist_h) * 1.2) calc(var(--button_dist) * 1.2); } .link-btn a.size-l, button.size-l, .link-btn.size-l a, .size-l > button { padding: calc(var(--button_dist_h) * 1.5) calc(var(--button_dist) * 1.5); } .link-btn a.rounded, button.rounded, .link-btn a.rounded:before, button.rounded:before { border-radius: 1000px; } .link-btn a.circle, button.circle, .link-btn a.circle:before, button.circle:before { min-width: var(--button_height); padding: 0 calc(var(--button_height) * 0.25); border-radius: 1000px; --button_height: var(--circle_size); } .circle[style*="--circle_size"] { --button_height: var(--circle_size); } #root .link-btn a.circle i, #root button.circle i { display: block; position: absolute; left: 0; right: 0; top: 0; margin: 0; font-size: calc(var(--button_height) * 0.3636363636); line-height: var(--button_height); text-indent: 0; text-align: center; } /*.link-btn a.rounded.size-m, button.rounded.size-m, .link-btn a.rounded.size-m:before, button.rounded.size-m:before, .link-btn.size-m a, .size-m > button, .link-btn.size-m a:before, .size-m > button:before { border-radius: calc(var(--button_dist_h) * 1.55 * 0.5); } .link-btn a.rounded.size-l, button.rounded.size-l, .link-btn a.rounded.size-l:before, button.rounded.size-l:before, .link-btn.size-l a, .size-l > button, .link-btn.size-l a:before, .size-l > button:before { border-radius: calc(var(--button_dist_h) * 1.75 * 0.5); }*/ .link-btn .square { --button_corners: 0; } .link-btn a.plain, button.plain, .link-btn a.plain:before, button.plain:before, .link-btn.plain > a:before, .link-btn.plain > button:before { box-shadow: none; } .link-btn a.inline, #root button.inline { display: block; overflow: visible; min-width: 0; min-height: 0; padding: 0; box-shadow: none; border-radius: 0; border-width: 0; background: none; font-size: var(--theme_btn_fz); line-height: var(--main_lh); } #root .link-btn a.inline, #root button.inline { --theme_btn_text: var(--theme_bg_btn); -webkit-animation: none; animation: none; } .link-btn a.inline i, button.inline i { display: inline-block; top: .12em; line-height: 1px; --mr: 4px; } .link-btn a.inline i[class*="arrow-"], button.inline i[class*="arrow-"] { top: 0; } .link-btn a.inline:before, button.inline:before { display: none; } .link-btn a.overlay-light, button.overlay-light, .overlay-light button, .s1bx.overlay-light { --theme_btn_text: var(--theme_bg); --theme_bg_btn: var(--theme_bg_light); /*--theme_bg_btn_dark: var(--tertiary_bg_dark);*/ } #root .link-btn a.overlay-light.inv, #root button.overlay-light.inv, #root .overlay-light.inv button, #root .s1bx.overlay-light.inv { --theme_btn_text: var(--theme_bg); } .link-btn a.overlay-tertiary, button.overlay-tertiary, .overlay-tertiary button, .s1bx.overlay-tertiary { --theme_btn_text: var(--tertiary_text); --theme_bg: var(--tertiary_bg); --theme_bg_btn: var(--tertiary_bg); --theme_bg_btn_dark: var(--tertiary_bg_dark); } .link-btn a.overlay-valid, button.overlay-valid, .overlay-valid button, .s1bx.overlay-valid, #root .processed button { --theme_btn_text: var(--valid_text); --theme_bg: var(--valid_bg); --theme_bg_btn: var(--valid_bg); --theme_bg_btn_dark: var(--valid_bg_dark); } .link-btn a.overlay-quaternary, button.overlay-quaternary, .overlay-quaternary button, .s1bx.overlay-quaternary { --theme_btn_text: var(--quaternary_text); --theme_bg: var(--quaternary_bg); --theme_bg_btn: var(--quaternary_bg); --theme_bg_btn_dark: var(--quaternary_bg_dark); } .link-btn a.overlay-sale, button.overlay-sale, .overlay-sale button, .s1bx.overlay-sale { --theme_btn_text: var(--sale_label_text); --theme_bg: var(--sale_label_bg); --theme_bg_btn: var(--sale_label_bg); --theme_bg_btn_dark: var(--sale_label_bg_dark); } .link-btn a.overlay-gradient:not(.inv), button.overlay-gradient:not(.inv), .overlay-gradient:not(.inv) button, .s1bx.overlay-gradient:not(.inv) { --theme_btn_text: var(--theme_text); /*--theme_bg: var(--theme_bg_gradient_dark);*/ --theme_bg_btn: var(--theme_bg_gradient_dark); --theme_bg_btn_dark: var(--theme_bg_gradient_dark); --product_label_text: var(--theme_text); --product_label_bg: var(--theme_bg_btn); } .link-btn a.overlay-error, button.overlay-error, .overlay-error button, .s1bx.overlay-error { color: var(--theme_btn_text); --theme_btn_text: var(--white); --theme_bg: var(--alert_error); --theme_bg_btn: var(--alert_error); --theme_bg_btn_dark: var(--alert_error); } .link-btn a.overlay-gray, button.overlay-gray, .overlay-gray button, .s1bx.overlay-gray { color: var(--theme_btn_text); --theme_btn_text: var(--white); --theme_bg: var(--gray); --theme_bg_btn: var(--gray); --theme_bg_btn_dark: var(--gray); } .link-btn a.overlay-coal, button.overlay-coal, .overlay-coal button, .s1bx.overlay-coal { --theme_btn_text: var(--white); --theme_bg: var(--coal); --theme_bg_btn: var(--coal); --theme_bg_btn_dark: var(--coal); } .link-btn a.overlay-black, button.overlay-black, .overlay-black button, .s1bx.overlay-black { --theme_btn_text: var(--white); --theme_bg: var(--black); --theme_bg_btn: var(--black); --theme_bg_btn_dark: var(--black); } .link-btn a.overlay-white, button.overlay-white, .overlay-white button, .s1bx.overlay-white { --theme_btn_text: var(--onyx); --theme_bg: var(--white); --theme_bg_btn: var(--white); --theme_bg_btn_dark: var(--white); } .link-btn a.overlay-white:before, button.overlay-white:before, .overlay-white button:before, .s1bx.overlay-white:before { --theme_bg_btn: var(--gallery); border-width: 1px; box-shadow: none; background: var(--white); } .link-btn a.overlay-content, #root .link-btn a.overlay-content, #root .link-btn.overlay-content a, #root button.overlay-content, .overlay-content button, .s1bx.overlay-content { color: var(--theme_btn_text); --theme_btn_text: var(--primary_text); --theme_bg: var(--sand); --theme_bg_btn: var(--sand); --theme_bg_btn_dark: var(--sand); } .link-btn a.overlay-content.inv, #root .link-btn a.overlay-content.inv, #root .link-btn.overlay-content a.inv { background: none; } #root .link-btn a.overlay-content.inv:before, #root button.overlay-content.inv:before, #root .link-btn.overlay-content a.inv:before { border-color: var(--alto); background: none; } .link-btn i, #root button i { display: block; position: relative; top: -.1em; margin-left: var(--mr); line-height: /*calc(var(--main_fz) * 1.25)*/ 1px; --mr: 8px; } #root .link-btn i, #root button i { line-height: 1px; } .link-btn i.text-start, #root button i.text-start { margin-left: 0; margin-right: var(--mr); } .link-btn i, button i { font-size: 1.25em; } .link-btn.circle, .link-btn .circle i, #root button.circle i { top: 0; margin-top: 0; font-size: calc(var(--button_height) * 0.3636363636); --mr: 0; } .link-btn .circle i[class*="left"], #root button.circle i[class*="left"], .link-btn .circle i[class*="right"], #root button.circle i[class*="right"] { font-size: var(--size_14_f); } .link-btn .icon-filter, button .icon-filter { top: 0; font-size: 0.9285714286em; } .link-btn .icon-envelope, button .icon-envelope, .link-btn .icon-envelope-wide, button .icon-envelope-wide { top: 0; font-size: 0.8em; } .link-btn .icon-chevron-down, button .icon-chevron-down, .link-btn .icon-chevron-up, button .icon-chevron-up { font-size: 0.4285714286em; } .link-btn .icon-chevron-left, button .icon-chevron-left, .link-btn .icon-chevron-right, button .icon-chevron-right { font-size: 0.6428571429em; } .link-btn .icon-arrow-left, button .icon-arrow-left, .link-btn .icon-arrow-right, button .icon-arrow-right { /*font-size: calc(var(--main_fz) * 0.75);*/ font-size: 0.75em; } .link-btn + h1, .link-btn + h2, .link-btn + h3, .link-btn + h4, .link-btn + h5, .link-btn + h6, .link-btn + .h1, .link-btn + .h2, .link-btn + .h3, .link-btn + .h4, .link-btn + .h5, .link-btn + .h6 { margin-top: calc(var(--main_mr_double) - 16px); } .link-btn + .link-btn { margin-top: calc(0px - var(--main_mr) + var(--dist_bb)); } .link-btn a img, button img { margin-left: 4px; } #root .link-btn a .tip, #root button .tip { display: block; visibility: hidden; position: absolute; left: 50%; right: auto; top: auto; bottom: calc(6px + 100%); padding: 5px 16px; box-shadow: 0 16px 16px rgba(0,0,0,.08); border-radius: var(--b2r); background: var(--white); color: var(--coal); font-weight: var(--main_fw); font-size: var(--size_14_f); line-height: var(--main_lh); white-space: nowrap; opacity: 0; -webkit-transform: translate(-50%, 2px); transform: translate(-50%, 2px); } .link-btn.margin-0 { --main_mr: 0px; } .link-btn.compact { --dist_ba: 10px; } .link-btn.wide { text-align: center; /*--dist_bb: calc(var(--button_height) * 0.333);*/ } .link-btn.wide > *, .link-btn > .wide, .shopify-payment-button button, .shopify-payment-button, button.wide, shopify-buy-it-now-button, dynamic-checkout { width: 100%; } #root .dynamic-checkout__content li { -webkit-flex-grow: 3 !important; -ms-flex-grow: 3 !important; flex-grow: 3 !important; } .link-btn .shopify-payment-button button + button { margin-top: var(--dist_bb); } /*.link-day {}*/ .day-switched .link-day .icon-moon:before { content: "\e94d"; } /*.link-day, #root .link-day { position: relative; z-index: 2; width: var(--w); height: var(--h); padding: 0; border-radius: var(--h); background: var(--primary_text); color: var(--white); font-size: 0; --w: 44px; --h: 24px; --dist: 2px; --offset: var(--dist); } .link-day .spacer:before, .link-day .spacer:after { z-index: 1; width: 50%; color: var(--white); font-size: var(--size_12); text-align: center; } .link-day .spacer:before { content: "\e94c"; left: var(--l0ra); right: var(--lar0); } .link-day .spacer:after { content: "\e94d"; left: var(--lar0); right: var(--l0ra); } #root .link-day:after, #root #header .link-day:after { left: auto; right: var(--offset); top: var(--dist); bottom: var(--dist); z-index: 2; width: calc(var(--h) - var(--dist) * 2); min-width: 0; height: calc(var(--h) - var(--dist) * 2); min-height: 0; border-radius: var(--h); background: var(--white); opacity: 1; -webkit-transform: none; transform: none; } .day-switched #root .link-day:after, .day-switched #root #header .link-day:after { --offset: calc(var(--w) - calc(var(--h) - var(--dist) * 2) - var(--dist)); } html:not(.day-switched) .link-day .spacer:after { content: ""; } html.day-switched .link-day .spacer:before { content: ""; } #root *:not(.link-day-container) > .link-day, #nav-user > ul > li:not(.link-day-container) > a.link-day { visibility: hidden; opacity: 0; } .link-day:after { content: ""; display: block; overflow: hidden; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; width: auto; max-width: none; margin: 0; text-align: left; text-indent: -3000em; direction: ltr; } .link-day .spacer:before, .link-day .spacer:after { display: block; position: absolute; left: 0; right: 0; top: 50%; margin: -10px 0 0; font-weight: 400; font-family: i; line-height: 20px; text-align: center; text-indent: 0; letter-spacing: normal; }*/ /*! Media --------- */ img, iframe, object, embed { max-width: 100% !important; border-style: none; } img { image-rendering: optimizeQuality; -ms-interpolation-mode: bicubic; } body > div:first-child img, body > div[id] img, body > p:first-child + div img, body > div + div img { height: auto !important; } img::selection { background: transparent; } img::-moz-selection { background: transparent; } .no-max-width { max-width: none !important; } iframe { display: block; overflow: hidden !important; border-width: 0 !important; outline: none; } picture { width: 100%; } .rounded:not(ul, .m6bx), #logo.rounded { --b2r: 100%; } #root .check label.plain figure.rounded { --b2r: 100%; --b2p: 100%; } figure { position: relative; z-index: 2; max-width: 100%; font-size: var(--main_fz_small); } figure + h1, figure + h2, figure + h3, figure + h4, figure + h5, figure + h6, figure + .h1, figure + .h2, figure + .h3, figure + .h4, figure + .h5, figure + .h6, figure + hr, figure + blockquote, .cols + figure { margin-top: var(--main_mr); } h1 + figure, h2 + figure, h3 + figure, h4 + figure, h5 + figure, h6 + figure, .h1 + figure, .h2 + figure, .h3 + figure, .h4 + figure, .h5 + figure, .h6 + figure, hr + figure, blockquote + figure, #root .m-big + figure { margin-top: 0; } figure > a { display: block; position: relative; width: 100%; text-decoration: none; } figure .icon-play, figure .icon-cube { display: block; position: absolute; left: 50%; right: auto; top: 50%; z-index: 9; width: var(--size); height: var(--size); margin: 0; color: var(--white); font-size: calc(var(--size) * 0.64); line-height: var(--size); text-align: center; text-indent: 0; --size: 65px /*var(--size_56_f)*/; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } figure .icon-play, figure .icon-cube { font-size: var(--size); } figure .icon-play:before, figure .icon-cube:before { position: relative; z-index: 2; border-radius: 99px; background: var(--black); } figure .icon-play:before { content: "\e980"; } figure .icon-cube:before { content: "\e999"; } figure .icon-play:after, figure .icon-cube:after { content: ""; display: block; position: absolute; left: -2px; right: -2px; bottom: -2px; top: -2px; border-radius: 99px; background: var(--dark_gradient); -webkit-filter: blur(5.41538px); filter: blur(5.41538px); } figcaption { display: block; width: 100%; } figcaption + *, * + figcaption { margin-top: 16px; } figure .img-overlay { position: absolute; z-index: 8; border-radius: var(--b2p); background: var(--primary_bg); opacity: var(--overlay_opacity); } figure.img-overlay { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1 !important; } figure, picture, img, video { position: relative; z-index: 2; border-radius: var(--b2p); } figure.text-center { width: 100%; } .iframe-playing { display: block; position: relative; left: 0; right: 0; top: 0; bottom: 0; width: 100% !important; border-radius: var(--b2p); background: var(--black_static); } #root figure .iframe-playing { display: block; position: absolute; z-index: 9; width: 100% !important; height: 100% !important; background: var(--black_static); } .js [data-sal]:not(.sal-animate) { opacity: 0; } [id*="shopify-section-"] .placeholder-svg { fill: var(--silver); background-color: var(--sand); } .no-bd-radius { border-radius: 0; --b2p: 0px; --b2r: 0px; } .text-center iframe { margin-left: auto; margin-right: auto; } .m6as > figure iframe { display: block; position: relative; z-index: 1; width: 100% !important; } #background iframe, .l4ft figure iframe, .m6fr figure iframe { display: block; width: 100% !important; height: 100% !important; border-radius: 0; } .module-color-palette[class*="palette-"] { color: var(--primary_text); } .module-color-palette[class*="palette-"] .img-overlay { background: var(--primary_bg); } #root .rounded picture, #root picture.rounded, #root .rounded img, #root .rounded svg, #root .rounded iframe, #root .rounded video, #root figure.rounded .img-overlay, img.rounded/*, .shopify-section-footer figure.rounded, .shopify-section-footer img.rounded, .shopify-section-footer .rounded img*/ { --b2r: 50%; --b2p: 50%; } .m6fr figure.rounded picture, .m6fr figure.rounded img, .m6fr figure.rounded video, .m6fr figure.rounded svg, .m6fr figure.rounded iframe, .m6fr figure.rounded .img-overlay { border-radius: var(--b2p); } /*.img-compare {}*/ .img-compare figure { width: 100%; } .img-compare:not(.icv) > *:not(img:first-child, picture:first-child) { display: none; } .img-mask[class*="mask-"] { -webkit-mask-image: var(--mask); mask-image: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; } .img-mask.img-mask-star { --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 12.6 12' viewBox='0 0 12.6 12'%3E%3Cpath d='m12.6 4.6-4.5-.4L6.3 0 4.5 4.2 0 4.6l3.4 2.9-1 4.5 3.9-2.4 3.9 2.4-1-4.5z'/%3E%3C/svg%3E"); } .img-mask.img-mask-triangle { --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 448 416' viewBox='0 0 448 416'%3E%3Cpath d='M432 416H16c-8.8 0-16-7.2-16-16 0-2.7.7-5.3 1.9-7.6l208-384c4.2-7.8 13.9-10.7 21.7-6.5 2.7 1.5 5 3.7 6.5 6.5l208 384c4.2 7.8 1.3 17.5-6.4 21.7-2.4 1.2-5 1.9-7.7 1.9z'/%3E%3C/svg%3E"); } .img-mask.img-mask-circle { --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 8.2 8.2' viewBox='0 0 8.2 8.2'%3E%3Ccircle cx='4.1' cy='4.1' r='4.1'/%3E%3C/svg%3E"); } .img-overlay { background: var(--primary_bg); opacity: var(--overlay_opacity); --overlay_opacity: .2; } *:not([class*="palette-"]) > .img-overlay.overlay-content:not([class*="palette-"]) { border-color: var(--sand); background: var(--sand); opacity: 1; } *:not([class*="palette-"]) > .img-overlay.overlay-gradient:not([class*="palette-"]) { border-width: 0; background: var(--theme_bg_gradient); opacity: 1; } *:not([class*="palette-"]) > .img-overlay.overlay-gradient-dark:not([class*="palette-"]) { border-width: 0; background: var(--theme_bg_gradient_dark); opacity: 1; } *:not([class*="palette-"]) > .img-overlay.overlay-theme:not([class*="palette-"]) { border-color: var(--theme_bg_light); background: var(--theme_bg_light); opacity: 1; } *:not([class*="palette-"]) > .img-overlay.overlay-theme-solid:not([class*="palette-"]) { border-color: var(--theme_bg); background: var(--theme_bg); opacity: 1; } *:not([class*="palette-"]) > .img-overlay.overlay-black:not([class*="palette-"]) { border-color: var(--black); background: var(--black); opacity: 1; } *:not([class*="palette-"]) > .img-overlay.overlay-primary:not([class*="palette-"]) { border-color: var(--primary_text_i); background: var(--primary_text_i); opacity: 1; } *:not([class*="palette-"]) > .img-overlay.overlay-gallery:not([class*="palette-"]) { border-color: var(--gallery); background: var(--gallery); opacity: 1; } *:not([class*="palette-"]) > .img-overlay.overlay-sand:not([class*="palette-"]) { border-color: var(--sand); background: var(--sand); opacity: 1; } figure.img-overlay { background: none; text-indent: 0; opacity: 1; } figure .img-overlay { border-radius: var(--b2p); } /*.img-overlay, .img-overlay * { border-radius: 0; }*/ #root .img-overlay .img-overlay { content: ""; display: block; overflow: hidden; position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: auto; max-width: none; margin: 0; text-align: left; text-indent: -3000em; direction: ltr; } .img[class*="img-multiply"] { display: block; position: relative; z-index: 2; } .img-multiply img, img.img-multiply, .img-multiply-bg img, img.img-multiply-bg, .img-multiply picture, .img-multiply-bg picture { mix-blend-mode: multiply; } .img-multiply a { mix-blend-mode: multiply; } figure.img-multiply:before, picture.img-multiply:before, .img.img-multiply:before { border-radius: var(--b2p); background: var(--body_bg); } figure.img-multiply-bg:before, picture.img-multiply-bg:before, .img.img-multiply-bg:before { border-radius: var(--b2p); background: var(--gallery); } .check.box label .img[class*="img-multiply"]:before { border-radius: 0; } figure:has(.img-overlay) img, figure:has(.img-overlay) video, figure:has(.img-overlay) svg, figure:has(.img-overlay) iframe { display: block; z-index: 1; min-width: 100% !important; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; } [class*="orientation"] picture, picture[class*="orientation"], picture[style*="--ratio"], [style*="--ratio"] picture { display: block; position: relative; z-index: 2; width: 100%; padding-top: calc(var(--ratio) * 100%); } .orientation-stripe { --ratio: 0.62; } .orientation-landscape { --ratio: 0.75; } .orientation-square { --ratio: 1; } .orientation-portrait { --ratio: 1.25; } [class*="orientation"] img, [class*="orientation"] svg, [class*="orientation"] iframe, [class*="orientation"] video, /*#root .shopify-section-header [class*="orientation"] a,*/ [style*="--ratio"] img, [style*="--ratio"] svg, [style*="--ratio"] iframe, [style*="--ratio"] video, [class*="orientation"] picture video { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100% !important; height: 100% !important; -o-object-fit: contain; object-fit: contain; -o-object-position: center center; object-position: center center; } #root [class*="orientation"] img, #root [style*="--ratio"] img { height: 100% !important; } figure.maps, .image-map { width: 100%; max-width: 100%; } img[src*="maps.gstatic.com"], .gm-style img { max-width: inherit !important; } .gm-svpc img[style*="height: 30px"], .gm-svpc img[style*="height:30px"] { height: 30px !important; } .gm-svpc img[style*="height: 40px"], .gm-svpc img[style*="height:40px"] { height: 40px !important; } .map-canvas[style] { -webkit-transform: none !important; } .media-wide { display: block; max-width: none; margin-left: var(--offset); margin-right: var(--offset); --offset: min(var(--rpn), calc(-50vw + var(--glw) * 0.5 + var(--scrollbar_width) * 0.5)); --b2r: 0px; --b2p: 0px; } .placeholder-svg { height: 100%; width: 100%; fill: hsla(0,0%,52%,.35); background-color: hsla(0,0%,52%,.1); -o-object-fit: contain; object-fit: contain; } .shopify-challenge__container .shopify-challenge__button { float: none; } .price { color: var(--price_color); } .price span { font-weight: 400; text-decoration: line-through; } #root .img-contain, #root .img-contain * { -o-object-fit: contain; object-fit: contain; -o-object-position: center center; object-position: center center; --object_fit: contain; } #root .img-cover, #root .img-cover * { -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; --object_fit: cover; } /*! Tables --------- */ table { display: table; width: 100%; border-collapse: collapse; border-spacing: 0; } caption { display: none; margin: 0; padding: 0 0 10px; font-weight: 700; line-height: var(--main_lh_h); text-align: left; } th, td { position: relative; z-index: 2; padding: 18px 0 18px 16px; border: 0 solid rgba(0,0,0,0); font-weight: 400; text-align: inherit; } th:before { background: var(--black); opacity: .04; } tr:first-child > td:has(strong):before { background: var(--black); opacity: .04; } /*tr:first-child:has(th) + tr td:before { border-top-width: 0; } tr:first-child:has(td:has(strong)) + tr td:before { border-top-width: 0; } thead + tbody > tr:first-child td:before { border-top-width: 0; }*/ th, .th { font-weight: 700; } td { border-bottom-width: 1px; } td:before { top: -1px; bottom: -1px; border: 0 solid var(--input_bd); border-bottom-width: 1px; } table > tr:first-child > td, table > tbody:first-child > tr:first-child > td { border-top-width: 1px; } table > tr:first-child > td:before, table > tbody:first-child > tr:first-child > td:before { border-top-width: 1px; } tr > *:first-child { padding-left: 30px; } tr > *:last-child { padding-right: 30px; } h1 + table, h2 + table, h3 + table, h4 + table, h5 + table, h6 + table, h1 + .table-wrapper, h2 + .table-wrapper, h3 + .table-wrapper, h4 + .table-wrapper, h5 + .table-wrapper, h6 + .table-wrapper { margin-top: var(--main_mr); } .table-wrapper, table { margin: var(--main_mr_double) 0; } .link-btn + .table-wrapper, .link-btn + table { margin-top: calc(var(--main_mr_double) - 16px); } .table-wrapper table { margin-top: 0; margin-bottom: 0; } .table-wrapper:first-child, table:first-child { margin-top: 0; } .table-wrapper + .n6pg, table + .n6pg { margin-top: calc(0px - var(--main_mr_double) + 30px); padding-top: 0; border-width: 0; } .table-wrapper + .n6pg:before, table + .n6pg:before { display: none; } /*! Lists --------- */ .l4pl, .l4tt, .l4dr, .l4ca, .l4us, .l4al, .l4cl { list-style: none; padding: 0; } .l4dr, .l4pm, .l4sc, .l4cl, .l4in, .l4st, .l4cu, .l4ts, .l4ft { list-style: none; margin: 0 calc(0px - var(--dist_a)) calc(var(--main_mr) - var(--dist_b)) 0; padding: 0; --dist_a: 10px; --dist_b: var(--dist_a); } .l4dr li, .l4pm li, .l4sc li, .l4in li, .l4st li, .l4cu li, .l4ts li, .l4sc > * { width: auto; margin: 0 var(--dist_a) var(--dist_b) 0; } .l4cu li, .l4st li, .l4ts li { width: calc(var(--width) - var(--dist_a)); } .l4al { margin-bottom: var(--main_mr); --dist: 16px; --circle: 28px; text-align: var(--text_align_start); --x_padding: calc(var(--size_16_f) + var(--dist) * 2); --maw: 45vw; --miw: 340px; } .l4al li { overflow: hidden; position: relative; z-index: 2; min-height: /*calc(var(--dist) * 2 + var(--circle))*/ var(--input_height); padding: calc(var(--dist) * 0.75) var(--x_padding) calc(var(--dist) * 0.75) var(--dist); border-radius: var(--b2r); background: var(--white); } .l4al li:before { z-index: 2; border-radius: var(--b2r); background: var(--primary_text); opacity: .05; } .l4al li:not(:last-child) { margin-bottom: 10px; } .l4al li[class*="overlay"] { padding-left: calc(var(--dist) * 2 + var(--circle)); } .l4al li[class*="overlay"]:after { left: var(--dist); right: auto; top: calc(var(--input_height) * 0.5 - var(--circle) * 0.5); z-index: 3; width: var(--circle); height: var(--circle); margin: 0; border-radius: var(--circle); background: var(--primary_text); color: var(--white); font-size: var(--circle); line-height: var(--circle); } .l4al li[class*="overlay"]:before { opacity: .15; } .l4al li.overlay-valid:before { content: "\e978"; } .l4al li.overlay-alert:before { content: "\e976"; } .l4al li.overlay-error:before { content: "\e970"; } .l4al li.overlay-valid:after { content: "\e978"; } .l4al li.overlay-alert:after { content: "\e976"; } .l4al li.overlay-error:after { content: "\e970"; } .l4al li > a.close { display: block; position: absolute; left: var(--lar0); right: var(--l0ra); top: 0; z-index: 9; width: var(--x_padding); height: 100%; max-height: var(--input_height); color: inherit; font-size: var(--size_16_f); text-align: left; text-indent: -3000em; direction: ltr; } .l4al li > a.close:before { content: "\e972"; } #root > .l4al { display: block; position: fixed; left: var(--lar0); right: var(--l0ra); top: var(--rpp); z-index: 100; width: 100%; max-width: calc(var(--maw) + var(--rpp) * 2); min-width: calc(var(--miw) + var(--rpp) * 2); margin: 0; padding: 0 var(--rpp); } #root > .l4al li { box-shadow: 0 20px 60px rgba(0,0,0,.06); } #root > .l4al.text-start { left: var(--l0ra); right: var(--lar0); } #root > .l4al.align-end { top: auto; bottom: var(--rpp); } [dir="ltr"] #root .l4al.inline li, [dir="ltr"] #root .l4al li.inline { padding-left: var(--dist); } [dir="rtl"] #root .l4al.inline li, [dir="rtl"] #root .l4al li.inline { padding-right: var(--dist); } #root .l4al.inline li:after, #root .l4al li.inline:after { display: none; } .l4al.dont-close { --x_padding: var(--dist); } .l4as { list-style: none; padding: 0; --dist: calc(var(--main_fz) * 8); } .l4as li { clear: both; width: 100%; padding-left: var(--dist); } .l4as li > span:first-child { display: block; float: left; width: var(--dist); margin-left: calc(0px - var(--dist)); padding-right: 10px; font-weight: var(--main_fw_strong); } .l4ca { position: relative; z-index: 2; font-size: calc(var(--main_fz) * 0.875); --cols_spacing: 32px; --cols_spacing_f: var(--cols_spacing); --mr: calc(var(--main_mr) * .20833333333); --w: 105px; --align_img: flex-start; } .l4ca > li { position: relative; z-index: 2; margin-left: calc(0px - var(--cols_spacing)); padding: 20px 0; border: 0 solid rgba(0,0,0,0); border-top-width: 1px; } .l4ca > li:before { top: -1px; left: var(--cols_spacing); border: 0 solid var(--input_bd); border-top-width: 1px; } .l4ca > li:last-child { border-bottom-width: 1px; } .l4ca > li:last-child:before { bottom: -1px; border-bottom-width: 1px; } .l4ca > li > *, .l4ca li > footer > *, .l4ca li > .footer > * { margin-bottom: 0; margin-left: 0; border-left: var(--cols_spacing) solid rgba(0,0,0,0); } #root .l4ca > li.invalid-feedback { padding: 0; border-width: 0; } .l4ca li > header, .l4ca li > .header { width: calc(var(--cols_spacing) + var(--w)); min-width: calc(var(--cols_spacing) + var(--w)); max-width: calc(var(--cols_spacing) + var(--w)); margin: 0; } .l4ca:not(.compact) li > header, .l4ca:not(.compact) li > .header { -webkit-align-self: var(--align_img); align-self: var(--align_img); } .l4ca li > section { -webkit-flex-shrink: 120; -ms-flex-shrink: 120; flex-shrink: 120; } .l4ca li > footer, .l4ca li > .footer { position: relative; z-index: 9; border-left-width: 0; -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; } .l4ca h1, .l4ca h2, .l4ca h3, .l4ca h4, .l4ca h5, .l4ca h6 { margin: 0 0 calc(var(--main_mr) * 0.15); font-size: var(--main_fz); line-height: var(--main_lh_l); } .l4ca h1 + *, .l4ca h2 + *, .l4ca h3 + *, .l4ca h4 + *, .l4ca h5 + *, .l4ca h6 + * { margin-top: var(--mr); } .l4ca h1 + .price, .l4ca h2 + .price, .l4ca h3 + .price, .l4ca h4 + .price, .l4ca h5 + .price, .l4ca h6 + .price { margin-top: calc(0px - var(--mr) + 6px); } .l4ca h1 .small, .l4ca h2 .small, .l4ca h3 .small, .l4ca h4 .small, .l4ca h5 .small, .l4ca h6 .small { margin-bottom: var(--main_mr_x025); font-size: var(--l4cl_h_small); } .l4ca p, .l4ca ul { margin-bottom: var(--mr); } [dir="ltr"] .l4ca p span + i { margin-left: var(--mr); } [dir="rtl"] .l4ca p span + i { margin-right: var(--mr); } .l4ca .s1pr { line-height: var(--main_lh_l); } .l4ca .s1pr .old { display: block; } .l4ca section .s1pr .old { display: inline; } .l4ca ul { overflow: hidden; list-style: none; margin-right: calc(0px - var(--cols_spacing)); padding: 0;--cols_spacing: 14px; } .l4ca ul li { position: relative; z-index: 2; margin-right: var(--cols_spacing); } .l4ca ul li:after { content: "/"; display: block; position: absolute; left: var(--lar1); right: var(--l1ra); top: 0; width: var(--cols_spacing); text-align: center; } .l4ca section { margin-right: auto; } .l4ca .has-select section { -webkit-flex-grow: 10; -ms-flex-grow: 10; flex-grow: 10; } .l4ca .has-select footer { margin-bottom: var(--mr); -webkit-align-self: flex-end; align-self: flex-end; } .l4ca > li > p, .l4ca li header:last-child > *:last-child, .l4ca li .header:last-child > *:last-child, .l4ca li > footer > *, .l4ca li header:last-child, .l4ca li .header:last-child, .l4ca li > header > *:last-child, .l4ca li > .header > *:last-child, .l4ca li > footer > .link-btn > * { margin-bottom: 0; } .l4ca li > footer p a { display: block; position: relative; z-index: 2; } .l4ca li > footer p a.remove { display: block; position: relative; z-index: 2; min-width: var(--size_20_f); } .l4ca .icon-x-circle { display: block; color: var(--primary_text); font-size: var(--size_20_f); line-height: 1; opacity: .42; } .l4ca:first-child > li:first-child { padding-top: 0; } .l4ca:first-child > li:first-child:before { border-top-width: 0; } .l4ca + h1:before, .l4ca + h2:before, .l4ca + h3:before, .l4ca + h4:before, .l4ca + h5:before, .l4ca + h6:before { border-top: 1px solid var(--input_bd); } #root .l4ca + h1, #root .l4ca + h2, #root .l4ca + h3, #root .l4ca + h4, #root .l4ca + h5, #root .l4ca + h6 { position: relative; z-index: 2; margin-top: calc(0px - var(--main_mr)); padding-top: var(--main_mr_x15); } .l4ca.compact { --cols_spacing: 20px; --w: 75px;--align_img: center; } .l4ca.compact header, .l4ca.compact .header { -webkit-align-self: flex-start; align-self: flex-start; } .l4ca.compact .s1pr { display: block; line-height: var(--main_lh_l); text-align: var(--text_align_end); } .l4ca.compact .input-amount ~ .s1pr { width: calc(var(--price_fz) * 6); } .l4ca.compact .input-amount ~ .s1pr > * { display: block; margin-left: 0; margin-right: 0; } .l4ca.compact section .s1pr { text-align: var(--text_align_start); } .l4ca.compact .s1pr:last-child { margin-bottom: 0; } /*.l4ca.compact footer > *, .l4ca.compact .footer > *, #search .l4ca footer > *, #search .l4ca .footer > * { margin-bottom: 0; } /*.l4ca.compact footer .price { min-height: calc(var(--main_fz) * var(--main_lh_l) * 2); }*/ .l4cl { width: auto; max-width: none; margin:/* var(--main_mr_x125)*/ 0 0 calc(var(--main_mr_x125) - var(--dist_b)) calc(0px - var(--dist_a)); --dist_a: var(--cols_spacing); --dist_b: var(--dist_a); --object_fit: contain; --mb_a: var(--dist_b); --cols_spacing: var(--rpp); } .l4cl:not([class*="size-"]) { font-size: var(--size_14_f); } .l4cl:not([class*="width"]) li:not([class*="width"]) { --width: 25%; } /*.l4cl:not([class*="orientation"]) figure:not([class*="orientation"]) { --ratio: 1; }*/ .l4cl li/*, .l4cl .li*/ { position: relative; z-index: 2; width: 100%; margin-bottom: var(--dist_a); border-left: var(--dist_a) solid rgba(0,0,0,0); } .l4cl li { max-width: var(--width); } .l4cl .swiper-slide { padding-bottom: .1px; } .l4cl div:not(.swiper-slide) > *:last-child { margin-bottom: 0; } /*.l4cl > li > *:last-child, .l4cl .li > *:last-child, .l4cl > li > form:last-child > *:last-child, .l4cl .li > form:last-child > *:last-child, .l4cl > li > div:last-child > *:last-child, .l4cl .li > div:last-child > *:last-child, .l4cl > li > form:last-child > div:last-child > *:last-child, .l4cl .li > form:last-child > div:last-child > *:last-child { margin-bottom: 0; }*/ /*.l4cl > li > *:not(.link-btn, form):last-child, .l4cl .li > *:not(.link-btn, form):last-child, .l4cl > li > form > *:not(.link-btn):last-child, .l4cl .li > form > *:not(.link-btn):last-child { margin-bottom: var(--mb_a); }*/ .l4cl li li/*, .l4cl .li li*/ { display: block; width: auto; max-width: none; border-left-width: 0; } .l4cl figure { display: block; overflow: hidden; z-index: 9 !important; width: 100%; margin: 0 0 var(--main_mr); border-radius: var(--b2p); line-height: var(--main_lh); --dist_ab: var(--dist_a); --dist_bb: var(--dist_b); } .l4cl figure:last-child { margin-bottom: 0; } /*.l4cl figure > a,*/ .l4cl figure img, .l4cl figure video, .l4cl figure svg, .l4cl figure iframe, .l4cl figure picture { display: block; overflow: hidden; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 6; border-radius: 0; color: inherit; text-decoration: none; -o-object-fit: var(--object_fit); object-fit: var(--object_fit); -o-object-position: center center; object-position: center center; } .l4cl figure picture { position: relative; padding-top: calc(var(--ratio) * 100%); } .l4cl:not(.align-center) figure > a, .l4cl:not(.align-center) figure img, .l4cl:not(.align-center) figure video, .l4cl:not(.align-center) figure svg, .l4cl:not(.align-center) figure iframe, .l4cl:not(.align-center) figure picture { width: 100% !important; height: 100% !important; } .l4cl figure > span:not(.img-overlay, .figcaption), .l4cl figure a > span:not(.img-overlay, .figcaption) { position: absolute; left: 0; right: 0; top: 0; z-index: 9; padding: var(--dist_fig) calc(var(--dist_fig) - 8px) 0 var(--dist_fig); } .l4cl figure > span:not(.img-overlay, .figcaption) > *, .l4cl figure a > span:not(.img-overlay, .figcaption) > *, .l4ft figure > span:not(.img-overlay) > * { margin: 0 8px 8px 0 /*0 calc(var(--dist_fig) * 0.5) calc(var(--dist_fig) * 0.5) 0*/; } /*.l4cl figure > span > *:not(:last-child), .l4cl figure a > span > *:not(:last-child), .l4cl figure > span.inline > *, .l4cl figure a > span.inline > * { margin-bottom: calc(var(--dist_fig) * 0.5); }*/ .l4cl figure .s1bx, .l4ft figure .s1bx { padding-top: var(--bx_offset); padding-bottom: var(--bx_offset); /*--b2r: 4px;*/ --bx_offset: 5px; } .l4cl figure .s1bx:before, .l4ft figure .s1bx:before { top: 0; bottom: 0; } .l4cl figure > span span:not(.s1bx, .img-overlay), .l4cl figure a > span span:not(.s1bx, .img-overlay) { overflow: hidden; padding: 2px 10px; border-radius: var(--b2r); border: 1px solid var(--input_bd); background: var(--white); color: var(--primary_text); font-weight: var(--main_fw_strong); text-align: center; text-overflow: ellipsis; white-space: nowrap; } .l4cl figure .link-btn { position: absolute; left: 0; right: 0; bottom: 0; z-index: 20; margin-bottom: 0; padding: 0 var(--dist_a); --dist_ba: var(--dist_fig); --dist_bb: var(--dist_fig); } .l4cl figure > .link-btn:not(.visible) > *:not(span), .l4cl figure > .link-btn:not(.visible) > .input-amount, .l4cl figure .cols { visibility: hidden; opacity: 0; -webkit-transform: translateY(2px); transform: translateY(2px); } #root .l4cl figure .link-btn > * { width: auto; } #root .l4cl figure .link-btn > *:not(span, .circle) { min-width: calc(1.5 * var(--button_height)); } .l4cl figure .link-btn a + a { margin-top: calc(0px - var(--dist_bb) + 8px); } .l4cl figure .link-btn > span:not(.input-amount) { display: block; position: relative; z-index: 2; margin-left: calc(0px - var(--dist_a)); margin-right: 0; padding-top: 4px; padding-bottom: 4px; color: var(--theme_bg); font-size: var(--size_14_f); font-weight: var(--main_fw); text-align: center; } #root .l4cl figure .link-btn > span:not(.input-amount) { width: calc(100% + var(--dist_a)); } .l4cl figure .link-btn > span:not(.input-amount):before { background: var(--light); opacity: .9; } .l4cl figure .link-btn > span:not(.input-amount):last-child { margin-bottom: 0; } .l4cl figure .link-btn i, .l4cl figure button i { margin-left: 0; font-size: var(--size_20_f); } .l4cl figure form { display: block; } .l4cl figcaption, .l4cl figure .figcaption { display: block; position: absolute; left: 0; right: 0; bottom: 0; top: auto; z-index: 9; padding: 0 var(--dist_a) var(--dist_b); background: none; color: var(--primary_text); } .l4cl li:not(.module-color-palette[class^="palette-"]) figcaption, .l4cl li:not(.module-color-palette[class^="palette-"]) .figcaption { --primary_text: var(--white); } .l4cl figure .figcaption:not(h1, h2, h3, h4, h5, h6) { font-size: var(--main_h3); font-weight: var(--main_fw_h); font-family: var(--main_ff_h); line-height: var(--main_lh_h); } .l4cl figure .figcaption:not(.text-start, .text-center, .text-end) { text-align: var(--text_align_start); } .l4cl .slider img ~ img, .l4cl picture ~ picture { display: none; z-index: 8; background: var(--body_bg); } .l4cl figure .cols { position: absolute; left: 0; right: 0; bottom: 0; z-index: 9; padding: var(--dist_fig) var(--dist_fig); background: var(--body_bg); text-align: var(--text_start); --justify_content: flex-start; } .l4cl figure .cols .link-btn { position: relative; padding: 0; } .l4cl figure a > span.rounded, .l4cl figure > span.rounded, .l4cl figure a > span.rounded .s1bx:before, .l4cl figure > span.rounded .s1bx:before, .l4cl figure a > span.rounded .s1bx, .l4cl figure > span.rounded .s1bx { --b2r: var(--size_14_f); } .mobile #root .l4cl footer.mobile-only, .mobile #root .l4cl .footer.mobile-only { display: block; } .l4cl .cols > *:first-child:last-child { width: 100%; } .l4cl h1, .l4cl h2, .l4cl h3, .l4cl h4, .l4cl h5, .l4cl h6 { margin-top: 0; /*line-height: var(--main_lh_l); */ overflow-wrap: inherit; -ms-word-break: inherit; word-break: inherit; -webkit-hyphens: inherit; /*-webkit-hyphenate-limit-before: 3; -webkit-hyphenate-limit-after: 3; -webkit-hyphenate-limit-chars: 6 3 3; -webkit-hyphenate-limit-lines: 2; -webkit-hyphenate-limit-last: always; -webkit-hyphenate-limit-zone: 8%; -moz-hyphens: auto; -moz-hyphenate-limit-chars: 6 3 3; -moz-hyphenate-limit-lines: 2; -moz-hyphenate-limit-last: always; -moz-hyphenate-limit-zone: 8%;*/ -ms-hyphens: inherit; /*-ms-hyphenate-limit-chars: 6 3 3; -ms-hyphenate-limit-lines: 2; -ms-hyphenate-limit-last: always; -ms-hyphenate-limit-zone: 8%;*/ hyphens: inherit; /*hyphenate-limit-chars: 6 3 3; hyphenate-limit-lines: 2; hyphenate-limit-last: always; hyphenate-limit-zone: 8%;*/ } .l4cl:not(.catalog) li:not(.featured) div > h1:not([class*="size-"]), .l4cl:not(.catalog) li:not(.featured) div > h2:not([class*="size-"]), .l4cl:not(.catalog) li:not(.featured) div > h3:not([class*="size-"]), .l4cl:not(.catalog) li:not(.featured) div > h4:not([class*="size-"]), .l4cl:not(.catalog) li:not(.featured) div > h5:not([class*="size-"]), .l4cl:not(.catalog) li:not(.featured) div > h6:not([class*="size-"]) { margin-bottom: var(--main_mr_half); font-size: var(--main_fz); } .l4cl h1 + .size-16, .l4cl h2 + .size-16, .l4cl h3 + .size-16, .l4cl h4 + .size-16, .l4cl h5 + .size-16, .l4cl h6 + .size-16 { margin-top: var(--main_mr_x075); } .l4cl h1 .small, .l4cl h2 .small, .l4cl h3 .small, .l4cl h4 .small, .l4cl h5 .small, .l4cl h6 .small { font-size: var(--l4cl_h_small); } .l4cl h1 i[class*="icon-arrow-"], .l4cl h2 i[class*="icon-arrow-"], .l4cl h3 i[class*="icon-arrow-"], .l4cl h4 i[class*="icon-arrow-"], .l4cl h5 i[class*="icon-arrow-"], .l4cl h6 i[class*="icon-arrow-"] { display: none; margin: 0; } .l4cl h1 i[class*="icon-arrow-"]:before, .l4cl h2 i[class*="icon-arrow-"]:before, .l4cl h3 i[class*="icon-arrow-"]:before, .l4cl h4 i[class*="icon-arrow-"]:before, .l4cl h5 i[class*="icon-arrow-"]:before, .l4cl h6 i[class*="icon-arrow-"]:before { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; text-decoration: none; } .l4cl h1:last-child i[class*="icon-arrow-"], .l4cl h2:last-child i[class*="icon-arrow-"], .l4cl h3:last-child i[class*="icon-arrow-"], .l4cl h4:last-child i[class*="icon-arrow-"], .l4cl h5:last-child i[class*="icon-arrow-"], .l4cl h6:last-child i[class*="icon-arrow-"], .l4cl .figcaption i[class*="icon-arrow-"] { display: block; width: 100%; height: var(--size_14_f); margin-top: 8px; font-size: var(--size_14_f); line-height: 1; } .l4cl .figcaption i.invisible[class*="icon-arrow-"] { height: 0; margin-top: 0; } #root .l4cl p:has(a) ~ p:has(a) { position: relative; } .l4cl .s1pr { margin-bottom: var(--main_mr_half); } /*.l4cl .s1pr:not([class*="size-"]) { font-size: var(--size_18_f); }*/ /*.l4cl:not(.cart) .s1pr:not([class*="size-"]) .old { font-size: 0.8888888889em; }*/ .l4cl form > *:not(h1, h2, h3, h4, h5, h6, figure), .l4cl fieldset > *:not(h1, h2, h3, h4, h5, h6, figure) { z-index: 2 !important; } .l4cl:not(.product.cart, [class*="size-"]) li:not(.featured) p:not(.link-btn, :last-child), .l4cl:not(.product.cart, [class*="size-"]) li:not(.featured) ul:not(:last-child), .l4cl:not(.product.cart, [class*="size-"]) li:not(.featured) ol:not(:last-child) { --main_mr: var(--main_mr_half); } /*.l4cl.size-content p, .l4cl.size-content ul, .l4cl.size-content ol { --main_mr: var(--main_mr_x075); }*/ .l4cl.size-content p + *:not(.link-btn), .l4cl.size-content ul + *:not(.link-btn) { margin-top: calc(0px - var(--main_mr) + var(--main_mr_x075)); } .l4cl p:not(.link-btn) + .check.color { margin-top: 4px; } .l4cl p:not(.link-btn, .s1tt-cont, .has-select) { position: static; } .l4cl .check li:before { display: none; } .l4cl .check.color { margin-bottom: var(--main_mr_h); } .l4cl figure .check.color:last-child { margin-bottom: 0; } .l4cl .check.color:last-child { margin-bottom: var(--main_mr_x075); } /*.l4cl .cols .check.color:last-child*/ .l4cl li > div .check.color:last-child { margin-bottom: 0; } .l4cl figure .link-btn { margin-top: 0; /*--main_mr: var(--main_mr_half);*/ --dist_a: var(--dist_fig); } /*.cols + .l4cl, .cols + .m6tm .l4cl { margin-top: calc(0px - var(--main_mr) + var(--main_mr_x125)); }*/ #root .l4cl .cols + * { margin-top: var(--main_mr_half); } .l4cl > .swiper-button-nav { overflow: visible; top: 0; bottom: auto; width: var(--button_height); --button_height: var(--circle_size); } .l4ts .swiper-button-nav, .m6fr .swiper-button-nav, .l4pr .swiper-button-nav { overflow: visible; width: var(--button_height); } .l4cl > .swiper-button-nav:not([style*="height"]) { height: calc(100% - var(--dist_b)); } .l4cl > .swiper-button-nav:before, .m6fr .swiper-button-nav:before, .l4ts .swiper-button-nav:before, .l4pr .swiper-button-nav:before { z-index: 8; font-size: calc(var(--button_height) * 0.25); } .l4cl.align-center > .swiper-button-nav { top: 50%; bottom: auto; height: 55px; margin-top: -27.5px; } #root .l4cl > .swiper-button-nav { pointer-events: none; } #root .l4cl > .swiper-button-nav:before, #root .l4cl > .swiper-button-nav:after { pointer-events: auto; } #root .l4cl > .swiper-button-nav:before, #root .m6fr .swiper-button-nav:before, .l4ts .swiper-button-nav:before, .l4pr .swiper-button-nav:before { z-index: 2; } #root .l4cl > .swiper-button-nav, #root .m6fr .swiper-button-nav, .l4ts .swiper-button-nav, .l4pr .swiper-button-nav { color: var(--ar_fg); } #root .l4cl > .swiper-button-nav:after, #root .m6fr .swiper-button-nav:after, .l4ts .swiper-button-nav:after, .l4pr .swiper-button-nav:after { content: ""; display: block; position: absolute; left: 0; right: 0; top: 50%; bottom: auto; z-index: 1; min-width: 0; height: var(--button_height); min-height: 0; margin: calc(0px - var(--button_height) * 0.5) 0 0; box-shadow: 0 calc(0.3 * var(--button_height)) calc(0.3 * var(--button_height)) rgba(0,0,0,.06); border-radius: var(--button_height); background: var(--ar_bg); opacity: var(--ar_op); -webkit-transform: none; transform: none; } .l4cl:not(.align-center) > .swiper-button-prev, .m6fr .swiper-button-prev, .l4pr .swiper-button-prev { left: var(--dist_fig); } .l4cl:not(.align-center) > .swiper-button-next, .m6fr .swiper-button-next, .l4pr .swiper-button-next { right: var(--dist_fig); } .l4cl > .swiper-button-prev:before, .m6fr .swiper-button-prev:before, .l4ts .swiper-button-prev:before, .l4st .swiper-button-prev:before, .l4pr .swiper-button-prev:before { content: "\e989"; } .l4cl > .swiper-button-next:before, .m6fr .swiper-button-next:before, .l4ts .swiper-button-next:before, .l4st .swiper-button-next:before, .l4pr .swiper-button-next:before { content: "\e98a"; } .l4cl .input-amount { width: calc(var(--input_height) * 1.4); } .l4cl .rounded figure, .l4cl.rounded figure { --b2r: 1000px; --b2p: 1000px; } .l4cl .cols > * + * { -webkit-flex-basis: 0; -ms-flex-basis: 0; flex-basis: 0; } .l4cl picture.slider .swiper-outer, .l4cl picture.slider .swiper-wrapper { position: absolute; left: 0; right: 0; top: 0; bottom: 0; height: 100% !important; } .l4cl picture.slider .swiper-slide { height: 100% !important; } .l4cl picture.slider .swiper-slide a { display: block; width: 100%; height: 100%; } .l4cl figure a.swiper-button-nav { visibility: hidden; z-index: 99; width: 55px !important; opacity: 0; -webkit-transform: scale(0); transform: scale(0); } .l4cl picture.slider:not(.s4wi) a ~ a { display: none; z-index: 8; background: var(--body_bg); } .mobile .l4cl li figure .link-btn > *:not(span), .mobile .l4cl li figure .link-btn > .input-amount, .mobile .l4cl li figure .cols { visibility: visible; opacity: 1; -webkit-transform: none; transform: none; } /*.l4cl .thumbs { list-style: none; margin: 0; padding: 0; } .l4cl figure .thumbs { position: absolute; left: var(--l0ra); right: var(--lar0); top: 0; bottom: 0; z-index: 2; padding: var(--dist_fig); } #root .l4cl figure .thumbs li { width: 45px; max-width: none; padding: var(--ratio) 0 0; } #root .l4cl figure .thumbs a { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 99; border: 4px solid rgba(0,0,0,0); } .l4cl figure .thumbs li:before { border-radius: var(--b2r); border: 1px solid var(--input_bd); background: var(--body_bg); }*/ /*.l4cl.align-center {}*/ .l4cl.align-center figure { overflow: visible; padding-top: 0; border-radius: 0; } .l4cl.align-center figure * { position: static; width: auto; } .l4cl.align-center picture { padding-top: 0; } #root .l4cl figure:has(picture ~ picture) picture { display: block !important; } #root .l4cl li:not(.second-img-first) figure:has(picture ~ picture) picture ~ picture, #root .l4cl li.second-img-first figure:has(picture ~ picture) picture:first-of-type { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 9; opacity: 0; } [data-whatin="mouse"] #root .l4cl li:not(.second-img-first):hover figure:has(picture ~ picture) picture { opacity: 0; } [data-whatin="mouse"] #root .l4cl .second-img-first:hover picture ~ picture { opacity: 0; } [data-whatin="mouse"] #root .l4cl li:not(.second-img-first):hover figure:has(picture ~ picture) picture ~ picture, [data-whatin="mouse"] #root .l4cl .second-img-first:hover figure:has(picture ~ picture) picture:first-of-type { opacity: 1; } #root .l4cl .has-picture-picture figure picture { display: block !important; } [data-whatin="mouse"] #root .l4cl .has-picture-picture:not(.second-img-first):hover figure picture { opacity: 0; } #root .l4cl .has-picture-picture:not(.second-img-first) figure picture ~ picture, #root .l4cl .has-picture-picture.second-img-first figure picture:first-of-type { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 9; opacity: 0; } [data-whatin="mouse"] #root .l4cl .has-picture-picture:not(.second-img-first):hover figure picture ~ picture, [data-whatin="mouse"] #root .l4cl .has-picture-picture.second-img-first:hover figure picture:first-of-type { opacity: 1; } /*#root .l4cl .second-img-first figure:has(picture ~ picture) picture { display: none; } #root .l4cl .second-img-first figure:has(picture ~ picture) picture ~ picture { display: block; } #root .l4cl .second-img-first.has-picture-picture figure picture { display: none; } #root .l4cl .second-img-first.has-picture-picture figure picture ~ picture { display: block; }*/ .l4cl.align-center picture, .l4cl.align-center img, .l4cl.align-center video, .l4cl.align-center iframe, .l4cl.align-center svg { --b2r: 0px; } /*.l4cl.align-center .swiper-slide { min-height: 100%; }*/ .l4cl.cards { --cols_spacing: 7px; --body_bg: var(--sand); } .l4cl.cards li { padding: var(--dist_fig); } .l4cl.cards li:before { border-radius: var(--b2r); background: var(--body_bg); } .l4cl.cards figure { overflow: visible; margin-bottom: var(--dist_fig); border-radius: 0; } .l4cl.cards figure a { overflow: visible; } .l4cl.cards figure .link-btn > span:not(.input-amount) { width: 100%; margin-left: 0; margin-right: 0; } .l4cl.cards h1, .l4cl.cards h2, .l4cl.cards h3, .l4cl.cards h4, .l4cl.cards h5, .l4cl.cards h6 { font-weight: var(--main_fw); } .l4cl.cards h1:not([class*="size-"]), .l4cl.cards h2:not([class*="size-"]), .l4cl.cards h3:not([class*="size-"]), .l4cl.cards h4:not([class*="size-"]), .l4cl.cards h5:not([class*="size-"]), .l4cl.cards h6:not([class*="size-"]) { font-size: var(--size_16_f); } .l4cl.cards h1:not([class*="size-"]) .small, .l4cl.cards h2:not([class*="size-"]) .small, .l4cl.cards h3:not([class*="size-"]) .small, .l4cl.cards h4:not([class*="size-"]) .small, .l4cl.cards h5:not([class*="size-"]) .small, .l4cl.cards h6:not([class*="size-"]) .small { font-size: var(--size_14_f); font-weight: var(--main_fw_strong); } .l4cl.cards .link-btn { margin-right: calc(0px - var(--dist_bb)); --dist_ba: 8px; --dist_bb: 8px; } .l4cl.cards figure .link-btn, .l4cl.cards figure .cols { z-index: 100 !important; padding-left: 0; padding-right: 0; padding-bottom: 0; } .l4cl.cards figure .link-btn > *:last-child { margin-bottom: 0; } .l4cl.cards .s1pr { font-size: var(--size_16_f); } .l4cl.cards figure > span:not(.img-overlay, .figcaption), .l4cl.cards figure a > span:not(.img-overlay, .figcaption), .l4cl.cards figure .thumbs { padding: 0; } .l4cl.hr { /*margin-left: 0;*/ text-align: var(--text_align_start); --justify_content: flex-start; --width_img: calc(var(--dist_a) + var(--w)); --w: 190px; } /* .l4cl.hr li:before, .l4cl.hr .li:before { border-top: 1px solid var(--sand); }*/ /*#root .l4cl.hr li, #root .l4cl.hr .li { margin-left: calc(0px - var(--dist_a)); border-left-width: 0; }*/ #root .l4cl.hr:not([class*="width"]) li:not([class*="width"]) { --width: 50%; } #root .cols .l4cl.hr:not([class*="width"]) li:not([class*="width"]), #root .shopify-section-header .l4cl.hr:not([class*="width"]) li:not([class*="width"]) { --width: 100%; -webkit-flex-basis: auto; -ms-flex-basis: auto; flex-basis: auto; } /*#root .l4cl.hr > li + li { margin-top: var(--dist_a); }*/ #root .l4cl.hr li > form/*, #root .l4cl.hr .li > form*/ { -webkit-flex-grow: 3; -ms-flex-grow: 3; flex-grow: 3; } #root .l4cl.hr li > div, #root .l4cl.hr li > form > div/*, #root .l4cl.hr .li > div, #root .l4cl.hr .li > form > div*/ { width: calc(100% - var(--width_img)); text-align: var(--text_align_start); --justify_content: flex-start; } #root .l4cl.hr li > div > *:last-child, #root .l4cl.hr li > form > div > *:last-child/*, #root .l4cl.hr .li > div > *:last-child, #root .l4cl.hr .li > form > div > *:last-child*/ { margin-bottom: 0; } #root .l4cl.hr li.featured > div > p:not(.link-btn):last-child, #root .l4cl.hr li.featured > form > div > p:not(.link-btn):last-child { margin-bottom: var(--main_mr); } #root .l4cl.hr li.featured > div > p.link-btn:last-child, #root .l4cl.hr li.featured > form > div > p.link-btn:last-child { margin-bottom: calc(var(--main_mr) - var(--dist_bb)); } .l4cl.hr li > figure, .l4cl.hr li > div, /*.l4cl.hr .li > figure, .l4cl.hr .li > div,*/ .l4cl.hr li > form > figure, .l4cl.hr li > form > div/*, .l4cl.hr .li > form > figure, .l4cl.hr .li > form > div*/ { /*margin-left: var(--dist_a);*/ margin-bottom: 0; } /*.l4cl.hr:not([class*="orientation"]) figure:not([class*="orientation"]) { --ratio: calc(1 * var(--w)); }*/ .l4cl.hr figure { width: var(--width_v); min-width: var(--width_v); max-width: var(--width_v); --width_v: calc(var(--width_img) - var(--dist_a)); margin-right: var(--dist_a); } .l4cl.hr.inv figure { margin-right: 0; margin-left: var(--dist_a); } #root .l4cl:not(.hr) .hr-only, #root .l4cl.hr .hr-hide { display: none; } /*.l4cl.hr.orientation-stripe figure, .l4cl.hr .orientation-stripe { --ratio: calc(0.625 * var(--w)); } .l4cl.hr.orientation-landscape figure, .l4cl.hr .orientation-landscape { --ratio: calc(0.75 * var(--w)); } .l4cl.hr.orientation-square figure, .l4cl.hr .orientation-square { --ratio: calc(1 * var(--w)); } .l4cl.hr.orientation-portrait figure, .l4cl.hr .orientation-portrait { --ratio: calc(1.38 * var(--w)); }*/ .l4cl.hr.is-scrollable { padding-right: var(--dist_a); } /*.l4cl.opacity-hover figure img, .l4cl.opacity-hover figure svg { opacity: .4; }*/ .l4cl.s4wi { display: block; margin-left: 0; margin-bottom: var(--dist_b); } .l4cl .swiper-slide li/*, .l4cl .swiper-slide .li*/ { margin-bottom: 0; border-left-width: 0; } /*.l4cl.featured, .l4cl li.featured, .l4cl .li.featured {}*/ .l4cl.featured li, .l4cl li.featured/*, .l4cl .li.featured, .l4cl.featured .li*/ { /*min-height: calc(var(--glw) * 0.23125);*/ margin-bottom: var(--mb_a); padding: var(--dist_a) var(--dist_a) max(0.1px, calc(var(--dist_a) - var(--main_mr))); } .l4cl.featured li > figure, .l4cl li.featured > figure/*, .l4cl.featured .li > figure, .l4cl .li.featured > figure*/ { width: calc(100% + var(--dist_a) * 2); min-width: 0; max-width: none; margin-left: calc(0px - var(--dist_a)); margin-right: calc(0px - var(--dist_a)); border-radius: 0; } .l4cl.featured > li.featured > *:not(.link-btn, form):last-child, /*.l4cl.featured .li.featured > *:not(.link-btn, form):last-child,*/ .l4cl.featured > li > form > *:not(.link-btn):last-child, /*.l4cl.featured .li > form > *:not(.link-btn):last-child,*/ .l4cl > li.featured > *:not(.link-btn, form):last-child, /*.l4cl .li.featured > *:not(.link-btn, form):last-child,*/ .l4cl > li > form > *:not(.link-btn):last-child/*, .l4cl .li > form > *:not(.link-btn):last-child*/ { margin-bottom: 0; } .l4cl.featured li > figure:first-child, /*.l4cl.featured .li > figure:first-child,*/ .l4cl li.featured > figure:first-child/*, .l4cl .li.featured > figure:first-child*/ { margin-top: calc(0px - var(--dist_a)); border-radius: var(--b2r) var(--b2r) 0 0; } .l4cl.featured li:before, .l4cl li.featured:before/*, .l4cl .li.featured:before*/ { bottom: 0; border-radius: var(--b2r); background: var(--light); } .l4cm { list-style: none; padding: 0; } .l4cm li:not(:first-child) { padding-top: var(--main_mr); border-top: 1px solid var(--input_bd); } /*.l4cm footer {}*/ .l4cm footer h1, .l4cm footer h2, .l4cm footer h3, .l4cm footer h4, .l4cm footer h5, .l4cm footer h6, .l4cm footer figure { overflow: hidden; position: relative; z-index: 9; width: calc(var(--main_fz) * 3.4375); height: calc(var(--main_fz) * 3.4375); margin: 0 var(--main_mr) var(--main_mr) 0; border-radius: 999px; background: var(--theme_bg); color: var(--theme_text); font-size: calc(var(--main_fz) * 1.375); text-align: center; -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; } .l4cm footer p { font-weight: var(--main_fw_strong); line-height: var(--main_lh_l); } .l4cm footer p .small { display: block; font-weight: var(--main_fw); } .l4cm + .n6pg, .l4cm + .spr-pagination { margin-top: calc(0px - var(--main_mr)); } .l4cn { list-style: none; padding-left: 0; } .l4cn li { position: relative; z-index: 2; padding-left: var(--li_dist); } .l4cn i { display: block; position: absolute; left: var(--l0ra); right: var(--lar0); top: calc(0.5 * (var(--main_fz) * var(--main_lh) - var(--sz))); min-width: var(--sz); color: var(--theme_bg); font-size: var(--sz); line-height: var(--sz); text-align: center; --sz: calc(var(--main_fz) * 1.125); } .l4cn i:before { display: block; } .l4cn i[class*="phone"]:before { font-size: .9444444444em; } /*.l4cn i[class*="envelope"]:before { font-size: .7777777778em; }*/ /*.l4cn:not(:first-child) { margin-top: 86px; }*/ .l4cu { width: auto; max-width: none; margin-top: calc(var(--main_mr) * 2.8); font-size: var(--main_lead); line-height: var(--main_lh_l); --dist_a: var(--cols_spacing); } .l4cu:not(.text-start, .text-end) { text-align: center; } .l4cu:not([class*="width"], .inline) li:not([class*="width"]), .l4st:not([class*="width"]) li:not([class*="width"]) { --width: 25%; } .l4cu li { margin-bottom: calc(var(--dist_a) * 1.75); } .l4cu li > span { display: block; position: relative; z-index: 2; margin: 0 0 var(--main_mr_half); color: var(--theme_bg); font-weight: var(--main_fw_strong); font-size: var(--size_80_f); line-height: var(--main_lh_hc); } .l4cu li > span span { margin: 0; } .l4cu li > span span.main { visibility: hidden; opacity: 0; } .l4cu li > span span.clone { display: block; position: absolute; left: 0; right: 0; top: 0; z-index: 9; } .l4cu span.has-plus:after { content: "\002B"; } .l4cu.size-m, .l4cu.size-l, .l4cu.size-xl { margin-top: 0; color: var(--primary_text_h); font-weight: var(--main_fw_h); font-family: var(--main_ff_h); font-size: var(--main_h3); line-height: var(--main_lh_h); } .l4cu.size-m li, .l4cu.size-l li, .l4cu.size-xl li { width: auto; max-width: none; } .l4cu.size-m li > span { font-size: 150px; } .l4cu.size-l li > span { font-size: 200px; } .l4cu.size-xl li > span { font-size: 400px; } .l4dr { position: relative; z-index: 2; --dist_a: 16px; --dist_b: var(--dist_a); --sub: calc(var(--main_fz) * 1.375) } .l4dr li { position: relative; z-index: 2; } .l4dr a { display: block; position: relative; z-index: 2; } .l4dr li.sub > a { padding-right: var(--sub); } .l4dr li.sub > a:before { content: "\e969"; font-size: 0.375em; text-align: var(--text_align_end); } #root .l4dr img { --b2r: 99px; --b2p: var(--b2r); min-width: 24px !important; } #root .l4dr img + * { margin-left: 10px; } #root .l4dr ul img + * { margin-left: 0; margin-right: 0; } .l4ft { position: relative; z-index: 2; margin-right: 0; margin-left: calc(0px - var(--dist_a)); margin-bottom: calc(var(--main_mr) - var(--dist_a)); --dist_a: var(--spacing); --spacing: var(--cols_spacing); --mih_desktop: calc(100vw * 0.23125); --mih_mobile: var(--mih_desktop); --cols_spacing: var(--rpp); } #root .l4ft { width: auto; max-width: none; } .l4ft li { position: relative; z-index: 3; margin: 0 0 var(--dist_a); } #root .l4ft li { border-left: var(--dist_a) solid rgba(0,0,0,0); } .l4ft[class*="width"] li { width: var(--width); } .l4ft:not([class*="width"]) li:not([class*="width"]) { --width: 33.333333333%; } /*.l4ft li:before { z-index: -2; background: var(--primary_text); border-radius: var(--b2r); }*/ .l4ft .main, .l4ft li > .content.box { position: relative; z-index: 3; padding: var(--cols_spacing) var(--cols_spacing) calc(var(--cols_spacing) - var(--main_mr)); color: var(--primary_text); /*--primary_text_h: var(--primary_text); --primary_text: var(--white);*/ } .l4ft .main, .l4ft li > .content { --main_mr: var(--main_mr_half); } .l4ft li.align-start .main figure:has(.s1bx) + div { padding-top: var(--cols_spacing); } /*.l4ft li:not(.module-color-palette[class^="palette-"]) .main { --primary_text: var(--white); }*/ .l4ft .main + * { padding-top: var(--cols_spacing); } .l4ft .main > .link-btn, .m6fr figure > .link-btn, #root .media-flexible .link-btn, #root .is-flex-item .link-btn { position: absolute; left: 0; right: 0; bottom: 0; margin-bottom: 0; padding: 0 var(--dist_a); --dist_a: var(--dist_fig); --dist_ba: var(--dist_fig); --dist_bb: var(--dist_fig) } .l4ft li:not(.align-top, .align-bottom) .main > div, .l4ft li.text-center .main > div { width: 100%; /*max-width: 470px;*/ margin: 0 auto; } .l4ft li > .content.box { z-index: 2; min-height: 0; } .l4ft li > .content.box:before { border-radius: 0 0 var(--b2p) var(--b2p); background: var(--primary_bg); } .l4ft li > .content.box.no-img:before { border-radius: var(--b2p); } /*.l4ft li > .content.box { padding: var(--pt) var(--ps) calc(var(--pt) - var(--main_mr) * 0.25); --fg: var(--primary_text); --bg: var(--sand); } .l4ft li > .content:not(.box) > .link-btn { margin-top: 8px; } .l4ft li > .content > .link-btn:last-child { margin-bottom: -8px 0; }*/ .l4ft figure, .l4cl .featured figure { display: block; overflow: hidden; z-index: -1 !important; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: auto; max-width: none; margin: 0; border-radius: var(--b2p); background: var(--primary_bg); } .l4ft figure * { --b2p: 0px; } .l4ft .has-content-box figure { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .l4ft figure > a, .l4ft picture { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; } .l4ft figure > span:not(.img-overlay) { position: absolute; left: 0; right: 0; top: 0; z-index: 9; padding: var(--dist_fig) calc(var(--dist_fig) * 0.5) 0 var(--dist_fig); } .l4ft h1, .l4ft h2, .l4ft h3, .l4ft h4, .l4ft h5, .l4ft h6 { margin: 0 0 var(--main_mr_half); } /*.l4ft h1:not([class*="size-"]), .l4ft h2:not([class*="size-"]), .l4ft h3:not([class*="size-"]), .l4ft h4:not([class*="size-"]), .l4ft h5:not([class*="size-"]), .l4ft h6:not([class*="size-"]) { font-size: var(--main_h1); }*/ .l4ft .link-btn, .l4ft p a { position: relative; z-index: 9; } /*.l4ft .link-btn:not(:first-child) { margin-top: calc(var(--main_mr) * 2); }*/ .l4ft + .l4ft { margin-top: calc(0px - var(--dist_a)); } .l4ft.fullwidth { margin-left: min(calc(var(--rpn) - var(--dist_a)), calc(-50vw + var(--glw) * 0.5) - var(--dist_a) + var(--scrollbar_width) * 0.5); margin-right: min(var(--rpn), calc(-50vw + var(--glw) * 0.5) + var(--scrollbar_width) * 0.5); } .l4cl li.featured/*, .l4cl .li.featured*/ { color: var(--white); font-size: var(--size_16_f); --cols_spacing: 32px; -webkit-align-self: stretch; align-self: stretch; } .l4ft.fullwidth li.width-100 { --b2p: 0px; } [dir="ltr"] .l4ft.fullwidth li.first-in-row figure, .l4ft.fullwidth li.first-in-row > .content.box:before { border-top-left-radius: 0; border-bottom-left-radius: 0; } [dir="ltr"] .l4ft.fullwidth li.last-in-row figure, .l4ft.fullwidth li.last-in-row > .content.box:before { border-top-right-radius: 0; border-bottom-right-radius: 0; } #root .l4cl li.featured p { margin-bottom: var(--main_mr); } #root .l4cl li.featured .link-btn { margin-bottom: calc(var(--main_mr) - var(--dist_bb)); } .l4cl li.featured:before { border-radius: var(--b2p); } .l4cl li.featured[class*="palette-"] { color: var(--primary_text); } .l4cl li.featured[class*="palette-"] .img-overlay, .l4cl li.featured:before { background: var(--primary_bg); } #root .l4cl .featured > div.align-center { width: 100%; /*max-width: 470px;*/ margin-left: auto; margin-right: auto; } .l4cl .featured h1, .l4cl .featured h2, .l4cl .featured h3, .l4cl .featured h4, .l4cl .featured h5, .l4cl .featured h6 { margin-bottom: var(--main_mr_half); color: inherit; line-height: var(--main_lh_h); } .l4cl .featured h1:not([class*="size-"]) { font-size: var(--main_h1); } .l4cl .featured h2:not([class*="size-"]) { font-size: var(--main_h2); } .l4cl .featured h3:not([class*="size-"]) { font-size: var(--main_h3); } .l4cl .featured h4:not([class*="size-"]) { font-size: var(--main_h4); } .l4cl .featured h5:not([class*="size-"]) { font-size: var(--main_h5); } .l4cl .featured h6:not([class*="size-"]) { font-size: var(--main_h6); } #root .l4cl .featured figure { overflow: hidden; z-index: -1 !important; width: auto; margin: 0; padding: 0; border-radius: var(--b2p); } #root .l4cl .featured figure picture { padding: 0; } #root .l4cl .featured figure img, #root .l4cl .featured figure video, #root .l4cl .featured figure svg, #root .l4cl .featured figure iframe { -o-object-position: center center; object-position: center center; -o-object-fit: cover; object-fit: cover; } .has-l4ft .l4ft, .has-l4ft .l4ft li > .main:last-child { -webkit-flex-grow: 3; -ms-flex-grow: 3; flex-grow: 3; } .l4in { --dist_a: min(var(--rpp), 24px); --dist_b: 0px; } .l4in li { position: relative; } .l4cl .l4in li { margin-bottom: var(--dist_b); } .l4in input { display: block; visibility: hidden; position: absolute; left: var(--l0ra); right: var(--lar0); top: 0; opacity: 0; } #root .l4in label, .l4in .label { z-index: 2; margin: 0; padding: 0; color: inherit; font-weight: inherit; font-size: 1em; } #root .l4in label span { margin: 0; } #root .l4in input:checked ~ label { color: var(--theme_bg); font-weight: var(--main_fw_strong); } .l4in input:checked ~ label * { font-weight: inherit; } .l4in i { display: inline-block; position: relative; top: .1em; margin-right: 4px; } .l4in * + .s1bx { margin-left: 4px; } #root .l4in i { margin-bottom: 0; } .l4pm, .l4sc:not(.box) { position: relative; z-index: 2; --b2r: 0; --b2p: 0px; } .l4pm a { display: block; position: relative; z-index: 2; } .l4sc { position: relative; z-index: 2; font-weight: var(--main_fw_strong); --dist_a: 30px; --dist_b: 30px; --i_size: calc(var(--main_fz) * 1.875); --dist_ba: calc(var(--button_height) * 0.5); --dist_bb: var(--dist_ba); } .l4sc a { display: block; position: relative; z-index: 2; color: inherit; text-decoration: none; } .l4sc i { display: block; position: relative; z-index: 2; font-size: var(--i_size); line-height: var(--i_size); } #root .l4sc i { top: 0; margin: 0; } .l4sc i.icon-instagram { padding: .1px; } /*.l4sc i.icon-youtube:before { font-size: .7em; }*/ .l4sc i.icon-twitter { font-size: calc(var(--i_size) * 0.8); } .l4sc i[class*="icon-envelope"] { font-size: calc(var(--i_size) * 0.8); } /*.l4sc .icon-envelope:before { content: "\e99c"; }*/ .l4sc.small { --i_size: calc(var(--main_fz_small) * 1.875); --dist_b: 16px; } .l4st { width: auto; max-width: none; /*margin-top: var(--main_mr_double);*/ margin-top: calc(0px - var(--dist_b)); margin-bottom: var(--main_mr); --dist_a: calc(var(--cols_spacing) + var(--main_mr)); --dist_b: var(--rpp); } .l4st li, .l4st li.header { margin-bottom: 0; margin-top: var(--dist_b); } .l4st p:not(:last-child, .link-btn) { --main_mr: calc(var(--main_fz) * 1); } .l4st .img svg, .l4st .img video, .l4st .img iframe, .l4st .img img, .l4st h1 i, .l4st h2 i, .l4st h3 i, .l4st h4 i, .l4st h5 i, .l4st h6 i, .l4st li > i { display: block; position: relative; top: 0; width: auto !important; height: var(--size) !important; margin: 0 0 calc(var(--main_mr) * 0.625); /*border-radius: 0;*/ color: inherit; font-size: calc(var(--size) * 0.8); line-height: var(--size) !important; --size: calc(var(--main_h4) * 1.72); opacity: 1; -o-object-fit: contain; object-fit: contain; -o-object-position: center center; object-position: center center; } .l4st h1 i[class*="icon-check"], .l4st h2 i[class*="icon-check"], .l4st h3 i[class*="icon-check"], .l4st h4 i[class*="icon-check"], .l4st h5 i[class*="icon-check"], .l4st h6 i[class*="icon-check"], .l4st li > i[class*="icon-check"] { font-size: calc(var(--size) * 0.5); } .l4st .header { color: var(--primary_text); font-weight: var(--main_fw); font-size: var(--main_fz); font-style: var(--main_fs); line-height: var(--main_lh); text-transform: var(--main_tt); letter-spacing: var(--main_ls); } /*.l4st .header h1, .l4st .header h2, .l4st .header h3, .l4st .header h4, .l4st .header h5, .l4st .header h6 { font-size: var(--main_h1); line-height: var(--main_lh_hc); }*/ .l4st:not(.mobile-featured) + * { margin-top: 0; } .l4st ul li { list-style: disc; width: auto; margin: 0; } /*.l4st li > *:last-child { --main_mr: 0px; }*/ .l4st.s4wi { display: block; margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: var(--main_mr); } .l4st.s4wi li { width: auto; margin-top: 0; margin-left: 0; margin-right: 0; padding: 0 44px; } .l4st .swiper-custom-pagination { padding-top: var(--main_mr_half);} .l4ts { position: relative; z-index: 2; width: auto; max-width: none; /*margin-top: var(--cols_spacing);*/ /*color: var(--l4ts_text);*/ --dist_a: var(--cols_spacing); --l4ts_dot: inherit; } .l4ts:not([class*="width"]) li:not([class*="width"]) { --width: 33.333333333%; } .l4ts li/*, .l4ts .li*/ { position: relative; z-index: 2; margin-bottom: var(--dist_b); border-bottom: .1px solid rgba(0,0,0,0); } .l4ts .swiper-custom-pagination { margin-top: calc(0px - var(--main_mr_half)); } .l4ts .swiper-slide li { width: auto; margin-left: 0; margin-right: 0; } .l4ts blockquote { width: 100%; max-width: none; margin: 0; padding: 0; font-style: italic; font-size: var(--main_lead); line-height: var(--main_lh_l); } .l4ts blockquote > * { margin-bottom: var(--main_mr); } .l4ts blockquote > *:first-child:before { content: "\e982"; display: inline-block; position: relative; margin: 0 10px 0 0; font-weight: 400; font-style: normal; font-family: i; font-size: 1.6666666667em; line-height: 1; } .l4ts blockquote:not(.inline) > *:first-child:before { background: var(--theme_bg); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-fill-color: transparent; } .l4ts.text-center blockquote { margin-left: auto; margin-right: auto; } .l4ts .rating-label { display: none; } .l4ts:not(.box) .r6rt .rating > * .fill { background: none; } .l4ts .r6rt { --rt_size: 14px; --rt_dist: 5px; } .l4ts + .link-btn { margin-top: var(--main_mr_x025); } .l4ts.s4wi { display: block; margin-bottom: var(--main_mr); margin-right: 0; } .l4ts .swiper-pagination-bullet.swiper-pagination-bullet-active:before { color: var(--l4ts_dot); } .l4ts.box { margin-bottom: 0; --body_bg: var(--primary_bg); --rt_fill: var(--primary_text); } .l4ts.box li/*, .l4ts.box .li*/ { padding: var(--dist_a) var(--dist_a) calc(var(--dist_a) - var(--main_mr)); } .l4ts.box li:before/*, .l4ts.box .li:before*/ { border-radius: var(--b2r); background: var(--primary_bg); } /*.l4ts.slider-aside {}*/ /*.l4tt {}*/ .l4tt li > *:first-child { margin-right: 10px; } .l4tt li + li { margin-top: calc(var(--main_mr) * 0.33333333333); } .l4tt li.strong { color: var(--primary_text_h); font-size: var(--main_h4); font-weight: var(--price_fw); line-height: var(--main_lh_h); } .l4tt li.strong > *:first-child { font-weight: var(--main_fw_h); } .l4tt li + li.strong { margin-top: var(--main_mr_x075); } /*.l4tt + * { margin-top: var(--main_mr_x125); }*/ .l4us { position: relative; z-index: 2; margin-bottom: calc(var(--main_mr) - var(--dist_c)); font-size: 1em; --dist_a: calc(var(--main_fz) * 1.75); --dist_b: 16px; --dist_c: calc(var(--main_mr) * 0.33333333333); --b2r: 0px; --bg: var(--light); } .l4us + .l4us { margin-top: calc(0px - var(--main_mr) + var(--dist_c)); } #root .l4us.margin-x075 { margin-bottom: calc(var(--main_mr_x075) - var(--dist_c)); } .l4us li/*, .l4us .li*/ { position: relative; max-width: 100%; margin-bottom: var(--dist_c); padding-left: var(--dist_a); font-size: 1em; line-height: var(--main_lh); opacity: 1; --cols_spacing: var(--dist_a); } .l4us[style*="--main_fz"] li { font-size: var(--main_fz); } .l4us li:not([class*="overlay-"])/*, .l4us .linot([class*="overlay-"])*/ { color: inherit; } #root .l4us li/*, #root .l4us .li*/ { font-family: var(--main_ff) !important; } .l4us li:before/*, .l4us .li:before*/ { left: var(--l0ra); right: var(--lar0); top: 0; min-width: var(--main_fz); margin: 0; font-family: i; font-size: 1em; line-height: calc(var(--main_lh) * var(--main_fz)); text-align: center; } .l4us:not(.no-arrows) li:before { top: 50%; margin-top: calc(0px - var(--main_lh) * var(--main_fz) * 0.5); } /*.l4us li[class*="icon-envelope"]:before,*/ .l4us li.icon-vkontakte:before, .l4us li.icon-discord:before, .l4us li.icon-truck:before, /*.l4us li.icon-youtube:before,*/ .l4us li.icon-x:before { font-size: .75em; } .l4us li.icon-shop:before, .l4us li.icon-time:before { font-size: 1.115em; } .l4us li.icon-app:before { font-size: 1.25em; } .l4us li:not([class*="icon-"]):before/*, .l4us .li:not([class*="icon-"]):before*/ { content: "\e979"; /*color: var(--alert_valid);*/ font-size: 0.625em; } .l4us li > * + */*, .l4us .li > * + **/ { margin-left: var(--dist_b); } #root .l4us .swiper-button-prev, #root .l4us .swiper-button-next { overflow: visible; width: 8px; margin-left: 0; margin-right: 0; } .l4us .swiper-slide .swiper-button-prev { left: calc(0px - var(--li_dist)); } .l4us .swiper-slide .swiper-button-next { right: calc(0px - var(--li_dist)); } .l4us i.icon-info, .l4us i.icon-info-circle { top: .1em; margin-left: 4px; } .l4us .swiper-slide { padding: 0 var(--li_dist); } .l4us .swiper-outer { overflow: visible; } .l4us .swiper-slide .swiper-button-nav { top: 0; bottom: auto; height: calc(var(--main_fz) * var(--main_lh)); margin-top: 0; } .l4us:not(.inline) > .swiper-button-prev, .l4us:not(.inline) > .swiper-button-next, .l4us.inline .swiper-slide .swiper-button-prev, .l4us.inline .swiper-slide .swiper-button-next, .l4us .linked, .l4us .inner-text, #content .l4us.s4wi:not(.text-center) .swiper-slide .swiper-button-prev { display: none; } #content .l4us.s4wi:not(.text-center) > .swiper-button-prev, .l4us .swiper-button-prev, .l4us .swiper-button-next { display: block; top: 0; bottom: auto; height: /*calc(var(--main_fz) * var(--main_lh))*/ 100%; margin-top: 0; } /*#content .l4us.wide.s4wi:not(.text-center) > .swiper-button-prev { height: calc(100% - var(--dist_c)); }*/ /*.l4us:not([class*="margin-"]) + .l4us { margin-top: calc(0px - var(--main_mr) + var(--main_mr) * 0.33333333333);}*/ .l4us:empty + hr, .l4al:empty, .l4us:empty { display: none; } .l4us .countdown:not(.done) { display: none; } .l4us[class*="palette"] { --bg: var(--primary_bg); } .l4us.s4wi { margin-bottom: var(--main_mr); } .l4us .swiper-slide li { margin-bottom: 0; } .l4us.inline { margin-right: calc(0px - var(--dist_a)); } .l4us.inline li { margin-right: var(--dist_a); } .l4us.inline .swiper-slide li { margin-left: 0; margin-right: 0; } /*.l4us.inline-link a, .l4us .inline-link a { color: inherit; text-decoration: none; }*/ .l4us.size-l { --dist_a: var(--size_34_f); --dist_c: var(--main_mr_x075); } .l4us.size-l li/*, .l4us.size-l .li*/ { /*margin-bottom: var(--main_mr_x075);*/ font-size: var(--size_18_f); } .l4us.size-l li:before/*, .l4us.size-l .li:before*/ { min-width: var(--size_18_f); } .l4us.size-l li > span/*, .l4us.size-l .li > span*/ { font-size: var(--main_fz); } /*.l4us.no-checks {}*/ .l4us.no-checks li:not([class*="icon-"]), /*.l4us.no-checks .li:not([class*="icon-"]),*/ .l4us .no-checks { /*--dist_a: 0px;*/ padding-left: 0; padding-right: 0; } .l4us.no-checks li:not([class*="icon-"]):before, /*.l4us.no-checks .li:not([class*="icon-"]):before, .l4us .no-checks.li:not([class*="icon-"]):before,*/ .l4us li.no-checks:not([class*="icon-"]):before { display: none; } .l4us.wide { border: var(--bd) solid rgba(0,0,0,0); border-bottom-width: calc(var(--bd) - var(--dist_c)); border-left-width: 0; border-right-width: 0; --bd: var(--main_mr); } .l4us.wide.s4wi { border-bottom-width: var(--bd); } #root .l4us.wide:before { top: calc(0px - var(--bd)); bottom: calc(0px - var(--bd) + var(--dist_c)); background: var(--bg); } #root .l4us.wide.s4wi:before { bottom: calc(0px - var(--bd)); } /*.l4us.wide.s4wi { padding-bottom: calc(var(--main_mr) * 0.33333333333); }*/ .l4us.margin-half:not(.s4wi, .inline) > li:last-child { margin-bottom: 0; } .l4us.wide[style*="--mih"] { min-height: var(--mih); --bd: 16px; } .l4us.wide[style*="--mih"] > .swiper-outer { width: 100%; } .l4us.s4wi { margin-left: 0; margin-right: 0; } .l4us.no-arrows { --li_dist: 0px; } .l5us { list-style: none; padding-left: 0; margin-bottom: 14px; } .l5us li { display: flex; align-items: center; gap: 5px; } .l5us i { width: 26px; height: 26px; background: #EEE; color: #666; padding: 4px; border-radius: 6px; display: flex; align-items: center; justify-content: flex-start; } .l5us i svg { max-width: 100%; max-height: 100%; } .link-btn.tabs a:before { border-radius: 6px; } /*! Forms --------- */ fieldset, hr { min-width: 0; margin: 0; padding: 0; border-width: 0; } form p { position: relative; } legend { display: none; width: 100%; max-width: 100%; padding: 0; border: 0; white-space: normal; } input, select, textarea { position: relative; z-index: 1; margin: 0; padding: 0; box-shadow: none; border-radius: 0; font-size: 1em; line-height: normal; text-align: var(--text_align_start); text-transform: none; outline-width: 0; } input, select, textarea { -moz-appearance: none; -webkit-appearance: none; appearance: none; } input, select, textarea, button, input[type="button"], input[type="reset"], input[type="submit"] { box-sizing: border-box; text-transform: none; outline-offset: -2px; } input { } input::-webkit-search-decoration, input::-webkit-search-cancel-button, input::-webkit-outer-spin-button, input::-webkit-inner-spin-button, input::-webkit-clear-button, input::-webkit-calendar-picker-indicator { display: none; -webkit-appearance: none; visibility: hidden !important; height: auto; margin: 0; } input::-o-outer-spin-button, input::-o-inner-spin-button { appearance: none; margin: 0; } input::-webkit-inner-spin-button, input::-webkit-outer-spin-button { height: auto; } input::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } input::-webkit-datetime-edit { display: none; } [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } input[type="checkbox"], input[type="radio"] { display: inline-block; width: auto; height: auto; padding: 0; border: 0; background: none; line-height: 1; } input[type="checkbox"] { -moz-appearance: checkbox; -webkit-appearance: checkbox; appearance: checkbox; } input[type="radio"] { -moz-appearance: radio; -webkit-appearance: radio; appearance: radio; } input[type="color"] { padding: 0; cursor: pointer; } input[type="date"] { display: -webkit-inline-flex; } input[type="number"] { appearance: textfield; -moz-appearance: textfield; } input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type="number"]::-o-outer-spin-button, input[type="number"]::-o-inner-spin-button { -o-appearance: none; margin: 0; } textarea { overflow: auto; vertical-align: top; resize: vertical; } select { line-height: 1; text-overflow: ''; text-indent: 0.01px; } select::-ms-expand { display: none; } button, input[type="button"], input[type="reset"], input[type="submit"] { display: block; overflow: visible; position: relative; z-index: 3; height: auto; box-shadow: none; text-transform: none; text-indent: 0; cursor: pointer; outline-width: 0; -webkit-appearance: button; appearance: button; -webkit-font-smoothing: inherit; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; outline: none; } button[disabled], input[type="button"][disabled], input[type="reset"][disabled], input[type="submit"][disabled] { border-color: var(--silver); background: var(--silver); cursor: default; } ::-webkit-input-placeholder { opacity: .5; color: inherit; font-size: var(--main_fz); } :-ms-input-placeholder { opacity: .5; color: inherit; font-size: var(--main_fz); } ::-ms-input-placeholder { opacity: .5; color: inherit; font-size: var(--main_fz); } ::placeholder { opacity: .5; color: inherit; font-size: var(--main_fz); } form { } label, .label { display: block; position: relative; left: 0; top: 0; z-index: 2; margin-bottom: var(--main_mr_x025); color: inherit /*var(--primary_text_h)*/; font-weight: var(--main_fw_h); /*line-height: var(--main_lh_h);*/ } label span, .label span { font-weight: var(--main_fw); } /*label { margin-bottom: 9px; }*/ input, select, textarea, .bv_atual { display: block; width: 100%; border-radius: var(--b2i); border: 1px solid var(--input_bd); background: var(--input_bg); color: var(--input_fg); line-height: var(--main_lh); } input, select, .bv_atual { height: var(--input_height); padding: 0 var(--input_padding); } input[type="date"], .bv_atual { line-height: calc(var(--input_height) - 2px); } select, .bv_atual, .datepicker-input, input[type="date"] { padding-right: var(--input_height); } select { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 12.1 7.1' viewBox='0 0 12.1 7.1'%3E%3Cpath d='m11.8 1.8-5 5c-.4.4-1.1.4-1.5 0l-5-5C-.1 1.4-.1.7.3.3c.4-.4 1.1-.4 1.5 0L6 4.5 10.2.3c.4-.4 1.1-.4 1.5 0 .5.4.5 1.1.1 1.5z' style='fill:%23fff'/%3E%3Cpath d='M10.3.3 6 4.5 1.8.3C1.4-.1.7-.1.3.3c-.4.4-.4 1.1 0 1.5l5 5c.4.4 1.1.4 1.5 0l5-5c.4-.4.4-1.1 0-1.5-.4-.4-1.1-.4-1.5 0z' style='fill:%23444749'/%3E%3C/svg%3E"); background-position: calc(100% - var(--input_padding)) center; background-repeat: no-repeat; background-size: auto var(--size_6); line-height: normal; } .bv_atual { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .bv_atual:before { content: "\e969"; left: var(--lar0); right: var(--l0ra); width: calc(var(--input_height) * 2); padding: 0 var(--input_padding); font-size: var(--size_6); text-align: var(--text_align_end); } select { line-height: normal; } #root input[type="date"], #root .datepicker-input { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 14 16' viewBox='0 0 14 16' fill='%23959595'%3E%3Cpath d='M12.3 2H11V.8c0-.5-.3-.8-.7-.8s-.8.3-.8.8V2h-5V.8c0-.5-.3-.8-.7-.8S3 .3 3 .8V2H1.8C.8 2 0 2.8 0 3.8v10.5c0 1 .8 1.8 1.8 1.8h10.5c1 0 1.8-.8 1.8-1.8V3.8c-.1-1-.9-1.8-1.8-1.8zm.2 12.3c0 .1-.1.3-.3.3H1.8c-.1 0-.3-.1-.3-.3V7.5h11v6.8zm0-8.3h-11V3.8c0-.1.1-.3.3-.3h10.5c.1 0 .3.1.3.3V6z'/%3E%3C/svg%3E"); background-position: calc(100% - var(--main_fz)) center; background-size: auto max(18px, calc(var(--input_height) - var(--main_fz) * 4)); background-repeat: no-repeat; line-height: normal; } textarea { min-height: var(--height); height: var(--height); padding: var(--dist) var(--dist) var(--dist) calc(var(--input_height) * 0.46); --dist: calc(var(--input_height) / 2 - var(--main_fz) * var(--main_lh) / 2); --height: calc(var(--input_height) * 4.27272727273); } #root input + [class*="size-"], #root select + [class*="size-"], #root textarea + [class*="size-"], #root .select-wrapper + [class*="size-"] { display: block; margin-top: 6px; } form p + p.text-end { margin-top: calc(0px - var(--main_mr) + var(--main_mr_half)); } form p.text-end + .link-btn { margin-top: calc(0px - var(--main_mr) + var(--main_mr_double) * 0.75); } button, input[type="button"], input[type="reset"], input[type="submit"], .link-btn a, #skip a, .icv__label { position: relative; z-index: 2; width: auto; min-width: calc(var(--button_height) * 2.98); min-height: var(--button_height); padding: var(--button_dist_h) var(--button_dist); border-radius: var(--button_corners); border-width: 0; background: none; color: var(--theme_btn_text); font-family: var(--theme_btn_ff); font-weight: var(--theme_btn_fw); font-style: var(--theme_btn_fs); font-size: var(--theme_btn_fz); line-height: var(--theme_btn_lh); text-align: center; text-transform: var(--theme_btn_tt); letter-spacing: var(--theme_btn_ls); cursor: pointer; } input[type="button"], input[type="reset"], input[type="submit"], button:before, .link-btn a:before, #skip a { box-shadow: 0 16px 16px rgba(0,0,0,.08)/*, inset 2px -2px 0 rgba(0,0,0,.1)*/; border-radius: var(--button_corners); border: var(--button_bw) solid var(--theme_bg_btn); background: var(--theme_bg_btn); } input[type="button"], input[type="submit"], input[type="reset"] { padding: calc(var(--button_dist_h) - var(--button_bw)) calc(var(--button_dist) - var(--button_bw)); } .link-btn a.disabled, button[disabled], input[type="button"][disabled], input[type="reset"][disabled], input[type="submit"][disabled], button.disabled { pointer-events: none; opacity: .75; } .select-wrapper { display: block; position: relative; z-index: 9; } .select-wrapper select { display: block; position: relative; left: 0; top: 0; } .check { position: relative; z-index: 2; list-style: none; margin-bottom: calc(var(--main_mr) - var(--dist_check)); padding: 0; --dist_check: calc(var(--main_mr) * 0.33333333333); --size: 26px; --size_c: min(20px, calc(var(--main_fz) * 1.25)); --padding: 2px; --pd_l: calc(var(--size_c) + 10px); --f_dist: 12px; } .check > * { margin-bottom: var(--dist_check); } .check li { position: relative; z-index: 2; } /*.check:not(.inline) > * + *, .check > * + .invalid-feedback { margin-top: calc(var(--main_mr) * 0.33333333333); }*/ .check > * label { margin-bottom: 0; } .check label { position: relative; z-index: 3; padding-left: var(--pd_l); font-weight: var(--main_fw); line-height: var(--main_lh); } .check label:before { content: ""; display: block; position: absolute; left: var(--l0ra); right: var(--lar0); top: calc(0.5 * (var(--main_fz) * var(--main_lh) - var(--size_c))); width: var(--size_c); height: var(--size_c); border-radius: var(--b2i); border: 1px solid var(--input_bd); background: var(--input_bg); color: var(--white); font-family: i; font-weight: 400; font-size: calc(var(--main_fz) * 0.5); font-style: normal; line-height: calc(var(--size_c) - 2px); text-align: center; letter-spacing: normal; cursor: pointer; } .check input:checked ~ label:after { content: ""; width: 6px; height: 12px; border-bottom: #000 2px solid; border-right: #000 2px solid; transform: rotate(45deg); position: absolute; z-index: 1; left: 7px; top: 5px; } .check:not(.box) input[type="radio"] ~ label:before { --b2r: 99px; --b2i: 99px; } .check input { display: block; position: absolute; left: var(--l0ra); right: var(--lar0); top: 0; z-index: -1; opacity: 0; } .check input:checked ~ label:before { content: "\e979"; border-color: var(--theme_bg); background: var(--theme_bg); } .check input[type="radio"]:checked ~ label:before { content: ""; box-shadow: inset 2px 2px 0 var(--input_bg), inset -2px 2px 0 var(--input_bg), inset 0 3px 0 var(--input_bg), inset 2px -2px 0 var(--input_bg), inset -2px -2px 0 var(--input_bg), inset 0 -3px 0 var(--input_bg), inset 3px 0 0 var(--input_bg), inset -3px 0 0 var(--input_bg); cursor: default; } p + .check, .cols + .check { margin-top: calc(0px - (var(--main_mr) * 0.166)); } p .check { margin-bottom: calc(0px - var(--dist_check)); } .check .cols { --cols_spacing: calc(var(--main_fz) * 0.75); } .check input[disabled] ~ label, .check input.disabled ~ label { color: var(--silver); } .check input[disabled] ~ label { pointer-events: none; } #root .check.box input[disabled] ~ label:after, #root .check.box input.disabled ~ label:after { left: 1px; right: 1px; top: 1px; bottom: 1px; border-radius: var(--b2i); background: linear-gradient(to bottom right,var(--gallery) 25%,transparent 25%,transparent 50%,var(--gallery) 50%,var(--gallery) 75%,transparent 75%,transparent); background-size: 4px 4px; } .day-switched #root .check.box input[disabled]~label:after, .day-switched #root .check.box input.disabled~label:after { opacity: .08; } /*#root .check.box input.disabled:checked ~ label:before { --gallery: var(--theme_bg); opacity: .4; }*/ .check:not(.box) input[disabled] ~ label:before, .check:not(.box) input.disabled ~ label:before { --theme_bg: var(--alto); } .check:not(.box) input[disabled] ~ label:before { cursor: default; } .check .tip { display: none; } .check + .link-btn { margin-top: var(--main_mr_x125); } /*.check label.align-middle {}*/ .check label.align-middle:before, .check label.align-middle:after { top: 50%; margin-top: calc(0px - var(--size_c) * 0.5); } #root .check figure { width: var(--size); height: var(--size); margin: 0 var(--f_dist) 0 0; } #root .check figure img { display: block; /*height: var(--size) !important;*/ } .check figure.size-xs { --size: 20px; } .check figure.size-s { --size: 35px; } .check figure.size-m { --size: 50px; } .check figure.size-l { --size: 65px; } #root .check input:checked ~ label figure { border-color: var(--theme_bg); } .check label.align-middle, .check label.align-middle ~ * { -webkit-align-self: center; align-self: center; } #root .check label.plain figure { margin-right: calc(var(--f_dist) - 1px - var(--padding)); padding: var(--padding); border-radius: var(--b2p); border: 1px solid rgba(0,0,0,0); } #root .check label.plain figure:not([class*="size-"]) { margin-right: calc(var(--pd_l) - var(--size)); } #root .check label.plain figure.size-xs { margin-right: calc(var(--pd_l) - var(--size) - var(--padding) * 2 - 1px); } #root .check label.plain figure[class*="size-"] { width: calc(var(--size) + var(--padding) * 2 + 1px); height: calc(var(--size) + var(--padding) * 2 + 1px); } /*#root .check label.plain figure img { height: calc(var(--size) - var(--padding) * 2 - 2px) !important; } #root .check label.plain figure[class*="size-"] img { height: calc(var(--size) + var(--padding) * 2 + 1px) !important; }*/ /*#root .check label.plain figure { width: var(--pd_l); margin-right: 0; }*/ .check.inline { margin-right: calc(0px - var(--cols_spacing)); } .check.inline > * { margin-right: var(--cols_spacing); } .check.box { margin: 0 0 max(0.1px, calc(var(--main_mr) - var(--dist))) calc(0px - var(--dist)); --dist: 10px; --pd: calc(var(--input_height) * 0.3); --width: var(--input_height); } .check.box > * { margin: 0 0 var(--dist); border-left: var(--dist) solid rgba(0,0,0,0); } .check.box label { min-width: var(--width); min-height: var(--input_height); padding: /*calc(var(--input_height) * 0.2) var(--pd)*/ 4px; color: var(--input_fg); cursor: pointer; } .check.box label img, .check.box label picture { display: block; overflow: hidden; border-radius: 0; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; } .check.box label > span:not(.img) { padding: calc(var(--pd) * 0.5 - 4px) calc(var(--pd) - 4px); } /*.check.box:not(.compact) label img, .check.box:not(.compact) label picture { position: relative; top: calc(var(--pd) * 0.5); margin-top: calc(0px - var(--pd)); }*/ #root .check.box label > * + span { padding-left: var(--pd); } /*.check.box:not(.compact) label img { width: 100% !important; height: 100% !important; }*/ .check.box label picture { max-width: calc(var(--width) - 8px); /*height: calc(var(--input_height) * 0.8181818182);*/ } .check.box label.overlay-gray { color: inherit; } .check.box label.overlay-gray { --input_bg: var(--sand); } .check.box label.overlay-gray.strong { --input_bg: var(--input_bd); } .check.box input:not([disabled], .disabled):checked ~ label, .check.box input:not([disabled], .disabled):checked ~ label * { /*font-weight: var(--main_fw_strong);*/ color: var(--theme_bg); } #root .check.box label:before { left: 0; right: 0; top: 0; bottom: 0; z-index: -2; width: auto; height: auto; box-shadow: none; border-radius: var(--b2i); background: var(--input_bg); text-indent: -3000em; text-align: left; direction: ltr; opacity: 1; } /*.check.box input[disabled]:checked ~ label:before, .check.box input.disabled:checked ~ label:before { border-color: var(--input_bd); }*/ #root .check input[disabled] ~ label:before, #root .check input.disabled ~ label:before { opacity: 1; } .check input[disabled] ~ label img, .check input.disabled ~ label img { opacity: .4; } /*#root .check.box label:after { display: none; }*/ .check.box.compact { } .check.box.compact label { /*width: calc(var(--input_height) * 1.4);*/ /*min-width: 0; min-height: 0; padding: 4px; white-space: nowrap;*/ } /*.check.box.compact picture { width: 100%; max-width: none; height: auto; } .check.box.compact img { width: 100% !important; } */ .check.color { margin-right: calc(0px - var(--dist_a)); margin-bottom: calc(var(--main_mr) - var(--dist_b)); /*color: var(--input_fg);*/ --dist_a: 6px; --dist_b: var(--dist_a); } .check.color > *, #root .check.color > li { overflow: visible; width: auto; max-width: none; margin: 0 var(--dist_a) var(--dist_b) 0; padding: 0; border-width: 0; } #root .check.color label, #root .check.color li > *:first-child:not(input) { display: block; position: relative; z-index: 2; padding: 0; } #root .check.color label, #root .check.color label ~ * { -webkit-align-self: center; align-self: center; } #root .check.color label i, #root .check.color li > *:first-child i, .check label.color .icon-circle { display: block; overflow: hidden; position: relative; z-index: 2; width: var(--size); height: var(--size); margin: 0; padding: 0; border-radius: var(--size); border: 1px solid rgba(0,0,0,0); } .check.color label i:before, #root .check.color li > *:first-child i:before, .check label.color .icon-circle:before { content: ""; display: block; position: absolute; left: var(--padding); right: var(--padding); top: var(--padding); bottom: var(--padding); box-shadow: inset 0 -1px 2px rgba(0,0,0,.16); border-radius: var(--size); background-position: center center !important; background-size: cover !important; background: var(--color); font-size: calc(var(--size) - var(--padding) * 2); line-height: calc(var(--size) - var(--padding) * 2); text-align: left; text-indent: -3000em; direction: ltr; } .check.color label:before, .check.color label:after, .check.color label > *:not(a), #root .check.color li > a:not(.link-more) span:not(.tip), .check.color li > *:first-child:not(.link-more) span:not(.tip), .check.color a:not(.link-more) span:not(.tip) { display: none; } #root .check.color .has-link-more a.link-more i { display: inline-block; overflow: visible; position: relative; left: 0; right: 0; top: -.35em; bottom: 0; margin-left: 3px; box-shadow: none; border-radius: 0; font-size: var(--size_6); line-height: 1px; text-indent: 0; } #root .check input:checked ~ label .icon-circle { border-color: var(--theme_bg); } #root .check input[disabled] ~ label .icon-circle, #root .check input.disabled ~ label .icon-circle, #root .check input[disabled] ~ label.plain figure , #root .check input.disabled ~ label.plain figure { overflow: hidden; border-color: var(--input_bd); cursor: default; pointer-events: none; } #root .check.color input[disabled] ~ label .icon-circle:after, #root .check.color input.disabled ~ label .icon-circle:after, #root .check input[disabled] ~ label.color .icon-circle:after, #root .check input.disabled ~ label.color .icon-circle:after, .check input[disabled] ~ label.plain figure:after, .check input.disabled ~ label.plain figure:after { content: ""; display: block; position: absolute; left: 0; top: 50%; right: 0; width: auto; height: 1px; margin-top: -0.5px; background: var(--input_bd); opacity: 1; cursor: default; pointer-events: none; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #root .check input[disabled][checked] ~ label, #root .check input[disabled][checked] ~ label:after, #root .check input.disabled[checked] ~ label, #root .check input.disabled[checked] ~ label:after { --input_bd: var(--alert_error); } .check input[disabled][checked] ~ label span:not(:has(span)), .check input.disabled[checked] ~ label span:not(:has(span)) { color: inherit; font-weight: inherit; opacity: 1; } #root .check.color li.link-more a { border-radius: 0; border-width: 0; } #root .check.color li.link-more a i { } .check.color li.limit { font-size: var(--main_fz); font-weight: var(--main_fw_semi); } .check.color li.limit a { color: inherit; font-weight: inherit; text-decoration: none; } #root .check.color li.hidden:last-child { width: 100%; margin-bottom: 0; /*padding-top: 2px;*/ } #root .check.color input[disabled] ~ label:before, #root .check.color input.disabled ~ label:before { background: none; } .check:not(.box) label span:not(.img) { color: var(--primary_text); font-weight: var(--main_fw); opacity: .4; } .check:not(.box) label span:not(.img, :has(span)) { color: var(--primary_text); font-weight: var(--main_fw); opacity: .4; } .check.plain label { padding-left: 0; padding-right: 0; cursor: pointer; } .check.plain label:before { display: none; } .check.plain input:checked ~ label { padding-left: 24px; } /*.check.plain label span, .check.plain span span, label.plain ~ .cols span span { color: var(--primary_text); font-weight: var(--main_fw); opacity: .4; }*/ .check.plain:not(.switch) input:checked:not([disabled], .disabled) ~ label, .check.plain:not(.switch) input:checked ~ span, .check input:checked ~ label.plain ~ * { color: var(--theme_bg); font-weight: var(--main_fw_strong); } .check.plain input:checked ~ label:before { display: block; width: auto; height: auto; border-radius: 0; border-width: 0; background: none; color: inherit; font-size: var(--size_11_f); } .check.plain input[disabled] ~ span, .check.plain input.disabled ~ span { color: var(--gray); font-weight: var(--main_fw); } .check label.plain, .check label.color { padding-left: 0; padding-right: 0; cursor: pointer; } .check label.plain:before, .check label.color:before { display: none; } /*.check label.plain.align-middle figure { margin-left: calc(0.5 * (var(--size) - var(--img_s))); }*/ /*.check label.plain { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 99; }*/ /*.check.switch {}*/ #root .check.switch label { width: 100%; padding: 0 var(--size_60_f) 0 0; } #root .check.switch label:before { content: ""; display: block; position: absolute; left: var(--lar0); right: var(--l0ra); top: 0; width: var(--size_44_f); height: var(--size_24_f); border-radius: var(--size_24_f); border-width: 0; background: var(--gallery); } #root .check.switch label:after { content: ""; display: block; position: absolute; left: auto; right: var(--size_44_f); top: calc(var(--main_fz) * 0.125); z-index: 2; width: var(--size_20_f); min-width: 0; height: var(--size_20_f); min-height: 0; margin-right: calc(0px - var(--size_22_f)); box-shadow: 0 1px 3px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.06); border-radius: var(--size_24_f); background: var(--white); opacity: 1; cursor: pointer; -webkit-transform: none; transform: none; } #root .check.switch input:checked ~ label:before { background: var(--theme_bg); } #root .check.switch input:checked ~ label:after { right: var(--size_24_f); } #root .check.switch label.text-end { padding-right: 0; padding-left: var(--size_60_f); } #root .check.switch label.text-end:before { left: var(--l0ra); right: var(--lar0); } #root .check.switch label.text-end:after { left: var(--size_24_f); right: auto; margin-right: 0; margin-left: calc(0px - var(--size_22_f)); } #root .check.switch input:checked ~ label.text-end:after { right: auto; left: var(--size_44_f); } .input-amount, .input-amount .semantic-amount { display: block; position: relative; } .input-amount input { max-width: var(--w); padding-left: calc(var(--input_height) * 0.35); --w: calc(var(--input_height) * 1.4); } .input-amount .incr, .input-amount .decr { display: block; overflow: visible; position: absolute; left: var(--lar0); right: var(--l0ra); z-index: 9; width: calc(var(--input_height) * 0.8 - 10px); min-width: 0; height: 50%; min-height: 0; margin: 0; padding: 0; box-shadow: none; color: var(--input_fg); font-size: calc(var(--input_height) * 0.1); line-height: calc(var(--input_height) * 0.25); text-align: left; text-indent: -3000em; direction: ltr; } .input-amount .incr { top: 0; } .input-amount .decr { bottom: 0; } .input-amount .semantic-amount > a:before { margin: 0; padding-right: 10px; box-shadow: none; border-radius: 0; background: none; line-height: inherit; } .input-amount .incr:before { content: "\e968"; top: auto; bottom: 0; } .input-amount .decr:before { content: "\e969"; top: 0; bottom: auto; } .input-amount .semantic-amount > a.disabled { opacity: .3; cursor: default; } .link-btn .input-amount { -webkit-align-self: stretch; align-self: stretch; } .link-btn .input-amount input { width: var(--w); min-height: 100%; } /*.input-amount.inline {}*/ .input-amount.inline input { padding: 0 var(--input_padding); text-align: center; --w: calc(var(--input_height) * 2.12727272727); } #root .input-amount.inline input { background: none; } .input-amount.inline .incr, .input-amount.inline .decr { top: 0; bottom: 0; height: auto; } #root .input-amount.inline .incr, #root .input-amount.inline .decr { width: calc(var(--input_height) * 0.81818181818); } .input-amount.inline .incr { left: var(--lar0); right: var(--l0ra); } .input-amount.inline .decr { left: var(--l0ra); right: var(--lar0); } .input-amount.inline .incr:before, .input-amount.inline .decr:before { top: 50%; bottom: auto; margin-top: -10px; padding: 0; border-width: 0; font-size: var(--size_12); line-height: 20px; text-align: center; } .input-amount.inline .incr:before { content: "\e910"; } .input-amount.inline .decr:before { content: "\e90d"; } #root .link-btn .input-amount ~ button { width: auto; } /*.input-amount.inline.compact {}*/ .input-amount.inline.compact input { padding: 0 calc(var(--input_height) * 0.35); border-width: 0; color: inherit; --w: calc(var(--input_height) * 1.45454545455); } .input-amount.inline.compact .incr, .input-amount.inline.compact .decr { width: calc(var(--input_height) * 0.35); color: inherit; } .input-amount.inline.compact .incr:before { text-align: var(--text_align_end); } .input-amount.inline.compact .decr:before { text-align: var(--text_align_start); } /*.input-inline {}*/ .input-inline input { width: 0% !important; margin-right: 12px; -webkit-flex-grow: 3; -ms-flex-grow: 3; flex-grow: 3; } .input-inline input:last-child { width: 100%; margin-right: 0; margin-left: 0; } #root .input-inline button, #root .input-inline .link-btn a { width: auto; min-width: 15px; /*height: 45px;*/ min-height: var(--input_h); margin-top: 0; margin-bottom: 0; margin-right: 0; /*padding: 0 15px;*/ } .input-inline .link-btn { margin: 0; } .input-prefix, .input-suffix { display: block; position: relative; z-index: 2; } .input-prefix > span:first-child, .input-suffix > span:first-child { display: block; position: absolute; left: var(--l0ra); right: var(--lar0); top: 0; z-index: 9; padding: 0 0 0 var(--input_padding); color: var(--input_pl); line-height: var(--input_height); } .input-prefix > span:first-child:after { content: "\00a0"; } .input-suffix > span:first-child { left: var(--lar0); right: var(--l0ra); padding-left: 0; padding-right: var(--input_padding); } .input-suffix > span:first-child:before { content: "\00a0"; } .input-prefix > span:first-child + input { padding-left: var(--input_height); } .input-suffix > span:first-child + input { padding-right: var(--input_height); } /*.input-show {}*/ .input-show label { display: block; /*margin-bottom: 14px;*/ font-size: var(--main_fz); font-weight: var(--main_fw_strong); } .js .input-show label { padding-right: calc(var(--main_fz) * 1.4285714286); } .js .input-show label:before { content: "\e969"; left: auto; font-size: calc(var(--main_fz) * 0.4285714286); } .js .input-show.toggle label:before { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .input-show label a.toggle { direction: ltr; text-align: left; text-indent: -3000em; } .input-show ::-webkit-input-placeholder { opacity: 1; } .input-show :-ms-input-placeholder { opacity: 1; } .input-show ::-ms-input-placeholder { opacity: 1; } .input-show ::placeholder { opacity: 1; } .input-show:not(.toggle) label + *, .input-show a.toggle { display: none; } /*.js .input-show.toggle label, .js .form-cart .cols > aside > .input-show.toggle:first-child label { margin-bottom: 8px; } .input-show label a.toggle { top: -13px; bottom: -5px; } .form-cart .cols > aside > .input-show:first-child label { margin-bottom: 20px; }*/ .f8cm { max-width: 936px; } .f8nw { position: relative; z-index: 4; /*max-width: 1400px;*/ min-height: 262px; margin: var(--main_mr_section) auto; padding: var(--dist_b) var(--dist_a) calc(var(--dist_b) - var(--main_mr)); --dist_a: 65px; --dist_b: 52px; } .f8nw fieldset { width: calc(100% + var(--cols_spacing)); margin-left: calc(0px - var(--cols_spacing)); } .f8nw fieldset > * { min-width: 50%; border-left: var(--cols_spacing) solid rgba(0,0,0,0); } .f8nw:not(.wide) .img-overlay { overflow: hidden; border-radius: var(--b2p); } #root .f8nw > .img-overlay, #root .f8nw fieldset > .img-overlay { z-index: -1 !important; min-width: 0; margin-top: 0; margin-bottom: 0; border-width: 0; } /*.f8nw .img-overlay { --b2p: var(--b2r); }*/ .f8nw header { width: calc(475px + var(--cols_spacing)); max-width: calc(475px + var(--cols_spacing)); } .f8nw h1:not(:last-child), .f8nw h2:not(:last-child), .f8nw h3:not(:last-child), .f8nw h4:not(:last-child), .f8nw h5:not(:last-child), .f8nw h6:not(:last-child) { margin-bottom: calc(var(--main_mr) * 0.45); } .f8nw > div, .f8nw fieldset > div { width: 100%; max-width: calc(560px + var(--cols_spacing)); } .f8nw .cols > *:first-child { -webkit-flex-grow: 3; -ms-flex-grow: 3; flex-grow: 3; } /*#content .f8nw .check, .shopify-section-content .f8nw .check { --input_bd: var(--onyx); --input_bg: none; }*/ .has-footer-negative-margin #content > .shopify-section:last-child > .f8nw, .has-footer-negative-margin .shopify-section-content > .f8nw:last-child, .has-footer-negative-margin .shopify-section-content > .shopify-section:last-child > .f8nw, .has-footer-negative-margin #content > .f8nw:last-child { margin-bottom: 0; } /* #content > .f8nw:last-child { margin-bottom: 0; } #content > .f8nw:last-child:after, #content > .shopify-section:last-child > .f8nw:last-child:after { z-index: -3; top: 50%; background: var(--footer_bg); }*/ .f8nw.wide { max-width: none; --dist_a: 0px; margin-left: 0; margin-right: 0; } /*! Helpers --------- */ .clear { clear: both; } a span.hidden, label.hidden { display: block; position: absolute; left: var(--lora); right: var(--laro); top: 0; } /*#root .desktop-hide, #root .tablet-only, #root .mobile-only { visibility: hidden; position: absolute; left: 0; top: 0; right: auto; bottom: auto; }*/ summary::-webkit-details-marker { display: none; } .hidden, [hidden], template, #nav em, q:after, body > *:not(#root, .fancybox__container) button:before, html.no-js .no-js-hidden, html:not(.no-js) .js-hidden, body > .locale-selectors__container, body > div > .locale-selectors__container, .shopify-section-announcement-bar, #nav-top a:after, .l4pm a:after, .l4sc a:after, .l4sc a span, .shopify-section-footer a.header-toggle, .shopify-section-footer a:after, .shopify-section-footer form p:not(.check) label, .l4dr li > ul, .l4dr li > form, #distance-spacer, .no-js a.link-more, #recover, #recover:target ~ #login, body .no-js, .popup-a, label a.show, .link-btn.hidden, .no-js .link-day, .link-overlay, #root .l4cl span.hidden, #root .swiper-button-disabled, .accordion-a .acc-toggle, .l4ca .removed, #root .check .limit, #root .l4cl .hidden, #root .l4cl .check.color:not(.limit-clicked) .hidden-check, #root .l4cl .check.color.limit-clicked .hidden-check ~ li.limit, .slider-aside-arrow, .l4ts-aside, #logo img.inv, .bv_ul_inner, select.hidden, .m6lm:not(.high) + .has-link-more, .link-more-clicked > .m6lm:before, #root .cols.hidden, .table-drop tr.sub, .table-drop a.toggle, #nav-user > ul > li > a i span.hidden, .shopify-cleanslate [aria-hidden="true"], .tabs-header, .input-range-steps, .visuallyhidden, #root > .l4cl.cart, #root .l4cl.hidden, #root .l4ft.hidden, .s1ld .rating-head, .shopify-payment-button__button--hidden, .js .input-range.single input, .input-range-steps, button .processing, button .processed, form.processing button .processing ~ *, form.processed button .processed ~ *, .l4sc.box.hidden, .link-btn > .hidden, .countdown.compact .simply-word, .countdown.hide-days .simply-days-section, .l4al.dont-close li > a.close, #nav > .link-day, #nav > .link-day-container, .f8fl .f8fl-toggle, .input-show:after, #root > .cookie-close, .datepicker-dropdown, [data-shopify-xr-hidden], #root .l4ca > li.invalid-feedback:before, .m6tm .handler .toggle, #root .shopify-payment-button__button--hidden, #root .link-btn.text-justify:after, #root .m6kn:not(.done) { display: none; } article, aside, details, dialog, div, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary, #recover:target, #root .l4cl .hidden-check ~ .hidden, .js .m6lm + * > a.link-more, #nav-top .l4us.s4wi, .cols > .img img { display: block; } hr { display: block; overflow: hidden; width: 100%; height: 1px; margin: var(--main_mr_double) 0; padding: 0; border: 0; border-top: 1px solid var(--input_bd); background: none; font-size: 0; } .cols + hr, .cols + h1, .cols + h2, .cols + h3, .cols + h4, .cols + h5, .cols + h6, .cols + .h1, .cols + .h2, .cols + .h3, .cols + .h4, .cols + .h5, .cols + .h6 { margin-top: var(--main_mr); } .link-btn + hr, .link-btn + figure, .link-btn + h1, .link-btn + h2, .link-btn + h3, .link-btn + h4, .link-btn + h5, .link-btn + h6, .link-btn + .h1, .link-btn + .h2, .link-btn + .h3, .link-btn + .h4, .link-btn + .h5, .link-btn + .h6 { margin-top: calc(var(--main_mr_double) - 16px); } hr.margin-content { --main_mr_double: var(--main_mr); } hr.margin-x075 {--main_mr_double: var(--main_mr_x075); } h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, .h1:first-child, .h2:first-child, .h3:first-child, .h4:first-child, .h5:first-child, .h6:first-child, figure:first-child, hr:first-child, .f8nw:first-child, .n6br + *, .link-btn:first-child, .submit-box > .link-btn:last-child, h1.size-content:first-child, h2.size-content:first-child, h3.size-content:first-child, h4.size-content:first-child, h5.size-content:first-child, h6.size-content:first-child, .header:first-child, .h1:first-child, .h2:first-child, .h3:first-child, .h4:first-child, .h5:first-child, .h6:first-child, #root .size-content + *:not(.size-content), .img-overlay:first-child + *, header:first-child, #root legend + *, .l4cu:first-child, .l4ts:first-child, .l4cl:first-child, .l4cl.mobile-featured:first-child + .l4cl, [class*="margin-"] + *, .l4st .link-btn, .n6pg .link-btn:first-child, .spr-pagination .link-btn:first-child, header:first-child, legend:first-child + header, .l4cl + .link-btn, .l4cl li:not(.featured) .link-btn, .l4st + .link-btn, .input-show + hr.margin-x075, header + header, .offset-dist:first-child + .link-btn, .cols > .link-btn, .l4tt + .link-btn, .l4st .img + *, .l4st i + * { margin-top: 0; } link:first-child + figure, link:first-child + h1, link:first-child + h2, link:first-child + h3, link:first-child + h4, link:first-child + h5, link:first-child + h6, link:first-child + noscript + figure, link:first-child + noscript + h1, link:first-child + noscript + h2, link:first-child + noscript + h3, link:first-child + noscript + h4, link:first-child + noscript + h5, link:first-child + noscript + h6 { margin-top: 0px; } #root .margin-0, ul ul, ul ol, ol ol, ol ul, .shopify-section-footer > .l4pm:last-child, #content > .m6fr.wide:last-child, #root .l4cl figure .figcaption, #root #nav-user > ul > li > .link-btn, #nav-user > ul > li > .link-btn a, .check .cols figure { margin-bottom: 0; } #root .margin-5 { margin-bottom: 5px; } #root .margin-10 { margin-bottom: 10px; } #root .margin-15 { margin-bottom: 15px; } #root .margin-20 { margin-bottom: 20px; } #root .margin-25 { margin-bottom: 25px; } #root .margin-30 { margin-bottom: 30px; } #root .margin-35 { margin-bottom: 35px; } #root .margin-40 { margin-bottom: 40px; } #root .margin-50 { margin-bottom: 50px; } #root .margin-60 { margin-bottom: 60px; } #root .margin-65 { margin-bottom: 65px; } #root .margin-70 { margin-bottom: 70px; } #root .margin-100 { margin-bottom: 100px; } #root .margin-x025 { margin-bottom: var(--main_mr_x025); } #root .margin-x05, #root .margin-half { margin-bottom: var(--main_mr_half); } #root .margin-x075 { margin-bottom: var(--main_mr_x075); } #root .margin-x125 { margin-bottom: var(--main_mr_x125); } #root .margin-x15 { margin-bottom: var(--main_mr_x15); } #root .margin-spacing { margin-bottom: var(--cols_spacing); } #root .margin-content { margin-bottom: var(--main_mr); } #root .margin-double { margin-bottom: var(--main_mr_double); } #root .shopify-challenge__container { margin-bottom: var(--main_mr_double) !important; } #root [class*="margin-"] + * { margin-top: 0; } /*! Miscellaneous --------- */ audio, canvas, iframe, img, svg, video { border-width: 0; vertical-align: middle; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; max-width: 100%; } audio:not([controls]), video[autoplay]:not([muted]) { display: none; } svg:not(:root) { overflow: hidden; } /*! Flexbox --------- */ /* flex */ .check figure.img-cover picture, #root .check figure, .check label.color, .check label.align-middle, .spr-starrating [role="img"], .l4us.wide[style*="--mih"], .r6rt .rating, .r6rt .rating > *, .s1pr, .m6fr figure figcaption, .has-l4ft, .l4ft figure > span:not(.img-overlay), .m6tb > nav a, #content.fullheight, .countdown .simply-section, .m6bx, .l4cn, .shopify-section-footer .check, .l4cm footer h1, .l4cm footer h2, .l4cm footer h3, .l4cm footer h4, .l4cm footer h5, .l4cm footer h6, .l4cm footer, .check.box label picture, .check.box label, .check.box, .l4as li, .n6br, #nav-top .l4us .outer .inner-text, #nav-top > .l4us .nowrap, p.has-link-more, .n6pg ol, .n6pg ul, .spr-pagination > div, .n6pg, .spr-pagination, .l4cl .has-featured, .l4cl li.featured, /*.l4cl .li.featured,*/ #logo.text-center ~ #nav-outer, #root .check .hidden-check ~ .limit, .swiper-custom-bullets, .check.inline, .l4ft li, .l4ft .main, .l4ft, .s1us, .l4ts, .l4cl.align-center .swiper-slide, .l4cl.align-center figure, .l4cl.align-center li, /*.l4cl.align-center .li,*/ .l4cu, .l4st .img, .l4st, #root .m6fr article > figure, .m6fr article, .l4us li, .l4cl.hr form, .l4cl.hr li, /*.l4cl.hr .li,*/ .l4in, .check.color, .r6rt, .l4cl figure > span, .l4cl figure a > span, .l4cl, .l4al li, .l4al, .l4tt li, #logo, .l4ca > li > footer, .l4ca > li > .footer, .input-amount .semantic-amount, .input-amount, .l4ca ul, .l4ca > li, #nav-user, #search, #nav > ul > li, #nav > ul > li > a, #nav > ul, #nav-user > ul > li > a, #logo a, #logo figure, #logo picture, #nav-user > ul, #header-inner, #nav-top > .l4us .outer, #nav-top > ul, #nav-top, .submit-box, .l4us:not(.s4wi), .l4us .swiper-slide, .n6br ul, .n6br ol, .f8nw, .f8nw fieldset, #skip li, .l4dr a, .l4dr, .input-inline, .shopify-section-footer, .l4cn li, .l4sc, .l4pm, .shopify-section-footer > nav, .cols, .link-btn > button, button, input[type="button"], input[type="reset"], input[type="submit"], .link-btn a, .link-btn, .submit, #root { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } /* flix */ .countdown, .shopify-section-footer figure, .countdownfigure, .s1bx { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: inline-flex; } /* f:wr */ .m6fr figure figcaption, .cols.br, .l4cl li.featured, /*.l4cl .li.featured,*/ .l4us.inline { -webkit-flex-wrap: wrap; flex-wrap: wrap; } /* f:wn */ .check label.color, .check label.align-middle, .l4us.wide[style*="--mih"], .r6rt .rating > *, .l4us li, .has-l4ft, .input-inline, .m6tb > nav a, #content.fullheight, .countdown .simply-section, .m6bx, .l4cn, .l4cm footer, .check.box label, .l4as li, #nav-top .l4us .outer .inner-text, #nav-top > .l4us .nowrap, #logo.text-center ~ #nav-outer, .l4ft li, .l4ft .main, .s1us, #root .m6fr article > figure, .m6fr article, .l4cl.hr form, .l4cl.hr li, /*.l4cl.hr .li,*/ .l4cl figure > span:not(.inline), .l4cl figure a > span:not(.inline), .l4al li, .l4al, .l4tt li, #logo, .l4ca > li > footer, #root .l4ca li, #nav-user, #search, #nav > ul > li, #nav > ul > li > a, #nav > ul, #nav-user > ul > li > a, #nav-user > ul, #header-inner, #nav-top > .l4us .outer, #nav-top > ul, #nav-top, .submit-box, .l4us, .f8nw, .f8nw fieldset, .l4dr a, .shopify-section-footer, .l4cn li, .shopify-section-footer > nav, .cols, #root { -webkit-flex-wrap: nowrap; flex-wrap: nowrap; } /* f:dr */ .check figure, .m6fr figure, #nav-top .l4us, .l4us.inline { -webkit-flex-direction: row; flex-direction: row; } /* f:ds */ .cols.inv, .l4cl.hr.inv form, .l4cl.hr.inv li { -webkit-flex-direction: row-reverse; flex-direction: row-reverse; } /* f:dc */ .has-l4ft, #content.fullheight, .m6bx, .l4cn, .l4cl li.featured, /*.l4cl .li.featured,*/ .l4cl figure .link-btn, #logo.text-center ~ #nav-outer, .l4ft li, .l4ft .main, .m6fr article, .l4cl figure > span, .l4cl figure a > span, .l4al li, .l4al, #logo, #nav-user, #search, .l4us, .shopify-section-footer, figure, #root { -webkit-flex-direction: column; flex-direction: column; } /* f:dd */ .submit-box { -webkit-flex-direction: column-reverse; flex-direction: column-reverse; } /* f:js */ .countdown, .m6fr figure, .m6bx.align-start, .cols.align-start, .l4cl li.featured.align-start, .l4ft li, .l4ft li.align-start .main, .l4ca { -webkit-justify-content: flex-start; justify-content: flex-start; } /* f:jc */ .check figure, .l4us.wide[style*="--mih"], .m6bx.align-center, #content.fullheight, .m6bx.align-center, .l4cm footer h1, .l4cm footer h2, .l4cm footer h3, .l4cm footer h4, .l4cm footer h5, .l4cm footer h6, .cols.align-center, .cols.text-center, .check.box label picture, .check.box label, .l4cl li.featured, /*.l4cl .li.featured,*/ #logo.text-center ~ #nav-outer, .swiper-custom-bullets, .l4ft .main, .l4cl.align-center figure, .l4al li, #logo, #nav-user, #search, .shopify-section-footer .l4pm, button, input[type="button"], input[type="reset"], input[type="submit"], .link-btn a { -webkit-justify-content: center; justify-content: center; } /* f:je */ #nav-outer.text-end #nav, .media-flexible .link-btn:not([class*="text-"]), .l4ft .main > .link-btn:not([class*="text-"]), .m6fr figure > .link-btn:not([class*="text-"]), .m6fr figure.text-end, .m6bx.align-end, .cols.align-end, .l4cl li.featured.align-end, .l4ft li.align-end, .l4ft li.align-end .main, #nav-user > ul { -webkit-justify-content: flex-end; justify-content: flex-end; } /* j:jb */ .link-btn.text-justify, .align-baseline, .n6br, .n6pg:not([class*="text-"]), .spr-pagination, .l4tt li, #nav-top:not(.text-center), .f8nw, .f8nw fieldset, .shopify-section-footer > nav:not([class*="align"]), .cols { -webkit-justify-content: space-between; justify-content: space-between; } /* f:as */ .l4ft.masonry, .m6fr figure figcaption.align-start, #root .text-start > .l4us, .l4cl figure .link-btn, .l4ts, .cols, .l4cl figure > span, .l4cl figure a > span, .l4cl { -webkit-align-items: flex-start; align-items: flex-start; } /* f:ac */ .check figure, .check label.color, .check label.align-middle, .spr-starrating, .m6fr figure figcaption.align-center, .r6rt, .m6tb > nav a, .l4cn.text-center, .text-center .l4cn, .l4cm footer h1, .l4cm footer h2, .l4cm footer h3, .l4cm footer h4, .l4cm footer h5, .l4cm footer h6, .l4cm footer, .check.color, .check.box label picture, .check.box label, .check.box, #nav-top > .l4us .nowrap, .n6pg ol, .n6pg ul, .spr-pagination > div, .check.color li.limit, .swiper-custom-bullets, .s1us, .l4cl.align-center figure, .l4us li, .l4cl.hr form, .l4cl.hr li, /*.l4cl.hr .li,*/ figure.text-center, .l4ca > li > footer, .l4ca > li > .footer, .l4ca li, #nav > ul > li > a, #nav-user > ul > li > a, #nav-user > ul, #logo a, #logo figure, #logo picture, #nav-user > ul, #nav-top, .m6fr .text-center .l4us, .l4us.text-center, .f8nw, .f8nw fieldset, .l4dr a, .align-middle, .l4sc, .l4pm, button, input[type="button"], input[type="reset"], input[type="submit"], .link-btn a, .link-btn, .submit, .check .align-middle ~ .cols { -webkit-align-items: center; align-items: center; } /* f:ae */ .m6bx.text-end, .m6fr figure figcaption:not([class*="align-"]), .l4us.text-end, .text-end .l4us, .cols.align-end, .l4cl figure > span.text-end, .l4cl figure a > span.text-end, .align-down { -webkit-align-items: flex-end; align-items: flex-end; } /* f:al */ .s1pr, .n6br { -webkit-align-items: baseline; align-items: baseline; } /* f:ab */ .check figure.img-cover picture, .check figure.img-cover, .has-l4ft .l4ft, .cols.align-stretch, .shopify-section-footer .cols:not(.align-middle), .l4cl.align-center, #root .l4cl.align-center .swiper-wrapper, #header-inner, .input-inline { -webkit-align-items: stretch; align-items: stretch; } /* f:s0 */ .s1us img, .s1us > .img, .r6rt .rating > * .fill, .input-amount, .l4as li > span:first-child, .table-wrapper, .input-amount, #nav-top .l4us img, .m6pn > * { -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; } /* f:b0 */ .link-btn.text-justify > *:not(.invalid-feedback), .m6fr article > figure > *, #nav > ul > li > ul li:not(.wide, [class*="width-"]) { -webkit-flex-basis: 0; -ms-flex-basis: 0; flex-basis: 0; } /* f:g0 * { -webkit-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; } /* f:g1 * { -webkit-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; } /* f:g2 * { -webkit-flex-grow: 2; -ms-flex-grow: 2; flex-grow: 2; } /* f:g3 */ .link-btn.text-justify > *:not(.invalid-feedback), .r6rt .rating > * .empty, #content, .link-btn .input-amount + *, .m6fr article > figure > *, #nav > ul > li > ul li:not([class*="width-"]), .l4ft li > .content.box, .flex-grow { -webkit-flex-grow: 3; -ms-flex-grow: 3; flex-grow: 3; } .l4cl.hr figure { -webkit-align-self: flex-start; align-self: flex-start; } .cols > h1, .cols > h2, .cols > h3, .cols > h4, .cols > h5, .cols > h6, .cols > h1 + p, .cols > h2 + p, .cols > h3 + p, .cols > h4 + p, .cols > h5 + p, .cols > h6 + p, .cols > .lead + p { -webkit-align-self: flex-end; align-self: flex-end; } #header-inner > * { -webkit-align-self: center; align-self: center; } * { -webkit-justify-content: var(--justify_content); justify-content: var(--justify_content); } #logo a > span:has(img) { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; align-items: center; } /*! Icons --------- */ @font-face { font-family: 'i'; src: url('icons/icomoon.woff2') format('woff2'), url('icons/icomoon.woff') format('woff'); font-display: swap; } [class*="icon"] { font-style: normal; } [class*="icon-"], .link-day:before { font-family: 'i' !important; speak: none; font-style: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; --mr: 4px; } [class*="icon-"]:not(li, .li) { line-height: 1; } [class*="icon-"]:not(li.strong, .li.strong) { font-weight: 400; } .icon-alarm:before { content: "\e9a9"; } .icon-app:before { content: "\e94f"; } .icon-archive:before { content: "\e9aa"; } .icon-arrow-down:before { content: "\e988"; } .icon-arrow-left:before { content: "\e989"; } .icon-arrow-right:before { content: "\e98a"; } .icon-arrows-inside:before { content: "\e995"; } .icon-arrows-outside:before { content: "\e996"; } .icon-arrow-up:before { content: "\e987"; } .icon-basket:before { content: "\e962"; } .icon-bell:before { content: "\e9a8"; } .icon-box:before { content: "\e926"; } .icon-calendar:before { content: "\e991"; } .icon-calendar2:before { content: "\e9b4"; } .icon-cart:before { content: "\e903"; } .icon-cart-alt:before { content: "\e9ab"; } .icon-cart-bag:before { content: "\e963"; } .icon-cart-bag-cube:before { content: "\e964"; } .icon-cart-bag-rounded:before { content: "\e97c"; } .icon-cart-bag-wide:before { content: "\e965"; } .icon-cart-full:before { content: "\e966"; } .icon-cart-wide:before { content: "\e967"; } .icon-chat:before { content: "\e9a7"; } .icon-check:before { content: "\e901"; } .icon-checkbox:before { content: "\e92c"; } .icon-check-circle:before { content: "\e9ac"; } .icon-check-inside:before { content: "\e953"; } .icon-check-light:before { content: "\e979"; } .icon-check-light-circle:before { content: "\e977"; } .icon-check-light-circle-inside:before { content: "\e978"; } .icon-chevron-down:before { content: "\e904"; } .icon-chevron-left:before { content: "\e907"; } .icon-chevron-light-down:before { content: "\e969"; } .icon-chevron-light-left:before { content: "\e96a"; } .icon-chevron-light-right:before { content: "\e96b"; } .icon-chevron-light-up:before { content: "\e968"; } .icon-chevron-right:before { content: "\e906"; } .icon-chevrons:before { content: "\e905"; } .icon-chevron-up:before { content: "\e908"; } .icon-circle:before { content: "\e94a"; } .icon-clock:before { content: "\e99a"; } .icon-cog:before { content: "\e96c"; } .icon-cookie-bar:before { content: "\e951"; } .icon-coupon:before { content: "\e9a1"; } .icon-credit-card:before { content: "\e9a6"; } .icon-cube:before { content: "\e935"; } .icon-cube-inner:before { content: "\e999"; } .icon-customer-support:before { content: "\e9a2"; } .icon-discord:before { content: "\e95b"; } .icon-document:before { content: "\e990"; } .icon-drag:before { content: "\e994"; } .icon-earth:before { content: "\e9a0"; } .icon-edit:before { content: "\e9a5"; } .icon-edit-off:before { content: "\e927"; } .icon-ellipsis:before { content: "\e98d"; } .icon-envelope:before { content: "\e90b"; } .icon-envelope-fill:before { content: "\e99c"; } .icon-envelope-wide:before { content: "\e954"; } .icon-error:before { content: "\e95f"; } .icon-external:before { content: "\e93f"; } .icon-eye:before { content: "\e929"; } .icon-eye-closed:before { content: "\e92a"; } .icon-eye-outline:before { content: "\e981"; } .icon-facebook:before { content: "\e90a"; } .icon-filter:before { content: "\e934"; } .icon-filter-full:before { content: "\e997"; } .icon-fullscreen:before { content: "\e900"; } .icon-gift:before { content: "\e993"; } .icon-google:before { content: "\e960"; } .icon-google-plus:before { content: "\e909"; } .icon-happy:before { content: "\e9b1"; } .icon-headphones:before { content: "\e9a4"; } .icon-heart:before { content: "\e97a"; } .icon-heart-outline:before { content: "\e97b"; } .icon-help:before { content: "\e9ad"; } .icon-history:before { content: "\e992"; } .icon-info:before { content: "\e95e"; } .icon-info-circle:before { content: "\e975"; } .icon-info-circle-inside:before { content: "\e976"; } .icon-info-old:before { content: "\e9b2"; } .icon-instagram:before { content: "\e90c"; } .icon-instagram-strong:before { content: "\e96d"; } .icon-kuaishou:before { content: "\e958"; } .icon-label:before { content: "\e984"; } .icon-line:before { content: "\e95c"; } .icon-linkedin:before { content: "\e90f"; } .icon-list-dot:before { content: "\e94b"; } .icon-location:before { content: "\e96e"; } .icon-lock:before { content: "\e9a3"; } .icon-logout:before { content: "\e928"; } .icon-menu:before { content: "\e922"; } .icon-menu-compact:before { content: "\e97f"; } .icon-menu-end:before { content: "\e98f"; } .icon-menu-start:before { content: "\e98e"; } .icon-messenger:before { content: "\e90e"; } .icon-minus:before { content: "\e90d"; } .icon-minus-circle:before { content: "\e9af"; } .icon-minus-inside:before { content: "\e949"; } .icon-minus-strong:before { content: "\e936"; } .icon-minus-thin:before { content: "\e946"; } .icon-mobile:before { content: "\e93e"; } .icon-moon:before { content: "\e94c"; } .icon-odnoklassniki:before { content: "\e957"; } .icon-order:before { content: "\e942"; } .icon-paper-plane:before { content: "\e925"; } .icon-pause:before { content: "\e986"; } .icon-pause-inner:before { content: "\e99f"; } .icon-pencil:before { content: "\e97e"; } .icon-phone:before { content: "\e923"; } .icon-pin:before { content: "\e913"; } .icon-pinterest:before { content: "\e912"; } .icon-play:before { content: "\e911"; } .icon-play-inner:before { content: "\e944"; } .icon-play-inner2:before { content: "\e980"; } .icon-play-pause-aligned:before { content: "\e985"; } .icon-plus:before { content: "\e910"; } .icon-plus-circle:before { content: "\e9ae"; } .icon-plus-inside:before { content: "\e948"; } .icon-plus-strong:before { content: "\e920"; } .icon-plus-thin:before { content: "\e945"; } .icon-print:before { content: "\e93b"; } .icon-quote-open:before { content: "\e982"; } .icon-qzone:before { content: "\e95a"; } .icon-radio:before { content: "\e92b"; } .icon-reddit:before { content: "\e92f"; } .icon-refresh:before { content: "\e924"; } .icon-ruler:before { content: "\e99b"; } .icon-sad:before { content: "\e9b0"; } .icon-search:before { content: "\e96d"; } .icon-share:before { content: "\e940"; } .icon-shield:before { content: "\e937"; } .icon-shield-check:before { content: "\e921"; } .icon-shop:before { content: "\e950"; } .icon-shopify:before { content: "\e932"; } .icon-size:before { content: "\e941"; } .icon-skype:before { content: "\e914"; } .icon-snapchat:before { content: "\e917"; } .icon-snapchat-hover:before { content: "\e98b"; } .icon-star:before { content: "\e933"; } .icon-star-outline:before { content: "\e9b3"; } .icon-star-rating:before { content: "\e9b5"; } .icon-success:before { content: "\e95d"; } .icon-sun:before { content: "\e94d"; } .icon-telegram:before { content: "\e959"; } .icon-textnow:before { content: "\e99e"; } .icon-text-size:before { content: "\e952"; } .icon-thunder:before { content: "\e902"; } .icon-tiktok:before { content: "\e930"; } .icon-tiktok-hover:before { content: "\e98c"; } .icon-time:before { content: "\e99a"; } .icon-trash:before { content: "\e93c"; } .icon-trash-openable:before { content: "\e93d"; } .icon-trash-opened:before { content: "\e93a"; } .icon-truck:before { content: "\e94e"; } .icon-tumblr:before { content: "\e916"; } .icon-twitter:before { content: "\e915"; } .icon-twitter-old:before { content: "\e9b6"; } .icon-upload:before { content: "\e983"; } .icon-user:before { content: "\e918"; } .icon-user-comment:before { content: "\e943"; } .icon-user-comment-inv:before { content: "\e947"; } .icon-viber:before { content: "\e955"; } .icon-view-grid:before { content: "\e91b"; } .icon-view-grid-full:before { content: "\e952"; } .icon-view-list:before { content: "\e91a"; } .icon-view-list-full:before { content: "\e998"; } .icon-vimeo:before { content: "\e919"; } .icon-vkontakte:before { content: "\e92d"; } .icon-wechat:before { content: "\e931"; } .icon-weibo:before { content: "\e92e"; } .icon-whatsapp:before { content: "\e91c"; } .icon-whatsapp-fill:before { content: "\e939"; } .icon-whatsapp-inside:before { content: "\e938"; } .icon-whatsapp-strong:before { content: "\e96c"; } .icon-x:before { content: "\e91f"; } .icon-x-circle:before { content: "\e961"; } .icon-xing:before { content: "\e956"; } .icon-x-light:before { content: "\e972"; } .icon-x-light-circle:before { content: "\e96f"; } .icon-x-light-circle-inside:before { content: "\e970"; } .icon-x-light-circle-outline:before { content: "\e971"; } .icon-x-small:before { content: "\e973"; } .icon-x-thin:before { content: "\e974"; } .icon-youtube:before { content: "\e91e"; } .icon-zello:before { content: "\e99d"; } .icon-zoom:before { content: "\e91d"; } .icon-zoom-light:before { content: "\e97d"; } .icon-text-size { display: inline-block; position: relative; z-index: 2; } .t1ac .icon-text-size:before { content: "\e97e"; } /* .icon-text-size-circle:before { content: "\e97f"; } .icon-text-size-tick:before { content: "\e97e"; }*/ .icon-chevron-left, .icon-arrow-left, .icon-check, .icon-x, .icon-print, .icon-label, .icon-play, .icon-cart-empty { margin-right: var(--mr); } .icon-chevron-right, .icon-arrow-right, .icon-chevron-down, .icon-chevron-up { margin-left: var(--mr); } .icon-check, .icon-check-light, .icon-x, .icon-print, .icon-label { display: inline-block; position: relative; top: -.125em; font-size: 0.7em; line-height: 1px; } .icon-x { top: 0; } h1 .icon-check, h2 .icon-check, h3 .icon-check, h4 .icon-check, h5 .icon-check, h6 .icon-check, h1 .icon-check-light, h2 .icon-check-light, h3 .icon-check-light, h4 .icon-check-light, h5 .icon-check-light, h6 .icon-check-light, h1 .icon-x, h2 .icon-x, h3 .icon-x, h4 .icon-x, h5 .icon-x, h6 .icon-x, h1 .icon-print, h2 .icon-print, h3 .icon-print, h4 .icon-print, h5 .icon-print, h6 .icon-print { top: 0; font-size: 0.625em; } .icon-label { top: 0; font-size: .8em; } .icon-chevron-left, .icon-chevron-right, .icon-arrow-left, .icon-arrow-right { display: inline-block; position: relative; top: -.125em; font-size: 0.5714285714em; line-height: 1px; } .icon-arrow-left, .icon-arrow-right { font-size: 0.75em; } .icon-chevron-down, .icon-chevron-up { display: inline-block; position: relative; top: -.275em; font-size: 0.4285714286em; line-height: 1px; } .icon-play { display: inline-block; position: relative; top: .2em; font-size: 1.4285714286em; --mr: 9px; } .icon-print { top: .175em; font-size: 1.1428571429em; opacity: .53; } .icon-cart-empty { display: inline-block; position: relative; top: .3em; color: var(--gray_text); font-size: 3.2142857143em; line-height: 1; --mr: 15px; } .icon-info, .icon-info-circle, .s1tt > .icon-info { display: inline-block; position: relative; top: .2em; margin-left: 2px; color: inherit; font-size: var(--size_18_f); line-height: 1px; opacity: .15; } /* Swiper, Copyright: Vladimir Kharlampidi, License: MIT, Version: 7.0.2, URL: https://github.com/nolimits4web/swiper */ .s4wi { position: relative; z-index: 1; --autoplay_duration: 3s; } .swiper { overflow: hidden; position: relative; z-index: 1; list-style: none; padding: 0; } .swiper-outer { overflow: hidden; } .swiper-vertical > .swiper-wrapper { -webkit-flex-direction: column; flex-direction: column; } .swiper-wrapper { position: relative; z-index: 1; width: 100%; height: 100%; } .swiper-wrapper, .swiper-pagination-bullets { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: flex-start; justify-content: flex-start; } .swiper-pagination-bullets { -webkit-flex-wrap: wrap; flex-wrap: wrap; } .swiper-wrapper, .swiper-slide { -webkit-transition-property: transform; transition-property: transform; } .swiper-wrapper { -webkit-align-items: stretch; align-items: stretch; } .s4wi:not(.l4cl) .swiper-android .swiper-slide, .s4wi:not(.l4cl) .swiper-wrapper { -webkit-transform: translate3d(0px,0,0); transform: translate3d(0px,0,0); } /*.swiper-pointer-events { touch-action: pan-y; } .swiper-pointer-events.swiper-vertical { touch-action: pan-x; }*/ .s4wi:not(.l4cl, .l4ts) .swiper-horizontal { -ms-touch-action: pan-y; touch-action: pan-y; } /*.s4wi:not(.l4cl) .swiper-pointer-events.swiper-vertical { -ms-touch-action: pan-x; touch-action: pan-x; }*/ .swiper-slide { position: relative; z-index: 2; width: 100%; height: 100%; } .swiper-slide { -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; } .swiper-slide-invisible-blank { visibility: hidden; opacity: 0; } .swiper-slide.swiper-slide-active { z-index: 3; } .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; } .swiper-button-lock, .swiper-pagination-lock { display: none; } .swiper-autoheight .swiper-wrapper { -webkit-align-items: flex-start; align-items: flex-start; -webkit-transition-property: transform, height; transition-property: transform, height; } .swiper-custom-pagination .play-pause { display: none; overflow: hidden; position: relative; width: 44px; height: 44px; margin-right: -44px; color: var(--primary_text); font-size: var(--size_14); text-indent: -3000em; text-align: left; direction: ltr; } .swiper-custom-pagination .play-pause:before { content: "\e986"; } .paused .swiper-custom-pagination .play-pause:before { content: "\e985"; } [data-autoplay] .swiper-custom-pagination .play-pause { display: block; } .swiper-pagination-bullets { position: relative; left: 0; right: 0; bottom: 0; z-index: 9; counter-reset: bullets; -webkit-justify-content: center; justify-content: center; } .swiper-pagination-bullet { display: block; position: relative; min-width: var(--bll); height: var(--bll); padding: 0 calc(var(--bll) * 0.1363636364); line-height: calc(var(--bll) + 2px); text-align: left; text-indent: -3000em; direction: ltr; cursor: pointer; } .swiper-pagination-bullet:before, .swiper-pagination-bullet .crnt-no { display: block; position: absolute; left: 0; right: 0; top: 0; font-size: var(--main_fz); text-indent: 0; text-align: center; opacity: 0; -webkit-transform: scale(.75); transform: scale(.75); } .swiper-pagination-bullet .crnt-no:not(.high):before { content: "\0030"; } .swiper-pagination-bullet:before { counter-increment: bullets; content: counters(bullets, '.', decimal-leading-zero) ' '; } .swiper-pagination-bullet:after, .swiper-pagination-bullet .prg { content: ""; display: block; position: absolute; left: var(--l0ra); right: var(--lar0); bottom: 0; width: 100%; border-bottom: 2px solid var(--primary_text); opacity: var(--overlay_opacity); } .swiper-pagination-bullet.swiper-pagination-bullet-active:before, .s4wi:not([data-autoplay]) .swiper-pagination-bullet.swiper-pagination-bullet:after { opacity: 1; } .s4wi:not([data-autoplay]) .swiper-pagination-bullet.swiper-pagination-bullet-active ~ .swiper-pagination-bullet:after { opacity: var(--overlay_opacity); } .swiper-pagination-bullet .prg, .swiper-pagination-bullet.swiper-pagination-bullet-active ~ .swiper-pagination-bullet .prg { z-index: 9; width: 0%; opacity: 1; } .swiper-pagination-bullet.swiper-pagination-bullet .prg { width: 100%; } .swiper-pagination-bullet.swiper-pagination-bullet-active .prg { width: 100%; animation-duration: 0.4s; animation-name: swiper_progress; animation-timing-function: cubic-bezier(.4,0,.2,1); animation-delay: 0s; } .s4wi:not(.paused) .swiper-pagination-bullet.swiper-pagination-bullet-active .prg { animation-duration: var(--autoplay_duration); animation-timing-function: linear; } @-webkit-keyframes swiper_progress { 0% { width: 0%; } 100% { width: 100%; } } @keyframes swiper_progress { 0% { width: 0%; } 100% { width: 100%; } } .swiper-button-next, .swiper-button-prev { display: none; overflow: hidden; position: absolute; top: 0; bottom: 0; z-index: 9; width: 44px; min-width: 0; margin: 0; padding: 0; border-radius: 0; border-width: 0; background: none; color: var(--sw_ar_text); font-size: var(--size_12_f); text-align: left; text-indent: -3000em; direction: ltr; cursor: pointer; } .s4wi .swiper-button-next, .s4wi .swiper-button-prev { display: block; } .swiper-button-prev { left: var(--l0ra); right: var(--lar0); } .swiper-button-next { left: var(--lar0); right: var(--l0ra); } .swiper-button-prev:before { content: "\e96a"; } .swiper-button-next:before { content: "\e96b"; } #root .no-arrows .swiper-button-next, #root .no-arrows .swiper-button-prev { display: none !important; } /* Responsive --------- */ @media only screen and (min-width: 1501px) { /*.l4cl {}*/ /*.l4cl.offset-arrows > .swiper-button-prev, .m6fr.offset-arrows .swiper-button-prev, .l4ts .swiper-button-prev { overflow: visible; left: auto; right: calc(100% + var(--rpp)); } .l4cl.offset-arrows > .swiper-button-next, .m6fr.offset-arrows .swiper-button-next, .l4ts .swiper-button-next { overflow: visible; right: auto; left: calc(100% + var(--rpp)); }*/ /*.l4ts {}*/ /*.l4ts.width-100 .swiper-button-nav { bottom: var(--dist_b); }*/ .l4ts .swiper-button-nav { bottom: calc(44px + var(--dist_b) - var(--main_mr_half)); } /*.l4ts.width-100 .swiper-pagination-bullets { display: none; }*/ .l4ts.s4wi.slider-aside .swiper-outer .li { padding-right: calc(var(--button_height) + var(--rpp)); padding-left: calc(var(--button_height) + var(--rpp)); } .l4ts.s4wi.slider-aside.box .swiper-outer .li { padding-right: calc(var(--button_height) + var(--rpp) * 2); padding-left: calc(var(--button_height) + var(--rpp) * 2); } #root .l4ts.s4wi.slider-aside { --slider_aside_dist: 438px; /*--slider_aside_padding: calc(var(--slider_aside_dist) * 0.22);*/ } .l4ts.s4wi.slider-aside .swiper-custom-bullets { display: none; } } @media only screen and (max-width: 1500px) { /*.l4ts {}*/ .l4ts.s4wi.slider-aside .swiper-custom-bullets { position: absolute; left: 0; right: 0; bottom: min(24px, var(--rpp)); z-index: 9; } .m6fr { --dist_b: calc(var(--rpp) * 2); } .m6fr .swiper-button-nav, .l4ts .swiper-button-nav { display: none; } } /*@media only screen and (min-width: 1401px) { .f8nw { margin-left: calc(0px - var(--dist_a)); margin-right: calc(0px - var(--dist_a)); } }*/ @media only screen and (min-width: 1201px) { .shopify-section-footer form { min-width: 320px; } .shopify-section-footer h1, .shopify-section-footer h2, .shopify-section-footer h3, .shopify-section-footer h4, .shopify-section-footer h5, .shopify-section-footer h6, .shopify-section-footer legend { margin-bottom: calc(var(--main_mr) * 1.583); } .l4al { --maw: 616px; } .l4ts.s4wi.slider-aside.box { --dist_a: calc(var(--cols_spacing) * 2); } } @media only screen and (max-width: 1200px) { #nav-user > ul > li > a > i ~ span, #nav-user > ul > li > a > img ~ span { display: none; } .accordion-a { --dist_acc_b: var(--main_mr); } .l4cl { --dist_a: 20px; } .l4cu li > span { font-size: var(--size_60_f); } } @media only screen and (min-width: 1001px) and (max-width: 1100px) { /*#logo.text-center ~ #nav-user { --dist: 16px; }*/ #root #nav-user > ul > li.lang { min-width: 0; } #logo.text-center ~ #nav-user > ul > li.sub > a { padding-left: 0; padding-right: 0; } #logo.text-center ~ #nav-user > ul > li.sub > a:before/*, #logo.text-center ~ #nav-user .link-day, #logo.text-center ~ #nav-user .link-day-container*/ { display: none; } } @media only screen and (min-width: 1001px) and (max-width: 1350px) { .shopify-section-header { --maw_logo: 24.375%; } #logo { font-size: 2.25vw; } #logo.text-center ~ #search { --maw: 33vw; } } /*#nav > ul > li > a .icon-chevron-down, #nav > ul > li ul .icon-chevron-down { display: none; }*/ @media only screen and (min-width: 1001px) and (max-width: 1200px) { /* desktop only */ .l4al { --maw: 45vw; } #search { --maw: min(420px, 34%) } /*#search.text-center ~ #nav-user li.link-day-container { display: none; }*/ } @media only screen and (min-width: 1001px) { /* desktop only */ .t1cl.scrolled body { overflow-x: visible; } #header-outer > #nav-outer { margin: 0 var(--rpn); padding: 0 var(--rpp); } #nav-outer { display: block; min-width: 0; -ms-flex-shrink: 10; -webkit-flex-shrink: 10; flex-shrink: 10; -webkit-flex-grow: 3; -ms-flex-grow: 3; flex-grow: 3; } .no-js #header-inner #nav-outer { overflow: hidden; } #nav { display: block; color: var(--top_nav_fg); --cols_spacing: 30px; --sub: calc(var(--main_fz) * 1.375); } #header-outer > #nav-outer, #header-outer > #nav-outer #nav { position: relative; z-index: 2; } #nav:before { border-top: 1px solid var(--top_nav_bd); border-bottom: 1px solid var(--top_nav_bd); } #root #header-outer > #nav-outer #nav:after { z-index: -2; background: var(--top_nav_bg); opacity: var(--top_nav_bg_op); } #nav > ul { list-style: none; margin: 0 calc(0px - var(--cols_spacing)) 0 0; padding: 0; } #nav > ul > li { margin: 0 var(--cols_spacing) 0 0; } #nav > ul > li > a { position: relative; z-index: 2; height: var(--nav_height); color: inherit; line-height: var(--nav_height); text-decoration: none; text-align: center; white-space: nowrap; --w: 100%; } #nav > ul > li.sub > a:not(.toggle) { padding-right: var(--sub); --w: calc(100% - var(--sub)); } #nav > ul > li.sub > a .icon-chevron-down { display: block; position: absolute; left: var(--lar0); right: var(--l0ra); top: 50%; margin-top: -10px; font-size: var(--size_6); line-height: 20px; } #nav > ul > li.sub > a .icon-chevron-down:before { content: "\e969"; } /*#nav > ul > li.sub > a:not(.toggle):before { content: "\e969"; text-align: var(--text_align_end); }*/ #nav > ul > li > ul { display: none; } #nav > ul > li > a.toggle:not(.toggle-back) { display: block; overflow: hidden; left: var(--cols_spacing); top: -3000em; z-index: 3; width: calc(var(--cols_spacing) * 2); height: var(--nav_height); margin: 0 0 0 calc(0px - var(--cols_spacing) * 2); text-indent: -3000em; text-align: left; direction: ltr; } #nav > ul > li > a.toggle:not(.toggle-back):focus { top: 0; } .mobile #nav > ul > li > a.toggle:not(.toggle-back) { top: 0; margin-right: calc(var(--cols_spacing) - 14px); } #root #nav .show-all { display: none; position: relative; width: 45px; min-width: 45px; max-width: 45px; visibility: hidden; opacity: 0; } .js #root #nav .show-all { display: block; } #root #nav .show-all > a { text-indent: -3000em; text-align: left; direction: ltr; } #root #nav .show-all > a:before { content: "\e98d"; z-index: 2; font-size: 3px; } #root #nav .show-all > a:after { content: ""; display: block; position: absolute; left: 0; right: 0; top: 50%; z-index: 1; /*top: 15px; bottom: 15px;*/ width: 100%; height: 25px; margin-top: -12.5px; border-radius: 100px; border: 1px solid var(--top_main_fg); background: none; opacity: .13; } #root #nav-outer #nav .temp-hidden ~ .show-all { visibility: visible; position: relative; opacity: 1; } /* Connie: keep the queue of hidden menu items */ #nav > ul > li.temp-hidden ~ li:not(.show-all) { display: none; } #root .shopify-section-header nav .show-all > ul > li.temp-hidden ~ li:not(.show-all) { display: block; } /* Connie: keep the queue of hidden menu items */ #nav-outer.text-center #nav > ul > li.show-all, #nav-outer.text-justify #nav > ul > li.show-all, #nav-outer.text-end #nav > ul > li.show-all { position: absolute; left: var(--lar0); right: var(--l0ra); top: 0; } /*html:not(.has-long-nav) #nav-outer.have-text-center #nav > ul {}*/ #root #nav > ul > li.active > a:not(.toggle, .s1bx, .has-s1bx):after { content: ""; display: block; position: absolute; left: 0; right: 0; bottom: calc(var(--nav_height) * 0.25); z-index: -1; height: 2px; background: var(--top_nav_fg); -webkit-transform: none; transform: none; } /*#root #nav > ul > li.active > a:not(.toggle, .s1bx) { color: var(--top_nav_fg); font-weight: var(--main_fw_strong); }*/ #nav > ul > li.empty-url > a:not(.toggle, .toggle-back) { pointer-events: none; cursor: default; } #nav > ul > li > a .s1bx { display: block; position: relative; z-index: 9; height: calc(var(--nav_height) * 0.5); color: var(--sale_label_text); font-size: 1em; font-weight: inherit; line-height: calc(var(--nav_height) * 0.5); } #nav > ul > li > a .s1bx:before { top: 0; bottom: 0; z-index: -1; } #nav > ul > li > a .s1bx:after { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -2; /*border-bottom: 1px solid var(--top_nav_bd); background: var(--top_nav_bg);*/ background: none; } #logo.text-center ~ #nav-outer { --justify_content: flex-start; } #logo.text-center ~ #nav-outer:not(.fixed) { position: absolute; left: 0; right: 0; top: 50%; /*max-width: calc(50% - var(--maw_logo) * 0.5);*/ margin-top: calc(0px - var(--header_height_static) * 0.5); } #logo.text-center ~ #nav-outer:not(.fixed) #nav { max-width: calc(50% - var(--maw_logo) * 0.5 - var(--cols_spacing)); } html[style*="logo_offset"] #logo.text-center ~ #nav-outer:not(.fixed) #nav { max-width: calc(var(--logo_offset) - var(--cols_spacing) * 2); } #search:not(.compact) ~ #nav-user > ul > li.search { display: none; } html:not(.has-search-compact) .search-compact-cont { display: none; } #nav-outer ~ #search:not(.compact) ~ #nav-user > ul > li.search { display: block; } #nav-top > .l4us:not(.last-child, :last-child):first-child > .swiper-button-prev { bottom: 0; height: auto; } #nav-top > .l4us.text-center:first-child:last-child, #nav-top > .l4us.text-center.last-child:first-child { --justify_content: center; } #header-outer:not(.ready) #nav-outer #nav > ul, .dm-ready.has-first-m6fr-wide #header-outer:not(.ready) #nav-outer #nav > ul, .dm-ready.has-first-m6fr-wide #header-outer.transparent:not(.ready) #nav:before, .dm-ready.has-first-m6fr-wide #header-outer.transparent:not(.ready, .fixed) #nav:after { opacity: 0; } #header-inner #nav { --top_nav_fg_hover: var(--top_main_fg_hover); } /*html:not(.dm-ready.has-first-m6fr-wide) #header-outer:not(.has-gradient) #nav-outer ~ #nav-user { position: relative; z-index: 7; } html:not(.dm-ready.has-first-m6fr-wide) #header-outer:not(.has-gradient) #nav-outer ~ #nav-user:before { content: ""; display: block; position: absolute; left: var(--cols_spacing); right: 0; top: 0; bottom: 0; z-index: -1; background: var(--top_main_bg); }*/ html:not([dir="rtl"]) #header-inner > .text-end { margin-left: auto; } html:not([dir="rtl"]) #header-inner > .text-end ~ *:not(.overlay-close) { margin-left: 0; } .logo-text-center.has-compact-nav #header-inner > .search-compact-cont.active, #nav-outer.mobile-nav-container { display: none; } .has-compact-nav #nav-outer ~ #nav-user > ul > li.hidden { display: block; } #nav-top .l4us .swiper-outer { overflow: hidden; margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px; } #nav-top > .l4us:not(.last-child, :last-child):first-child > .swiper-button-prev { display: block; } #nav-top > .l4us:not(.last-child, :last-child):first-child .swiper-slide .swiper-button-prev { display: none; } figure { margin-top: var(--main_mr); } /*.accordion-a {}*/ .accordion-a:not(.compact) > div.open + *:not(.open):before, .accordion-a:not(.compact) > details[open] + *:not([open]):before { display: none; } /*.accordion-a > div.open, .accordion-a > details[open] { padding-bottom: calc(var(--dist_acc_a) - var(--main_mr)); } .accordion-a:not(.box) > div:last-child, .accordion-a:not(.box) > details:last-child { padding-bottom: calc(var(--dist_acc_a) + 1px); }*/ .accordion-a:not(.compact) > div.open:before, .accordion-a:not(.compact) > details[open]:before { border-color: rgba(0,0,0,0); background: var(--light_bg); opacity: 1; } .accordion-a.compact { --dist_acc_a: calc(var(--main_mr) * 0.8 + .1px); --dist_acc_b: 0px; --padding_summary: 44px; --size_summary: var(--main_fz); /*--icon_summary: 0px;*/ --plus_top: calc(var(--dist_acc_a) * 0.5); } .accordion-a.compact > div:after, .accordion-a.compact > details:after { width: 44px; } .accordion-a.compact > div.open, .accordion-a.compact > details[open] { padding-bottom: .1px; } .accordion-a.compact > div:not(.open) > div, .accordion-a .acc-toggle { display: none; } .accordion-a.compact .l4cl.hr { overflow-x: hidden; overflow-y: auto; max-height: max(50vh, 600px); --w: 134px; } .accordion-a.compact .l4cl:last-child { margin-bottom: var(--dist_a); --dist_a: 16px; } .l4al { --dist: 16px /*34px*/; --x_padding: 74px; } /*.l4al li { padding-top: calc(var(--main_mr) * .92); padding-bottom: calc(var(--main_mr) * .92); }*/ .l4al li[class*="overlay"]:after { top: 50%; margin-top: calc(0px - var(--circle) * 0.5); } .l4al li > a.close { max-height: none; } /*.l4cl {}*/ .l4cl .swiper-horizontal, .l4ts .swiper-horizontal { -ms-touch-action: pan-y; touch-action: pan-y; } .l4ts.s4wi.slider-aside { margin-bottom: var(--main_mr); border: 0 solid rgba(0,0,0,0); border-left-width: var(--slider_aside_dist); --slider_aside_dist: calc(405px + var(--cols_spacing)); --slider_aside_padding: var(--cols_spacing); } .l4ts.s4wi.slider-aside, .l4ts.s4wi.slider-aside .swiper-outer { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-align-items: center; align-items: center; } .l4ts.s4wi.slider-aside.box { -webkit-align-items: stretch; align-items: stretch; } .l4ts.s4wi.slider-aside .swiper-button-nav { bottom: 0; } .l4ts.s4wi.slider-aside.box .swiper-outer { border-radius: var(--b2r); background: var(--primary_bg); } .l4ts.s4wi.slider-aside .swiper-outer .li { margin-bottom: 0; background: none; } .l4ts.s4wi.slider-aside.box .swiper-outer .li { color: var(--l4ts_text); } .l4ts.s4wi.slider-aside.box .swiper-outer .li:before, /*.l4ts.s4wi.slider-aside .swiper-custom-bullets,*/ .l4ts.s4wi.slider-aside .swiper-outer .s1us, /*.l4ts-aside .li:nth-child(3) ~ *,*/ .l4ts.s4wi.slider-aside .l4ts-aside .s1us ~ * { display: none; } .l4ts.s4wi.slider-aside.box .r6rt .rating > * .fill { background: none; } .l4ts.s4wi.slider-aside .l4ts-aside { display: block; width: var(--slider_aside_dist); min-width: var(--slider_aside_dist); max-width: var(--slider_aside_dist); margin-left: calc(0px - var(--slider_aside_dist)); padding-right: var(--slider_aside_padding); } .l4ts.s4wi.slider-aside .l4ts-aside .s1us { margin: 0; } .l4ts.s4wi.slider-aside .l4ts-aside .li { position: relative; z-index: 2; width: auto; max-width: none; margin: 0; padding: var(--rpp); /*color: var(--l4ts_aside_text);*/ } .l4ts.s4wi.slider-aside .l4ts-aside .li .slider-aside-arrow { display: block; overflow: hidden; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 9; text-align: left; text-indent: -3000em; direction: ltr; } .l4ts.s4wi.slider-aside .l4ts-aside .li:before { content: ""; display: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; border-radius: var(--b2r); background: var(--primary_bg); } .l4ts.s4wi.slider-aside:not([data-index]) .l4ts-aside .li:first-child, .l4ts.s4wi.slider-aside[data-index="0"] .l4ts-aside .li:first-child, .l4ts.s4wi.slider-aside[data-index="1"] .l4ts-aside .li:nth-child(2), .l4ts.s4wi.slider-aside[data-index="2"] .l4ts-aside .li:nth-child(3) { color: var(--l4ts_text); } .l4ts.s4wi.slider-aside .l4ts-aside .li.active:before { display: block; } .l4ts.slider-aside .swiper-button-prev { left: var(--l0ra); right: var(--lar0); } .l4ts.slider-aside .swiper-button-next { left: var(--lar0); right: var(--l0ra); } .l4ts.box.slider-aside .swiper-button-prev { left: var(--rpp); } .l4ts.box.slider-aside .swiper-button-next { right: var(--rpp); } /*.l4ts.s4wi.slider-aside:not([data-index]) .l4ts-aside .li:first-child:before, .l4ts.s4wi.slider-aside[data-index="0"] .l4ts-aside .li:first-child:before, .l4ts.s4wi.slider-aside[data-index="1"] .l4ts-aside .li:nth-child(2):before, .l4ts.s4wi.slider-aside[data-index="2"] .l4ts-aside .li:nth-child(3):before { display: block; }*/ /*.l4cl .swiper-pointer-events.swiper-vertical { -ms-touch-action: pan-x; touch-action: pan-x; }*/ /*.l4cl .swiper-outer { overflow: hidden; }*/ .l4cl:not(.hr) figure a > span.inline, .l4cl:not(.hr) figure > span.inline { margin-right: -10px; -webkit-flex-direction: row; flex-direction: row; } .l4cl:not(.hr) figure a > span.inline > *, .l4cl:not(.hr) figure > span.inline > * { margin-right: 10px; } .m6bx.size-xs { padding-bottom: max(0.1px, calc(var(--dist_a) - var(--main_mr) * 0.5)); --dist_b: calc(var(--main_mr) * 1.1666666667); --dist_a: calc(var(--main_mr) * 1); } .m6bx.size-xs > div > *:last-child { margin-bottom: calc(var(--main_mr) * 0.5); } .m6bx.size-xs > div > .link-btn:last-child { margin-bottom: calc(var(--main_mr) * 0.5 - var(--dist_bb)); } .m6bx.size-s { --dist_a: calc(var(--main_mr) * 1.25); --dist_b: calc(var(--rpp) * 1.25) } .m6bx.size-m { --dist_a: calc(var(--main_mr) * 2); --dist_b: calc(var(--rpp) * 2) } .m6bx.size-l { --dist_a: calc(var(--main_mr) * 4); --dist_b: calc(var(--rpp) * 4) } .m6bx.size-xl { --dist_a: calc(var(--main_mr) * 5); --dist_b: calc(var(--rpp) * 5) } #nav { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } #nav-outer.text-justify #nav > ul { -webkit-justify-content: space-between; justify-content: space-between; } #nav-outer.text-justify #nav > ul { -webkit-flex-grow: 3; -ms-flex-grow: 3; flex-grow: 3; } .m6cn .cols { display: block; } #root .desktop-hide, #root .tablet-only, #nav-top .l4us-mobile, #nav > ul > li > a img, #header-inner > .link-btn, html:not(.search-compact-active) #nav-outer ~ #search, #nav .temp-hidden { display: none; } } @media only screen and (max-width: 1000px) { :root { --rpp: 20px; --cols_spacing: 24px; --cols_spacing_static: 24px; --main_mr_section: var(--main_mr_double); } .shopify-section-header { --maw_logo: 320px; } /*.shopify-section-header:before { box-shadow: 0 4px 40px rgba(0,0,0,.06); }*/ #header-inner { --height: 94px; --cols_spacing: 20px; --burger_width: 22px; } #header-inner > .link-btn { position: relative; z-index: 6; margin: 0; } #header-inner > .link-btn a { display: block; overflow: visible; width: var(--burger_width); min-width: 0; margin: 0; padding: 0; box-shadow: none; border-radius: 0; background: none; color: var(--menu_fg); font-size: var(--size_18); text-align: left; text-indent: -3000em; direction: ltr; } #header-inner > .link-btn a:before { content: "\e922"; display: block; overflow: visible; position: absolute; left: 0; right: 0; top: 50%; margin-top: -10px; box-shadow: none; border-radius: 0; border-width: 0; background: none; font-family: i; font-weight: 400; font-size: 1em; line-height: 20px; text-align: center; text-indent: 0; } #header-inner > .link-btn.text-center a:before { content: "\e97f"; } #header-inner > .link-btn.text-start a:before { content: "\e98e"; } #header-inner > .link-btn.text-end a:before { content: "\e98f"; } #header-outer.no-nav #header-inner > .link-btn { display: none; } #nav-user > ul > li > a > i ~ span { display: none; } #nav-outer { display: block; visibility: hidden; overflow-x: hidden; overflow-y: auto; background: var(--drop_nav_bg); color: var(--drop_nav_fg); opacity: 0; --tr: -20px; -webkit-transform: translate(var(--tr)); transform: translate(var(--tr)); } #root .shopify-section-header #nav-outer { position: fixed; left: var(--l0ra); right: var(--lar0); top: 0; bottom: 0; z-index: 9999; width: calc(100% - var(--rpp)); max-width: 385px; height: 100%; margin: 0; border-width: 0; } #nav-outer.fixed ~ #distance-spacer, #header-outer > #distance-counter { display: none !important; } html:not(.m2a) #nav-outer { pointer-events: none; } #logo { font-size: var(--main_h4); } #logo img { width: auto !important; max-height: 86px !important; } /*#nav-top {}*/ #nav-top-outer { --dist: 5px; /*--justify_content: center;*/ } #nav-top .l4us.text-center { } #nav-top .l4us:not(.no-arrows) { --dist_b: 32px; } /*#nav-top .l4us li, #nav-top .l4us .li { padding-left: 0; padding-right: 0; } #nav-top .l4us img { display: none; }*/ .shopify-section-footer { padding-top: calc(var(--footer_padding_top) * 0.5); } #root .shopify-section-footer nav > * { width: 50%; max-width: none; } #root .shopify-section-footer nav > .m6cn ~ *:nth-child(2):nth-last-child(3), #root .shopify-section-footer nav > .m6cn ~ *:nth-child(3):nth-last-child(2), #root .shopify-section-footer nav > .m6cn ~ *:nth-child(4):nth-last-child(1){ width: 33.3333333333%; } #root .shopify-section-footer nav > .m6cn { width: 100%; max-width: none; } .shopify-section-footer .m6cn .cols { min-width: calc(100% + var(--cols_spacing)); } .shopify-section-footer .m6cn .cols > * { min-width: 136px; } /*.shopify-section-footer .m6cn .cols > *:first-child:last-child { text-align: center; }*/ .accordion-a { --dist_acc_a: calc(var(--main_mr) * 0.9 + .1px); --dist_acc_b: 0px; --padding_summary: 44px; --size_summary: var(--main_fz); --icon_summary: 0px; --hide_img: none; } .accordion-a > div:not(.open), .accordion-a > details:not([open]) { padding-bottom: calc(var(--dist_acc_a) * 0.9); } .accordion-a > div:after, .accordion-a > details:after { /*top: 8px;*/ width: 44px; /*font-size: var(--size_20);*/ text-align: var(--text_align_end); } .accordion-a:not(.box) > div > div > *:last-child, .accordion-a:not(.box) > details > div > *:last-child { margin-bottom: 0; } .accordion-a:not(.box) > div > div, .accordion-a:not(.box) > details > div { padding-top: calc(var(--main_mr) * 0.3); } .accordion-a > div > div > .l4cl:first-child, .accordion-a > details > div > .l4cl:first-child { margin-top: calc(0px - var(--main_mr) * 0.3 + var(--main_mr_x075)); } .accordion-a > div:not(.open) > div, .accordion-a > details:not([open]) > div { padding-right: var(--padding_summary); } .accordion-a > div.open + *:not(.open):before, .accordion-a > details[open] + *:not([open]):before { display: block; } .f8nw, .f8nw fieldset { display: block; min-height: 0; --dist_a: calc(var(--rpp) * 2); --dist_b: calc(var(--rpp) * 2); } #root .f8nw fieldset, #root .f8nw > *:not(.img-overlay), #root .f8nw fieldset > *:not(.img-overlay) { width: auto; min-width: 0; max-width: none; margin-left: 0; margin-right: 0; border-width: 0; } .f8nw.wide { --dist_a: 0px; } .l4ca { --cols_spacing: 20px; --w: 75px; } .l4ca > li { padding-top: var(--cols_spacing); padding-bottom: var(--cols_spacing); } .l4cl { --dist_a: var(--rpp); } .l4cl:not([class*="width"]) li:not([class*="width"]) { --width: 33.3333333%; } .l4cu { margin-top: var(--main_mr); font-size: var(--main_fz); } .l4cu li > span { font-size: var(--size_50_f); } .l4cu.size-m, .l4cu.size-l, .l4cu.size-xl {font-size: var(--mob_h3); } .l4cu.size-m li > span { font-size: 80px; } .l4cu.size-l li > span { font-size: 100px; } .l4cu.size-xl li > span { font-size: 140px; } .m6bx { --dist_a: calc(var(--rpp) * 1.5); } /*.m6cn {}*/ /*#root .m6cn .cols { display: block; }*/ #root .m6cn .cols > * { width: 50%; } #root .m6cn .cols > *:first-child:last-child { width: 100%; } #root .m6cn .cols > *:first-child:last-child figure { margin-left: auto; margin-right: auto; text-align: center; } .m6fr { --dist_b: calc(var(--rpp) * 2); --mh: 50vw; /*--h_size: var(--main_h1);*/ } .m6fr.size-s, .m6fr article.size-s { --mh: 0px; } .dm-ready.has-first-m6fr-wide[data-fixed="nav-outer"] #header-outer:not(.fixed):before, .dm-ready.has-first-m6fr-wide[data-fixed="nav-outer"] .shopify-section-header:before { display: none; } /*.l4ts {}*/ .l4ts:not([class*="width"]) li:not([class*="width"]) { --width: 50%; } .width-tablet-10 { --width: 10%; } .width-tablet-12 { --width: 12.5%; } .width-tablet-14 { --width: 14.2857142857%; } .width-tablet-15 { --width: 15%; } .width-tablet-16 { --width: 16.66666666666%; } .width-tablet-20 { --width: 20%; } .width-tablet-25 { --width: 25%; } .width-tablet-30 { --width: 30%; } .width-tablet-33 { --width: 33.33333333333%; } .width-tablet-35 { --width: 35%; } .width-tablet-36 { --width: 36%; } .width-tablet-37 { --width: 37.5%; } .width-tablet-40 { --width: 40%; } .width-tablet-42 { --width: 42%; } .width-tablet-45 { --width: 45%; } .width-tablet-50 { --width: 50%; } .width-tablet-55 { --width: 55%; } .width-tablet-58 { --width: 58%; } .width-tablet-60 { --width: 60%; } .width-tablet-64 { --width: 64%; } .width-tablet-66 { --width: 66.66666666666%; } .width-tablet-70 { --width: 70%; } .width-tablet-75 { --width: 75%; } .width-tablet-80 { --width: 80%; } .width-tablet-85 { --width: 85%; } .width-tablet-90 { --width: 90%; } .width-tablet-95 { --width: 95%; } .width-tablet-100 { --width: 100%; } .recommendation-modal__container { --cols_spacing: 20px; } .width-10, .width-12, .width-14 { --width: 25%; } .width-15, .width-16, .width-20, .width-25 { --width: 33.333333333%; } .shopify-section-footer .m6cn .cols, .shopify-section-footer > nav, .l4ca > li { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .shopify-section-footer .m6cn .cols, .l4ca.compact > li { -webkit-flex-wrap: nowrap; flex-wrap: nowrap; } .shopify-section-footer .m6cn .cols { -webkit-flex-direction: row-reverse; flex-direction: row-reverse; } /*.shopify-section-footer .m6cn .cols { -webkit-align-items: center; align-items: center; }*/ html:not(.search-compact-active) #search { position: absolute; left: -3000em; top: 0; right: auto; bottom: auto; } #root .l4pr.mobile-only.s4wi:not(.in-m6pn) { display: block; } #root .desktop-only, #nav-top > *:not(.l4us), #nav-top .l4us-desktop, #logo.text-center ~ #nav-user > ul > li:not(.user, .cart, .search, .link-day-container), .m6fr .swiper-button-nav { display: none; } } @media only screen and (min-width: 761px) { blockquote { margin-left: calc(var(--main_mr) * 2.5); } #logo.text-center { z-index: 2; margin-left: auto; margin-right: auto; text-align: center; } #logo.text-center img { -o-object-position: center center; object-position: center center; } #logo.text-center ~ * { position: absolute; left: var(--l0ra); right: var(--lar0); top: 0; bottom: 0; } #root #logo.text-center ~ #nav-user { position: absolute; left: var(--lar0); right: var(--l0ra); } .logo-text-center #header-inner > .search-compact-cont.active { position: absolute; left: var(--l0ra); right: var(--lar0); top: 0; bottom: 0; display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; align-items: center; } /*.has-compact-nav #nav-outer ~ #nav-user > ul > li.hidden { display: block; }*/ #search.text-center { position: absolute; left: 50%; top: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } #nav-user > ul > li.sub > a { padding-right: var(--sub); } #nav-user > ul > li.sub > a:before { content: "\e969"; left: var(--lar0); right: var(--l0ra); font-size: var(--size_6); } .shopify-section-footer nav > * { margin-bottom: var(--main_mr); border-left: var(--cols_spacing) solid rgba(0,0,0,0); } .shopify-section-footer nav:not(:first-child) { padding-top: calc(var(--main_mr) * 2.75); } .shopify-section-footer nav:not(:first-child):before { left: var(--cols_spacing); border-top: 1px solid var(--footer_fg); opacity: .22; } .shopify-section-footer nav + nav { margin-top: var(--main_mr_x075); } /*.shopify-section-footer .cols > *:has(.l4sc:last-child) > div { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: flex-start; align-items: flex-start; }*/ .columns { -moz-column-gap: var(--cols_spacing); -webkit-column-gap: var(--cols_spacing); column-gap: var(--cols_spacing); -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; } .columns.width-16 { -moz-column-count: 6; -webkit-column-count: 6; column-count: 6; } .columns.width-20 { -moz-column-count: 5; -webkit-column-count: 5; column-count: 5; } .columns.width-25 { -moz-column-count: 4; -webkit-column-count: 4; column-count: 4; } .columns.width-33 { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; } .columns.width-50 { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; } /*.l4ca {}*/ .l4ca .price { text-align: var(--text_align_end); } /*.l4cl {}*/ .l4cl:not(.hr, .cards) figure + div > h1:first-child > .small:first-child, .l4cl:not(.hr, .cards) figure + div > h2:first-child > .small:first-child, .l4cl:not(.hr, .cards) figure + div > h3:first-child > .small:first-child, .l4cl:not(.hr, .cards) figure + div > h4:first-child > .small:first-child, .l4cl:not(.hr, .cards) figure + div > h5:first-child > .small:first-child, .l4cl:not(.hr, .cards) figure + div > h6:first-child > .small:first-child, .l4cl:not(.hr, .cards) figure + h1 > .small:first-child, .l4cl:not(.hr, .cards) figure + h2 > .small:first-child, .l4cl:not(.hr, .cards) figure + h3 > .small:first-child, .l4cl:not(.hr, .cards) figure + h4 > .small:first-child, .l4cl:not(.hr, .cards) figure + h5 > .small:first-child, .l4cl:not(.hr, .cards) figure + h6 > .small:first-child{ margin-top: calc(0px - var(--main_mr) * 0.25); } .l4cl .swiper-android .swiper-slide, .l4cl .swiper-wrapper { -webkit-transform: translate3d(0px,0,0); transform: translate3d(0px,0,0); } .l4cl:not(.mobile-compact) .swiper-horizontal { -ms-touch-action: pan-y; touch-action: pan-y; } .l4cl li:not(.featured) div:not(.swiper-slide) > .link-btn:last-child, .l4cl li:not(.featured) div:not(.swiper-slide) > footer:last-child > .link-btn:last-child { margin-bottom: calc(0px - var(--dist_ba)); } .l4cl.compact { overflow-x: auto; overflow-y: hidden; margin-left: 0; margin-right: 0; --width_img: 200px; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; } #root .l4cl.compact li { width: var(--width_img); min-width: var(--width_img); max-width: var(--width_img); border-width: 0; } #root .l4cl.compact li:not(:last-child) { margin-right: var(--dist_a); } .l4cl.compact.width-10 { --width_img: 134px; } .l4cl.s4wi.offset { padding-right: 15%; } .l4cl.offset .swiper-outer { overflow: visible; } /*.l4ft {}*/ .l4ft .main { --mih: var(--mih_desktop); min-height: var(--mih_desktop); } .l4ft li.size-s { --mih_desktop: /*calc(var(--glw) * 0.175)*/ calc(var(--main_fz) * 18.125); } .l4ft li.size-s-double { --mih_desktop: calc(var(--main_fz) * 18.125 * 2 + var(--dist_a)); } .l4ft li.size-m { --mih_desktop: min(calc(var(--main_fz) * 29.0625), calc(40vw - var(--rpp) * 2 - var(--cols_spacing))); } .l4ft li.size-m-double { --mih_desktop: calc(var(--main_fz) * 18.125 * 2 + var(--dist_a)); } .l4ft li.size-l { --mih_desktop: min(calc(var(--main_fz) * 37.5), calc(var(--glw) * 0.23125 * 2), calc(50vw - var(--rpp) * 2 - var(--cols_spacing))); } .l4ft[style*="spacing: 0"], .l4ft.outer-radius { overflow: hidden; border-radius: var(--b2p); } .l4ft.fullwidth[style*="spacing: 0"] { border-radius: 0; } #root .l4ft[style*="spacing: 0"] li, .l4ft.outer-radius li { --b2p: 0px; -webkit-transform: none; transform: none; } /*.cols.align-stretch > .has-l4ft + * .l4cl.hr { overflow-x: hidden; overflow-y: auto; position: absolute; left: 0; right: 0; top: 0; bottom: var(--main_mr); }*/ /*.l4ft.hover-out {}*/ html:not(.mobile) .l4ft.hover-out > li:after { content: ""; display: block; overflow: hidden; visibility: hidden; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 9; margin: 0; border-radius: var(--b2p); background: var(--dark); text-align: left; text-indent: -3000em; direction: ltr; opacity: 0; } html:not(.mobile) .l4ft.hover-out > li:not(.inline) figure ~ div { opacity: 0; } .l4ft.msl-1l-2r { display: block; padding-left: var(--mslo); --mslo: calc(50% + var(--dist_a) * 0.5); } .l4ft.msl-1l-2r > li { width: 100%; max-width: none; } .l4ft.msl-1l-2r > li:first-child { position: absolute; left: var(--l0ra); right: var(--lar0); top: 0; bottom: 0; width: 50%; margin-bottom: 0; } .l4ft.msl-1l-2r > li:first-child .main { -webkit-flex-grow: 3; -ms-flex-grow: 3; flex-grow: 3; } /*.l4pm {}*/ html[dir="ltr"] .l4pm li.text-start { margin-right: auto; padding-right: var(--dist_a); } html[dir="rtl"] .l4pm li.text-start { margin-left: auto; } /*.link-btn.wide {}*/ .link-btn.wide > *:not(.hidden, .mobile-only, [type="hidden"]) + *:not(.inline) { margin-top: calc(0px - var(--dist_bb) + 10px); } .m6bx[style*="--mih_desktop"] { min-height: var(--mih_desktop); } .m6bx > .img-overlay[style*="--mih_desktop"] { bottom: auto; min-height: var(--mih_desktop); } .m6bx.wide > .img-overlay.width-0, .m6bx.wide > .img-overlay[style*="--dist_half: 100"] { display: none; --dist_half: 0%; } #root .m6bx.wide > .img-overlay[style*="--dist_half: 0"] { left: var(--offset); right: var(--offset); border-radius: 0; } #root #content .m6bx.wide > .img-overlay[style*="--dist_half: 0%"], #root .m6bx.wide > .img-overlay[style*="--dist_half: 0%"].text-end { left: var(--offset); right: var(--offset); --dist_half: 0; } .m6bx.no-padding-desktop { margin-bottom: 0; padding: 0; } #root .m6bx.no-padding-desktop > div > .m6fr:last-child, #root .m6bx.no-padding-desktop > .m6fr:last-child, #root .m6bx > div > .m6bx.no-padding-desktop:last-child { margin-bottom: 0; } /*.m6fr {}*/ .m6bx[class*="height-desktop-"] { min-height: var(--mh); } .m6fr.size-xs, .m6fr article.size-xs, .m6bx.height-desktop-xs { --mh: calc(var(--main_fz) * 20); } .m6fr.size-s, .m6fr article.size-s, .m6bx.height-desktop-s { --mh: calc(var(--main_fz) * /*24.375*/31.25); } .m6fr.size-m, .m6fr article.size-m, .m6bx.height-desktop-m { --mh: calc(var(--main_fz) * /*32.5*/48.125); } .m6fr.size-l, .m6fr article.size-l, .m6bx.height-desktop-l { --mh: calc(var(--main_fz) * /*43.75*/60); } .m6fr.size-xl, .m6fr article.size-xl, .m6bx.height-desktop-xl { --mh: 75vh; } .dm-ready .m6fr.size-xl, .dm-ready .m6fr article.size-xl { --mh: calc(100vh - var(--hhf)); } .m6fr.size-xs article.compact, .m6fr article.compact.size-xs { --dist_a: calc(var(--main_mr) * 1); } .m6fr.size-s article.compact, .m6fr article.compact.size-s { --dist_a: calc(var(--main_mr) * 1.25); } .m6fr.size-m article.compact, .m6fr article.compact.size-m { --dist_a: calc(var(--main_mr) * 2); } .m6fr.size-l article.compact, .m6fr article.compact.size-l { --dist_a: calc(var(--main_mr) * 4); } .m6fr.size-xl article.compact, .m6fr article.compact.size-xl { --dist_a: calc(var(--main_mr) * 5); } #root .m6fr article[style*="--mih_desktop"], #root .m6fr[style*="--mih_desktop"] article { --mh: var(--mih_desktop) !important; } #root .m6fr article.compact { --mh: 0px !important; } #content > .m6bx.wide.no-padding-desktop:first-child, #content > .shopify-section:first-child > .m6bx.wide.no-padding-desktop:first-child { margin-top: 0; } /*.m6fr.wide {}*/ .m6fr.wide article { padding-left: 0; padding-right: 0; } /*.m6fr:not(.wide) article:not(.constrain) { overflow: hidden; border-radius: var(--b2r); }*/ /*.m6fr[class*="width"] {}*/ .m6fr article[class*="width"]:not(.plain) figure, .m6fr article[class*="width"]:not(.plain) figure { border-radius: var(--b2p) 0 0 var(--b2p); } .m6fr article[class*="width"]:not(.plain).inv, .m6fr article[class*="width"]:not(.plain).inv figure { border-radius: 0 var(--b2p) var(--b2p) 0; } html { --scrollbar_hex: 0,0,0; --scrollbar_op: 0.07; } .day-switched { --scrollbar_hex: 255,255,255; --scrollbar_op: 0.2; } .no-mobile *:not(html, body) { scrollbar-width: thin; } .no-mobile *:not(html, body)::-webkit-scrollbar { width: 4px; height: 4px; } .no-mobile *:not(html, body)::-webkit-scrollbar-track { background: none; } .no-mobile *:not(html, body)::-webkit-scrollbar-thumb { border-radius: var(--b2r); background: rgba(var(--scrollbar_hex), var(--scrollbar_op)); } /*.day-switched.no-mobile *:not(html, body)::-webkit-scrollbar-thumb { background: rgba(255,255,255,.07); }*/ #root .mobile-only, .l4dr a.mobile-only, #nav > *:not(ul), #nav > ul ~ ul, #logo.text-center ~ #nav-user > ul > li > a .icon-user ~ span, #search.text-center ~ #nav-user > ul > li > a .icon-user ~ span, #search.text-center ~ #nav-user > ul > li > a img ~ span, #root iframe.mobile-only, #root #logo .mobile-only, #root .l4cl.mobile-featured, #nav-top .l4us.s4wi.mobile-only, .media-flexible-mobile, #root .m6fr figure.mobile-only, #root .m6fr article > figure .mobile-only { display: none; } } @media only screen and (min-width: 761px) and (max-width: 1000px) { /* tablet only */ .shopify-section-header { --maw_logo: min(320px, 40vw); } #header-inner > .link-btn ~ #logo.text-center { left: calc(0px - var(--burger_width)); } .logo-is-text #logo:not(.text-center) { max-width: 100%; -webkit-flex-shrink: 10; -ms-flex-shrink: 10; flex-shrink: 10; } .logo-text-center #header-inner > .search-compact-cont { margin-left: calc(var(--burger_width) + var(--cols_spacing)); } .m6bx.size-xs { margin-bottom: var(--main_mr); padding-bottom: max(0.1px, calc(var(--dist_a) - var(--main_mr) * 0.5)); --dist_b: calc(var(--main_mr) * 1.1666666667); --dist_a: calc(var(--main_mr) * 1); } .m6bx.size-xs > *:last-child { margin-bottom: calc(var(--main_mr) * 0.5); } .m6bx.size-s { --dist_a: calc(var(--main_mr) * 1.25); } .m6bx.size-m { --dist_a: calc(var(--main_mr) * 1.75); } .m6bx.size-l { --dist_a: calc(var(--main_mr) * 2.25); } .m6bx.size-xl { --dist_a: calc(var(--main_mr) * 2.75); } #root .tablet-hide { display: none; } } @media only screen and (max-width: 760px) { :root { --rpp: 16px; --main_fz: var(--mob_fz); --main_h1: var(--mob_h1); --main_h2: var(--mob_h2); --main_h3: var(--mob_h3); --main_h4: var(--mob_h4); --main_h5: var(--mob_h5); --main_h6: var(--mob_h6); --main_lead: var(--mob_lead); --main_h_small: var(--mob_fz); /*--main_mr: 24px;*/ --main_mr_double: calc(var(--main_mr) * 1.5); --theme_btn_fz: var(--theme_btn_fz_mob); --header_mih: 70px; --li_dist: 32px; --button_height: 55px; --input_height: 55px; /*--content_padding_top: var(--rpp);*/ --footer_padding_top: var(--rpp); --cols_spacing: 16px; --cols_spacing_static: 16px; --top_up_height: var(--top_up_height_mobile); --bll: 36px; } #root { overflow: hidden; } .shopify-section-header { --maw_logo: 200px; } #header-inner { --height: 60px; --pd: 10px; } #logo { font-size: var(--main_lead); } #logo img { max-height: calc(var(--height) - 10px) !important; } #header-inner > .link-btn ~ .search-compact-cont, .link-btn ~ #logo:not(.text-center-mobile) { margin-left: calc(var(--burger_width) + var(--cols_spacing)); } .search-compact-cont ~ #logo:not(.text-center-mobile) { margin-left: calc(var(--burger_width) + var(--cols_spacing) + 20px + var(--cols_spacing)); } .link-btn ~ .search-compact-cont ~ #logo:not(.text-center-mobile) { margin-left: calc(42px + 20px + var(--cols_spacing)); } #header-outer.no-nav #header-inner > .link-btn ~ .search-compact-cont { margin-left: 0; } #header-outer.no-nav #header-inner > .link-btn ~ .search-compact-cont ~ #logo:not(.text-center-mobile) { margin-left: calc(20px + var(--cols_spacing)); } #logo.text-center-mobile { margin-left: auto; margin-right: auto; text-align: center; } #logo.text-center-mobile img { -o-object-position: center center; object-position: center center; } #logo:not(.text-center-mobile) { -webkit-flex-shrink: 2; -ms-flex-shrink: 2; flex-shrink: 2; } .search-compact-cont:not(.active) ~ #logo.text-center-mobile { --maw_logo: 40vw; } #logo.text-center-mobile ~ * { position: absolute; left: var(--l0ra); right: var(--lar0); top: 0; bottom: 0; } #logo.text-center-mobile ~ #nav-user { left: 0; right: 0; } /*#header-inner > .search-compact-cont:first-child ~ #logo.text-center-mobile { left: calc(0px - var(--burger_width) + 1px); }*/ #header-inner > .link-btn { z-index: 19;} #header-inner > .link-btn, #header-inner > .search-compact-cont { position: absolute; left: var(--l0ra); right: var(--lar0); top: 50%; margin-top: -22px; } #header-inner > .link-btn a { height: 44px; min-height: 44px; max-height: 44px; } /*#header-inner > .link-btn ~ #logo.text-center-mobile { left: calc(0px - var(--burger_width)); } #header-inner > .link-btn ~ .search-compact-cont ~ #logo.text-center-mobile { left: calc(0px - var(--burger_width) - 20px); } #header-inner > .link-btn ~ .search-compact-cont.active ~ #logo.text-center-mobile { left: calc(0px - var(--burger_width) - 20px); }*/ .logo-is-text #logo:not(.text-center-mobile) { max-width: 100%; -webkit-flex-shrink: 10; -ms-flex-shrink: 10; flex-shrink: 10; } /*#nav-top {}*/ #nav-top-outer { --dist: 0px; } #nav-user > ul > li { position: static; } #nav-top .l4us.slider-mobile:not(.s4wi) { opacity: 0; } #nav-user > ul > li > a i, #root .search-compact-cont > a i { font-size: clamp(22px, calc(var(--main_fz) * 1.25), 28px); } #nav-top .l4us a.swiper-button-nav { display: block; } #nav-top .l4us .swiper-slide a.swiper-button-prev, #nav-top .l4us .swiper-slide a.swiper-button-next { display: none; } .shopify-section-footer { padding-top: var(--footer_padding_top); } .shopify-section-footer nav ul:not(.l4pm, .l4sc, .l4dr) li + li, .l4cn li + li { margin-top: calc(var(--main_mr) * 0.425); } .shopify-section-footer nav { display: block; margin-left: 0; } #root .shopify-section-footer nav > * { width: 100% !important; max-width: none; border-left-width: 0; } .shopify-section-footer nav + nav { margin-top: 0; } /*.shopify-section-footer nav:before { border: 0 solid var(--footer_fg); border-bottom-width: 1px; opacity: .2; }*/ .shopify-section-footer nav h1:first-child, .shopify-section-footer nav h2:first-child, .shopify-section-footer nav h3:first-child, .shopify-section-footer nav h4:first-child, .shopify-section-footer nav h5:first-child, .shopify-section-footer nav h6:first-child, .shopify-section-footer nav legend { position: relative; z-index: 2; width: 100%; margin: 0; padding: 18px calc(var(--rpp) * 3) 19px 0; /*font-size: var(--size_15_f);*/ text-align: var(--text_align_start); } .shopify-section-footer nav h1:last-child, .shopify-section-footer nav h2:last-child, .shopify-section-footer nav h3:last-child, .shopify-section-footer nav h4:last-child, .shopify-section-footer nav h5:last-child, .shopify-section-footer nav h6:last-child, .shopify-section-footer nav .has-form h1, .shopify-section-footer nav .has-form h2, .shopify-section-footer nav .has-form h3, .shopify-section-footer nav .has-form h4, .shopify-section-footer nav .has-form h5, .shopify-section-footer nav .has-form h6 { padding-left: 0; padding-right: 0; } /*.shopify-section-footer.text-center nav h1, .shopify-section-footer.text-center nav h2, .shopify-section-footer.text-center nav h3, .shopify-section-footer.text-center nav h4, .shopify-section-footer.text-center nav h5, .shopify-section-footer.text-center nav h6, .shopify-section-footer.text-center nav legend { padding-left: calc(var(--rpp) * 3); padding-right: calc(var(--rpp) * 3) }*/ .shopify-section-footer nav .m6cn h1, .shopify-section-footer nav .m6cn h2, .shopify-section-footer nav .m6cn h3, .shopify-section-footer nav .m6cn h4, .shopify-section-footer nav .m6cn h5, .shopify-section-footer nav .m6cn h6 { padding: 0; text-align: inherit; } .shopify-section-footer nav .has-form h1, .shopify-section-footer nav .has-form h2, .shopify-section-footer nav .has-form h3, .shopify-section-footer nav .has-form h4, .shopify-section-footer nav .has-form h5, .shopify-section-footer nav .has-form h6 { margin-bottom: var(--main_mr); padding-bottom: 0; text-align: inherit; } .shopify-section-footer nav > .has-form:first-child h1, .shopify-section-footer nav > .has-form:first-child h2, .shopify-section-footer nav > .has-form:first-child h3, .shopify-section-footer nav > .has-form:first-child h4, .shopify-section-footer nav > .has-form:first-child h5, .shopify-section-footer nav > .has-form:first-child h6 { padding-top: 0; } .shopify-section-footer nav .m6cn h1:before, .shopify-section-footer nav .m6cn h2:before, .shopify-section-footer nav .m6cn h3:before, .shopify-section-footer nav .m6cn h4:before, .shopify-section-footer nav .m6cn h5:before, .shopify-section-footer nav .m6cn h6:before, .shopify-section-footer nav .has-form .header-toggle { display: none; } #root .shopify-section-footer nav .has-form h1:before, #root .shopify-section-footer nav .has-form h2:before, #root .shopify-section-footer nav .has-form h3:before, #root .shopify-section-footer nav .has-form h4:before, #root .shopify-section-footer nav .has-form h5:before, #root .shopify-section-footer nav .has-form h6:before { border-bottom-width: 0; } .shopify-section-footer nav > .has-form:first-child h1:before, .shopify-section-footer nav > .has-form:first-child h2:before, .shopify-section-footer nav > .has-form:first-child h3:before, .shopify-section-footer nav > .has-form:first-child h4:before, .shopify-section-footer nav > .has-form:first-child h5:before, .shopify-section-footer nav > .has-form:first-child h6:before { border-top-width: 0; } .shopify-section-footer nav form { position: relative; } .shopify-section-footer nav > * > h1:first-child:before, .shopify-section-footer nav > * > h2:first-child:before, .shopify-section-footer nav > * > h3:first-child:before, .shopify-section-footer nav > * > h4:first-child:before, .shopify-section-footer nav > * > h5:first-child:before, .shopify-section-footer nav > * > h6:first-child:before, .shopify-section-footer a.header-toggle/*, .shopify-section-footer nav > div > form:first-child:before*/ { content: ""; display: block; overflow: hidden; position: absolute; left: 0; right: 0; top: -1px; bottom: 0; z-index: -1; border: 0 solid var(--footer_fg); border-top-width: 1px; text-align: left; text-indent: -3000em; direction: ltr; opacity: .2; } /*.shopify-section-footer nav > *:first-child > h1:first-child:before, .shopify-section-footer nav > *:first-child > h2:first-child:before, .shopify-section-footer nav > *:first-child > h3:first-child:before, .shopify-section-footer nav > *:first-child > h4:first-child:before, .shopify-section-footer nav > *:first-child > h5:first-child:before, .shopify-section-footer nav > *:first-child > h6:first-child:before, .shopify-section-footer nav > .m6cn + * > h1:first-child:before, .shopify-section-footer nav > .m6cn + * > h2:first-child:before, .shopify-section-footer nav > .m6cn + * > h3:first-child:before, .shopify-section-footer nav > .m6cn + * > h4:first-child:before, .shopify-section-footer nav > .m6cn + * > h5:first-child:before, .shopify-section-footer nav > .m6cn + * > h6:first-child:before { border-top-width: 1px; }*/ .shopify-section-footer nav > *:last-child > h1:before, .shopify-section-footer nav > *:last-child > h2:before, .shopify-section-footer nav > *:last-child > h3:before, .shopify-section-footer nav > *:last-child > h4:before, .shopify-section-footer nav > *:last-child > h5:before, .shopify-section-footer nav > *:last-child > h6:before { border-bottom-width: 1px; } .shopify-section-footer nav.cols + nav.cols > *:first-child > h1:first-child:before, .shopify-section-footer nav.cols + nav.cols > *:first-child > h2:first-child:before, .shopify-section-footer nav.cols + nav.cols > *:first-child > h3:first-child:before, .shopify-section-footer nav.cols + nav.cols > *:first-child > h4:first-child:before, .shopify-section-footer nav.cols + nav.cols > *:first-child > h5:first-child:before, .shopify-section-footer nav.cols + nav.cols > *:first-child > h6:first-child:before { border-top-width: 0; } .shopify-section-footer nav legend { margin-bottom: -5px; } .shopify-section-footer h1:first-child ~ * a.header-toggle, .shopify-section-footer h2:first-child ~ * a.header-toggle, .shopify-section-footer h3:first-child ~ * a.header-toggle, .shopify-section-footer h4:first-child ~ * a.header-toggle, .shopify-section-footer h5:first-child ~ * a.header-toggle, .shopify-section-footer h6:first-child ~ * a.header-toggle { display: none; } .shopify-section-footer a.header-toggle:before { content: "\e969"; padding: 0 var(--rpp); font-size: 6px; text-align: var(--text_align_end); } .shopify-section-footer .toggle a.header-toggle:before { content: "\e968"; } .shopify-section-footer a.header-toggle { z-index: 9; border-width: 0; } #root .shopify-section-footer .m6cn h1, #root .shopify-section-footer .m6cn h2, #root .shopify-section-footer .m6cn h3, #root .shopify-section-footer .m6cn h4, #root .shopify-section-footer .m6cn h5, #root .shopify-section-footer .m6cn h6 { margin-bottom: var(--main_mr_h); /*font-size: var(--main_h4);*/ } .shopify-section-footer .m6cn .cols { min-width: 100%; } #root .shopify-section-footer .m6cn .cols > *:first-child:last-child { width: auto; margin-left: auto; margin-right: auto; } #root .shopify-section-footer .text-center .m6cn figure { margin-left: auto; margin-right: auto; text-align: center; } /*.shopify-section-footer .cols-mobile { margin-bottom: calc(var(--main_mr) - var(--cols_spacing)); }*/ /*.shopify-section-footer .cols-mobile:last-child { margin-bottom: var(--main_mr); }*/ .shopify-section-footer .cols-mobile > * { margin-bottom: /*var(--cols_spacing)*/ var(--main_mr); } .shopify-section-footer form { max-width: none !important; margin-bottom: var(--main_mr_double); } .shopify-section-footer nav > *:last-child form:last-child { margin-bottom: 0; } .shopify-section-footer form .cols > p:last-child, .shopify-section-footer form .cols .link-btn > *:last-child, .shopify-section-footer form .cols-mobile > *:last-child { margin-bottom: 0; } .shopify-section-footer form .cols input { height: max(var(--input_height), var(--button_height)); } .shopify-section-footer > * + * { margin-top: /*calc(27px - var(--main_mr))*/ var(--main_mr); } .shopify-section-footer > .l4pm { padding: 22px 0 calc(22px - var(--dist_b)); } /*.shopify-section-footer > * + .l4pm { margin-top: 8px; }*/ .shopify-section-footer > div img { width: auto !important; max-height: 30px !important; } hr { --main_mr_double: var(--main_mr); } input, select, textarea, .input-prefix > span:first-child, .input-suffix > span:first-child { font-size: max(var(--main_fz), 16px); } .f8lg { max-width: none; margin-bottom: var(--main_mr); } .f8lg .link-btn > * { width: 100%; } /*.f8lg p, .f8lg .cols.w50, .f8cm .cols p { max-width: none; } #root .f8lg .cols.w50 > * { width: 50%; } .f8lg .submit { text-align: center; } .f8lg button { width: 100%; min-width: 0; margin-top: 0; } .f8lg button + a { display: block; width: 100%; margin-top: 12px; } .f8lg .submit { -webkit-justify-content: center; justify-content: center; } }*/ .h1-mobile { font-size: var(--main_h1); } .h2-mobile { font-size: var(--main_h2); } .h3-mobile { font-size: var(--main_h3); } .h4-mobile { font-size: var(--main_h4); } .h5-mobile { font-size: var(--main_h5); } .h6-mobile { font-size: var(--main_h6); } .accordion-a { margin-bottom: var(--main_mr); } .accordion-a:not(.box) > div.open:before, .accordion-a:not(.box) > details[open]:before { left: var(--rpn); right: var(--rpn); border-color: rgba(0,0,0,0); background: var(--black); opacity: .04; } .accordion-a { --size_summary: var(--mob_lead); } .accordion-a > div:after, .accordion-a > details:after { top: 50%; bottom: auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .accordion-a > div.open + *:not(.open):before, .accordion-a > details[open] + *:not([open]):before { display: none; } [style*="--b2p_mobile:"], [style*="--b2p_mobile:"] * { --b2p: var(--b2p_mobile); } .btn-mobile-wide .link-btn a:not(.circle, .inline), .btn-mobile-wide button:not(.circle, .inline), .btn-mobile-wide input[type="button"], .btn-mobile-wide input[type="reset"], .btn-mobile-wide input[type="submit"] { /*min-width: 0;*/ width: 100%; } .btn-mobile-wide .link-btn { min-width: calc(100% + var(--btn_dist)); } .cols:not(.cols-mobile, .mobile-inv), .cols:not(.cols-mobile) > *:not(.cols-mobile) { display: block; width: auto; max-width: none; } .cols-mobile figure .icon-play, .cols-mobile figure .icon-cube, .l4cl .icon-play, .l4cl .icon-cube, .l4cl.hr .icon-play, .l4cl.hr .icon-cube { --size: var(--size_36_f); } .cols.mobile-inv { -webkit-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; } /*.cols.mobile-inv > *:first-child { margin-bottom: 0; }*/ figure .icon-play, figure .icon-cube { --size: 60px; } .f8nw { --dist_a: var(--rpp); --dist_b: var(--rpp); } .f8nw fieldset { margin-left: 0; } /*.f8nw > * + *, .f8nw fieldset > *:not(legend) + * { margin-top: calc(0px - (var(--main_mr) * 0.3)); }*/ .f8nw div p + p, .shopify-section-footer form div p + p, .f8nw div .cols > * + * { margin-top: calc(0px - var(--main_mr) + 10px); } .f8nw div .submit-box p + p:last-child, .shopify-section-footer form div .submit-box p + p:last-child { margin-top: 0; } #content > .f8nw:last-child:after, #content > .shopify-section:last-child > .f8nw:last-child:after, .shopify-section-content > .f8nw:last-child:after, .shopify-section-content > .shopify-section:last-child > .f8nw:last-child:after { top: 37%; } .shopify-section-footer form p + p:not(.check, .link-btn, :last-child), .shopify-section-footer form p + .submit-box { margin-top: calc(0px - var(--main_mr) + 10px); } /*.f8nw p + .check, .shopify-section-footer form p + p.check, .f8nw .check + *, .shopify-section-footer form .check + * { margin-top: 20px; }*/ .f8nw button, .shopify-section-footer button { width: 100%; } .f8nw .margin-0.link-btn button:last-child { margin-bottom: 0; } .l4al { --maw: 100%; } /*.l4al:not(.all-hidden) + .l4ca { margin-top: calc(0px - var(--main_mr)); } .l4al:not(.all-hidden) + .l4ca > li:first-child:before { border-top-width: 0; }*/ #root > .l4al[class] { overflow-x: hidden; overflow-y: auto; left: 0; right: 0; top: 0; bottom: auto; min-width: 0; max-height: 100%; padding: var(--rpp); } .l4ca, #root #search .l4ca.compact { --w: 45px; --cols_spacing: 16px; --cols_spacing_f: 20px; } /*.l4ca:not(.compact) h1, .l4ca:not(.compact) h2, .l4ca:not(.compact) h3, .l4ca:not(.compact) h4, .l4ca:not(.compact) h5, .l4ca:not(.compact) h6 { font-size: var(--main_fz); } .l4ca:not(.compact) section:last-child > *:last-child, .l4ca:not(.compact) section:last-child > header:last-child > *:last-child, .l4ca:not(.compact) section:last-child > .header:last-child > *:last-child { margin-bottom: 0; } .l4ca:not(.compact) > li > * { width: 100%; } .l4ca:not(.compact) > li > header, .l4ca:not(.compact) > li > .header { -webkit-align-self: flex-start; align-self: flex-start; } .l4ca:not(.compact) > li > header ~ *, .l4ca:not(.compact) > li > .header ~ * { width: calc(100% - var(--w) - var(--cols_spacing)); } .l4ca:not(.compact) > li > header ~ footer, .l4ca:not(.compact) > li > .header ~ footer { width: calc(100% - var(--w) - var(--cols_spacing_f)); } .l4ca:not(.compact) .s1pr { margin-right: auto; } .l4ca:not(.compact) footer:not(:first-child) { margin-top: 2px; }*/ .l4ca h1, .l4cah2, .l4ca h3, .l4ca h4, .l4ca h5, .l4ca h6 { font-size: var(--main_fz); } .l4ca section:last-child > *:last-child, .l4ca section:last-child > header:last-child > *:last-child, .l4ca section:last-child > .header:last-child > *:last-child { margin-bottom: 0; } .l4ca:not(.compact) > li > * { width: 100%; } .l4ca:not(.compact) > li > header, .l4ca:not(.compact) > li > .header { -webkit-align-self: flex-start; align-self: flex-start; } .l4ca:not(.compact) > li > header ~ *, .l4ca:not(.compact) > li > .header ~ *, .l4ca:not(.compact) > li > header ~ footer, .l4ca:not(.compact) > li > .header ~ footer { width: calc(100% - 61px); } /*.l4ca > li > header ~ *, .l4ca > li > .header ~ * { width: calc(100% - var(--w) - var(--cols_spacing)); } .l4ca > li > header ~ footer, .l4ca > li > .header ~ footer { width: calc(100% - var(--w) - var(--cols_spacing_f)); }*/ .l4ca .s1pr { margin-right: auto; margin-left: calc(0px - var(--dist)); } .l4ca footer:not(:first-child), .l4ca .footer:not(:first-child) { margin-top: 2px; } .l4ca footer:not(:first-child) .s1pr:first-child:last-child, .l4ca .footer:not(:first-child) .s1pr:first-child:last-child { margin-top: 2px; } .l4ca.compact .s1pr:first-child { text-align: var(--text_align_start); } .l4cl { margin-bottom: var(--main_mr_half); --main_h5: var(--mob_lead); } .l4cl li > * { --main_mr_half: var(--main_mr_x025); } .l4cl .s1pr { font-size: var(--mob_lead); } .l4cl:not(.mobile-scroll, .hr, .mobile-featured, .product), .l4ts, .l4ts.s4wi { overflow-x: auto; overflow-y: hidden; margin-left: var(--rpn); margin-right: var(--rpn); } /*.l4cl:not(.mobile-featured) li { overflow: hidden; }*/ .l4cl figure { margin-bottom: var(--rpp); } /*h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small, .header .small { margin-bottom: var(--main_mr_x025); }*/ #root .l4cl, #root .l4cl > li, #root .l4cl .li, #root .l4ts, #root .l4ts > li, #root .l4ts .li { --width: 280px; } #root .l4cl.width-10, #root .l4cl.width-10 > li, #root .l4cl.width-10 .li { --width: 100px; } #root .l4cl.width-12, #root .l4cl.width-12 > li, #root .l4cl.width-12 .li, #root .l4cl.width-14, #root .l4cl.width-14 > li, #root .l4cl.width-14 .li { --width: 130px; } #root .l4cl.width-16, #root .l4cl.width-16 > li, #root .l4cl.width-16 .li, #root .l4cl.width-20, #root .l4cl.width-20 > li, #root .l4cl.width-20 .li { --width: 200px; } #root .l4cl.mobile-scroll, #root .l4cl.mobile-scroll li { --width: 50%; } #root .l4cl.mobile-scroll.w100-mobile, #root .l4cl.mobile-scroll.w100-mobile li { --width: 100%; } #root .l4cl.mobile-scroll.width-33, #root .l4cl.mobile-scroll.width-33 li, #root .l4cl.mobile-scroll li.featured { --width: 100%; } #root .l4cl.mobile-scroll.w50-mobile, #root .l4cl.mobile-scroll.w50-mobile li, #root .l4cl.mobile-scroll.w50-mobile li.featured { --width: 50%; } .l4cl:not(.mobile-scroll, .hr, .mobile-featured, .product) > li, .l4cl:not(.mobile-scroll, .hr, .mobile-featured, .product) > .swiper-outer > .swiper-wrapper > .swiper-slide, .l4ts > li, .l4ts .swiper-slide { width: calc(var(--cols_spacing) + var(--width)) !important; max-width: calc(var(--cols_spacing) + var(--width)) !important; min-width: calc(var(--cols_spacing) + var(--width)) !important; margin-left: 0 !important; margin-right: 0 !important; border-left: var(--cols_spacing) solid rgba(0,0,0,0); -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; } html:not([dir="rtl"]) .l4cl:not(.mobile-scroll, .hr, .mobile-featured, .product) > li:first-child, html:not([dir="rtl"]) .l4cl:not(.mobile-scroll, .hr, .mobile-featured, .product) > .swiper-outer > .swiper-wrapper > .swiper-slide, .l4ts > li:first-child, html:not([dir="rtl"]) .l4ts .swiper-slide:first-child { --cols_spacing: var(--rpp); } html:not([dir="rtl"]) .l4cl:not(.mobile-scroll, .hr, .mobile-featured, .product) > .swiper-outer > .swiper-wrapper > .swiper-slide:last-child { width: calc(var(--cols_spacing) + var(--width) + var(--rpp)) !important; max-width: calc(var(--cols_spacing) + var(--width) + var(--rpp)) !important; min-width: calc(var(--cols_spacing) + var(--width) + var(--rpp)) !important; border-right: var(--rpp) solid rgba(0,0,0,0); } html:not([dir="rtl"]) .l4cl:not(.mobile-scroll, .hr, .mobile-featured, .product) > li:last-child, html:not([dir="rtl"]) .l4cl:not(.mobile-scroll, .hr, .mobile-featured, .product) > .swiper-outer > .swiper-wrapper > .swiper-slide:last-child, .l4ts > li:last-child, html:not([dir="rtl"]) .l4ts .swiper-slide:last-child { margin-right: var(--rpp) !important; } .l4cl > .swiper-outer > .swiper-wrapper > .swiper-slide > li { margin-bottom: var(--dist_a); } /*#root .l4cl figure .swiper-slide { margin-left: 0 !important; margin-right: 0 !important; border-left-width: 0 !important; border-right-width: 0 !important; }*/ /*html:not([dir="rtl"]) #root .l4cl:not(.mobile-scroll, .hr, .mobile-featured, .product) > li:last-child, html:not([dir="rtl"]) #root .l4cl .swiper-slide:last-child, html:not([dir="rtl"]) .l4ts > li:last-child, html:not([dir="rtl"]) .l4ts .swiper-slide:last-child { width: calc(var(--cols_spacing) * 2 + var(--width)) !important; max-width: calc(var(--cols_spacing) * 2 + var(--width)) !important; min-width: calc(var(--cols_spacing) * 2 + var(--width)) !important; border-right: var(--cols_spacing) solid rgba(0,0,0,0); }*/ .l4cl.s4wi .swiper-wrapper { transform: none !important; height: auto !important; } .l4cl.s4wi.mobile-scroll .swiper-wrapper { width: auto; margin-left: calc(0px - var(--dist_a)); } .l4cl.s4wi.mobile-scroll .swiper-slide { width: var(--width) !important; margin-left: 0 !important; margin-right: 0 !important; border-left: var(--dist_a) solid rgba(0,0,0,0); } .l4cl > .swiper-button-nav { display: none; } .l4cl > .swiper-outer, .l4ts .swiper-outer { overflow: visible; } #root .l4ts .swiper-outer { background: none; } #root .l4cl.hr, #root .l4cl.hr > li, #root .l4cl.hr .li, #root .l4cl.hr:not([class*="width"]) li:not([class*="width"]) { width: auto; --width: auto; } .l4cl > .swiper-outer > .swiper-wrapper, .l4ts .swiper-wrapper { height: auto !important; -webkit-transform: none !important; transform: none !important; } .l4cl li.featured { min-height: 100vw; } .l4cl:not(.mobile-scroll, .hr, .mobile-featured, .product) [data-sal], .l4ft:not(.mobile-scroll, .hr, .mobile-featured, .product) [data-sal] { opacity: 1 !important; } .l4cl.hr { --w: min(140px, 30vw); --dist_fig: 8px; } .l4cl.mobile-featured { overflow: visible; margin-bottom: 0; } .l4cl.mobile-featured figure, .l4cl.mobile-featured li:before { left: var(--rpn); right: var(--rpn); --b2r: 0; --b2p: 0; } #root .l4cl.mobile-featured li { padding-left: 0; padding-right: 0; --width: auto; } .l4cl.mobile-featured + .l4cl { margin-top: 0; } .l4ft { --dist_a: min(var(--spacing), 16px); } .l4ft .main, .l4ft .main img, .l4ft .main video, .l4ft .main iframe, .l4ft .main svg { --mih: var(--mih_mobile); min-height: var(--mih_mobile); /*height: var(--mih_mobile) !important;*/ } .l4ft .main.empty, .l4ft .main.empty img, .l4ft .main.empty video, .l4ft .main.empty iframe, .l4ft .main.empty svg { height: var(--mih_mobile) !important; } /*.l4ft .main.empty figure, .l4ft .main.empty picture, .l4ft .main.empty img, .l4ft .main.empty video, .l4ft .main.empty iframe, .l4ft .main.empty svg { }*/ .l4ft li { --mih_mobile: 52vw; } .l4ft li.size-s-mobile { --mih_mobile: 50vw; } .l4ft li.size-m-mobile { --mih_mobile: 75vw; } .l4ft li.size-l-mobile { --mih_mobile: 100vw; } .l4ft li.size-xl-mobile { --mih_mobile: 125vw; } /*.l4ft li { --mih_mobile: 10vh; } .l4ft li.size-s-mobile { --mih_mobile: 20vh; } .l4ft li.size-m-mobile { --mih_mobile: 40vh; } .l4ft li.size-l-mobile { --mih_mobile: 65vh; } .l4ft li.size-xl-mobile { --mih_mobile: 75vh; }*/ /*#root .l4ft[class*="size-"].size-xs-mobile li, #root .l4ft li[class*="size-"].size-xs-mobile { --mih: 50vw !important; } #root .l4ft[class*="size-"].size-s-mobile li, #root .l4ft li[class*="size-"].size-s-mobile { --mih: 75vw !important; } #root .l4ft[class*="size-"].size-m-mobile li, #root .l4ft li[class*="size-"].size-m-mobile { --mih: 100vw !important; } #root .l4ft[class*="size-"].size-l-mobile li, #root .l4ft li[class*="size-"].size-l-mobile { --mih: 125vw !important; }*/ .l4ft:not(.mobile-scroll) { height: auto !important; margin-left: var(--rpn); margin-right: var(--rpn); /*-webkit-align-items: flex-start; align-items: flex-start; */ -webkit-align-items: stretch; align-items: stretch; } #root .l4ft:not(.mobile-scroll) { overflow-x: auto; overflow-y: hidden; } #root .l4ft:not(.mobile-scroll) li { position: relative !important; left: 0 !important; right: 0 !important; top: 0 !important; width: calc(var(--width) + var(--dist_a)); min-width: calc(var(--width) + var(--dist_a)); max-width: calc(var(--width) + var(--dist_a)); --width: 280px; } #root .l4ft:not(.mobile-scroll) li > .content:last-child { margin-bottom: calc(0px - var(--main_mr)); } #root .l4ft:not(.mobile-scroll) .main { min-height: var(--width); margin-left: 0; margin-right: 0; } #root .l4ft:not(.mobile-scroll) li.size-s-mobile .main, #root .l4ft:not(.mobile-scroll) li.size-m-mobile .main, #root .l4ft:not(.mobile-scroll) li.size-l-mobile .main, #root .l4ft:not(.mobile-scroll) li.size-xl-mobile .main { /*min-height: calc(var(--mih_mobile) * 0.75);*/ min-height: var(--mih_mobile); } #root .l4ft:not(.mobile-scroll) .main:first-child:last-child { -webkit-flex-grow: 3; -ms-flex-grow: 3; flex-grow: 3; } /*#root .l4ft:not(.mobile-scroll) li.size-s .main { min-height: calc(0.82 * var(--width)); } #root .l4ft:not(.mobile-scroll) li.size-m .main { min-height: calc(1.07 * var(--width)); } #root .l4ft:not(.mobile-scroll) li.size-l .main { min-height: calc(1.30 * var(--width)); } #root .l4ft:not(.mobile-scroll) li.size-xl .main { min-height: calc(1.67 * var(--width)); } */ #root .l4ft:not(.mobile-scroll) li:first-child:last-child { width: 100%; min-width: 0; max-width: none; } #root .l4ft:not(.mobile-scroll) li:first-child { width: var(--width); min-width: var(--width); max-width: var(--width); } /*html:not([dir="rtl"]) #root .l4ft.fullwidth li:first-child { border-left-width: 0; }*/ html:not([dir="rtl"]) #root .l4ft:not(.mobile-scroll) li:first-child { margin-left: var(--rpp); border-left-width: 0; } html:not([dir="rtl"]) #root .l4ft:not(.mobile-scroll) li:last-child { margin-right: var(--rpp); } /*.l4ft h1:not([class*="size-"]), .l4ft h2:not([class*="size-"]), .l4ft h3:not([class*="size-"]), .l4ft h4:not([class*="size-"]), .l4ft h5:not([class*="size-"]), .l4ft h6:not([class*="size-"]), .l4cl .featured h1:not([class*="size-"]), .l4cl .featured h2:not([class*="size-"]), .l4cl .featured h3:not([class*="size-"]), .l4cl .featured h4:not([class*="size-"]), .l4cl .featured h5:not([class*="size-"]), .l4cl .featured h6:not([class*="size-"]) { font-size: var(--mob_h4); }*/ .l4ft .link-btn:not(:first-child) { margin-top: calc(var(--main_mr) * 1.65); } .l4ft.mobile-scroll .main > figure:last-child { margin: calc(0px - var(--cols_spacing)) calc(0px - var(--cols_spacing)) calc(0px - var(--cols_spacing) + var(--main_mr)); } .l4ft.mobile-scroll .main > figure:last-child, .l4ft.mobile-scroll .main > figure:last-child picture { position: relative; } .l4ft.mobile-scroll.outer-radius { overflow: hidden; border-radius: var(--b2p); } .l4ft.mobile-scroll.outer-radius li { --b2p: 0px; -webkit-transform: none; transform: none; } .l4ft.fullwidth { margin-left: var(--rpn); margin-right: var(--rpn); } .l4ft.fullwidth .media-wide-mobile { margin-left: 0; margin-right: 0; } .l4ft.mobile-scroll.fullwidth { --b2r: 0px; } #root .l4ft.mobile-scroll li { width: 100% !important; max-width: none; } #root .l4ft.mobile-scroll.fullwidth li { border-left-width: 0; border-right-width: 0; } .l4ft.mobile-scroll.fullwidth figure, .l4ft.mobile-scroll.fullwidth li > .content.box { --b2p: 0px; } .l4ft[style*="--spacing: 0"] figure, .l4ft[style*="--spacing: 0"] li > .content.box { --b2p: 0px; } /*.l4cu {}*/ .l4cu:not([class*="width"], .inline) li:not([class*="width"]), .l4st:not([class*="width"]) li:not([class*="width"]) { --width: 50%; } #root .l4cu.mobile-wide li, #root .l4st li:first-child:last-child, #root .l4st.mobile-list li { --width: 100%; } .l4pm { --dist_a: 8px; } .l4pm img { width: auto !important; max-height: 25px !important; } #root .l4pm li.text-start { width: 100%; text-align: center; } .l4st { margin-bottom: var(--main_mr); } .l4st.mobile-list, #root .l4st.mobile-list li:first-child { margin-top: 0; } .l4st.text-center-mobile/*, .l4st:not(.mobile-featured)*/ { text-align: center; --justify_content: center; } .l4st .swiper-button-nav { bottom: 44px; } .l4st .swiper-button-prev { left: var(--rpn); } .l4st .swiper-button-next { right: var(--rpn); } .l4st .swiper-pagination-bullets { margin-top: calc(0px - var(--main_mr)); } .l4st:not(.s4wi) li:last-child > *:last-child, .l4st.mobile-featured, .l4st.mobile-featured li { margin-bottom: 0; } /*.l4tt {}*/ .l4tt li + li { margin-top: calc(var(--main_mr) * 0.15); } .l4tt li + li.strong { margin-top: var(--main_mr_half); } .l4ts, .l4ts.box { margin-bottom: calc(var(--main_mr) - var(--dist_b)); } .l4ts:not(.box) li > *:last-child, .l4ts:not(.box) .li > *:last-child { margin-bottom: 0; } #root .l4ts > li:first-child:last-child { overflow: hidden; width: auto !important; max-width: none !important; } .l4ts .r6rt:not(:first-child) { margin-top: calc(0px - var(--main_mr) + var(--main_mr_half)); } /*.l4us {}*/ .l4us:not(.wide) .li { margin-bottom: 0; } .l4us .swiper-slide .swiper-button-prev, .l4us .swiper-slide .swiper-button-next, #content .l4us.s4wi:not(.text-center) > .swiper-button-prev, .l4us .swiper-button-prev, .l4us .swiper-button-next { bottom: auto; height: 100%; } #content .l4us.wide.s4wi:not(.text-center) > .swiper-button-prev { height: /*calc(100% - var(--dist_c))*/ 100%; } #root .l4us.slider-mobile > .swiper-button-nav, #root .l4us.static-arrows > .swiper-button-nav { display: block; } .l4us.static-arrows .swiper-slide .swiper-button-prev, .l4us.static-arrows .swiper-slide .swiper-button-next { display: none; } .l4us.no-checks.text-center li, .l4us li.no-checks.text-center { display: block; } .l4us.no-checks.text-center li img, .l4us li.no-checks.text-center img { display: block; margin-bottom: var(--main_mr_half); } .l4us.no-checks.text-center li img, .l4us.text-center li.no-checks img { margin-left: auto; margin-right: auto; } .l4us.no-checks.text-center li > * + *, .l4us li.no-checks.text-center > * + * { margin-left: 0; margin-right: 0; } .link-btn { margin-top: 0; --dist_ba: var(--rpp); } /*.link-btn.wide {}*/ .link-btn.wide > *:not(.hidden, .mobile-hide, [type="hidden"]) + *:not(.inline) { margin-top: calc(0px - var(--dist_bb) + 10px); } /*.m6bx.compact { --dist_b: var(--rpp); }*/ .m6bx { --dist_a: calc(var(--rpp) * 1.5); } .m6bx > div > .m6fr:last-child, .m6bx > .m6fr:last-child { margin-bottom: var(--rpp); } #root .m6bx > div > .m6fr:last-child article[class*=width-], #root .m6bx > .m6fr:last-child article[class*=width-], #root .m6bx > div > .m6fr:last-child article.mobile-static, #root .m6bx > .m6fr:last-child article.mobile-static { margin-bottom: calc(0px - var(--main_mr)); } #root .m6bx > div > .m6fr[class^="palette-"]:last-child article[class*=width-], #root .m6bx > .m6fr[class^="palette-"]:last-child article[class*=width-], #root .m6bx > div > .m6fr[class^="palette-"]:last-child article.mobile-static, #root .m6bx > .m6fr[class^="palette-"]:last-child article.mobile-static { margin-bottom: var(--main_mr); } #content > .m6bx.wide.no-padding-mobile:first-child, #content > .shopify-section:first-child > .m6bx.wide.no-padding-mobile:first-child { margin-top: 0; } .m6bx[style*="--mih_mobile"] { --mih: var(--mih_mobile) !important; min-height: var(--mih_mobile); } .m6bx > .img-overlay[style*="--mih_mobile"] { bottom: auto; min-height: var(--mih_mobile); } .m6bx > .img-overlay[style*="--dist_half_mobile"] { --dist_half: var(--dist_half_mobile) !important; } .m6bx.wide > .img-overlay[style*="--dist_half_mobile: 100"] { display: none; --dist_half_mobile: 0%; } #root .m6bx.wide > .img-overlay[style*="--dist_half_mobile: 0"] { left: var(--offset); right: var(--offset); border-radius: 0; } #root #content .m6bx.wide > .img-overlay[style*="--dist_half_mobile: 0%"], #root .m6bx.wide > .img-overlay[style*="--dist_half_mobile: 0%"].text-end { left: var(--offset); right: var(--offset); --dist_half_mobile: 0; } #root .m6bx.no-padding-top { padding-top: 0; } .m6bx.no-padding-mobile { margin-bottom: 0; padding: 0; } .m6bx.no-padding-mobile > div > .m6fr:last-child, .m6bx.no-padding-mobile > .m6fr:last-child, .m6bx > div > .m6bx.no-padding-mobile:last-child { margin-bottom: 0; } .m6bx.size-xs-mobile { margin-bottom: var(--main_mr); /*padding-bottom: max(0.1px, calc(var(--dist_a) - var(--main_mr) * 0.5));*/ --dist_b: calc(var(--main_mr) * 1.1666666667); --dist_a: calc(var(--main_mr) * 1); } /*.m6bx.size-xs-mobile > *:last-child { margin-bottom: calc(var(--main_mr) * 0.5); }*/ .m6bx.size-s-mobile { --dist_a: calc(var(--main_mr) * 1.25); --dist_b: calc(1.5 * var(--rpp)); } .m6bx.size-m-mobile { --dist_a: calc(var(--main_mr) * 1.75); --dist_b: calc(1.5 * var(--rpp)); } .m6bx.size-l-mobile { --dist_a: calc(var(--main_mr) * 2.25); --dist_b: calc(1.5 * var(--rpp)); } .m6bx.size-xl-mobile { --dist_a: calc(var(--main_mr) * 2.75); --dist_b: calc(1.5 * var(--rpp)); } /*.m6cn {}*/ #root .m6cn .cols.cols-mobile > figure { width: auto; max-width: 50%; } #root .m6cn .cols.cols-mobile > *:not(figure) { width: auto; } #root .m6cn .cols:not(.cols-mobile) > * { width: 100%; min-width: 0; max-width: none; } #root .m6cn figure { display: block; max-width: 136px; margin-left: 0; margin-right: 0; } #root .m6cn figure.text-center, #root .m6cn.text-center figure, #root .text-center .m6cn figure { margin-left: auto; margin-right: auto; } #root .margin-mobile-0, #root #content .m6fr .margin-mobile-0 { margin-bottom: 0; } #root .margin-mobile-5 { margin-bottom: 5px; } #root .margin-mobile-10 { margin-bottom: 10px; } #root .margin-mobile-15 { margin-bottom: 15px; } #root .margin-mobile-20 { margin-bottom: 20px; } #root .margin-mobile-25 { margin-bottom: 25px; } #root .margin-mobile-30 { margin-bottom: 30px; } #root .margin-mobile-35 { margin-bottom: 35px; } #root .margin-mobile-40 { margin-bottom: 40px; } #root .margin-mobile-50 { margin-bottom: 50px; } #root .margin-mobile-x025 { margin-bottom: var(--main_mr_x025); } #root .margin-mobile-x05, #root .margin-mobile-half { margin-bottom: var(--main_mr_half); } #root .margin-mobile-x075 { margin-bottom: var(--main_mr_x075); } #root .margin-mobile-x125 { margin-bottom: var(--main_mr_x125); } #root .margin-mobile-x15 { margin-bottom: var(--main_mr_x15); } #root .margin-mobile-spacing { margin-bottom: var(--cols_spacing); } #root .margin-mobile-content { margin-bottom: var(--main_mr); } #root .margin-mobile-double { margin-bottom: var(--main_mr_double); } .media-flexible-mobile { margin-bottom: var(--main_mr); } #root .media-flexible-mobile figure { position: relative; } /*.media-flexible-mobile.s4wi picture { --b2p: 0px; }*/ .m6fr { --dist_a: calc(var(--main_mr) * 2.75); /*--h_size: var(--size_32_f);*/ --mh: calc(var(--main_fz) * 24.3333333333); --h_margin: calc(0.65 * var(--main_mr)); } #root .m6fr article[style*="--mih_mobile"], #root .m6fr[style*="--mih_mobile"] article { --mh: var(--mih_mobile) !important; } .m6fr article > div[style] { position: relative !important; left: 0 !important; right: 0 !important; top: 0 !important; bottom: 0 !important; width: auto !important; max-width: none !important; margin: 0 !important; opacity: 1 !important; -webkit-transform: none !important; transform: none !important; } .m6fr article > div.m6bx[style] + * { margin-top: var(--main_mr) !important; } .m6fr article > div[style].m6bx:last-child { margin-bottom: var(--main_mr) !important; } .m6bx > * > .m6fr article > div[style].m6bx:last-child { margin-bottom: 0 !important; } #content #background, .m6fr.wide article:before, .m6fr.wide article > figure:not([class*="flexible"]) { left: 0; right: 0; width: auto; margin-left: 0; } #root .m6fr article { padding-left: var(--rpp); padding-right: var(--rpp); } #root .m6fr article.compact:not(.size-xs-mobile, .size-s-mobile, .size-m-mobile, .size-l-mobile, .size-xl-mobile) { --mh: 0px !important; } #root #content .m6fr article.mobile-flexible-static[class*="size-"][class*="-mobile"] { min-height: 0; } #root #content .m6fr article.mobile-flexible-static[class*="size-"][class*="-mobile"] [class*="media-flexible"] { position: relative; left: 0; right: 0; top: 0; bottom: 0; height: var(--mhj); margin: calc(0px - var(--dist_a)) 0 var(--main_mr); } #root #content .m6fr article.mobile-flexible-static.wide[class*="size-"][class*="-mobile"] [class*="media-flexible"] { margin-left: var(--rpn); margin-right: var(--rpn); } #root #content .m6fr article.mobile-flexible-static[class*="size-"][class*="-mobile"] [class*="media-flexible"]:not(:last-child) { margin-bottom: var(--main_mr); } #root #content .m6fr article.mobile-static [class*="media-flexible"]:not(:last-child), #root #content .m6fr article[class*="width"] [class*="media-flexible"]:not(:last-child) { margin-bottom: var(--main_mr); } #root #content .m6fr article.mobile-static [class*="media-flexible"] figure + figure, #root #content .m6fr article[class*="width"] [class*="media-flexible"] figure + figure { margin-top: var(--main_mr) !important; } #root #content .m6fr article:not(.flexible-stack) [class*="media-flexible"] figure:first-child, #root #content .m6fr [class*="media-flexible"] figure:last-child { margin-bottom: 0 !important; } .m6fr .swiper-outer { border-radius: 0; } .m6fr.wide.s4wi .swiper-slide { padding: 0; } /*.m6fr figure { border-radius: 0; --b2r: 0px; }*/ #root #content .m6fr article[class*="width"] figure, #root #content .m6fr article.mobile-static figure, #root .m6fr article.mobile-static [class*="media-flexible"], #root #content .m6fr article[class*="width"] [class*="media-flexible"] { position: relative !important; left: 0 !important; right: 0 !important; top: 0 !important; bottom: 0 !important; width: calc(100% + var(--rpp) * 2) !important; max-width: none !important; margin: calc(0px - var(--dist_a)) var(--rpn) calc(var(--rpp) * 1.25); opacity: 1 !important; -webkit-transform: none !important; transform: none !important; } #root .m6fr article.mobile-static [class*="media-flexible"] ~ .media-flexible, #root #content .m6fr article[class*="width"] [class*="media-flexible"] ~ .media-flexible { margin-top: 0; } #root .m6fr article.mobile-static [class*="media-flexible"], #root #content .m6fr article[class*="width"] [class*="media-flexible"] { margin-bottom: 0; } #root .m6fr article.mobile-static [class*="media-flexible"] picture, #root #content .m6fr article[class*="width"] picture { position: relative; } #root .m6fr article.mobile-static:not(.flexible-stack) [class*="media-flexible"] figure ~ figure, #root #content .m6fr article[class*="width"]:not(.flexible-stack) figure ~ figure { display: none; } #root .m6fr.wide article.mobile-static [class*="media-flexible"], #root #content .m6fr.wide article[class*="width"] [class*="media-flexible"] { width: calc(100% + var(--rpp) * 2); margin-left: var(--rpn); margin-right: var(--rpn); --b2p: 0px; } #root #content .m6fr.wide article.mobile-static [class*="media-flexible"] figure, #root #content .m6fr.wide article[class*="width"] [class*="media-flexible"] figure { width: 100% !important; margin-left: 0; margin-right: 0; } #root .m6fr:not(.wide) article.mobile-static [class*="media-flexible"], #root #content .m6fr:not(.wide) article[class*="width"] [class*="media-flexible"] { width: 100% !important; margin-left: 0; margin-right: 0; } #root .m6fr .flexible-stack .media-flexible, #root .m6fr .flexible-stack .media-flexible picture, #root .m6fr .flexible-stack .media-flexible figure > a, #root .m6fr .flexible-stack .media-flexible img, #root .m6fr .flexible-stack .media-flexible video, #root .m6fr .flexible-stack .media-flexible iframe, #root .m6fr .flexible-stack .media-flexible svg { position: relative; } #root #content .m6fr article[class*="width"], #root #content .m6fr article.mobile-static { min-height: 0; } #root #content .m6fr:not(.wide) article[class*="width"] figure, #root #content .m6fr:not(.wide) article.mobile-static figure { overflow: hidden; border-radius: var(--b2p) var(--b2p) 0 0; } #root .m6fr:not(.wide) article.mobile-static .media-flexible-mobile { overflow: hidden; border-radius: var(--b2p) /*var(--b2p) 0 0*/; } #root #content .m6fr:not(.wide) article.no-padding[class*="width"] figure, #root #content .m6fr:not(.wide) article.mobile-static.no-padding figure, #root .m6fr:not(.wide) article.mobile-static.no-padding .media-flexible-mobile, #root #content .m6fr:not(.wide) article.no-padding-mobile[class*="width"] figure, #root #content .m6fr:not(.wide) article.mobile-static.no-padding-mobile figure, #root .m6fr:not(.wide) article.mobile-static.no-padding-mobile .media-flexible-mobile{ width: 100% !important; margin-left: 0; margin-right: 0; } #root #content .m6fr article.mobile-static .media-flexible-mobile figure { position: relative; width: 100% !important; margin: 0; border-radius: 0; --b2p: 0px; } #root #content .m6fr article.mobile-static .media-flexible-mobile figure:not([style*="--b2p_mobile:"]) { --b2p_mobile: 0px; } /*#root #content .m6fr article.mobile-static [class*="media-flexible"][style*="--b2p_mobile"], #root #content .m6fr article.mobile-static [class*="media-flexible"] + .media-flexible-mobile[style*="--b2p_mobile"], #root #content .m6fr article.mobile-static [class*="media-flexible"] figure[style*="--b2p_mobile"] { border-radius: var(--b2p) !important; --b2p: var(--b2p_mobile) !important; }*/ .dm-ready.has-first-m6fr-wide #content > .m6fr.wide:first-child article[class*="width"] figure, .dm-ready.has-first-m6fr-wide #content > .shopify-section:first-child > .m6fr.wide article[class*="width"] figure, .dm-ready.has-first-m6fr-wide #content > .m6fr.wide:first-child article.mobile-static figure, .dm-ready.has-first-m6fr-wide #content > .shopify-section:first-child > .m6fr.wide article.mobile-static figure, .dm-ready.has-first-m6fr-wide #content > .m6fr.wide:first-child article.mobile-static .media-flexible, .dm-ready.has-first-m6fr-wide #content > .shopify-section:first-child > .m6fr.wide article.mobile-static .media-flexible { margin-top: calc(0px - var(--dist_a) - var(--header_height_static)); } .dm-ready.has-first-m6bx-wide #content > .m6bx.wide:first-child > .img-overlay[style*="--mih"], .dm-ready.has-first-m6bx-wide #content > .shopify-section:first-child > .m6bx.wide:first-child > .img-overlay[style*="--mih"] { height: min(calc(var(--mih_mobile) + var(--header_height_static)), calc(var(--header_height_static) + 100%)); } .dm-ready.has-first-m6fr-wide #content > .m6fr.wide:first-child article[class*="width"], .dm-ready.has-first-m6fr-wide #content > .shopify-section:first-child > .m6fr.wide article[class*="width"], .dm-ready.has-first-m6fr-wide #content > .m6fr.wide:first-child article.mobile-static, .dm-ready.has-first-m6fr-wide #content > .shopify-section:first-child > .m6fr.wide article.mobile-static { min-height: 0; padding-top: var(--dist_a); -webkit-justify-content: flex-start; justify-content: flex-start; } #root #content .m6fr:not(.s4wi) article[class*="width"], #root #content .m6fr:not(.s4wi) article.mobile-static { padding-bottom: .1px; } #root .m6fr article.mobile-static figure picture { width: 100% !important; max-width: none; } #root .m6fr article[class*="width"] figure img, #root .m6fr article[class*="width"] figure video, #root .m6fr article[class*="width"] figure svg, #root .m6fr article[class*="width"] figure iframe, #root .m6fr article[class*="width"] figure/*[class*="size-"][class*="-mobile"]*/ img, #root .m6fr article.mobile-static figure/*[class*="size-"][class*="-mobile"]*/ img, #root .m6fr article.mobile-static figure video, #root .m6fr article.mobile-static figure svg, #root .m6fr article.mobile-static figure iframe { display: block; min-height: var(--mhi) !important; height: var(--mhi) !important; -o-object-fit: cover; object-fit: cover; -o-object-position: center 0; object-position: center 0; } #root #content .m6fr figure .mobile-hide, #root #content .m6fr .media-flexible .mobile-hide { display: none; } .m6fr.size-xs-mobile, .m6fr .size-xs-mobile, .m6fr figure.size-xs-mobile { --mh: 0px !important; --mhi: auto !important; --mhj: 12.5vh; --dist_a: calc(var(--rpp) * 1); } .m6fr.size-xs-mobile.s4wi article, .m6fr.s4wi article.size-xs-mobile { padding-bottom: calc(var(--rpp) * 2 + var(--bll) - var(--main_mr)); } .m6bx[class*="height-mobile-"] { min-height: var(--mh); } .m6fr.size-s-mobile, .m6fr .size-s-mobile, .m6fr figure.size-s-mobile { --mh: 25vh !important; --mhi: 25vh; --mhj: 20vh; } .m6fr.size-m-mobile, .m6fr .size-m-mobile, .m6fr figure.size-m-mobile { --mh: 50vh !important; --mhi: 50vh; --mhj: 25vh; } /*.m6fr.size-l-mobile, .m6fr .size-l-mobile, .m6fr figure.size-l-mobile { --mh: 100vh !important; --mhi: 100vh; }*/ .m6fr.size-l-mobile, .m6fr .size-l-mobile, .m6fr figure.size-l-mobile { --mh: 100vh !important; --mhi: 100vh; --mhj: 30vh; } .dm-ready.has-first-m6fr-wide #content > .m6fr.wide.size-l-mobile, .dm-ready.has-first-m6fr-wide #content > .m6fr.wide .size-l-mobile, .dm-ready.has-first-m6fr-wide #content > .m6fr.wide figure.size-l-mobile, .dm-ready.has-first-m6fr-wide #content > .shopify-section:first-child > .m6fr.wide.size-l-mobile, .dm-ready.has-first-m6fr-wide #content > .shopify-section:first-child > .m6fr.wide .size-l-mobile, .dm-ready.has-first-m6fr-wide #content > .shopify-section:first-child > .m6fr.wide figure.size-l-mobile { --mh: calc(100vh - var(--hhf)) !important; --mhi: calc(100vh - var(--hhf)); } .m6fr.size-s-mobile.richtext, .m6fr .size-s-mobile.richtext, .m6bx.height-mobile-s { --mh: 15vh !important; } .m6fr.size-m-mobile.richtext, .m6fr .size-m-mobile.richtext, .m6bx.height-mobile-m { --mh: 30vh !important; } .m6fr.size-l-mobile.richtext, .m6fr .size-l-mobile.richtext, .m6bx.height-mobile-l { --mh: 45vh !important; } /*.m6fr.size-xl-mobile.richtext, .m6fr .size-xl-mobile.richtext, .m6bx.height-mobile-xl { --mh: 45vh !important; }*/ /*.m6fr figure.size-s-mobile { --mhi: 25vh; } .m6fr figure.size-m-mobile { --mhi: 50vh; } .m6fr figure.size-l-mobile { --mhi: 75vh; }*/ .dm-ready .m6fr.size-l-mobile, .dm-ready .m6fr .size-l-mobile { --mh: calc(100vh - var(--header_height)); } /*.m6bx > .m6fr:last-child { margin-bottom: 0; }*/ /*.m6bx > div > .m6fr:last-child article[class*="width"] > div { margin-bottom: calc(0px - var(--main_mr)); }*/ .m6fr .swiper-pagination-bullet:nth-child(5) ~ .swiper-pagination-bullet { display: none; } .m6fr .swiper-pagination-bullet:nth-child(5):before { opacity: 1; -webkit-transform: none; transform: none; } .m6fr .swiper-pagination-bullet.swiper-pagination-bullet-active ~ .swiper-pagination-bullet:nth-child(5):before { opacity: 0; -webkit-transform: scale(.75); transform: scale(.75); } .m6fr:not(.s4wi, .wide) article { /*overflow: hidden;*/ border-radius: var(--b2r); } .m6fr.size-xs article.compact, .m6fr article.compact.size-xs, .m6fr article.compact.size-xs-mobile { --dist_a: calc(var(--main_mr) * 1); } .m6fr.size-s article.compact, .m6fr article.compact.size-s, .m6fr article.compact.size-s-mobile { --dist_a: calc(var(--main_mr) * 1.25); } .m6fr.size-m article.compact, .m6fr article.compact.size-m, .m6fr article.compact.size-m-mobile { --dist_a: calc(var(--main_mr) * 1.75); } .m6fr.size-l article.compact, .m6fr article.compact.size-l, .m6fr article.compact.size-l-mobile { --dist_a: calc(var(--main_mr) * 2.25); } .m6fr.size-xl article.compact, .m6fr article.compact.size-xl, .m6fr article.compact.size-xl-mobile { --dist_a: calc(var(--main_mr) * 2.75); } #root .m6bx .m6fr.mobile-plain { margin-bottom: 0; --dist_a: 0px; } #root .m6bx .m6fr.mobile-plain h1:last-child, #root .m6bx .m6fr.mobile-plain h2:last-child, #root .m6bx .m6fr.mobile-plain h3:last-child, #root .m6bx .m6fr.mobile-plain h4:last-child, #root .m6bx .m6fr.mobile-plain h5:last-child, #root .m6bx .m6fr.mobile-plain h6:last-child { margin-bottom: var(--main_mr); } .m6fr.fullwidth:not(.s4wi) { padding-left: 0; padding-right: 0; } .m6fr.wide { margin-left: var(--rpn); margin-right: var(--rpn); } .m6fr.wide article[class*="width"] > figure, .m6fr.wide article.mobile-static > figure { --b2p: 0px; } .m6lm { --lines: 2; } .m6pn { --maw: calc(100% - var(--rpp)); } .m6tm { margin-bottom: var(--main_mr); } .m6tm > h1:not(.toggle), .m6tm > h2:not(.toggle), .m6tm > h3:not(.toggle), .m6tm > h4:not(.toggle), .m6tm > h5:not(.toggle), .m6tm > h6:not(.toggle) { margin-bottom: 0; } html:not(.no-js) .m6tm > h1:not(.toggle) + *, html:not(.no-js) .m6tm > h2:not(.toggle) + *, html:not(.no-js) .m6tm > h3:not(.toggle) + *, html:not(.no-js) .m6tm > h4:not(.toggle) + *, html:not(.no-js) .m6tm > h5:not(.toggle) + *, html:not(.no-js) .m6tm > h6:not(.toggle) + * { display: none; } .m6tm > h1, .m6tm > h2, .m6tm > h3, .m6tm > h4, .m6tm > h5, .m6tm > h6 { display: block; position: relative; z-index: 2; margin: 0 var(--rpn) var(--rpp); padding: 15px 44px 15px var(--rpp); color: var(--primary_text); font-weight: var(--main_fw_h); font-size: var(--main_fz); font-family: var(--main_ff); font-style: var(--main_fs); line-height: var(--main_lh); text-transform: var(--main_tt); text-align: var(--text_align_start); letter-spacing: var(--main_ls); } html:not(.no-js) .m6tm > h1:before, html:not(.no-js) .m6tm > h2:before, html:not(.no-js) .m6tm > h3:before, html:not(.no-js) .m6tm > h4:before, html:not(.no-js) .m6tm > h5:before, html:not(.no-js) .m6tm > h6:before, .m6tm .handler.toggle.border-down + *:before { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; border: 0 solid var(--black); border-bottom-width: 1px; opacity: .07; } .m6tm > h1:first-child:before, .m6tm > h2:first-child:before, .m6tm > h3:first-child:before, .m6tm > h4:first-child:before, .m6tm > h5:first-child:before, .m6tm > h6:first-child:before { border-top-width: 1px; } .m6tm .handler.toggle.border-down { margin-bottom: 0; } .m6tm .handler.toggle.border-down:before { border-bottom-width: 0; } .m6tm .handler.toggle.border-down + * { position: relative; padding-bottom: .1px; } .m6tm .handler.toggle.border-down + *:before { left: var(--rpn); right: var(--rpn); } .m6tm .handler { } .m6tm .handler .toggle { display: block; position: absolute; left: var(--lar0); right: var(--l0ra); top: 0; bottom: 0; width: 44px; font-size: 7px; text-indent: -3000em; text-align: left; direction: ltr; } .m6tm .handler .toggle:before { content: "\e904"; padding: 0 var(--rpp); text-align: var(--text_align_end); } .m6tm .handler.toggle .toggle:before { content: "\e968"; } .m6tm .handler .toggle:after { content: ""; display: block; position: absolute; left: -3000em; right: -3000em; top: 0; bottom: 0; } .m6tm + .f8fl { margin-top: calc(0px - var(--main_mr)); } .n6br { --dist: calc(var(--rpp) * 2); } #content > .n6br:first-child, #content > .shopify-section:first-child > .n6br { margin-top: calc(0px - var(--content_padding_top) + var(--main_mr)); } .media-wide-mobile { display: block; max-width: none !important; margin-left: var(--offset); margin-right: var(--offset); --offset: min(var(--rpn), calc(-50vw + var(--glw) * 0.5 + var(--scrollbar_width) * 0.5)); --b2r: 0px; --b2p: 0px; } .media-wide-mobile img, .media-wide-mobile video, .media-wide-mobile iframe, .media-wide-mobile svg { display: block; width: 100% !important; height: 100% !important; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; } .n6pg, .spr-pagination { padding-top: 20px; text-align: center; --cols_spacing: 26px; } .table-wrapper + .n6pg, table + .n6pg { margin-top: calc(0px - var(--main_mr_double) + 20px); } /*.r6rt {}*/ #root .r6rt .rating-label .mobile-hide { display: block; text-indent: -3000em; letter-spacing: -1000px; } /*.s1bx.rounded {}*/ /*h1 .s1bx.rounded, h2 .s1bx.rounded, h3 .s1bx.rounded, h4 .s1bx.rounded, h5 .s1bx.rounded, h6 .s1bx.rounded { min-width: calc(var(--main_fz) * 1.9086666667); text-align: center; }*/ .s1bx.wide { padding-left: var(--rpp); padding-right: var(--rpp); } .s1bx.wide:before { left: var(--rpn); right: var(--rpn); border-radius: 0; } .s1pr .s1bx.wide:before { left: 0; right: 0; border-radius: var(--b2r); } .size-20-mobile { font-size: var(--size_20_f); } /*.size-66 {}*/ h1.size-66, h2.size-66, h3.size-66, h4.size-66, h5.size-66, h6.size-66 { font-size: var(--mob_h0); } .table-drop.static { position: relative; z-index: 2; margin-bottom: 18px; } .table-drop.static:before { content: ""; display: block; position: absolute; left: 0; right: 0; bottom: -18px; height: 1px; background: var(--black); opacity: .08; } #root .table-drop tr > .text-end { display: table-cell; } .table-drop tr.sub.active, .table-drop.static tr.sub { display: table-row; } .table-drop tr.sub > * { padding-top: 0; padding-bottom: 0; border-width: 0; background: none; } .table-drop tr.not-sub + tr.active > *, .table-drop.static tr.not-sub + tr > * { padding-top: 18px; } .table-drop tr.active + tr.not-sub > * { padding-top: 36px; } .table-drop tr.active + tr.not-sub > *:before { top: 18px; border-top-width: 1px; } .table-drop tr.active + tr.not-sub > *:after { top: 18px; } .table-drop tr.sub > *:first-child:last-child a { display: block; padding-top: 2px; } .table-drop a.toggle i { font-size: var(--size_8); } .table-drop a.toggle:before { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 9; } .table-drop a.toggle.active .icon-chevron-down:before { content: "\e908"; } .table-drop a.toggle { display: block; } .table-drop a.toggle ~ *, .table-drop tr > *:nth-child(n+3), .table-drop tr.sub.active + tr.sub > *:before, /*.table-drop tbody > tr:first-child > td:before,*/ .table-drop tr.not-sub + tr.sub > td:before, .table-drop tr.sub > *:before, .table-drop tr.not-sub + tr.sub > td:after, .table-drop tr.sub > *:after, #root .table-drop.simple tr > .text-end, .table-drop.static tbody tr.not-sub { display: none; } .table-wrapper { overflow-x: auto; overflow-y: hidden; margin-left: var(--rpn); margin-right: var(--rpn); padding-bottom: 1px; } tr > *:first-child { padding-left: var(--rpp); } tr > *:last-child { padding-right: var(--rpp); } .text-start-mobile { text-align: var(--text_align_start); --justify_content: flex-start; } .text-center-mobile { text-align: center; --justify_content: center; } .text-end-mobile { text-align: var(--text_align_end); --justify_content: flex-end; } .text-justify-mobile { text-align: justify; --justify_content: space-between; } .width-mobile-10 { --width: 10%; } .width-mobile-12 { --width: 12.5%; } .width-mobile-14 { --width: 14.2857142857%; } .width-mobile-15 { --width: 15%; } .width-mobile-16 { --width: 16.66666666666%; } .width-mobile-20 { --width: 20%; } .width-mobile-25 { --width: 25%; } .width-mobile-30 { --width: 30%; } .width-mobile-33 { --width: 33.33333333333%; } .width-mobile-35 { --width: 35%; } .width-mobile-36 { --width: 36%; } .width-mobile-37 { --width: 37.5%; } .width-mobile-40 { --width: 40%; } .width-mobile-42 { --width: 42%; } .width-mobile-45 { --width: 45%; } .width-mobile-50 { --width: 50%; } .width-mobile-55 { --width: 55%; } .width-mobile-58 { --width: 58%; } .width-mobile-60 { --width: 60%; } .width-mobile-64 { --width: 64%; } .width-mobile-66 { --width: 66.66666666666%; } .width-mobile-70 { --width: 70%; } .width-mobile-75 { --width: 75%; } .width-mobile-80 { --width: 80%; } .width-mobile-85 { --width: 85%; } .width-mobile-90 { --width: 90%; } .width-mobile-95 { --width: 95%; } .width-mobile-100 { --width: 100%; } .shopify-section-footer .cols-mobile, .l4ca:not(.compact) > li, #root .l4ca:not(.compact) li, .l4cl.s4wi .swiper-wrapper, .l4ts.s4wi .swiper-wrapper, .l4ts, .l4cl.s4wi.mobile-scroll .swiper-wrapper { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .l4cl:not(.mobile-scroll, .hr, .mobile-featured, .product), .l4cl.s4wi .swiper-wrapper, .l4ts, .l4ts.s4wi .swiper-wrapper, .l4ft:not(.mobile-scroll), .n6pg, .spr-pagination { -webkit-flex-wrap: nowrap; flex-wrap: nowrap; } .n6pg, .spr-pagination { -webkit-flex-direction: column; flex-direction: column; } .shopify-section-footer .m6cn .cols:not(.cols-mobile) { -webkit-flex-direction: column-reverse; flex-direction: column-reverse; } .shopify-section-footer:not(.text-center) .cols-mobile:not(.text-center), .l4cl.text-center { -webkit-justify-content: flex-start; justify-content: flex-start; } .l4ca > li { -webkit-justify-content: flex-end; justify-content: flex-end; } .shopify-section-footer .l4dr, .n6pg, .spr-pagination, .n6pg ol, .n6pg ul, .spr-pagination > div, .shopify-section-footer.text-center .cols-mobile { -webkit-justify-content: center; justify-content: center; } .shopify-section-footer .l4dr { -webkit-align-items: center; align-items: center; } #root .m6cn .cols.cols-mobile > figure { -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; } #root .m6cn .cols.cols-mobile > *:not(figure) { -webkit-flex-grow: 3; -ms-flex-grow: 3; flex-grow: 3; } #root .search-compact-cont, #root .m6fr .media-flexible > figure.mobile-hide { display: block; } #root .mobile-hide, #nav-top .l4us.s4wi.mobile-hide, #root #logo .mobile-hide, #root .tablet-only, .l4dr a.mobile-hide, .shopify-section-footer nav > *:not(.m6cn, .toggle, .has-form) > *:not(h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, form), .shopify-section-footer > nav:first-child > *:first-child:before, #nav-user > ul > li:not(.user, .cart, .search), #root iframe.mobile-hide, .l4ts .swiper-custom-pagination, #nav-user > ul > li.search, #root .shopify-section-footer .m6cn a.header-toggle, #root .shopify-section-footer .m6cn h1:before, #root .shopify-section-footer .m6cn h2:before, #root .shopify-section-footer .m6cn h3:before, #root .shopify-section-footer .m6cn h4:before, #root .shopify-section-footer .m6cn h5:before, #root .shopify-section-footer .m6cn h6:before, #root .m6fr figure.mobile-hide, /*#root .m6fr .mobile-only.s4wi[class*="media-flexible"] ~ .mobile-hide-media-flexible,*/ #root .m6fr .mobile-only[class*="media-flexible"] ~ .mobile-hide-media-flexible, #root .m6fr article > figure .mobile-hide, .media-flexible-mobile > figure ~ figure, .media-flexible.mobile-hide ~ .media-flexible, .media-flexible-mobile ~ .media-flexible, #root .l4pr.mobile-hide:not(.in-m6pn), .shopify-section-footer nav h1:last-child .header-toggle, .shopify-section-footer nav h2:last-child .header-toggle, .shopify-section-footer nav h3:last-child .header-toggle, .shopify-section-footer nav h4:last-child .header-toggle, .shopify-section-footer nav h5:last-child .header-toggle, .shopify-section-footer nav h6:last-child .header-toggle { display: none; } } @media only screen and (max-width: 500px) { .l4sc:not(.box) .title { width: 100%; } } @media only screen and (max-width: 400px) { #logo.text-center-mobile { --maw_logo: 40vw; } .search-compact-cont:not(.active) ~ #logo.text-center-mobile { --maw_logo: 30vw; } .l4sc { --dist_a: var(--rpp); } .recommendation-modal__container { left: 0 !important; right: 0 !important; top: auto !important; bottom: 0 !important; width: auto !important; border-radius: 0 !important; --x_size: 48px; -webkit-transform: none !important; transform: none !important; } } @media only screen and (max-width: 360px) { .search-compact-cont:not(.active) ~ #logo.text-center-mobile { --maw_logo: 22vw; } } /* icon-list */ .icon-list { width: 100%; display: flex; } .icon-list ul { list-style: none; margin: 0; padding: 0; width: 100%; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; } .icon-list ul li { list-style: none; display: flex; flex-direction: column; align-items: center; gap: 20px; } .icon-list picture { width: 80%; max-width: 80px; display: flex; justify-content: center; } .icon-list span { font-size: 16px; line-height: 1.5; font-weight: 600; color: #000000; text-align: center; } @media only screen and (max-width: 500px) { .icon-list ul { grid-template-columns: repeat(2, minmax(0, 1fr)); } .icon-list ul li { gap: 10px; } .icon-list span { font-size: 14px; } } /* banner-text */ .banner-text { width: 100vw; transform: translateX(calc(calc(calc(var(--ghw) + 0px) - 100vw) / 2)); position: relative; display: flex; } .banner-text-image { width: 100%; display: flex; } .banner-text-image img { width: 100%; } .banner-text-info { position: absolute; z-index: 2; width: 100%; max-width: 700px; left: calc(calc(100vw - calc(var(--ghw) + 0px)) / 2); top: 50%; transform: translateY(-50%); padding: 80px 60px; background: #FFF; border: #444 1px solid; line-height: 1; display: flex; flex-direction: column; gap: 50px; } .banner-text-info p { margin: 0; } .banner-text-info-heading { font-size: 14px; font-weight: 500; color: #444; } .banner-text-info-title { font-size: 40px; font-weight: 600; color: #444; } .banner-text-info-content { width: 100%; display: flex; flex-direction: column; gap: 20px; } .banner-text-info-content-item { font-size: 14px; font-weight: 400; letter-spacing: 0.5px; color: #444; } @media only screen and (max-width: 1700px) { .banner-text { transform: translateX(calc(var(--rpp) - calc(var(--rpp) * 2))); } .banner-text-info { max-width: 50%; left: var(--rpp); padding: 40px 40px; gap: 30px; } } @media only screen and (max-width: 1024px) { .banner-text-info { max-width: 60%; left: var(--rpp); padding: 30px; } .banner-text-info-title { font-size: 30px; } } @media only screen and (max-width: 768px) { .banner-text-info { max-width: 60%; left: var(--rpp); padding: 20px; gap: 15px; } .banner-text-info-title { font-size: 26px; } } @media only screen and (max-width: 700px) { .banner-text { flex-direction: column; } .banner-text-info { width: 100%; max-width: 100%; background: #EEE; border: none; position: relative; left: unset; top: unset; transform: unset; } } /* product-description */ .product-description { padding: 50px 0 100px 0; width: 100%; display: flex; flex-direction: column; } .product-description-tab { position: relative; z-index: 10; width: 100%; padding: 30px 0; display: flex; justify-content: center; gap: 30px; } .product-description-tab-item { font-size: 16px; line-height: 1; padding-bottom: 8px; font-weight: 600; color: #777; position: relative; cursor: pointer; user-select: none; } .product-description-tab-item:hover { color: #444; } .product-description-tab-item_selected { color: #444; } .product-description-tab-item_selected::after { content: ""; width: 80%; height: 1px; background: #777; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); } .product-description-box { width: 100%; display: flex; } .product-description-box-item { width: 100%; display: none; flex-direction: column; } .product-description-box-item_selected { display: flex; } .pd-item { position: relative; z-index: 2; width: 100%; display: flex; justify-content: flex-end; } .pd-item::before { content: ""; background: #f6f6f6; width: 100%; max-width: 62.5%; height: calc(100% + 100px); position: absolute; top: -100px; left: 0; transform: translateX(calc(calc(calc(var(--ghw) + 0px) - 100vw) / 2)); } .pd-item-notfirst { padding: 50px 0; } .pd-item-notfirst::before { height: 100%; top: 0; } .pd-item-2 { padding: 50px 0; justify-content: flex-start; } .pd-item-2::before { height: 100%; top: 0; left: unset; right: 0; transform: translateX(calc(calc(100vw - calc(var(--ghw) + 0px)) / 2)); } .pd-item-text { position: absolute; z-index: 1000; left: 0; top: 50%; transform: translateY(-50%); width: 100%; max-width: 45%; padding: 60px 40px; background: #FFF; display: flex; flex-direction: column; gap: 15px; } .pd-item-2 .pd-item-text { left: unset; right: 0; } .pd-item-text h3 { font-size: 22px; letter-spacing: 0.5px; font-weight: 500; line-height: 1; color: #444; } .pd-item-text div { font-size: 16px; color: #555; line-height: 1.7; } @media only screen and (max-width: 500px) { .pd-item-text h3 { font-size: 18px; } .pd-item-text div { font-size: 14px; line-height: 1.5; } } .pd-item-image1 { width: 100%; max-width: 60%; display: flex; } .pd-item-image1-box { width: 100%; height: 0; padding-bottom: 70%; overflow: hidden; position: relative; } .pd-item-imagebox { position: absolute; inset: 0; width: 100%; height: 100%; background: #EEE; display: flex; } .pd-item-imagebox img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .pd-item-image2 { width: 100%; max-width: 50%; display: flex; align-items: center; gap: 50px; } .pd-item-image2-box { width: 100%; height: 0; padding-bottom: 90%; overflow: hidden; position: relative; } .pd-item-image2-box:last-child { width: 100%; height: 0; padding-bottom: 100%; overflow: hidden; position: relative; } .pd-item-2 .pd-item-image2-box { padding-bottom: 100%; } .pd-item-2 .pd-item-image2-box:last-child { padding-bottom: 90%; } @media only screen and (max-width: 1700px) { .pd-item::before { max-width: 59.5%; transform: translateX(calc(var(--rpp) - calc(var(--rpp) * 2))); } .pd-item-2::before { transform: translateX(calc(var(--rpp))); } } @media only screen and (max-width: 1024px) { .pd-item-text { max-width: 60%; padding: 40px 25px; gap: 10px; } } @media only screen and (max-width: 850px) { .pd-item-text { max-width: 70%; padding: 30px 15px; gap: 10px; } .pd-item-image1, .pd-item-image2 { max-width: 80%; } } @media only screen and (max-width: 650px) { .product-description-tab { gap: 10px; } .product-description-tab-item { font-size: 13px; } .pd-item { flex-direction: column; } .pd-item::before { width: 100vw; max-width: unset; } .pd-item-text { position: relative; left: unset; top: unset; transform: unset; max-width: 100%; } .pd-item-image2 { gap: 15px; } .pd-item-image1, .pd-item-image2 { max-width: 100%; } } /* pd-packlist */ .pd-packlist { width: 100%; display: flex; flex-direction: column; align-items: center; } .pd-packlist-item { font-size: 16px; font-weight: 600; color: #555; } /* product-specification */ .product-specification { margin-top: 50px; width: 100%; --border: #ccc 1px solid; border-spacing: 0; border-collapse: collapse; } .product-specification tr td { border: var(--border); padding: 10px 30px; font-size: 14px; color: #222; }