:root { --color-black-default: #03181c; --color-icecarats: #000000; --color-border-dark: #1d1d1d; --color-border-default: #a4a4a4; --color-border-light: #e6e6e6; --color-bg-inverse: #111; --color-bg-alternative: #f8f8f8; --color-bg-default: #fff; --color-neutral-grey-900: #111; --color-neutral-grey-800: #393939; --color-neutral-grey-700: #484848; --color-neutral-grey-650: #585858; --color-neutral-grey-600: #6c6c6c; --color-neutral-grey-500: #929292; --color-neutral-grey-400: #aaa; --color-neutral-grey-300: #ccc; --color-neutral-grey-250: #dfdfdf; --color-neutral-grey-200: #dfdfdf; --color-neutral-grey-150: #eaeaea; --color-neutral-grey-100: #f5f5f5; --color-green: #3d6f10; --color-yellow-green: #758e00; --color-light-green: #179924; --color-red: #69152e; --color-light-red: #a60c38; --color-gold: #f2bd61; --color-dark-pink: #b62f6b; --color-purple: #6b2076; --color-purple-light: #8c2d9b; --color-indigo: #3b3bbb; --color-pink: #e00784; --color-blue: #1c7098; --star-background: #f5b36b; --women-color: #fcf7f3; --men-color: #f7f6f5; --kids-color: #f9f6f8; --max-width-page: 1400px; --shadow-size-small: 0px 0px 5px 1px rgba(0, 0, 0, 0.05); --shadow-size-medium: 0 4px 9px 1px rgba(0, 0, 0, 0.075); --shadow-size-default: 0 4px 16px 1px rgba(0, 0, 0, 0.1); --shadow-size-default-white: 0 4px 16px 1px rgba(255, 255, 255, 0.1); --animate-duration: 1s; --animate-delay: 1s; --animate-repeat: 1; --women-product-filter: opacity(0.95) drop-shadow(#b05400 0px 0px 0.01px); --men-product-filter: opacity(0.95) drop-shadow(#523a22 0px 0px 0.01px); --kids-product-filter: opacity(0.95) drop-shadow(#754068 0px 0px 0.01px); --metal-gold: url( 'https://images.icecarats.com/frontend/product_groups_images/metals3/gold.png?v=7'); --metal-other-metals: url( 'https://images.icecarats.com/frontend/product_groups_images/metals3/other_metals.png?v=7'); --metal-platinum: url( 'https://images.icecarats.com/frontend/product_groups_images/metals3/platinum.png?v=7'); --metal-rose-gold: url( 'https://images.icecarats.com/frontend/product_groups_images/metals3/rose_gold.png?v=7'); --metal-silver: url( 'https://images.icecarats.com/frontend/product_groups_images/metals3/silver.png?v=7'); --metal-stainless-steel: url( 'https://images.icecarats.com/frontend/product_groups_images/metals3/stainless_steel.png?v=7'); --metal-titanium: url( 'https://images.icecarats.com/frontend/product_groups_images/metals3/titanium.png?v=7'); --metal-tri-color: url( 'https://images.icecarats.com/frontend/product_groups_images/metals3/tri_color.png?v=7'); --metal-white-gold: url( 'https://images.icecarats.com/frontend/product_groups_images/metals3/white_gold.png?v=7'); --metal-zirconium: url( 'https://images.icecarats.com/frontend/product_groups_images/metals3/zirconium.png?v=7'); --metal-yellow-white: url( 'https://images.icecarats.com/frontend/product_groups_images/metals3/yellow_white.png?v=7'); --metal-two-tone: url( 'https://images.icecarats.com/frontend/product_groups_images/metals3/two_tone.png?v=7'); --metal-ceramic: url( 'https://images.icecarats.com/frontend/product_groups_images/metals3/ceramic.png?v=7'); --gem-black: url( 'https://images.icecarats.com/frontend/product_groups_images/gems3/black.png?v=7'); --gem-blue: url( 'https://images.icecarats.com/frontend/product_groups_images/gems3/blue.png?v=7'); --loader-icon: url('https://images.icecarats.com/frontend/common/loader.gif'); --svg-play-circle: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDMwLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDIuMS4xIEJ1aWxkIDEzNikgIC0tPgogIDxkZWZzPgogICAgPHN0eWxlPgogICAgICAuc3QwIHsKICAgICAgICBmaWxsOiBub25lOwogICAgICB9CgogICAgICAuc3QxIHsKICAgICAgICBmaWxsOiAjZmZmOwogICAgICB9CiAgICA8L3N0eWxlPgogIDwvZGVmcz4KICA8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMCwwaDI0djI0SDBWMFoiLz4KICA8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTIsLjFDNS41LjEuMiw1LjQuMiwxMnM1LjMsMTEuOSwxMS44LDExLjksMTEuOC01LjMsMTEuOC0xMS45UzE4LjUuMSwxMiwuMVpNOS42LDE3LjNWNi43bDcuMSw1LjMtNy4xLDUuM1oiLz4KPC9zdmc+'); --svg-pause-circle: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIGlkPSJMYXllcl8xIiB4PSIwIiB5PSIwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMDAuMDAzIDMwMC4wMDMiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDMwMC4wMDMgMzAwLjAwMyI+PGc+PGc+PHBhdGggZD0iTTE1MC4wMDEgMGMtODIuODM4IDAtMTUwIDY3LjE1OS0xNTAgMTUwIDAgODIuODM4IDY3LjE2MiAxNTAuMDAzIDE1MCAxNTAuMDAzIDgyLjg0MyAwIDE1MC02Ny4xNjUgMTUwLTE1MC4wMDMgMC04Mi44NDEtNjcuMTU1LTE1MC0xNTAtMTUwek0xMzQuNDEgMTk0LjUzOGMwIDkuNDk4LTcuNyAxNy4xOTgtMTcuMTk4IDE3LjE5OHMtMTcuMTk4LTcuNy0xNy4xOTgtMTcuMTk4VjEwNS40NmMwLTkuNDk4IDcuNy0xNy4xOTggMTcuMTk4LTE3LjE5OHMxNy4xOTggNy43IDE3LjE5OCAxNy4xOTh2ODkuMDc4em02NC41NDUgMGMwIDkuNDk4LTcuNzAxIDE3LjE5OC0xNy4xOTggMTcuMTk4LTkuNDk4IDAtMTcuMTk4LTcuNy0xNy4xOTgtMTcuMTk4VjEwNS40NmMwLTkuNDk4IDcuNy0xNy4xOTggMTcuMTk4LTE3LjE5OHMxNy4xOTggNy43IDE3LjE5OCAxNy4xOTh2ODkuMDc4eiIvPjwvZz48L2c+PC9zdmc+'); --svg-bell: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MDAiIGhlaWdodD0iODAwIiBmaWxsPSIjMDAwIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xMCAyMWg0YTIgMiAwIDAgMS00IDBabS02LjkyNC0yLjYxN2ExIDEgMCAwIDEgLjIxNy0xLjA5TDUgMTUuNTg2VjEwYTcuMDA2IDcuMDA2IDAgMCAxIDYtNi45MlYyYTEgMSAwIDAgMSAyIDB2MS4wOEE3LjAwNiA3LjAwNiAwIDAgMSAxOSAxMHY1LjU4NmwxLjcwNyAxLjcwN0ExIDEgMCAwIDEgMjAgMTlINGExIDEgMCAwIDEtLjkyNC0uNjE3Wk02LjQxNCAxN2gxMS4xNzJsLS4yOTMtLjI5M0ExIDEgMCAwIDEgMTcgMTZ2LTZhNSA1IDAgMCAwLTEwIDB2NmExIDEgMCAwIDEtLjI5My43MDdaIi8+PC9zdmc+'); --gem-brown: url( 'https://images.icecarats.com/frontend/product_groups_images/gems3/brown.png?v=7'); --gem-clear: url( 'https://images.icecarats.com/frontend/product_groups_images/gems3/clear.png?v=7'); --gem-cz: url( 'https://images.icecarats.com/frontend/product_groups_images/gems3/cz.png?v=7'); --gem-dark-blue: url( 'https://images.icecarats.com/frontend/product_groups_images/gems3/dark_blue.png?v=7'); --gem-dark-forest-green: url( 'https://images.icecarats.com/frontend/product_groups_images/gems3/dark_forest_green.png?v=7'); --gem-dark-red: url( 'https://images.icecarats.com/frontend/product_groups_images/gems3/dark_red.png?v=7'); --gem-deep-blue: url( 'https://images.icecarats.com/frontend/product_groups_images/gems3/deep_blue.png?v=7'); --gem-diamond: url( 'https://images.icecarats.com/frontend/product_groups_images/gems3/diamond.png?v=7'); --gem-natural-diamond: url( 'https://images.icecarats.com/frontend/product_groups_images/gems3/diamond.png?v=7'); --gem-green: url( 'https://images.icecarats.com/frontend/product_groups_images/gems3/green.png?v=7'); --gem-lab-created: url( 'https://images.icecarats.com/frontend/product_groups_images/gems3/lab_created.png?v=7'); --gem-lab-grown: url( 'https://images.icecarats.com/frontend/product_groups_images/gems3/lab_grown.png?v=7'); --gem-light-blue: url( 'https://images.icecarats.com/frontend/product_groups_images/gems3/light_blue.png?v=7'); --gem-light-forest-green: url( 'https://images.icecarats.com/frontend/product_groups_images/gems3/light_forest_green.png?v=7'); --gem-pearl: url( 'https://images.icecarats.com/frontend/product_groups_images/gems3/pearl.png?v=7'); --gem-pink: url( 'https://images.icecarats.com/frontend/product_groups_images/gems3/pink.png?v=7'); --gem-purple: url( 'https://images.icecarats.com/frontend/product_groups_images/gems3/purple.png?v=7'); --gem-red: url( 'https://images.icecarats.com/frontend/product_groups_images/gems3/red.png?v=7'); --gem-topaz: url( 'https://images.icecarats.com/frontend/product_groups_images/gems3/topaz.png?v=7'); --gem-turquoise: url( 'https://images.icecarats.com/frontend/product_groups_images/gems3/turquoise.png?v=7'); --gem-dark-crimson: url('https://images.icecarats.com/frontend/product_groups_images/gems3/dark_crimson.png?v=7'); --gem-white: url( 'https://images.icecarats.com/frontend/product_groups_images/gems3/white.png?v=7'); --gem-yellow-green: url( 'https://images.icecarats.com/frontend/product_groups_images/gems3/yellow_green.png?v=7'); --gem-yellow: url( 'https://images.icecarats.com/frontend/product_groups_images/gems3/yellow.png?v=7'); --gem-orange: url( 'https://images.icecarats.com/frontend/product_groups_images/gems3/orange.png?v=7'); --gem-multi: url( 'https://images.icecarats.com/frontend/product_groups_images/gems3/multi.png?v=7'); --gem-hematite: url( 'https://images.icecarats.com/frontend/product_groups_images/gems3/hematite.png?v=7'); --gem-violet: url( 'https://images.icecarats.com/frontend/product_groups_images/gems3/violet.png?v=7'); --gem-light-green: url( 'https://images.icecarats.com/frontend/product_groups_images/gems3/light_green.png?v=7'); --gem-light-violet: url( 'https://images.icecarats.com/frontend/product_groups_images/gems3/light_violet.png?v=7'); --gem-opal: url( 'https://images.icecarats.com/frontend/product_groups_images/gems3/opal.png?v=7'); --gem-blue-opal: url( 'https://images.icecarats.com/frontend/product_groups_images/gems3/blue_opal.png?v=7'); --gem-pink-opal: url( 'https://images.icecarats.com/frontend/product_groups_images/gems3/pink_opal.png?v=7'); --gem-blue-crystal: url( 'https://images.icecarats.com/frontend/product_groups_images/gems3/blue_crystal.png?v=7'); --gem-crystals: url( 'https://images.icecarats.com/frontend/product_groups_images/gems3/crystal.png?v=7'); --gem-light-rose: url( 'https://images.icecarats.com/frontend/product_groups_images/gems3/light_rose.png?v=7'); --gem-mystic-fire-topaz: url( 'https://images.icecarats.com/frontend/product_groups_images/gems3/mystic_fire_topaz.png?v=7'); --gem-simulated-pearl: url( 'https://images.icecarats.com/frontend/product_groups_images/gems3/pearl.png?v=7'); --gem-tiger-eye: url( 'https://images.icecarats.com/frontend/product_groups_images/gems3/tiger_eye.png?v=7'); --gem-labradorite: url( 'https://images.icecarats.com/frontend/product_groups_images/gems3/labradorite.png?v=7'); --gem-malachite: url( 'https://images.icecarats.com/frontend/product_groups_images/gems3/malachite.png?v=7'); --gem-amber: url( 'https://images.icecarats.com/frontend/product_groups_images/gems3/amber.png?v=7'); --gem-peach: url( 'https://images.icecarats.com/frontend/product_groups_images/gems3/peach.png?v=7'); --gem-black-pearl: url( 'https://images.icecarats.com/frontend/product_groups_images/gems3/black_pearl.png?v=7'); --gem-black-mother-of-pearl: url( 'https://images.icecarats.com/frontend/product_groups_images/gems3/black_pearl.png?v=7'); --gem-lapis-lazuli: url( 'https://images.icecarats.com/frontend/product_groups_images/gems3/lapis_lazuli.png?v=7'); --gem-green-onyx: url( 'https://images.icecarats.com/frontend/product_groups_images/gems3/green_onyx.png?v=7'); --gem-abalone: url( 'https://images.icecarats.com/frontend/product_groups_images/gems3/abalone.png?v=7'); --gem-black-matte: url( 'https://images.icecarats.com/frontend/product_groups_images/gems3/black_matte.png?v=7'); --gem-black-diamond: url( 'https://images.icecarats.com/frontend/product_groups_images/gems3/black_diamond.png?v=7'); --gem-carnelian: url( 'https://images.icecarats.com/frontend/product_groups_images/gems3/carnelian.png?v=7'); --gem-larimar: url( 'https://images.icecarats.com/frontend/product_groups_images/gems3/larimar.png?v=7'); --gem-rose-quartz: url( 'https://images.icecarats.com/frontend/product_groups_images/gems3/rose_quartz.png?v=7'); --gem-green-agate: url( 'https://images.icecarats.com/frontend/product_groups_images/gems3/green_agate.png?v=7'); --gem-amazonite: url( 'https://images.icecarats.com/frontend/product_groups_images/gems3/amazonite.png?v=7'); --gem-green-quartz: url( 'https://images.icecarats.com/frontend/product_groups_images/gems3/green_quartz.png?v=7'); --gem-blue-sapphire: url( 'https://images.icecarats.com/frontend/product_groups_images/gems3/blue_sapphire.png?v=7'); --gem-blue-aventurine: url('https://images.icecarats.com/frontend/product_groups_images/gems3/blue_aventurine.png?v=7'); --gem-blue-quartz: url('https://images.icecarats.com/frontend/product_groups_images/gems3/blue_quartz.png?v=7'); --gem-green-aventurine: url('https://images.icecarats.com/frontend/product_groups_images/gems3/green_aventurine.png?v=7'); --gem-green-jade: url('https://images.icecarats.com/frontend/product_groups_images/gems3/green_jade.png?v=7'); --gem-magnesite: url('https://images.icecarats.com/frontend/product_groups_images/gems3/magnesite.png?v=7'); --gem-orange-quartz: url('https://images.icecarats.com/frontend/product_groups_images/gems3/orange_quartz.png?v=7'); --gem-purple-blue-jade: url('https://images.icecarats.com/frontend/product_groups_images/gems3/purple_blue_jade.png?v=7'); --gem-purple-jade: url('https://images.icecarats.com/frontend/product_groups_images/gems3/purple_jade.png?v=7'); --gem-lepidolite: url('https://images.icecarats.com/frontend/product_groups_images/gems3/lepidolite.png?v=7'); --gem-brown-carnelian: url('https://images.icecarats.com/frontend/product_groups_images/gems3/brown_carnelian.png?v=7'); --gem-white-jade: url('https://images.icecarats.com/frontend/product_groups_images/gems3/white_jade.png?v=7'); --gem-blue-amazonite: url('https://images.icecarats.com/frontend/product_groups_images/gems3/blue_amazonite.png?v=7'); --gem-red-jade: url('https://images.icecarats.com/frontend/product_groups_images/gems3/red_jade.png?v=7'); --gem-green-amazonite: url('https://images.icecarats.com/frontend/product_groups_images/gems3/green_amazonite.png?v=7'); --gem-checker-cut-green-quartz: url('https://images.icecarats.com/frontend/product_groups_images/gems3/checker_cut_green_quartz.png?v=7'); --gem-january: var(--gem-dark-red); --gem-february: var(--gem-purple); --gem-march: var(--gem-light-blue); --gem-april: var(--gem-white); --gem-may: var(--gem-green); --gem-june: var(--gem-pearl); --gem-july: var(--gem-red); --gem-august: var(--gem-light-green); --gem-september: var(--gem-blue); --gem-october: var(--gem-pink); --gem-november: var(--gem-orange); --gem-december: var(--gem-light-blue); --svg-chevron-right: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIGlkPSJMYXllcl8xIiB4PSIwIiB5PSIwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMiAzMiIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMzIgMzIiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiMwMDA7c3Ryb2tlLXdpZHRoOjI7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kfTwvc3R5bGU+PGcgaWQ9ImNoZXZyb24tdG9wIj48cGF0aCBkPSJtMjEuMSAxNS40LTkgOU0xMi4xIDYuNGw5IDkiIGNsYXNzPSJzdDAiLz48L2c+PC9zdmc+'); --svg-chevron-left: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAzMiAzMiI+CiAgPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDIuMS4wIEJ1aWxkIDExNikgIC0tPgogIDxkZWZzPgogICAgPHN0eWxlPgogICAgICAuc3QwIHsKICAgICAgICBmaWxsOiBub25lOwogICAgICAgIHN0cm9rZTogIzAwMDsKICAgICAgICBzdHJva2UtbGluZWNhcDogcm91bmQ7CiAgICAgICAgc3Ryb2tlLWxpbmVqb2luOiByb3VuZDsKICAgICAgICBzdHJva2Utd2lkdGg6IDJweDsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPGcgaWQ9ImNoZXZyb24tdG9wIj4KICAgIDxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yMS4xLDI0LjRsLTktOU0xMi4xLDE1LjRsOS05Ii8+CiAgPC9nPgo8L3N2Zz4='); --svg-chevron-top: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6bm9uZTtzdHJva2U6IzAwMDtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLXdpZHRoOjJweH08L3N0eWxlPjwvZGVmcz48ZyBpZD0iY2hldnJvbi10b3AiPjxwYXRoIGQ9Im0xNiAxMS41IDkgOU03IDIwLjVsOS05IiBjbGFzcz0iY2xzLTEiLz48L2c+PC9zdmc+'); --svg-check-green: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA1MTYgNTE2Ij4KICA8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMjkuNi4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogMi4xLjEgQnVpbGQgOSkgIC0tPgogIDxkZWZzPgogICAgPHN0eWxlPgogICAgICAuc3QwIHsKICAgICAgICBmaWxsOiBub25lOwogICAgICAgIHN0cm9rZTogIzE1NzUyMDsKICAgICAgICBzdHJva2UtbGluZWNhcDogcm91bmQ7CiAgICAgICAgc3Ryb2tlLWxpbmVqb2luOiByb3VuZDsKICAgICAgICBzdHJva2Utd2lkdGg6IDQ4cHg7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxnIGlkPSJTVkdSZXBvX2ljb25DYXJyaWVyIj4KICAgIDxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zMy45OSwyNThjMC0xMDYuODYsNzUuNS0xOTguODQsMTgwLjMxLTIxOS42OCwxMDQuODEtMjAuODQsMjA5Ljc1LDM1LjI2LDI1MC42NCwxMzMuOTksNDAuODksOTguNzMsNi4zNCwyMTIuNi04Mi41MiwyNzEuOTZzLTIwNy4yOCw0Ny43LTI4Mi44NC0yNy44N2MtNDIuMDEtNDIuMDEtNjUuNi05OC45OS02NS42LTE1OC40WiIvPgogICAgPHBhdGggY2xhc3M9InN0MCIgZD0iTTE0NS45OSwyNThsNzQuNjYsNzQuNjYsMTQ5LjM0LTE0OS4zMSIvPgogIDwvZz4KPC9zdmc+'); --svg-search: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOCIgaGVpZ2h0PSIyOCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSIgcm9sZT0icHJlc2VudGF0aW9uIiB2aWV3Qm94PSIwIDAgMjEgMjQiPjxwYXRoIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIyIiBkPSJtMTkuNSAyMS41LTUuODg0LTYuMzM3Ii8+PGNpcmNsZSBjeD0iOS41IiBjeT0iOS41IiByPSI3IiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg=='); --svg-close: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MDAiIGhlaWdodD0iODAwIiBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGZpbGw9IiMwRjE3MjkiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTUuMjkzIDUuMjkzYTEgMSAwIDAgMSAxLjQxNCAwTDEyIDEwLjU4Nmw1LjI5My01LjI5M2ExIDEgMCAxIDEgMS40MTQgMS40MTRMMTMuNDE0IDEybDUuMjkzIDUuMjkzYTEgMSAwIDAgMS0xLjQxNCAxLjQxNEwxMiAxMy40MTRsLTUuMjkzIDUuMjkzYTEgMSAwIDAgMS0xLjQxNC0xLjQxNEwxMC41ODYgMTIgNS4yOTMgNi43MDdhMSAxIDAgMCAxIDAtMS40MTRaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4='); --svg-dropdown: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MDAiIGhlaWdodD0iODAwIiBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGZpbGw9IiMwMDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTEyLjcwNyAxNC43MDdhMSAxIDAgMCAxLTEuNDE0IDBsLTUtNWExIDEgMCAwIDEgMS40MTQtMS40MTRMMTIgMTIuNTg2bDQuMjkzLTQuMjkzYTEgMSAwIDEgMSAxLjQxNCAxLjQxNGwtNSA1WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+'); --svg-plus: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIGlkPSJMYXllcl8xIiB4PSIwIiB5PSIwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MzMuMyA1MzMuMyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgNTMzLjMgNTMzLjMiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZH08L3N0eWxlPjxwYXRoIGQ9Ik0yNjYuNyAwQzI4NS4xIDAgMzAwIDE0LjkgMzAwIDMzLjN2MjAwaDIwMGMxOC40IDAgMzMuMyAxNC45IDMzLjMgMzMuM1M1MTguNCAzMDAgNTAwIDMwMEgzMDB2MjAwYzAgMTguNC0xNC45IDMzLjMtMzMuMyAzMy4zcy0zMy4zLTE0LjktMzMuMy0zMy4zVjMwMGgtMjAwQzE0LjkgMzAwIDAgMjg1LjEgMCAyNjYuN3MxNC45LTMzLjMgMzMuMy0zMy4zaDIwMHYtMjAwYzAtMTguNSAxNS0zMy40IDMzLjQtMzMuNHoiIGNsYXNzPSJzdDAiLz48L3N2Zz4='); --svg-minus: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIGlkPSJMYXllcl8xIiB4PSIwIiB5PSIwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MzMuMyA2Ni43IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA1MzMuMyA2Ni43Ij48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGR9PC9zdHlsZT48cGF0aCBkPSJNNTAwIDBIMzMuM0MxNC45IDAgMCAxNC45IDAgMzMuM3MxNC45IDMzLjMgMzMuMyAzMy4zaDIwMHYuMUgzMDB2LS4xaDIwMGMxOC40IDAgMzMuMy0xNC45IDMzLjMtMzMuM1M1MTguNCAwIDUwMCAweiIgY2xhc3M9InN0MCIvPjwvc3ZnPg=='); --svg-diamond-truck: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIGlkPSJMYXllcl8xIiB4PSIwIiB5PSIwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA3MTYgNTYwLjEiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDcxNiA1NjAuMSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3QwLC5zdDF7c3Ryb2tlOiMwMDA7c3Ryb2tlLXdpZHRoOjE2O3N0cm9rZS1taXRlcmxpbWl0OjEwfS5zdDF7ZmlsbDpub25lO3N0cm9rZS13aWR0aDozMH08L3N0eWxlPjxwYXRoIGQ9Im0zNTAuNCA3My45LTYxLjgtNjMuOGMtMS0xLTIuMS0yLjEtMy0yLjFIMTUxLjdjLTEgMC0yLjEgMS0zIDIuMUw4Ni45IDcyLjljLTIuMSAyLjEtMi4xIDQgMCA2LjEgMSAxIDEyOC43IDE3Ny41IDEyOS44IDE3OC41IDAgMSAxIDEgMSAxIDEgMSAyLjEgMSAzIDBsMS0xTDM1MC40IDgwYzIuMS0yIDIuMS00LjEgMC02LjF6TTE1MC43IDIwLjEgMTcyIDcwLjloLTcxbDQ5LjctNTAuOHptMzQuNSA1MC44IDMzLjUtNDkuNyAzMy41IDQ5LjdoLTY3em03MCA5LjEtMzYuNSAxNTUuMkwxODIuMSA4MGg3My4xem0tMjguNC02Mi45aDUyLjhsLTIwLjQgNDguNy0zMi40LTQ4Ljd6bS00OC43IDQ4LjctMjAuMy00OC43aDUyLjhjLS4xIDAtMzIuNSA0OC43LTMyLjUgNDguN3pNMTczIDgwbDM2LjUgMTU0LjFMOTcgODBoNzZ6bTkwLjMgMGg3Ni4xTDIyNy44IDIzNC4xIDI2My4zIDgwem0zLTkuMSAyMS4zLTUwLjcgNDkuNyA1MC43aC03MXoiIGNsYXNzPSJzdDAiLz48cGF0aCBkPSJNMTM0IDE4OWMwLTI5LjMgMjQuNS01MyA1NC41LTUzaDMyNy40YzMwLjIgMCA1NC41IDIzLjcgNTQuNSA1M3Y1M2gzNy4xYzE2LjYgMCAzMi4yIDcuMyA0Mi41IDE5LjlsNTMuOCA2NS4zYzcuOCA5LjQgMTIgMjEuMSAxMiAzMy4ydjc1LjljMCAyOS4zLTI0LjUgNTMtNTQuNSA1M2gtMTguMmMwIDM5LjEtMzIuNiA3MC42LTcyLjggNzAuNnMtNzIuOC0zMS43LTcyLjgtNzAuNkgzMTUuOWMuMSAzOS4xLTMyLjQgNzAuNy03Mi42IDcwLjhzLTcyLjgtMzEuNS03Mi45LTcwLjVjMC0xLjEgMC0yLjIuMS0zLjMtMjEuOC03LjUtMzYuNS0yNy41LTM2LjUtNTBWMTg5em00Ny4xIDI2My40YzIwLjktMzMuMyA2NS43LTQzLjggOTkuOS0yMy41IDEwLjQgNi4yIDE5LjEgMTQuOCAyNS4yIDI1aDIwMS40YzYuNC0xMC43IDE1LjYtMTkuNyAyNi42LTI1LjlWMTg5YzAtOS44LTguMi0xNy43LTE4LjItMTcuN0gxODguNWMtMTAgMC0xOC4yIDcuOS0xOC4yIDE3Ljd2MjQ3LjNjLjEgNyA0LjMgMTMuMyAxMC44IDE2LjF6bTM4OS41LTMzLjhjMjYgMCA1MCAxMy41IDYzIDM1LjRoMjcuOWMxMCAwIDE4LjItNy45IDE4LjItMTcuN3YtNzUuOWMwLTQtMS40LTcuOS00LTExTDYyMS44IDI4NGMtMy40LTQuMi04LjYtNi42LTE0LjEtNi42aC0zNy4xdjE0MS4yek0yNDMuMiA0NTRjLTIwIDAtMzYuNCAxNS44LTM2LjQgMzUuNCAwIDE5LjUgMTYuMyAzNS40IDM2LjQgMzUuNHMzNi40LTE1LjggMzYuNC0zNS40Yy0uMS0xOS42LTE2LjQtMzUuNC0zNi40LTM1LjR6bTMyNy40IDBjLTIwIDAtMzYuNCAxNS44LTM2LjQgMzUuNCAwIDE5LjUgMTYuMyAzNS40IDM2LjQgMzUuNCAyMCAwIDM2LjQtMTUuOCAzNi40LTM1LjQtLjEtMTkuNi0xNi4zLTM1LjQtMzYuNC0zNS40eiIvPjxwYXRoIGQ9Ik0xMzQgMjk1LjZIME0xMzQgMzQzLjVINDQuN00xMzMuNiAzODZIODkiIGNsYXNzPSJzdDEiLz48L3N2Zz4='); --svg-arrow-right: url('data:image/svg+xml;base64,PHN2ZyBpZD0iYXJyb3ctcmlnaHQiIHZpZXdCb3g9Ii01IC01IDI0IDI0Ij48cGF0aCBkPSJtMTAuNTg2IDUuNjU3LTMuOTUtMy45NUExIDEgMCAwIDEgOC4wNS4yOTNsNS42NTcgNS42NTdhLjk5Ny45OTcgMCAwIDEgMCAxLjQxNEw4LjA1IDEzLjAyMWExIDEgMCAxIDEtMS40MTQtMS40MTRsMy45NS0zLjk1SDFhMSAxIDAgMSAxIDAtMmg5LjU4NnoiLz48L3N2Zz4='); --svg-exclamation: url('data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KDTwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIFRyYW5zZm9ybWVkIGJ5OiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyMCAyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBmaWxsPSJub25lIj4KDTxnIGlkPSJTVkdSZXBvX2JnQ2FycmllciIgc3Ryb2tlLXdpZHRoPSIwIi8+Cg08ZyBpZD0iU1ZHUmVwb190cmFjZXJDYXJyaWVyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KDTxnIGlkPSJTVkdSZXBvX2ljb25DYXJyaWVyIj4gPHBhdGggZmlsbD0iIzlkMTUxNSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTAgM2E3IDcgMCAxMDAgMTQgNyA3IDAgMDAwLTE0em0tOSA3YTkgOSAwIDExMTggMCA5IDkgMCAwMS0xOCAwem0xMC4wMSA0YTEgMSAwIDAxLTEgMUgxMGExIDEgMCAxMTAtMmguMDFhMSAxIDAgMDExIDF6TTExIDZhMSAxIDAgMTAtMiAwdjVhMSAxIDAgMTAyIDBWNnoiLz4gPC9nPgoNPC9zdmc+'); --svg-diamond: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA2OTguOTMgNjE4LjU1Ij4KICA8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMjkuNy4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogMi4xLjEgQnVpbGQgOCkgIC0tPgogIDxwYXRoIGQ9Ik0yLjAzLDIwMS45N2wzMzQuOTUsNDE1LjcyTDIwMi42NSwyMDEuOTdIMi4wM1pNMjM5LjA1LDIwMS45N2wxMTguNjIsNDE2LjU4LDEwMi4wOC00MTYuNThoLTIyMC43Wk0zNzUuNzIsNjE3LjdsMzIyLjQ1LTQxNS43MmgtMTk5LjA3bC0xMjMuMzcsNDE1LjcyWk02OTguOTMsMTc0Ljc4TDYwMi4yNSw5LjQ4bC05Ni43MiwxNjUuM2gxOTMuNFpNNTcxLjg1LDBoLTE5My40bDk2LjY4LDE3MC45N0w1NzEuODUsMFpNNDQ1LjQsMTc0Ljc4TDM0OC43Miw5LjQ4bC05Ni43LDE2NS4zaDE5My4zOFpNMzIwLjQyLDBIMTI3LjA1bDk2LjcsMTcwLjk3TDMyMC40MiwwWk05Ni42OCw5LjQ4TDAsMTc0Ljc4aDE5My4zOEw5Ni42OCw5LjQ4WiIvPgo8L3N2Zz4=') } html, body { font-style: normal; font-weight: 400 } body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #000; font-family: GoogleSans, sans-serif !important; font-size: 16px; line-height: 1.6; margin: 0 auto; max-width: 1400px; overflow-x: hidden; overflow-y: auto; padding: 0; text-rendering: optimizeLegibility; width: 100%; background-color: #fff } html { font-size: 14px; margin: auto } video:not(.with-controls)::-webkit-media-controls { display: none !important } button, input, select, textarea { font-family: inherit } input[type=email], input[type=number], input[type=password], input[type=search], input[type=text], textarea { font-size: 16px } input:not([type=checkbox]):not([type=radio]), textarea { appearance: none; -moz-appearance: none; -webkit-appearance: none } .didot-italic { font-style: italic; font-family: fangsong; } #site-main, .product-details span { font-weight: 400 } .active-filters-content-items > div { background: #f5f5f5; border-radius: 5px; color: var(--color-neutral-grey-700); font-weight: 500; margin: 7.5px 7.5px 7.5px 0; padding: 8px 10px } .active-filters-content-items .fq-item .fq-item-btn { align-items: center; display: flex } .active-filters-content-items > div:not(:last-of-type):after { box-sizing: border-box; content: ">"; display: none; margin: 2px -5px 0 12px } * { box-sizing: border-box } .category-mapping:not(.initialized) { display: none } .category-mapping-content { overflow-x: auto; white-space: nowrap } body.siteB .category-mapping-content { margin-left: 10px; padding-left: 0 } body.siteB .category-mapping { padding-left: 0 !important } :focus { outline: 0 } body:not([data-signed-in=true]):not([data-signed-in=false]) [data-user-empty-invisible=true] { visibility: hidden } body[data-signed-in=false] [data-signed-in-hide=false], body[data-signed-in=true] [data-signed-in-hide=true] { display: none } @keyframes fadeIn { 0% { opacity: 0 } to { opacity: 1 } } @keyframes fadeOut { 0% { opacity: 1 } to { opacity: 0 } } @keyframes rotate360 { 0% { transform: rotate(0deg) } to { transform: rotate(360deg) } } .shine-loading-trns-clrs, .shine-loading, .shine-loading-trns-clrs-wb { position: relative; overflow: hidden; pointer-events: none } .shine-loading-trns-clrs:after, .shine-loading:after, .shine-loading-trns-clrs-wb:after { content: ""; top: 0; transform: translateX(100%); width: 100%; height: 100%; position: absolute; z-index: 1; animation: shine-loading 1s infinite 0s; background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%); opacity: .65; display: none } .shine-loading-trns-clrs-wb *, .shine-loading-trns-clrs * { color: transparent !important; transition: none !important } .shine-loading-trns-clrs * { border-color: transparent !important } .shine-loading-trns-clrs-wb :before, .shine-loading-trns-clrs-wb :after, .shine-loading-trns-clrs :before, .shine-loading-trns-clrs :after { visibility: hidden !important; transition: none !important } .shine-loading-trns-clrs :before, .shine-loading-trns-clrs :after { border-color: transparent !important } .bg-women { background-color: #fcf7f3 } @keyframes shine-loading { 0% { transform: translateX(-100%) } to { transform: translateX(100%) } } .wishlist-btn > button { align-items: center; background: 0; border: 0; border-radius: 5px; cursor: pointer; display: flex; justify-content: center; padding: 7.5px } .add-card-prod .wishlist-btn > button { border: 0; border-radius: 50%; height: 50.5px; padding: 12px; width: 50.5px } a { color: var(--color-icecarats); text-decoration: none } .horizontal-items, .recently-viewed-items { display: flex; width: 100% } .horizontal-items > div, .horizontal-items > a { flex: 0 0 20%; flex-shrink: 0 } .horizontal-carousel-ns > div, .horizontal-carousel-ns > a { flex: 0 0 var(--desktop-ds, 16.666666%) } @media screen and (max-width: 1399px) { .head-title-block, .productgrid--masthead { padding-left: 10px; padding-right: 10px } .px-10-1399 { padding-left: 10px !important; padding-right: 10px !important } .px-20-1399 { padding-left: 20px !important; padding-right: 20px !important } .cart-page .row-wish { margin: 10px } .related-search-blocks-wrapper, .section-blog-home { margin-left: 10px; margin-right: 10px } .bo-search-result, .body-summary, .productgrid--htitle, .ymal-t { padding: 0 10px } .filter-blocks-wrapper { margin: 0 10px } .page-collection .related-search-blocks-scrollable { padding-left: 10px; padding-right: 10px } } #block_top_menu { border-bottom: 1px solid var(--color-border-light); margin-bottom: 0; padding-top: 0; position: relative; z-index: 2 } .w-25 { width: 25% } .w-50 { width: 50% } .w-75 { width: 75% } .w-100 { width: 100% } .w-auto { width: auto } .h-25 { height: 25% } .h-50 { height: 50% } .h-75 { height: 75% } .h-100 { height: 100% } .h-max-content { height: max-content } @media screen and (min-width: 1024px) { .fs-16-desktop { font-size: 16px !important } #site-main { margin-top: 15px } body .content-search-metals > .scroll-transparent > div:before { width: 22px; height: 22px; flex: 0 0 22px } .related-search-block-inline div br { display: none } .recommendations-carousel div.recommendation-items { width: 25%; flex: 0 0 25% } .category-mapping + .mt-5 { margin-top: -10px !important } .csv-show-more { display: none !important } .content-search-groups { padding: 0 } .content-search-groups .scroll-transparent { left: 50% } .content-search-groups-plus:not([data-amount="3"]):not([data-amount="4"]):not([data-amount="5"]) .scroll-transparent { justify-content: flex-start } .category-mapping + .collection-title { margin-top: -10px } body:not(.device-mobile):not(.device-tablet) .sub-menu--main { display: flex } .sub-menu--main { margin: 0 auto } .mainpage-site-description { grid-template-columns:repeat(2, calc(50% - 10px)) } .handcrafted-banner-2 { flex-direction: row-reverse } .related-search-accordion .accordion-header { pointer-events: none } .mainpage-site-text .text-divider:first-child { display: none } .collection-info-text, .mainpage-site-text > div { column-gap: 50px; flex-wrap: wrap } .collection-info-text > p, .mainpage-site-text > div > div { align-content: flex-start; display: flex; flex: 0 0 calc(50% - 60px); flex-wrap: wrap; margin: 0 } .mainpage-site-text > div:nth-of-type(2) { padding-left: 30px } div.mainpage-site-links:not(.open) .related-searches-items-lined { margin-bottom: 10px } .related-searches-items-lined { gap: 0 15px } div.related-searches-items-lined > a { flex: 0 0 calc(33.3333% - 10px); margin: 0; max-width: calc(33.3333% - 10px) } div.related-searches { padding: 0 10px } .menu-mobile-grover { display: none } } @media screen and (max-width: 1023px) { body #site-main .m-menu-account-menu ul li .red-indicator { left: calc(100% - 15px); top: 50%; transform: translateY(-50%) } .above-1024 { display: none !important } .content-search-groups[data-amount="1"] .csv-show-more, .content-search-groups[data-amount="2"] .csv-show-more, .filters-sortby span { display: none } .content-search-groups .scroll-transparent { flex: 1 } .content-search-groups-plus:not([data-amount="2"]) .csv-show-more { display: block !important } .account-page-maintitle { margin-top: 10px } body:not(.siteB) .category-mapping:not(.initialized) { display: none } body:not(.siteB) .site-footer .category-mapping { padding: 0 15px } body:not(.siteB) .site-footer .category-mapping:not(.initialized) { opacity: 0 } .mainpage-site-links { margin: 0 20px } .title-1 { font-size: 20px !important; font-weight: 500 !important; text-transform: uppercase } div.mainpage-site-text-wrapper, div.product-faq { margin-left: 10px; margin-right: 10px } div.faqSection-module { padding: 10px 0 } .Stars:before { box-sizing: border-box; margin: 0 5px 0 0 } div.mainpage-site-links:not(.open) .related-searches-items a:nth-child(n+5) { display: none } .img-search-carousel-navigation-left, .img-search-carousel-navigation-right { display: none !important } .price-search-ic-small .price--price { font-size: 15px } .mobile-nav-content .site-navigation-wrapper { display: block } } .site-header-cart--count, .site-header-wish--count, .user-notifications-count, span.swym-wish-counter.show-badge { align-content: center; align-items: center; background-color: var(--color-dark-pink); border-radius: 50%; color: #fff; display: flex; font-size: 10px; height: 15px; justify-content: center; position: absolute; right: 0; text-decoration: none; top: 0; width: 15px; box-shadow: 0 0 0 2px #fff } .site-header-cart--count { right: -5px; top: -7px } .site-header .site-header-button .red-indicator { right: -3.5px; top: -1.5px } .red-indicator[data-count="0"], .site-header-cart--count[data-header-cart-count="0"], .site-header-wish--count[data-count="0"], span.swym-wish-counter.show-badge[data-count="0"] { display: none } .site-header-main--logo-center .site-header-main-content { display: flex; text-align: left; flex: 1 1 auto; align-items: center; height: 40px } .site-header-main--logo-center .site-header-main-content .site-header-logo { flex: 1 1 auto; max-width: 160px; height: 100%; margin-left: 2.5px } input[type=search] { -webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0 } .sf-menu > li.sfHover > a, .sf-menu > li.sfHoverForce > a, .underline-thick, .underline-thick-always, a.account_signInTile .account_title span, a.testimonials-link { border-bottom: 1px solid transparent; transition: .1s } .account-content .nav > a span, .account_help span, .active-filters-content .active-filters-content-items > div .fq-item-title, .article--content p a, .left-search-ic-text > div:hover > a, .readall-button span, .underline-thin, .underline-thin-always, .underline-thin-child { border-bottom: 1px solid transparent; transition: .1s } .underline-animated-always-child, .underline-animated-always, .underline-animated, .underline-animated-child { position: relative } .underline-animated-always-child:after, .underline-animated-always:after, .underline-animated-child:after, .underline-animated:after { content: ""; height: 1px; background-color: currentColor; position: absolute; left: 0; bottom: 2px; width: 0; transition: .3s } .underline-animated-always:after, .underline-animated-always-child:after { width: 100% } .account-content .nav > a.active span, .account-content .nav > a:hover span, .account-page-content2 a:hover, .account_help:hover span, .active-filters-content .active-filters-content-items > div .fq-item-title:hover, .article--content p a, .article--content p a:hover, .cart-item--remove a:hover, .readall-button:hover span, .sf-menu > li.sfHover > a, .sf-menu > li.sfHoverForce > a, .site-footer-block-content .navmenu-link:hover, .underline-thick-always, .underline-thick:hover, .underline-thin-always, .underline-thin-parent:hover .underline-thin-child, .underline-thin:hover, a.account_signInTile:hover .account_title span, a.testimonials-link:hover { border-color: inherit } .active-filters-content-items[data-amount="1"] .fq-item[data-key=specs_gender] + #fq-clear-all, .active-filters-content-items[data-amount="1"] .fq-item[data-key=specs_jewelry_type] + #fq-clear-all, .active-filters-content-items[data-amount="2"] .fq-item[data-key=specs_jewelry_type] + .fq-item[data-key=specs_gender] + #fq-clear-all, .fq-item[data-key=specs_gender], .fq-item[data-key=specs_jewelry_type] { display: none } .price-search-ic, .price-search-ic-small, .price-search-ic-min-max, .price-search-ic-min { display: inline-block; font-weight: 500; letter-spacing: .5px } .price-search-ic > span { color: var(--color-dark-pink) } .price-search-ic-small { font-size: 10px !important } .price-search-ic-small .price--price { font-size: 14px } .similar-items-view .price-search-ic { font-size: 13px !important } .price-search-ic .old-price-search-ic { color: var(--color-green); font-size: 14px; font-weight: 400; margin-left: 5px } .content-search-price .content-search-save { order: -1; margin-right: 5px } .cart--section .payment-icons-item img { height: 30px; width: 100% } .payment-icons-item > div { border: 1px solid var(--color-border-light); background-position: center; background-repeat: no-repeat; height: 30px; box-shadow: 2.5px 2.5px 5px 1px rgba(0, 0, 0, .03); border-radius: 5px; width: 100%; background-color: #fff; max-width: 60px } .payment-icons-item > div > svg { padding: 0 10% } .payment-icons-item > div[data-icon=mastercard] > svg { transform: scale(.6) } .product-form--atc .payment-icons-item img { width: 47.25px } body[data-is-android=true] .payment-icons-item > div[data-icon=apple-pay], body[data-is-windows=true] .payment-icons-item > div[data-icon=apple-pay] { display: none } @media only screen and (max-width: 800px) { div.related-search-blocks-scrollable .related-search-block-inline div:nth-child(2) { font-size: 12px } .related-search-blocks:not(.open) .related-search-block:nth-child(n+5) { display: none } div.augb-1 { margin: 5px 0 } div.mainpage-site-description { gap: 10px } } @media only screen and (max-width: 1023px) { .icecarats-search-conteiner { left: 0; width: 100% } .site-header-main.site-header--full-width { margin-bottom: 96px } .site-logo .desktop-logo-image { height: 29px !important; margin-top: -10px; padding-left: 10px } .right-search-ic-item > a { flex: 0 0 33% } } @media only screen and (max-width: 480px) { .filter-blocks-wrapper { flex-wrap: wrap } .horizontal-items > a, .horizontal-items > div, .recently-viewed-item, .searchanise-recommendations .content-search-item, .row-wish .horizontal-items div.content-search-item { flex: 0 0 40% !important } .content-search-metals > .scroll-transparent > div > span { display: none } .bloc-gender-filter-item:nth-child(2) { margin-left: auto } .site-footer-information-payment-icons > div:nth-child(2) { flex: 100% } body div.swym-wishlist-grid { grid-template-columns:repeat(2, calc(50% - 2.5px)) } div.search-pagination-buttons { grid-template-columns:repeat(2, calc(50% - 5px)) } .mfsm-content-body, .modal .modal-content { max-width: 100%; width: 100% } .text-everything { margin-bottom: 15px } section#affiliate-program h1 { font-size: 21px !important } .payment-icons-item img { height: 25px; width: 10% } } @media (max-width: 470px) { div.snize-recommendation-results a.buttons { display: none } .right-search-ic-item > a { flex: 0 0 50% } } @media screen and (max-width: 414px) { .flip-box a, .flip-box li, .flip-box li a { font-size: 12px !important } } div.product-search { margin-bottom: 20px; padding-left: 0; padding-right: 0; width: 100% } .productgrid--content-sidebar-b { max-width: 300px } .load-page-block-head { align-items: center; display: flex; justify-content: center } .load-page-block-head > div { border: 1px solid #eee; border-radius: 3px; display: inline-block; margin-right: 7px; padding: 2px 15px } .content-search-load .text-header-load span { height: 8px } .content-search-load .text-header-load span, .content-search-load .text-header-price span, .content-search-load .text-header-save span { animation: snize-skeleton-anim 2s infinite; background: #eee; border-radius: 3px; display: inline-block } .content-search-load .text-header-save span { height: 8px } .content-search-load .text-header-shopping span, .load-page-block-head > div > span, .load-page-block-sidebar-block-head span, .lpbsbh span { animation: snize-skeleton-anim 2s infinite; background: #eee; border-radius: 3px; display: inline-block; height: 8px; min-width: 80px } .content-search-load .text-header-load span { min-width: 100% } .content-search-load .text-header-load span:nth-child(2) { min-width: 60% } .content-search-load .text-header-save span { min-width: 60px } .content-search-load .text-header-price span { height: 12px; min-width: 40px } .load-page-block-sidebar-block { border: 1px solid #eee; border-radius: 3px; display: block; margin-right: 7px; padding: 2px 15px } .product-search .productgrid--content { align-items: flex-start; display: flex; flex-direction: column } .product-search .productgrid--content-sidebar { position: relative; width: 100% } .product-search .productgrid--content-main { max-width: 1400px; width: 100% } .content-search-banner { display: block; padding: 10px 0 10px 20px; width: 100% } .product-search .content-search-banner a { background-position: 50%; background-repeat: no-repeat; background-size: cover; display: block; height: 200px; width: 100% } .content-search-banner img { height: 100%; width: 100% } .productgrid--ht { align-items: center; background: #fff; display: flex; justify-content: space-between; z-index: 9 } .search-result { align-items: stretch; display: grid; flex-wrap: wrap; justify-content: flex-start; width: 100%; display: grid; grid-template-columns:repeat(2, 50%) } body.device-tablet .search-result, body.device-mobile .search-result { padding: 0 } .search-pagination.pagination-no-active { border-bottom: none } .search-pagination-info { color: var(--color-neutral-grey-600); margin: 30px 0 0; text-align: center } .search-pagination-info[data-pages="1"] { display: none } .search-pagination-progress { background: var(--color-neutral-grey-200); height: 1px; margin: 30px auto 30px; width: 180px; overflow: hidden } .search-pagination-progress > div { background: var(--color-neutral-grey-600); height: 100% } .horizontal-carousel .search-pagination-progress { width: clamp(160px, 20vw, 350px) } .width-100vw-center .search-pagination-progress, .similar-collections-carousel ~ .position-relative .search-pagination-progress { margin: 30px 0 10px 0 } .search-pagination-item { margin: 0 auto !important } .search-pagination-buttons { display: grid; gap: 10px; grid-template-columns:repeat(2, calc(50% - 5px)); margin: auto; max-width: 400px; padding: 0 20px } .search-pagination-buttons[data-currentpage="1"], .search-pagination-buttons[data-lastpage=true] { grid-template-columns:auto } .search-pagination-buttons[data-currentpage="1"] .search-pagination-prev, .search-pagination-buttons[data-lastpage=true] .search-pagination-next { display: none } #site-header-nav .sf-container > ul, .search-pagination-buttons[data-totalpages="1"] { display: none } .search-pagination-buttons[data-first-last=true] > .search-pagination { grid-column: 1/3 } #affiliate-program h1, #widget-bottom .wb-header, .blog-title h1, .bought-together-head, .collection-best-sellers .home-section--title, .collection-info .home-section--title, .collection-new-arrivals .home-section--title, .home-section--title.testimonials-heading, .section-blog-home .home-section--title, .striked-title, .striked-line { position: relative } #affiliate-program h1:before, #widget-bottom .wb-header:before, .blog-title h1:before, .bought-together-head:before { box-sizing: border-box; border-bottom: 1px solid var(--color-border-light); content: ""; left: 0; position: absolute; top: 50%; width: 50% } .collection-best-sellers .home-section--title:before { width: 50% } .collection-best-sellers .home-section--title:before, .collection-info .home-section--title:before, .collection-new-arrivals .home-section--title:before { border-bottom: 1px solid var(--color-border-light); content: ""; left: 0; position: absolute; top: 50% } .collection-new-arrivals .home-section--title:before { width: 50% } .dynamic-collection-list--container .home-section--title:before, .home-section--title.testimonials-heading:before, .section-blog-home .home-section--title:before, .striked-title:before, .striked-line:before { box-sizing: border-box; border-bottom: 1px solid var(--color-border-light); content: ""; left: 0; position: absolute; top: 50%; width: 50% } #affiliate-program h1:after, #widget-bottom .wb-header:after, .blog-title h1:after, .bought-together-head:after { box-sizing: border-box; border-bottom: 1px solid var(--color-border-light); content: ""; position: absolute; right: 0; top: 50%; width: 50% } .collection-best-sellers .home-section--title:after { width: 50% } .collection-best-sellers .home-section--title:after, .collection-info .home-section--title:after, .collection-new-arrivals .home-section--title:after { border-bottom: 1px solid var(--color-border-light); content: ""; position: absolute; right: 0; top: 50% } .collection-new-arrivals .home-section--title:after { width: 50% } .home-section--title.testimonials-heading:after, .section-blog-home .home-section--title:after, .striked-title:after, .striked-line:after { box-sizing: border-box; border-bottom: 1px solid var(--color-border-light); content: ""; position: absolute; right: 0; top: 50%; width: 50% } .striked-title-flex:after { content: ""; border-bottom: 1px solid var(--color-border-light); height: 1px; flex: 1 1 auto } .collection-best-sellers .home-section--title:after, .collection-best-sellers .home-section--title:before { box-sizing: border-box; width: calc(50% - 190px) } .collection-new-arrivals .home-section--title:after, .collection-new-arrivals .home-section--title:before { box-sizing: border-box; width: calc(50% - 140px) } .collection-info .home-section--title:after, .collection-info .home-section--title:before { box-sizing: border-box; width: 50% } .searchanise-recommendations .content-search-item { flex: 0 0 25% } .img-search-ic { overflow: hidden; position: relative; transition: .3s; display: flex; flex-direction: column; padding-top: calc(100% + 0px) } .img-search-ic-arrows, .img-search-ic-dots { position: absolute; bottom: 0; left: 0; font-size: 20px; display: flex; align-items: center; line-height: 17px; letter-spacing: 5px; font-weight: 600; color: #fff; transition: .3s; padding: 0; z-index: 1; width: 100% } .img-search-ic > .safari-filter-fix { top: 0; left: 0; width: 100%; position: absolute; height: 100% } .img-search-ic:after { content: ""; font-size: clamp(11px, 1.5vw, 12px); font-weight: 500; color: var(--color-neutral-grey-600); position: absolute; right: 10px; bottom: 19.5px; transform: translateY(50%); line-height: clamp(11px, 1.5vw, 12px) } .swiped-right:not(.swiped-right-double) .img-search-ic-arrows > div:nth-child(1):before, .swiped-left:not(.swiped-double-left) .img-search-ic-arrows > div:nth-child(2):before, .swiped-double-left .img-search-ic-arrows > div:nth-child(1):before, .swiped-double-right .img-search-ic-arrows > div:nth-child(2):before, .swiped-right:not(.swiped-right-double) .img-search-ic-dots:before, .swiped-left:not(.swiped-double-left) .img-search-ic-dots:after, .swiped-double-left .img-search-ic-dots:before, .swiped-double-right .img-search-ic-dots:after { border-color: var(--color-neutral-grey-600) } .img-search-ic-arrows > div:nth-child(1):before, .img-search-ic-dots:before, .img-search-ic-arrows > div:nth-child(2):before, .img-search-ic-dots:after { content: ""; width: 50%; border-bottom: 1px solid var(--color-neutral-grey-200) } .img-search-tag { position: absolute; z-index: 2; padding: 3.5px 5px 3.5px 7.5px; background-repeat: no-repeat; font-size: 12px; top: 0; left: 0; text-transform: capitalize; background: #fff; top: 5px; left: 5px; font-weight: 500; color: var(--color-neutral-grey-600) } .img-search-tag:before { content: ""; background-color: #f6f6f6c9; height: 100%; position: absolute; width: calc(100% + 10px); z-index: -1; left: -5px; top: 0; border-radius: 20px; display: none } .img-search-tag:after { content: ""; position: absolute; width: 5px; right: -4.5px; top: 0; bottom: 0 } .img-search-ic > img, .img-search-ic > .safari-filter-fix > img { display: block; height: 100%; transform: none } .img-search-ic img[src*=".png"] { background: #fff } .img-search-ic.with-carousel:not(.initialized) [loading=lazy]:nth-child(2) { opacity: .000001; position: absolute } .img-search-ic.initialized.initialized-desktop [loading=lazy]:nth-child(2) { position: absolute; left: 0; top: 0; width: 100%; height: calc(100% + 0px); opacity: .00001; object-fit: contain; transition: .5s; background-color: #fff } .img-search-ic.initialized.initialized-desktop:hover [loading=lazy]:nth-child(2) { opacity: 1 } .img-search-ic.initialized.initialized-desktop:hover ~ .content-search-gic, .img-search-ic.initialized.initialized-desktop:hover ~ .img-search-tag, .img-search-ic.initialized.initialized-desktop:hover:after { opacity: 0 } .img-search-ic.initialized.initialized-desktop .safari-filter-fix:hover ~ .csgr-moved { opacity: 0 } .img-search-ic.inProgress.initialized.initialized-mobile [loading=lazy] { transition: .3s } .img-search-ic.initialized.initialized-mobile.swiped-left [loading=lazy] { transform: translateX(-100%) } .img-search-ic.initialized.initialized-mobile.swiped-right [loading=lazy] { transform: translateX(0) } .img-search-ic.initialized.initialized-mobile.swiped-left ~ .content-search-groups-row, .img-search-ic.initialized.initialized-mobile.swiped-left .wishlist-btn, .img-search-ic.initialized.initialized-mobile.swiped-left ~ .content-search-gic, .img-search-ic.initialized.initialized-mobile.swiped-left ~ .img-search-tag, .img-search-ic.initialized.initialized-mobile.swiped-left:after, .img-search-ic.initialized.initialized-mobile.swiped-left .csgr-moved { display: none !important } .img-search-ic.initialized.initialized-mobile.swiped-left .csgr-moved { z-index: 0 } .img-search-ic.initialized.initialized-mobile [loading=lazy]:nth-child(2) { position: absolute; right: -100%; width: 100%; height: calc(100% + 0px); object-fit: cover; top: 0 } .img-search-ic.initialized.initialized-mobile.swiped-left [loading=lazy]:nth-child(2) { opacity: 1 } .product-search .content-search-item-c .content-search-item a { position: relative; text-decoration: none; display: flex; flex-direction: column; padding-bottom: 2.5px } .product-search .content-search-item a .text-banner-page-items { background: rgba(230, 137, 137, .9); bottom: 0; color: #fff; font-size: 20px; font-weight: 600; min-height: 160px; padding: 10px; position: absolute; text-transform: uppercase; width: 100% } .product-search .content-search-item a .text-banner-page-items span { bottom: 10px; display: block; font-size: 14px; font-weight: 400; margin-top: 34px; position: absolute } .product-search .content-search-item a .text-banner-page-items span svg { height: 11px } .product-search .content-search-item-review { color: initial; font-size: 12px; font-weight: 400; display: flex; margin: 2.5px 0; padding-left: 10px; align-items: center } body[data-display=f] .product-search .content-search-item-review, body[data-display=f] .content-search-item-c .content-search-save span, body[data-display=f] .free-shipping-product { display: initial } .product-search .content-search-item-review .stamped-badge-caption { color: #333 } .content-search-item-desc, .blog-img-items .content-search-item-desc, .searchanise-recommendations .content-search-item-desc { -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; font-size: 14px; font-weight: 400; overflow: hidden; padding: 4px 10px 0 10px; text-overflow: ellipsis } .content-search-groups-row ~ .content-search-item-desc:before { display: none } .content-search-price { padding-left: 10px; display: flex; align-items: center } .product-search .price-search-ic { align-items: center; display: inline-block; color: var(--color-dark-pink) } .price-search-ic-min-max:not(.d-none) ~ div, .price-search-ic-min:not(.d-none) ~ div { display: none !important } body[data-display=f] .product-search .price-search-ic { align-items: center; display: flex; margin-right: 0 } .productgrid--htitle { font-size: 13px; margin: 5px 0 10px; text-transform: lowercase; font-weight: 500 } .content-search-save { color: var(--color-neutral-grey-600); display: inline-block; font-size: 12px; font-weight: 500 } body[data-display=f] .content-search-save { display: block } @media only screen and (max-width: 960px) { div.content-search-item-banner { flex: 0 0 100%; padding: 0 } div.content-search-item-banner img { margin: 0; padding: 0 } } @media only screen and (min-width: 600px) and (max-width: 1023px) { .search-result { grid-template-columns:repeat(2, 50%) } } @media only screen and (max-width: 1023px) { div.handcrafted-banner > div { flex: auto } div.handcrafted-banner { flex-direction: column-reverse } div.handcrafted-banner > div:first-child { padding: 15px } div.swym-wishlist-grid { grid-template-columns:repeat(3, calc(33.33333% - 4px)) } .open-filters-search .productgrid--htitle { padding-top: 5px } .content-search-banner { margin-top: -20px; padding: 0 3px } .productgrid--ht, .productgrid--wrapper > div.product-search { display: block } .open-filters-search .productgrid--ht { padding-top: 10px; position: fixed; top: 0; width: 100% } .productgrid--filtersselect { display: inline-block } .productgrid--filtersselect .pf-mobile { align-items: center; display: flex; justify-content: center } .productgrid--content-sidebar-b { max-width: 100% } .product-search.open-filters .productgrid--filtersselect, .product-search.open-filters .productgrid--sort, .open-filters-search .body-summary, .open-filters-search .productgrid--wrapper > div, .open-filters-search .shop-by-interest, .open-filters-search > div { display: none } .product-search.open-filters .productgrid--content-sidebar { display: block; padding-right: 0 } .product-search.open-filters .productgrid--content-main { display: none } .product-search.open-filters .productgrid--content { display: block; width: 100% } .product-search.open-filters .pf-mobile-close-button { display: inline-block } .content-search-item > div.content-search-item-c { margin: 0 } .product-search .price-search-ic, .content-search-save { padding: 0; width: revert } .price-search-ic .old-price-search-ic { font-size: 13px; font-weight: 400; margin: 0 } .free-shipping-product { margin-left: 0; margin-top: 0 } .pagination-page .pagination-page-prev { margin-left: 0 } .pagination-page .pagination-page-next { margin-right: 0 } .pagination-text { font-size: 13px; text-align: center } .logolist--container, .testimonials-section { padding-left: 5px !important; padding-right: 5px !important } } @media only screen and (max-width: 767px) { body[data-collection-grid="1"].page-collection .content-search-item { flex: 0 0 100% } .recently-viewed-item, .searchanise-recommendations .content-search-item { flex: 0 0 40%; width: unset } .horizontal-items > div, .horizontal-items > a { flex: 0 0 auto } .img-search-carousel-navigation, .user-icon-account-header .visually-desktop { display: none } .head-account-content_hover_arrow { margin-left: 8.5px } .site-header-main--logo-center .live-search, div.img-search-carousel-text { display: none } .site-header-button .site-header-icon .search-icon { display: block } img.mobile-logo-image { margin-left: 10px } .site-header-main--logo-center .site-header-main-content { margin-right: 0 } } .product-filter-checkbox-filter input { border-radius: 3px; height: 18px; margin-right: 10px; min-width: 18px; width: 18px } .productgrid--outer .productgrid--masthead { margin: 15px 0 0 } .site-header { padding-left: 0; padding-right: 0; position: relative } content-header { background: #fff9f5; margin-bottom: 0; padding-bottom: 10px } .content-header h1:not(.no-style) { font-size: 18px; font-style: normal; font-weight: 400; line-height: 30px; margin: 0; text-align: left; text-transform: uppercase } .category-mapping + h1:not(.no-style) { margin: 10px 0 5px } #site-header-nav { margin-top: 0 !important } body[data-gender="for baby children"] #site-header-nav .sf-container > ul:nth-child(3), body[data-gender="for her"] #site-header-nav .sf-container > ul:first-child, body[data-gender="for him"] #site-header-nav .sf-container > ul:nth-child(2), body[data-gender="for him"] .search-header > div:nth-child(2) { display: inline-flex } .site-header-main.site-header--full-width { max-width: 100%; width: 100% } .site-navigation-wrapper { background-color: #fff; display: flex; position: relative; transition: margin-top .2s cubic-bezier(.3, 0, 0, 1); width: 100%; z-index: 700 } .site-navigation-wrapper .container { flex: 100% } .site-header-main.site-header--full-width { align-items: stretch; display: flex; justify-content: space-between } .site-header-main { position: relative; z-index: 699 } .site-header-button { background-color: transparent; cursor: pointer; display: inline-block; position: relative } .site-header-button.active:after { content: ""; background: var(--color-neutral-grey-100); left: -5px; top: -5px; position: absolute; width: calc(100% + 10px); height: calc(100% + 10px); z-index: -1; border-radius: 50% } .site-header-icon { color: #000; position: relative } .site-header-icon img { display: block } .site-header-button { border-radius: 50%; transition: .3s } .site-header-menu-icon { background-color: transparent; color: #000 } .site-header-icon svg { display: block } .visually-hidden { border: 0; height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; opacity: 0 } .offscreen { opacity: 0 !important; position: absolute !important; z-index: -1 !important; top: 0; left: 0 } .site-mobile-nav.animating, .site-mobile-nav.visible { display: block; opacity: 1 } .site-header-logo { width: clamp(120px, 150px, 160px) } .site-logo { background-position: 0 50%; background-repeat: no-repeat; color: transparent; display: flex; font-size: 0; height: 100%; width: 100%; transform: translateY(-10%); background-size: contain } .site-header-main-actions { align-items: center; display: flex; justify-content: flex-end; position: relative; margin-left: 5px } .site-header-main-actions > div:not(:last-child) { margin-right: 15px } .text-capitalize { text-transform: capitalize !important } .related-search-link { -webkit-align-items: center; align-items: center; background-color: #f5f6f7; border-radius: 100px; color: #545658; display: -webkit-inline-flex; display: inline-flex; font-size: 14px; font-weight: 400; height: 34px; line-height: 17px; margin-right: 10px; margin-top: 10px; min-width: -webkit-fit-content; min-width: -moz-fit-content; min-width: fit-content; padding: 3px 20px; text-decoration: none; white-space: nowrap } .readall-wrapper { text-align: center } .readall { box-sizing: border-box; font-weight: 400; margin: 0; overflow: hidden; position: relative; text-align: left } .readall > :first-child, .readall > :nth-child(2) { margin-top: 0 } .readall > :first-child { margin-bottom: 10px } .readall.readall-hide { height: 70px; max-height: 70px } .readall-hide:after { box-sizing: border-box; background: linear-gradient(180deg, rgba(255, 255, 255, .1), #fff 95%); bottom: 0; content: ""; display: inline-block; height: 50px; position: absolute; right: 0; width: 100% } .home-section--subheading { font-size: 15px !important; font-weight: 400; margin: 0; text-align: left } .footer-section { background-color: #f4f4f4; margin-top: 20px; padding-top: 20px } .home-section--title { align-items: center; color: var(--color-black-default); display: flex; font-size: 20px; font-style: normal; font-weight: 500; justify-content: space-between; letter-spacing: .05em; margin-bottom: 0; margin-top: 0; text-align: left; text-transform: uppercase } #widget-bottom .wb-header span, .blog-title a span, .head-title-block .head-title-block-title > h1, .head-title-block .head-title-block-title > h2, .head-title-block .head-title-block-title > h3, .head-title-block .head-title-block-title > h4, .head-title-block .head-title-block-title > h5, .head-title-block .head-title-block-title > h6, .head-title-block .head-title-block-title > span, .home-section--title.striked-title span { margin-left: 0 !important; padding-left: 0 !important; white-space: nowrap } .home-section--subheading p { -webkit-margin-before: 0; -webkit-margin-after: 0; margin-block-end: 0; margin-block-start: 0 } .logo-afterpay { align-items: center; justify-content: center; margin-top: -4px !important } .logo-afterpay img { height: 20px; margin-right: 20px } .logo-afterpay span { text-transform: uppercase } .site-footer { color: #fff !important; display: flex; flex-direction: column; position: relative; padding-top: clamp(10px, 2.5vw, 20px); padding-bottom: clamp(20px, 7.5vw, 40px); margin-top: 10px !important } .site-footer:before { content: ""; position: absolute; background: #000; left: 50%; top: 0; right: 0; bottom: 0; z-index: -1; width: 100vw; transform: translateX(-50%); border-top: 1px solid var(--color-border-light) } .site-footer-item { max-width: var(--max-width-page); padding-left: 10px; padding-right: 10px } .site-footer-information { display: flex; justify-content: space-between; margin-top: 0; text-align: left } .site-footer-block-item { display: flex; flex-direction: column; font-size: 14px } .site-footer-block-title { font-family: inherit; font-size: 16px; font-style: normal; font-weight: 500; letter-spacing: .03em; margin-bottom: 0; margin-top: 0; padding-bottom: 10px; padding-top: 10px; position: relative; text-transform: none } .site-footer-btns { margin-top: 2.5px; margin-bottom: 10px } .site-footer-btn { width: max-content; border-radius: 2.5px; display: flex; align-items: center; margin-bottom: 15px; height: max-content; font-weight: 500; color: #fff } .site-footer-btn > img { width: 17.5px; height: 17.5px } .site-footer-block-icon { display: block; height: 8px; margin-top: -4px; position: absolute; right: 10px; top: 50% } .accordion--icon svg { fill: currentColor; display: block } .site-footer-block-icon svg { display: block } .social-icons { display: flex } .site-footer-block-social-accounts .social-icons { display: flex; flex-wrap: wrap; margin-left: -4px; margin-right: -4px; margin-top: -4px } .social-link { border-radius: 50%; background: #000; filter: invert(1) } .social-link + .social-link { margin-left: 10px } .social-link img { display: block; filter: invert(1) } .site-footer-block-content .navmenu-link, .site-footer-credits a { color: #fff; font-size: 14px } .site-footer-block-content { display: flex; flex-direction: column; font-size: 15px; line-height: 2; overflow: HIDDEN; transition: .3s; max-height: 400px; padding-bottom: 10px } .site-footer-block-social-accounts .social-link { height: 36px; line-height: 1.8; overflow: hidden; padding: 4px; vertical-align: top; width: 36px } .site-footer-block-menu .navmenu { list-style: none; margin: 0; padding-bottom: 0; padding-left: 0 } .site-footer-block-social-accounts .social-link svg, .social-link svg { border-radius: 100%; height: 28px; width: 28px } .site-footer-information-nav-credits { max-width: 100%; flex: 1 0 auto; padding-top: 15px } .site-footer-information-payment-icons { display: flex; overflow: hidden } .payment-icons-item { margin: 10px 0 0 0; display: grid; gap: 10px; width: 100%; justify-content: center } .site-footer .payment-icons-item { grid-template-columns:repeat(auto-fill, minmax(45px, 1fr)); padding: 12.5px 0; margin: -12.5px 0 0 0 } .modal-body .payment-icons-item { grid-template-columns:repeat(auto-fit, minmax(0, 45px)) } h1, h2, h3, h4, h5, h6 { font-family: inherit; font-style: normal; font-weight: 500; letter-spacing: .01em; text-transform: none; margin: 0; padding: 0 } h1.no-style, h2.no-style, h3.no-style, h4.no-style, h5.no-style, h6.no-style { font-size: inherit; font-weight: 400; margin: 0; padding: 0; display: inline-block } h1.no-style.mb, h2.no-style.mb, h3.no-style.mb, h4.no-style.mb, h5.no-style.mb, h6.no-style.mb, th { font-weight: 500 } .rte .tabs li, .rte .tabs li > a, h5 { font-size: 1.125rem } .site-footer-credits { margin: 0; font-size: 11px } .site-footer-credits p { margin: 5px 0 } .site-header-main-actions > :hover, select.form-field-select { transition: .3s } @media screen and (min-width: 520px) { .user-icon-account-header { border-radius: 25px } .header-icon-user.user-photo { padding: 10px } .site-header-icon:hover { background: 0 0 !important } } @media screen and (min-width: 1024px) { .search-result { grid-template-columns:repeat(4, 25%) } .below-1024 { display: none !important } .title-1 { font-size: 20px !important; font-weight: 500 !important } .site-header-main-actions { padding-right: 10px } .productgrid--outer .productgrid--masthead { margin: 20px 0 } .site-navigation-wrapper { z-index: 3 } .site-header-main:before { box-sizing: border-box; content: ""; display: block; height: 100%; left: 50%; pointer-events: none; position: absolute; top: 0; transform: translate(-50%); width: 100vw; z-index: -1; background: #fff; border-bottom: 1px solid #eee } .home-section--title.testimonials-heading { margin: 20px 0 } .site-header-search-button { display: none } .sticky.only-mobile { position: inherit } .text-up-to-off { font-size: 45px } .banner-item-text { font-size: 20px; line-height: 40px } .account-page-body-wrapper .span-or-verical { margin-top: -27px; top: 50% } .account-page-body-wrapper { display: flex; position: relative } .account-page-body--left, .account-page-body--right { flex: 0 0 50% } .account-page-body-wrapper .or { left: 50%; margin-left: -217.5px; margin-top: 110px; padding: 20px 0; position: absolute; transform: rotate(90deg); width: 435px } .account-page-body-wrapper .or-text { transform: rotate(-90deg) translateX(-5px) } .account-page-body-wrapper .or hr { width: 60% } .account-page-body--left { padding-right: 30px } .account-page-body--right { padding-left: 30px } .icecarats-search-conteiner { margin-left: 35px; max-width: calc(100% - 69px) } .sub-menu-image { margin-top: -50px } .site-footer-information-payment-icons { width: 75% } .social-icons-1 { display: none; justify-content: flex-start; left: 0; margin-top: -255px; max-width: 1335px; position: absolute; right: 0; width: 100vw; z-index: 0 } .site-footer-credits > span { display: block } .site-footer-block-icon { display: none } .site-footer-blocks, .site-footer-information { margin-left: auto; margin-right: auto; max-width: var(--max-width-page); width: 100% } .site-footer-blocks { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start } .site-footer-block-item { border-bottom: 0; flex-basis: auto; flex-grow: 0; flex-shrink: 0; width: calc(25% - .9375rem) } .site-footer-item > div:nth-child(2) { border: 0 } .site-footer-information-payment-icons > div:nth-child(1) { flex: 0 0 33.333333% } .site-footer-information-payment-icons > div:nth-child(2) { flex: 1 0 auto } .site-footer-block-item { width: calc(25%) } .logolist--item { width: 160px } .logolist--image { max-height: 160px } .site-header-main--logo-center .site-header-main-content .site-header-logo { max-width: unset } } @media screen and (min-width: 1200px) { .recommendations-carousel div.recommendation-items { width: 20%; flex: 0 0 20% } .img-search-carousel[data-amount="2"] .img-search-carousel-navigation, .img-search-carousel[data-amount="2"] .img-search-carousel-dots { display: none } } @media screen and (min-width: 1400px) { .product-main .cart-authenticity-need-assistance { grid-template-columns:repeat(2, auto) } .product-main .cart-need-assistance-links { gap: 10px; grid-template-columns:unset } .banner-item-text { font-size: 27px; line-height: 50px } .sticky { max-width: 1380px !important } .include-rr .row-wish div.content-search-item.content-search-i, .include-rr div.recently-viewed-item, div.recently-viewed-item, a.recently-viewed-item, .row-wish .horizontal-items .content-search-item { flex: 0 0 20% !important } .wash-list-content .row-wish .content-search-i { flex: 0 0 25% } } .category-mapping-content a.closed:nth-child(n+2), .category-mapping-content a.closed:nth-child(n+2) + span, .site-header-menu-button > div > svg:nth-child(2) { display: none } @media screen and (max-width: 1023px) { .site-header-main-actions { margin-left: 0 } .account-page-body-wrapper .or { margin-top: 30px } .site-footer-item { padding: 0 10px; flex-wrap: wrap } .site-footer-credits { margin-top: 10px } .site-footer-information-payment-icons > div:nth-child(2) { margin-top: 10px !important; flex-basis: 100% } .productgrid--outer .productgrid--masthead ~ .head-title-block { margin-top: 15px } .site-footer-block-item:not(:first-of-type):not(.open) .site-footer-block-content { max-height: 0; padding-bottom: 0 } .site-footer-block-item:not(:first-of-type) .site-footer-block-title:after { box-sizing: border-box; background: var(--svg-chevron-right) 0 0/100% no-repeat; content: ""; height: 18px; position: absolute; right: 0; top: calc(50% - 9px); transform: rotate(90deg); transition: .3s; width: 18px; filter: invert(1) } .site-footer-block-item.open .site-footer-block-title:after { box-sizing: border-box; transform: rotate(-90deg) } .home-section--title.testimonials-heading { margin: 50px 0 10px } body.show-mobile-menu .site-header-menu-button > div > svg:first-of-type { display: none } body.show-mobile-menu .site-header-menu-button > div > svg:nth-of-type(2) { display: block } .site-header { box-shadow: var(--shadow-size-small); position: relative } .site-header:before { content: ""; position: absolute; width: 100%; height: 100%; z-index: -1; top: 0 } .site-header-button.site-header-menu-button { align-items: center; display: flex } .only-desktop, .show-mobile-menu #site-main, .site-navigation-wrapper, .site-only-full { display: none } .site-header-main.site-header--full-width { padding: 0 } } @media screen and (min-width: 768px) { .content-header h1:not(.no-style) { font-size: 24px; font-style: normal; font-weight: 400; line-height: 30px; text-align: left; text-transform: uppercase } .filter-gender-switch { display: flex; background: var(--color-bg-alternative); border-radius: 20px; gap: 7.5px; margin: 0 0 30px 0 } #appendRecBtn { max-width: 400px } .rsbc-desktop-inline .related-search-block-carousel-item { flex: 0 0 auto; margin: 0 !important } } @media screen and (min-width: 1080px) { .site-footer > div { padding-left: 40px } } @media screen and (min-width: 1024px) { .swym-wishlist-grid { grid-template-columns:repeat(4, calc(25% - 4px)) } .only-mobile { display: none } .logolist--container { padding-bottom: 20px; padding-top: 20px } .logolist--image { max-height: 120px } .logolist--item { margin-left: .9375rem; margin-right: .9375rem; margin-top: 1.875rem; width: 120px } } .product-scrool-h { position: relative } .not-scrollable { overflow: hidden } .not-scrollable-fixed { left: 0; overflow: hidden; position: fixed; right: 0 } .product-scrool-h .productgrid--content-main > .search-result { display: block } .product-scrool-h .content-search-item { display: inline-block; margin-bottom: 0 } .shop-by-interest-subtitle h3 { color: #595959 !important; font-size: 13px; font-weight: 400; line-height: 18px; margin: 5px 0 0 } .category-mapping-content a, .category-mapping-content span { color: var(--color-black-default); display: inline-block; font-size: 12px; padding: 15px 0; text-decoration: none; text-transform: capitalize; white-space: nowrap } .site-footer .category-mapping-content span, .site-footer .category-mapping-content a { padding: 0; color: #fff; margin-bottom: 5px } .site-footer .category-mapping-content svg { filter: invert(1) } .category-mapping-content a:first-of-type { padding-left: 0 } .category-mapping-content h2 { padding-left: 2.5px } body.siteB .category-mapping-content a { font-size: 13px; min-height: 48px; min-width: 48px } body.siteB .category-mapping-content a[title=Home], body.siteB .category-mapping-content a[title=IceCarats] { margin-right: -10px } .category-mapping-content h2, .category-mapping-content span { display: inline-block; font-size: 12px; font-weight: 400; text-transform: capitalize } body.siteB .category-mapping-content h2 { font-size: 13px } #block_top_menu { padding-left: 0; padding-right: 0 } .related-categories-section .product-section--title { font-size: 18px } .readall-wrapper button { background: 0 0; border: 0; color: var(--color-black-default); cursor: pointer; display: inline-block; font-size: 15px; font-weight: 400; margin-top: 10px; outline: 0; padding-right: 15px; text-align: center; width: 100% } .site-logo img { height: 100%; transform: translateY(-4px) } .readall { font-size: 16px } .bo-search-result, .site-logo img { display: block; width: 100% } .message-content-head h2, .no-result-text { color: var(--color-black-default); font-family: inherit; font-style: normal; font-weight: 400; letter-spacing: 0 } .no-result-text { font-size: 18px; margin: 0 auto; text-transform: none } .bo-search-result p { font-size: 18px; margin: 0 } .site-header-message-button { margin-left: 10px; position: relative } .footer-flag-content.hide, .head-account-content.hide, .head-message-content.hide { display: none } .message-content-head h2 { font-size: medium; margin-bottom: 1.25rem; margin-top: 20px; text-align: center; text-transform: uppercase } .box-head-message { background: rgba(34, 34, 34, .05); display: flex; padding: 20px } .icon-m-head { fill: #faa129 !important; background-color: #fdebd2 !important; border-radius: 50%; height: 23px; padding: 3px; width: 49px } .wt-width-full { margin-left: 10px } p.wt-text-caption-title { font-weight: 700; margin-bottom: 0; margin-top: 0 } .row-wish .horizontal-items .content-search-item, .recently-viewed-item { flex: 0 0 20%; position: relative; text-align: center } .recently-viewed-item > div { display: flex; flex-direction: column } .horizontal-items .content-search-item-c > a, .recently-viewed-item > div > a { display: block } .horizontal-items .content-search-item-c { height: 100% } .recently-viewed-img { overflow: hidden; position: relative } a.recently-viewed-item:hover { color: var(--color-black-default); text-decoration: none } .active-filters-content .active-filters-content-items > div, .content-search-item-c .wishlist-btn button, .recently-viewed-item .wishlist-btn button { border: 0 } .content-search-item-c { position: relative; display: flex; flex-direction: column; height: 100%; overflow: hidden; padding-bottom: 5px } .content-search-item-c > a { position: relative } .rolex-label:after { content: ""; position: absolute; left: 5px; top: 5px; width: 35px; height: 35px; background-size: cover } .collection-item-b { display: flex; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; background-position: center; position: relative; min-height: 350px; align-items: center; justify-content: center; align-content: center; } .collection-item-b * { font-size: clamp(10px, 3vw, 15px) } .recently-viewed-item img.lazy { display: block } .recently-viewed-title { -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; font-weight: 400; overflow: hidden; padding: 0 5px } .recently-viewed-item .price-search-ic { text-align: center } .recently-viewed-item .wishlist-btn, .content-search-item-c .wishlist-btn { position: absolute; right: 0; top: 0 } body.wish-list:not(.device-mobile) .recently-viewed-item .wishlist-btn { top: 2.5px; right: 2.5px } .img-search-ic .wishlist-btn { right: 0; top: 0; z-index: 1; padding: 5px; border-bottom-left-radius: 2.5px; z-index: 3 } .img-search-ic .wishlist-btn > button { padding: 0; border-radius: 50%; padding: 5px } .img-search-ic .wishlist-btn > button:after { content: ""; position: absolute; width: 300%; height: 300%; top: -4px; right: -4px } .img-search-ic .wishlist-btn > button > img { width: 100%; height: 100% } .section-blog-home .home-section--title-link { margin-top: 20px; text-transform: uppercase } .read-more-link { color: inherit; display: inline-block; font-size: 14px; font-weight: 500; padding: 0 0 20px 25px; position: relative; text-align: left; text-decoration: none } .section-blog-home { display: flex; flex-direction: column } .section-blog-home .scroll-transparent { margin-left: -10px } .arrow-right { position: relative; width: max-content } .arrow-right:after, .block-recommendation-title a:after { box-sizing: border-box; height: 24px; margin-top: -8px; right: -17px; top: 7px; width: 12px } .block-recommendation-title a:after { top: 17px } .arrow-right:after, .block-recommendation-item .price-pji:after, .block-recommendation-title a:after, .home-section--title-link:after, .read-more-link:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 24'%3E%3Cpath fill='%23222' d='m11.3 12.7.7-.7-.7-.7-4-4c-.4-.4-1-.4-1.4 0s-.4 1 0 1.4L8.2 11H1c-.6 0-1 .4-1 1s.4 1 1 1h7.2l-2.3 2.3c-.2.2-.3.4-.3.7 0 .6.4 1 1 1 .3 0 .5-.1.7-.3l4-4z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: cover; content: ""; display: inline-block; position: absolute; transition: all .3s ease-out } .home-section--title-link:after { margin-top: -8px; right: -17px } .block-recommendation-item .price-pji:after, .read-more-link:after { box-sizing: border-box; height: 24px; width: 12px } .read-more-link:after { margin-top: -8px; right: -17px; top: 7px } .block-recommendation-item .price-pji { border-radius: 12px; bottom: 10px; font-size: 16px; letter-spacing: 1px; padding: 6px 31px 6px 14px; right: 10px } .block-recommendation-item .price-pji:after { margin-left: 6px; top: 5px } .block-recommendation-title a, .head-title-block-title { font-size: 20px; font-weight: 500; position: relative } .block-recommendation-title a, .block-recommendation-title a:hover, .head-title-block-title { color: var(--color-icecarats); text-decoration: none } .block-recommendation-title a:hover:after, .home-section--title-link:hover:after { box-sizing: border-box; margin-left: 20px } .br-title-sub, .home-section--title-link { color: var(--color-neutral-grey-700) } .home-section--title-link { display: block; font-family: inherit; font-size: 24px; font-style: normal; font-weight: 400; letter-spacing: 0; margin-bottom: 1.25rem; margin-top: 0; position: relative; text-align: center; text-decoration: none; text-transform: none } .home-section--title-link:after { box-sizing: border-box; height: 28px; margin-left: 12px; top: 10px; width: 16px } .link-left { text-align: left !important } .link-center { text-align: center !important } .home-section--title-link.link-center, .home-section--title-link.link-left { display: inline-block; margin: 20px auto } .adiv-see-more { color: #111; float: right; letter-spacing: .5px; margin-right: 25px; padding: 0; text-decoration: none; text-transform: none } .striked-title .adiv-see-more { background: #fff; flex-shrink: 0; margin: 0 0 0 -12.5px; padding: 0 15px; z-index: 1; font-size: 14px !important } .striked-title .adiv-see-more span { font-size: 14px !important } .striked-title .read-more-link:after { box-sizing: border-box; right: 5px } .site-header-flag-icon { display: flex; align-items: center; filter: saturate(0) } .site-header-button.site-header-flag-button.no-mobile { position: relative } .site-header-flag-button > a { color: inherit; text-decoration: none } .header-icon-user.user-photo { display: block; height: 48px; width: 48px } .header-icon-user img[src*=googleusercontent] { border-radius: 50%; display: block } .product-recommendations--container .wishlist-btn > button.wishlist-btn-total-likes.btn-wishlist-btn, button.wishlist-btn-total-likes.btn-wishlist-btn { background: var(--color-icecarats); border-radius: 15px; -moz-box-shadow: var(--shadow-size-medium); -webkit-box-shadow: var(--shadow-size-medium); box-shadow: var(--shadow-size-medium); display: flex; padding: 3px 5px; right: 5px; top: 5px } .content-search-item-c button.wishlist-btn-total-likes.btn-wishlist-btn { align-items: center; font-size: inherit; line-height: inherit } .wish-icon.icecarats-icon-heart1 { color: var(--color-pink) } button.btn-total-likes[data-wish="0"]:hover .wish-no-active, button.btn-wishlist-btn[data-wish="0"]:hover .wish-no-active { color: #f03d9c } .get-likes-of-page, .total-likes, .wishlist-total-likes { color: var(--color-black-default); font-weight: 500; height: 22px; line-height: 24px; margin-left: 2.5px } .total-likes, .wishlist-total-likes { font-size: 11px } .get-likes-of-page { font-size: 13px } .get-likes-of-page:not([data-amount="0"]) { margin-left: 5px } .page-h4 h4 { font-size: 18px } .price-search-ic + small { color: #ccc } .shop-by-interest--item { display: inline-block; max-width: 100%; position: relative } .out-no-search-items { align-items: center; display: flex; flex-direction: row; flex-wrap: wrap; margin: 25px 0 30px; max-width: 1400px; overflow-x: auto; width: 100vw } .out-no-search-item { align-items: center; color: var(--color-black-default); cursor: pointer; display: flex; flex-shrink: 0; letter-spacing: 1px; min-width: 100px; text-align: center; text-decoration: none } .out-no-search-item > span { padding-right: 10px } .out-no-search-item:hover { border-color: var(--color-icecarats) } .bloc-gender-filter-title, .shop-by-interest-title { align-items: baseline; color: var(--color-black-default); display: flex; font-family: inherit; font-size: 16px; font-style: normal; font-weight: 400; justify-content: space-between; letter-spacing: 0 } .shop-by-interest-title { margin-bottom: 0; margin-top: 10px } .bloc-gender-filter-title { margin: 5px 0 10px } .bloc-gender-filter-section { overflow: auto } .bloc-gender-filter-items { display: flex; gap: 10px } .bloc-gender-filter-item { align-items: center; border-radius: 20px; color: var(--color-black-default); cursor: pointer; display: flex; font-size: 14px; padding: 7px 20px; text-align: center; text-decoration: none; text-transform: capitalize; transition: .3s; white-space: nowrap; justify-content: center; font-weight: 500; min-width: 105px; } .bloc-gender-filter-item[data-count="0"] { display: none } .bloc-gender-filter-item img, .bloc-gender-filter-item span { margin: 0 5px 0 -5px } .bloc-gender-filter-item span { border: 0 !important; transform: scale(1.2) } .bloc-gender-filter-item.Active { background: var(--color-icecarats); border-color: var(--color-icecarats); color: #fff } @media only screen and (max-width: 1400px) { .sticky { left: 0; padding: 0 10px } } @media screen and (max-width: 1023px) { body.header-fixed { padding-top: 45px } body.header-fixed #site-header { position: fixed; top: calc(0px + var(--vp-offset)) } #site-header { background: #fff; left: 0; right: 0; top: 0; z-index: 9998; height: 45px } .site-header-main.site-header--full-width { margin-bottom: 0; overflow-x: visible; padding: 3px 10px } .pm-item-a { padding-bottom: 30px } .wish-content { margin: 10px 0 20px } .site-footer-block-item:first-child { border: 0; margin-bottom: 30px } .left-search-ic h2.home-section--title.popular-category-title { padding-left: 10px } .horizontal-items > div, .horizontal-items > a, .recently-viewed-item, .searchanise-recommendations .content-search-item, .row-wish .horizontal-items div.content-search-item { flex: 0 0 33.333333% } .photo-reviews-items > div { flex: 0 0 auto } } @media screen and (max-width: 520px) { .recently-viewed-item .price-search-ic .old-price-search-ic { display: initial } .head-account-content .head-account-content_hover_arrow { left: calc(60% + 45px) } } @media screen and (max-width: 900px) { .content-recently-viewed::-webkit-scrollbar { border: 1px solid #d5d5d5; height: 6px } .content-recently-viewed::-webkit-scrollbar-thumb { background-color: #a9a9a9 } } @media screen and (max-width: 1023px) { site-header-main--logo-center .site-header-main-content { width: 100% } .logolist--container { padding-bottom: 20px; padding-top: 20px } .swym-wishlist-grid .swym-wishlist-item { margin: 0 0 20px; width: 100% } .swym-wishlist-grid .swym-wishlist-image-wrapper { height: auto } ::-webkit-scrollbar { border: 1px solid #d5d5d5; height: 4px; width: 4px } .testimonial-blockquote, .testimonial-inner { width: 100% } } @media only screen and (max-width: 600px) { .site-footer .payment-icons-item { display: flex; flex-wrap: wrap; align-items: center; align-content: center } .site-footer .payment-icons-item > div { flex: 0 0 45px; width: 45px } .logo-afterpay img { margin-right: 5px } .out-no-search-item:first-child { border-top: 1px solid #eaeaea } .out-no-search-item { border: 0; border-bottom: 1px solid #eaeaea; border-radius: 0; margin: 0; padding: 15px; width: calc(100% - 10px) } } @media screen and (min-width: 1024px) { .reviews--aspects .reviews--aspect--wrap { width: 140px } } @media screen and (min-width: 1024px) and (max-width: 1399px) { .category-mapping { padding-left: 10px } .site-header-main--logo-center .site-header-main-content { padding-left: 10px } .site-header-menu-icon { padding-left: 0 } .masonry-banner { padding: 0 20px } } @media screen and (max-width: 450px) { .collection-recently-viewed { margin-bottom: 20px } .no-mobile { display: none } .site-header-main--logo-center .site-header-main-content { text-align: left } } @media screen and (max-width: 380px) { div.arrives-before-christmas { font-size: 11px } .bloc-gender-filter-item { font-size: 12px } .filters-sortby img { width: 13px; height: 13px } } @media screen and (min-width: 601px) { .out-no-search-item { border: 1px solid #eaeaea; border-radius: 26px; margin-bottom: 10px; margin-right: 7px; padding: 8px 20px 8px 10px } .mobile-only { display: none !important } } .active-filters-content-items, .section-sidebar-filters-scrooll-items { align-items: center; display: flex; justify-content: flex-start } .footer-section { padding-bottom: 10px } .section-sidebar-filters-all { align-items: center; border-bottom: 1px solid var(--color-neutral-grey-200); display: flex; justify-content: flex-start } .fq-item { align-items: center; border: 1px solid var(--color-neutral-grey-200); border-radius: 10px; cursor: pointer; display: flex; font-size: 14px; justify-content: center; margin: 5px 10px 10px 0; padding: 5px 15px; transition: .3s; white-space: nowrap } .fq-itemn, .ssf-item { align-items: center; border: 1px solid var(--color-neutral-grey-200); border-radius: 10px; display: flex; font-size: 14px; justify-content: center; margin: 5px 10px 10px 0; padding: 5px 15px; transition: .3s; white-space: nowrap } #site-header.sticky.only-mobile, .ssf-item.enabled-cs-item, span.radiobutton__text { padding: 0 } .ssf-item.enabled-cs-item .ssf-item-btn { margin: 7px 18px } .ssf-item, .ssf-item-btn:hover { cursor: pointer } .fq-item[onclick="filterModal.openFilter(true);"], .fq-itemn[onclick="filterModal.openFilter(true);"], .ssf-item[onclick="filterModal.openFilter(true);"] { background-color: var(--color-neutral-grey-100); border-color: var(--color-neutral-grey-500); margin: 0 10px 0 0 } .ssf-item.ssf-no-bg { background: 0 0; border: 1px solid var(--color-neutral-grey-200) } .ssf-static { position: relative } .fq-itemn { cursor: default } .ssf-item.disabled-cs-item, .ssf-item.disabled-item { background-color: var(--color-neutral-grey-200); border-color: var(--color-neutral-grey-200); color: var(--color-neutral-grey-500); cursor: default; display: none } .fq-item:hover, .ssf-item:hover { border-color: var(--color-black-default) } .fq-item span[class^=icecarats-icon-], .ssf-item span[class^=icecarats-icon-] { padding-left: 0 } .ssf-item-title + span.icecarats-icon-equalizer1 { padding-left: 10px } .ssf-item span.icecarats-icon-keyboard_arrow_down { font-size: 14px } .active-filters-content-items { overflow-x: auto } .fq-item .icecarats-icon-close { font-size: 13px; margin: 0 7.5px 0 0 } .section-sidebar-filters-scrooll { margin-left: 0; overflow-x: auto } .scroll-transparent { scrollbar-color: #ccc #f1f1f1 !important; -moz-scrollbar-color: #ccc #f1f1f1 !important; scrollbar-width: none; -moz-scrollbar-width: none } .scroll-transparent::-webkit-scrollbar { height: 0; width: 0; display: none } .scroll-transparent::-webkit-scrollbar-track { background: #f1f1f1 } .scroll-transparent::-webkit-scrollbar-thumb { background: #ccc; border-radius: 2px } .scroll-transparent::-webkit-scrollbar-thumb:hover { background: #555; border-radius: 2px } .main-filter-section-modal { background: rgba(0, 0, 0, .3); bottom: 0; display: none; left: 0; position: fixed; right: 0; top: 0; transition-duration: .3s; transition: opacity .2s ease-in-out; z-index: 9998 } .sticky { background: #fff; max-width: 1400px; position: fixed; top: 0; width: 100%; z-index: 9999 } .load-page-block-sidebar.sticky:after { box-sizing: border-box; -moz-box-shadow: 0 4px 16px 1px #000; -webkit-box-shadow: 0 4px 16px 1px #000; box-shadow: 0 4px 16px 1px #000; content: ""; margin-left: 1%; position: absolute; width: 98%; z-index: -2 } .load-page-block-sidebar.sticky:before { box-sizing: border-box; background: #fff; bottom: 0; content: ""; height: 15px; position: absolute; width: 100%; z-index: -1 } legend { -webkit-padding-start: 0; -webkit-padding-end: 0; box-sizing: border-box; color: inherit; font-weight: 700 } div.class-filter__item[data-countitem="0"] { display: none } .ssf-item .filter-dropdown__wrapper { --selection-padding: 0.5rem; background-color: var(--color-bg-default); border: 1px solid var(--color-border-light); border-radius: 0; box-shadow: var(--shadow-size-default); margin-top: 1rem; overflow-x: hidden; overflow-y: auto; padding: calc(2rem + var(--selection-padding)); padding-top: 10px; position: absolute; top: 50px; width: 350px; z-index: 100 } .ssf-item .filter-dropdown__wrapper--category, .ssf-item .filter-dropdown__wrapper--checkbox, .ssf-item .filter-dropdown__wrapper--radio { padding-bottom: calc(1rem + var(--selection-padding)); padding-top: calc(1rem + var(--selection-padding)) } .sticky .open-ssf-item .filter-dropdown__wrapper { margin-top: 35px; max-height: calc(100vh - 60px); overflow-y: auto } .fq-item-title, span.rback-text-f { text-transform: capitalize } button.return-category { background: 0 0; border: 0; cursor: pointer; display: flex; font-weight: 500; justify-content: center; line-height: 14px; margin: 16px 0 0; padding: 0 } button.return-category span.icecarats-icon-keyboard_arrow_left { font-weight: 700; padding: 0 } .eb, eb, .fw-700 { font-weight: 700 !important } .sb, sb, .fw-600 { font-weight: 600 !important; } .mb, mb, .fw-500 { font-weight: 500 !important } .fw-300 { font-weight: 300 !important } .fw-400 { font-weight: 400 !important } .fw-700 { font-weight: 700 !important } input[type=checkbox] { accent-color: var(--color-icecarats) } button.button-primary { background: var(--color-neutral-grey-900); border-color: var(--color-neutral-grey-900); transition: .3s } button.button-primary:hover { opacity: .94 } button.button-primary:active { transform: scale(.99) } .site-footer-block-item p { margin: 1em 0 } .account-page-content2 a, .account-page-content2 a:hover, body.cart-page .cart-item a:hover { color: var(--color-icecarats); text-decoration: none } .HeaderMobileTopBar__nav span { background: #000; display: block; height: 2px; opacity: 1; transform: rotate(0deg); transition: .15s ease-in-out; width: 100% } .HeaderMobileTopBar__nav { cursor: pointer; height: 17px; transform: rotate(0deg); width: 20px; display: flex; flex-direction: column; justify-content: space-between } .HeaderMobileTopBar__nav.HeaderMobileTopBar__nav--open span:first-child { top: 10px; transform: rotate(45deg); width: calc(100% + 4px); left: -2.5px } .HeaderMobileTopBar__nav.HeaderMobileTopBar__nav--open span:nth-child(2) { opacity: 0 } .HeaderMobileTopBar__nav.HeaderMobileTopBar__nav--open span:nth-child(3) { top: 10px; transform: rotate(-45deg); width: calc(100% + 4px); left: -2.5px } .disabled-overlay, .button-primary-black-transparent:disabled, .button-white-outline:disabled, .button-black-outline:disabled, .button-primary-black:disabled, .button-primary-white-black:disabled, .button-primary-white:disabled, .button-secondary-black:disabled, .button-transparent-black:disabled, .button-transparent-white:disabled, .disabled, .disabled-1 { opacity: .7; position: relative; pointer-events: none } .button-primary-black-transparent:disabled:hover, .button-white-outline:disabled:hover, .button-black-outline:disabled:hover, .button-primary-black:disabled:hover, .button-primary-white-black:disabled:hover, .button-primary-white:disabled:hover, .button-secondary-black:disabled:hover, .button-transparent-black:disabled:hover, .button-transparent-white:disabled:hover { cursor: not-allowed } .button-black-outline, .button-transparent-white { color: #fff } .button-primary-black, .button-primary-black-transparent, .button-white-outline, .button-black-outline, .button-primary-white { border: 1px solid var(--color-icecarats) } .button-primary-black, .button-primary-black-transparent, .button-white-outline, .button-black-outline, .button-primary-white, .button-primary-white-black, .button-secondary-black, .button-transparent-black, .button-transparent-white { -webkit-appearance: none; display: inline-flex; font-size: 16px; padding: 10px 15px; text-align: center; text-decoration: none; text-transform: none; width: 100%; white-space: nowrap; position: relative; color: initial; min-height: 45px; align-items: center; justify-content: center } [class*=button-] > div, [class*=button-] > span { margin-top: -5px; margin-bottom: -5px } [class*=button-] > svg, [class*=button-] > img { margin: 0 7px } .button-secondary-black, .button-transparent-black, .button-transparent-white { border: 1px solid var(--color-icecarats); color: var(--color-icecarats) } .button-black-outline, .button-transparent-white { border-color: #fff } .button-white-outline { outline: 1px solid #fff !important } .button-black-outline { outline: 1px solid #000 !important } .button-white-outline, .button-primary-white-black, .button-white-outline { background: #fff; border: 1px solid var(--color-icecarats); color: var(--color-icecarats) } .button-black-outline:active { background: #fff; color: #000; border: 1px solid #000 } .button-primary-white { background: #fff; border-color: #fff } .button-black-outline, .button-primary-black, .button-primary-black-transparent, .button-primary-white-black:active, .button-secondary-black:active, .button-transparent-black:active { background: var(--color-icecarats); color: #fff } .button-primary-white-black:active > img, .button-secondary-black:active > img, .button-transparent-black:active > img { filter: invert(1) } .button-secondary-black, .button-transparent-white { background: 0 0 } .button-primary-white:active { background: var(--color-bg-alternative) } button:hover, input:hover, textarea:hover { cursor: pointer } button:disabled, input:disabled, textarea:disabled { cursor: not-allowed } .account-page-body-wrapper > div { margin: 15px 0 } .disabled-overlay { opacity: 1 } .disabled-overlay:after { content: ""; background: #fff; opacity: .7; position: absolute; left: 0; top: 0; width: 100%; height: 100% } .quantity-selector-plus.disabled { opacity: .3 } .hr-or { opacity: .2 } .or-text { background: #fff; left: 50%; margin: -21px 0 0 -27px; padding: 2px 16px; position: absolute } .or { position: relative } .article--content b, .article--content strong { font-weight: 600 !important } .home-section--title-container { padding: 0 5px } .ic-review-reviews-more-btn button { color: var(--color-black-default) } .body-summary { max-width: 820px; margin: 0 auto } .d-none { display: none !important } .inline-block { display: inline-block !important } .asterisk { color: var(--color-pink) } .input-default, .input-default-small, .input-default-smaller { border: 0; background: var(--color-bg-alternative); border-radius: 0; color: var(--color-black-default); font-family: inherit; font-weight: 400; letter-spacing: 0; padding: 12px 15px; width: 100%; z-index: 1; transition: .3s } .input-default-small { padding: 5px 7.5px } .input-default-smaller { padding: 7.5px 12.5px } .input-default:hover, .input-default-small:hover { border-color: var(--color-border-default) } form label:not(:first-child) { display: block; margin-top: 10px } .warranty-form form label:not(:first-child) { margin-top: 0 } .button-white-outline:not(:disabled) .ellipsis, .button-primary-black:not(:disabled) .ellipsis, .button-primary-white-black:not(:disabled) .ellipsis, .button-secondary-black:not(:disabled) .ellipsis { display: none } .section--click-to-top { align-items: center; display: flex; justify-content: center; margin-top: 20px } .link--click-to-top { cursor: pointer; font-size: 14px; font-weight: 400 } .link--click-to-top span.icecarats-icon-arrow_forward_ios { border-right: 1px solid #333; display: inline-block; transform: rotate(270deg) translate(-1px, 5px) } .afterpay-paragraph { margin: 0 0 10px 0 } .afterpay-paragraph img[src*=afterpay], .afterpay-paragraph img[src*=klarna] { border-radius: 5px } .afterpay-paragraph .afterpay-instalments { font-weight: 500; font-size: 13px } .text-small { font-size: 13px } select.form-field-select:not(:hover) { border-color: var(--color-border-default) } #site-header.sticky.only-mobile .site-header-main.site-header--full-width { margin-bottom: 65px } .text-center { text-align: center } .text-left { text-align: left } .text-right { text-align: right } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .text-striked { position: relative } .text-striked:before { box-sizing: border-box; border-top: 1px solid; border-color: inherit; content: ""; left: 0; position: absolute; right: 0; top: 50%; -webkit-transform: rotate(0deg); transform: rotate(0deg) } .afterpay-logo-badge-background { fill: transparent } .cart-need-assistance-links > a > img, .mr-7-5 { margin-right: 7.5px } .button-smaller { font-size: 15px; padding: 7.5px } .button-small { font-size: 14px; padding: 5px } .p-0 { padding: 0 !important } .p-2-5--5 { padding: 2.5px 5px !important } .p-2 { padding: 2px !important } .p-3 { padding: 3px !important } .p-4 { padding: 4px !important } .p-5 { padding: 5px !important } .p-6 { padding: 6px !important } .p-7 { padding: 7px !important } .p-8 { padding: 8px !important } .p-9 { padding: 9px !important } .p-10 { padding: 10px !important } .p-11 { padding: 11px !important } .p-12 { padding: 12px !important } .p-13 { padding: 13px !important } .p-14 { padding: 14px !important } .p-15 { padding: 15px !important } .p-20 { padding: 20px !important } .p-25 { padding: 25px !important } .p-30 { padding: 30px !important } .p-35 { padding: 35px !important } .p-40 { padding: 40px !important } .p-45 { padding: 45px !important } .p-50 { padding: 50px !important } .p-55 { padding: 55px !important } .pl-0 { padding-left: 0 !important } .pl-10 { padding-left: 10px !important } .pl-15 { padding-left: 15px !important } .pl-20 { padding-left: 20px !important } .pl-30 { padding-left: 30px !important } .pl-40 { padding-left: 40px !important } .pl-50 { padding-left: 50px !important } .p-5-p { padding: 5% !important } .pr-0 { padding-right: 0 !important } .pr-5 { padding-right: 5px !important } .pr-10 { padding-right: 10px !important } .pr-20 { padding-right: 20px !important } .pt-0 { padding-top: 0 !important } .pt-5 { padding-top: 5px !important } .pt-10 { padding-top: 10px !important } .pt-13 { padding-top: 13px !important } .pt-15 { padding-top: 15px !important } .pt-20 { padding-top: 20px !important } .pt-25 { padding-top: 25px !important } .pt-55 { padding-top: 55px !important } .pt-100 { padding-top: 100% !important } .pb-0 { padding-bottom: 0 !important } .pb-5 { padding-bottom: 5px !important } .pb-10 { padding-bottom: 10px !important } .pb-15 { padding-bottom: 15px !important } .pb-20 { padding-bottom: 20px !important } .pb-25 { padding-bottom: 25px !important } .pb-30 { padding-bottom: 30px !important } .py-0 { padding-top: 0 !important; padding-bottom: 0 !important } .py-2-5 { padding-top: 2.5px !important; padding-bottom: 2.5px !important } .py-5 { padding-top: 5px !important; padding-bottom: 5px !important } .py-7-5 { padding-top: 7.5px !important; padding-bottom: 7.5px !important } .py-10 { padding-top: 10px !important; padding-bottom: 10px !important } .py-12-5 { padding-top: 12.5px !important; padding-bottom: 12.5px !important } .py-15 { padding-top: 15px !important; padding-bottom: 15px !important } .py-20 { padding-top: 20px !important; padding-bottom: 20px !important } .py-25 { padding-top: 25px !important; padding-bottom: 25px !important } .py-30 { padding-top: 30px !important; padding-bottom: 30px !important } .py-35 { padding-top: 35px !important; padding-bottom: 35px !important } .py-40 { padding-top: 40px !important; padding-bottom: 40px !important } .py-50 { padding-top: 50px !important; padding-bottom: 50px !important } .px-0 { padding-left: 0 !important; padding-right: 0 !important } .px-1-25 { padding-left: 1.25px !important; padding-right: 1.25px !important } .px-2-5 { padding-left: 2.5px !important; padding-right: 2.5px !important } .px-5 { padding-left: 5px !important; padding-right: 5px !important } .px-7 { padding-left: 7px !important; padding-right: 7px !important } .px-7-5 { padding-left: 7.5px !important; padding-right: 7.5px !important } .px-10 { padding-left: 10px !important; padding-right: 10px !important } .px-12-5 { padding-left: 12.5px !important; padding-right: 12.5px !important } .px-15 { padding-left: 15px !important; padding-right: 15px !important } .px-20 { padding-left: 20px !important; padding-right: 20px !important } .px-25 { padding-left: 25px !important; padding-right: 25px !important } .px-30 { padding-left: 30px !important; padding-right: 30px !important } .m-0 { margin: 0 !important } .m-2-5 { margin: 2.5px !important } .m-15 { margin: 15px !important } .mt-0 { margin-top: 0 !important } .mt-auto { margin-top: auto !important } .mt-2-5 { margin-top: 2.5px !important } .mt-2 { margin-top: 2px !important } .mt-5 { margin-top: 5px !important } .mt-7 { margin-top: 7px !important } .mt-7-5 { margin-top: 7.5px !important } .mt-10 { margin-top: 10px !important } .mt-10n { margin-top: -10px !important } .mt-5n { margin-top: -5px !important } .mt-7n { margin-top: -7px !important } .mt-15n { margin-top: -15px !important } .mt-20n { margin-top: -20px !important } .mt-25n { margin-top: -25px !important } .mt-12 { margin-top: 12px !important } .mt-12-5 { margin-top: 12.5px !important } .mt-13 { margin-top: 13px !important } .mt-15 { margin-top: 15px !important } .mt-20 { margin-top: 20px !important } .mt-25 { margin-top: 25px !important } .mt-30 { margin-top: 30px !important } .mt-35 { margin-top: 35px !important } .mt-40 { margin-top: 40px !important } .mr-2 { margin-right: 2px !important } .mr-2-5 { margin-right: 2.5px !important } .mr-3 { margin-right: 3px !important } .mr-4 { margin-right: 4px !important } .mr-5 { margin-right: 5px !important } .mr-7 { margin-right: 7px !important } .mr-7-5 { margin-right: 7.5px !important } .mr-10 { margin-right: 10px !important } .mr-12 { margin-right: 12px !important } .mr-12-5 { margin-right: 12.5px !important } .mr-15 { margin-right: 15px !important } .mr-20 { margin-right: 20px !important } .mr-25 { margin-right: 25px !important } .mr-30 { margin-right: 30px !important } .ml-auto { margin-left: auto } .mr-auto { margin-right: auto } .ml-0 { margin-left: 0 !important } .ml-2 { margin-left: 2px !important } .ml-2-5 { margin-left: 2.5px !important } .ml-3 { margin-left: 3px !important } .ml-4 { margin-left: 4px !important } .ml-5 { margin-left: 5px !important } .ml-7 { margin-left: 7px !important } .ml-7-5 { margin-left: 7.5px !important } .ml-10 { margin-left: 10px !important } .ml-12 { margin-left: 12px !important } .ml-15 { margin-left: 15px !important } .ml-20 { margin-left: 20px !important } .ml-25 { margin-left: 25px !important } .ml-30 { margin-left: 30px !important } .ml-35 { margin-left: 35px !important } .ml-40 { margin-left: 40px !important } .ml-45 { margin-left: 45px !important } .ml-50 { margin-left: 50px !important } .ml-half { margin-left: 50% !important } .mb-0 { margin-bottom: 0 !important } .mb-2-5 { margin-bottom: 2.5px !important } .mb-5 { margin-bottom: 5px !important } .mb-7 { margin-bottom: 7px !important } .mb-7-5 { margin-bottom: 7.5px !important } .mb-10 { margin-bottom: 10px !important } .mb-15n { margin-bottom: -15px !important } .mb-n10 { margin-bottom: -10px !important } .mb-12-5 { margin-bottom: 12.5px !important } .mb-15 { margin-bottom: 15px !important } .mb-20 { margin-bottom: 20px !important } .mb-25 { margin-bottom: 25px !important } .mb-30 { margin-bottom: 30px !important } .mb-35 { margin-bottom: 35px !important } .mb-40 { margin-bottom: 40px !important } .mb-45 { margin-bottom: 45px !important } .mb-50 { margin-bottom: 50px !important } .mb-55 { margin-bottom: 55px !important } .my-2 { margin-top: 2px !important; margin-bottom: 2px !important } .my-5 { margin-top: 5px !important; margin-bottom: 5px !important } .my-7 { margin-top: 7px !important; margin-bottom: 7px !important } .my-10 { margin-top: 10px !important; margin-bottom: 10px !important } .my-10n { margin-top: -10px !important; margin-bottom: -10px !important } .my-15 { margin-top: 15px !important; margin-bottom: 15px !important } .my-20 { margin-top: 20px !important; margin-bottom: 20px !important } .my-30 { margin-top: 30px !important; margin-bottom: 30px !important } .my-5 { margin-top: 5px !important; margin-bottom: 5px !important } .my-auto { margin-top: auto !important; margin-bottom: auto !important } .my-10 { margin-top: 10px !important; margin-bottom: 10px !important } .my-12-5 { margin-top: 12.5px !important; margin-bottom: 12.5px !important } .my-15 { margin-top: 15px !important; margin-bottom: 15px !important } .my-17-5 { margin-top: 17.5px !important; margin-bottom: 17.5px !important } .my-20 { margin-top: 20px !important; margin-bottom: 20px !important } .my-25 { margin-top: 25px !important; margin-bottom: 25px !important } .my-30 { margin-top: 30px !important; margin-bottom: 30px !important } .mx-1 { margin-left: 1px !important; margin-right: 1px !important } .mx-2 { margin-left: 2px !important; margin-right: 2px !important } .mx-2-5 { margin-left: 2.5px !important; margin-right: 2.5px !important } .mx-3 { margin-left: 3px !important; margin-right: 3px !important } .mx-4 { margin-left: 4px !important; margin-right: 4px !important } .mx-5 { margin-left: 5px !important; margin-right: 5px !important } .mx-7 { margin-left: 7px !important; margin-right: 7px !important } .mx-10 { margin-left: 10px !important; margin-right: 10px !important } .mx-15 { margin-left: 15px !important; margin-right: 15px !important } .mx-auto { margin-left: auto !important; margin-right: auto !important } .column-reverse, .flex, .d-flex, .flex-around, .flex-between, .flex-between-center, .flex-center, .flex-column, .flex-end, .flex-end-center, .flex-full-center, .flex-full-center-recursive, .flex-full-center-recursive *, .flex-start, .flex-v-center, .flex-v-end, .flex-wrap { display: flex; flex-wrap: wrap } .align-items-flex-end { align-items: flex-end !important } .align-items-center { align-items: center !important } .align-items-start { align-items: start !important } .justify-content-center { justify-content: center !important } .justify-content-end { justify-content: end !important } .inline-flex { display: inline-flex } .no-wrap { display: flex !important } .flex-v-start, .row-reverse { display: flex; flex-wrap: wrap } .row-reverse { flex-direction: row-reverse } .column-reverse { flex-direction: column-reverse } .flex-column { flex-direction: column } .flex-between-center, .flex-full-center, .flex-v-center, .flex-full-center-recursive, .flex-full-center-recursive * { align-items: center !important; align-content: center !important } .flex-v-start { align-items: flex-start } .flex-v-end { align-items: flex-end } .flex-full-center-recursive, .flex-full-center-recursive *, .flex-center, .flex-full-center { justify-content: center } .flex-start { justify-content: flex-start } .flex-end, .flex-end-center { justify-content: flex-end } .flex-end-center { align-items: center } .flex-between, .flex-between-center { justify-content: space-between !important } .flex-around { justify-content: space-around } .flex-0 { flex: 0 !important } .flex-grow-1 { flex-grow: 1 !important } .no-wrap { flex-wrap: nowrap !important } .grid-auto-fit-fixed { grid-template-columns:repeat(auto-fit, var(--column-width)) } .grid-auto-fit-max { grid-template-columns:repeat(auto-fit, minmax(0, var(--column-max-width))) } .grid-auto-fill-max { grid-template-columns:repeat(auto-fill, minmax(0, var(--column-max-width))) } .grid-auto-flow-column { grid-auto-flow: column } .grid-columns-number { grid-template-columns:repeat(var(--column-number), minmax(0, 1fr)) } .grid-auto-fit-min { grid-template-columns:repeat(auto-fit, minmax(var(--column-min-width), 1fr)) } .grid-auto-fit-min-max { grid-template-columns:repeat(auto-fit, minmax(var(--column-min-width, min-content), var(--column-max-width, max-content))) } .grid-auto-fill-min { grid-template-columns:repeat(auto-fill, minmax(var(--column-min-width), 1fr)) } .grid-auto-fit-min-max, .grid-auto-flow-column, .grid-auto-fill-min, .grid-columns-number, .grid-auto-fit-fixed, .grid-auto-fit-max, .grid-auto-fit-min, .display-grid, .grid-columns-2, .grid-columns-3, .grid-columns-4, .grid-columns-5 { display: grid !important } .grid-auto-flow-column, .grid-auto-fill-min > *, .grid-columns-number > *, .grid-auto-fit-fixed > *, .grid-auto-fit-max > *, .grid-auto-fit-min > *, .display-grid > *, .grid-columns-2 > *, .grid-columns-3 > *, .grid-columns-4 > *, .grid-columns-5 > * { min-width: 0; max-width: 100% } .grid-columns-2, .grid-columns-3, .grid-columns-4, .grid-columns-5 { justify-content: space-between } .grid-columns-2 { grid-template-columns:repeat(2, calc(50% - (var(--grid-gap, 0px) / 2))) } .grid-columns-3 { grid-template-columns:repeat(3, calc(33.3333% - (var(--grid-gap, 0px) * 2 / 3))) } .grid-columns-4 { grid-template-columns:repeat(4, calc(25% - (var(--grid-gap, 0px) * 3 / 4))) } .grid-columns-5 { grid-template-columns:repeat(5, calc(20% - (var(--grid-gap, 0px) * 4 / 5))) } .product-search[data-hitcount="0"] .productgrid--content-sidebar, .product-search[data-hitcount="0"] .productgrid--ht, #site-main article .banner-top, .active-filters-content-items[data-amount=""] #fq-clear-all, .active-filters-content-items[data-amount=""] #fq-selected-text, .active-filters-content-items[data-amount="0"] #fq-clear-all, .active-filters-content-items[data-amount="0"] #fq-selected-text, .search-pagination-info[data-pages="0"] { display: none } .section-blog-home .home-section--title-container { position: relative } .label-customizable { font-weight: 500 } #summaryExpand svg.rotateUp, .rotateUp { transform: rotate(-180deg) } .collection-info { margin: 20px 0 0; position: relative } .collection-info:not(.open) { max-height: 126px; overflow: hidden } .collection-info:not(.open):after { box-sizing: border-box; background: linear-gradient(180deg, rgba(255, 255, 255, .1), #fff 95%); bottom: 0; content: ""; height: 70px; left: 0; position: absolute; width: 100% } .collection-info h3 { font-size: 20px; margin: 0 0 5px } .row-wish + .collection-info { margin-top: 20px } .collection-info .home-section--title { margin: 0 10px; padding-top: 0 } #widget-bottom .wb-header span, .collection-info .home-section--title span, .striked-title > h1, .striked-title > h2, .striked-title > h3, .striked-title > h4, .striked-title > h5, .striked-title > h6, .striked-title > span, .striked-title-flex > span { background: #fff; display: inline-block; margin: 0 15px; padding: 0 12.5px; position: relative; text-align: left; z-index: 1; font-weight: 500; color: var(--color-icecarats) } .striked-line > * { background: #fff; z-index: 1; position: relative } .striked-title-flex > span { background: 0 0 } .striked-title-right span { margin-left: 0; padding-left: 0 } .striked-title-right { text-align: left } .striked-title-flex { width: 100%; display: flex; align-items: center } #site-main .m-menu-account-menu { background: 0 0; flex: 0 0 auto; margin: 0 30px 0 0; padding: 0; width: 270px; position: relative } #affiliate-program h1 { color: var(--color-black-default) !important; font-family: Times New Roman, Times, serif; font-size: 21px !important; margin: 30px auto !important; padding: 0 !important; text-align: left !important; text-transform: uppercase !important } .category-mapping + * #affiliate-program .text-align-center { margin: 0 auto 20px !important } .category-mapping + * .page-masthead { margin-top: 0 !important } .transition-none { transition: none !important } .transition-03 { transition: .3s } .transition-05 { transition: .5s } .pill { border: 1px solid transparent; border-radius: 5px; color: var(--color-neutral-grey-600); display: block; font-size: 14px; font-weight: 500; padding: 7.5px 15px; transition: .3s } .pill:hover { color: var(--color-black-default) } .pill-black, .pill:hover { border-color: #000 } .pill-grey { border-color: var(--color-border-light) } .cart-pills { justify-content: center; margin-top: 10px } .cart-pills .pill { width: 135px } .cart-pills > a { margin: 5px } .flex-br { flex-basis: 100% } #affiliate-program .m-600, #affiliate-program h1 { max-width: 800px !important } .max-content { width: max-content } .mw-375 { max-width: 375px !important } .mw-1400 { max-width: 1400px !important } .mw-max-content { max-width: max-content } .collection-recently-viewed { margin-bottom: 20px; margin-top: 20px } .price-pji { background: rgba(255, 255, 255, .8); border-radius: 15px; bottom: 5px; color: var(--color-black-default); display: flex; font-size: 13px; font-weight: 500; padding: 3px 10px; position: absolute; right: 5px } .price-pji span { color: var(--color-green); font-weight: 400; margin-left: 5px } .price-pji:after { box-sizing: border-box; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 24'%3E%3Cpath fill='%23222' d='m11.3 12.7.7-.7-.7-.7-4-4c-.4-.4-1-.4-1.4 0s-.4 1 0 1.4L8.2 11H1c-.6 0-1 .4-1 1s.4 1 1 1h7.2l-2.3 2.3c-.2.2-.3.4-.3.7 0 .6.4 1 1 1 .3 0 .5-.1.7-.3l4-4z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: cover; content: ""; display: inline-block; height: 22px; margin-left: 6px; top: 1px; transition: all .3s ease-out; width: 11px } .filter-blocs > div, .scroll-transparent > div.products-masonry .content-search-item-c { position: relative } .scroll-transparent > div.products-masonry .content-search-item-c, .scroll-transparent > div.products-masonry .img-search-ic, .scroll-transparent > div.products-masonry .popular-category-a { align-content: center; display: flex; height: 100%; justify-content: flex-start; margin: 0 } .scroll-transparent > div.products-masonry .popular-category-a { flex-direction: column } .scroll-transparent > div.products-masonry .wishlist-btn > button { margin: 0; padding: 13px } @media only screen and (max-width: 1023px) { #site-main > .category-mapping, .article--container > .category-mapping, .blog--section > .category-mapping, .page-collection .category-mapping, .site-page > .category-mapping, body > .category-mapping { padding-left: 10px } .product--section > .category-mapping { margin-left: -10px } } @media only screen and (min-width: 1024px) { .rolex-label:after { content: ""; position: absolute; left: 5px; top: 5px; width: 50px; height: 50px; background-size: cover } .gallery-content.rolex-label:after { width: 65px; height: 65px } div.cei-item-title { font-size: 15px } body:not(.device-mobile):not(.device-tablet) div.cei-item-links { padding: 0 } div.cei-item-links > a > div:last-child { font-size: 13px } } .pagination-page .button-primary-white.disabled { border-color: #ccc } .pagination-page .button-primary-white img { transform: translateY(3px) } .gallery-item-img[src*="/chains"], .grey-filter, .img-background-0, .img-background, .img-background-1, .img-background-4, .img-background-5, .img-background-circle { filter: opacity(.98) drop-shadow(0 0 .01px #000); -webkit-filter: opacity(.98) drop-shadow(0 0 .01px #000); background-color: #fff } .clip-inset-2 { clip-path: inset(2px); -webkit-clip-path: inset(2px) } .img-background-3 { clip-path: inset(3px); -webkit-clip-path: inset(3px) } .img-background-4 { clip-path: inset(4px); -webkit-clip-path: inset(4px) } .img-background-5 { clip-path: inset(5px); -webkit-clip-path: inset(5px) } .img-background-circle { clip-path: circle(calc(50% - 1px)) !important } .img-background-women { filter: opacity(.88) drop-shadow(0 0 .01px #955e26); -webkit-filter: opacity(.88) drop-shadow(0 0 .01px #955e26) } .main-filter-block--sticky.sticky:after { box-sizing: border-box; bottom: 0; box-shadow: 0 4px 7px 1px rgba(0, 0, 0, .15); content: ""; left: 0; position: absolute; width: 100% } .main-filter-block--sticky { display: flex; padding: 0; position: relative; flex-shrink: 0 } .filter-blocs { display: flex; width: 100%; height: 100% } .filter-gender-switch { display: flex; background: var(--color-bg-alternative); border-radius: 20px; /* gap: 7.5px; */ width: max-content; margin: 10px auto 20px auto; padding: 3px; border: 1px solid var(--color-border-light); } .main-filter-block { width: 100% } .main-filter-block-metal-items, .main-filter-block-price-items, .main-filter-items { display: flex } .main-filter-block--sticky .bloc-gender-filter, .main-filter-block--sticky .bloc-metal-filter { width: 100% } .gal-dots > div { border: 1.5px solid var(--color-black-default); border-radius: 50%; height: 9px; transform: scale(.75); transition: .2s; width: 9px } .gal-dots > div:nth-child(2) { margin: 0 17.5px } .gal-dots > div.active { background: var(--color-black-default); transform: scale(1.3) } body #widget-bottom .wb-header { font-size: 22px; text-align: left } @media screen and (max-width: 390px) { section#affiliate-program h1 { font-size: 20px !important } .home-section--title { font-size: 20px } } @media screen and (max-width: 800px) { body.siteB .category-mapping { opacity: 1 } #affiliate-program .sect-last, #affiliate-program .sect-one { padding: 0 5px !important } } @media (max-width: 1023px) { .main-filter-block--sticky .bloc-gender-filter, .main-filter-block--sticky .bloc-metal-filter { width: 100% } .site-footer-information-nav-credits { order: 1; text-align: center } .social-icons-1 { justify-content: center; margin: 20px } .site-footer-information-payment-icons { margin: 10px 0 0 !important; flex-wrap: wrap; width: 100% } #site-main .m-menu-account-menu { width: 100%; opacity: 0; margin-top: 15px } #site-main .m-menu-account-menu ul { display: flex; overflow-y: auto } #site-main .m-menu-account-menu ul > li { flex: 1 0 auto; margin: 0; background: 0 0; border: 1px solid var(--color-border-light); padding: 7.5px 5px } #site-main .m-menu-account-menu ul > li + li { margin-left: 10px } #site-main .m-menu-account-menu ul > li.active { border-color: var(--color-border-default) } #site-main .m-menu-account-menu ul > li a { padding: 5px; font-size: 14px } #site-main .m-menu-account-menu ul > li span { margin: 0 } #site-main .m-menu-account-menu ul > li span[class*=count] { transform: translate(15px, -5px) } #site-main .m-menu-account-menu ul > li a > img { margin-right: 5px } #site-main .m-menu-account-menu ul > li a[title="Wish List"] > span { margin-right: 20px } .bloc-gender-filter-head, .shop-by-interest-head { padding-left: 5px } .horizontal-items, .product-recommendations--container .productgrid--content-main .search-result, .recently-viewed-items { display: flex; flex-wrap: nowrap } .content-recently-viewed, .product-recommendations--container .productgrid--content-main { overflow-x: auto } html { overflow-x: hidden } .menu-mobile-settings { display: inline-flex } .site-header-main-actions .site-header-flag-button { display: none } } @media screen and (max-width: 600px) { .horizontal-carousel-ns { display: grid; grid-template-columns:repeat(2, calc(50% - 2.5px)); gap: 5px; padding: 0 5px } .horizontal-carousel-ns > div { width: unset; flex: unset } } .red-indicator { background: var(--color-dark-pink); border-radius: 50%; height: 11px; position: absolute; right: 0; top: 0; width: 11px; box-shadow: 0 0 0 2px #fff } .red-indicator.for-wishlist-discounts, .red-indicator.for-discounts, .red-indicator.for-wishlist { align-items: center; background-color: var(--color-dark-pink); border-radius: 50%; color: #fff; display: flex; font-size: 11px; justify-content: center; position: absolute; right: 0; text-decoration: none; top: 0; box-shadow: 0 0 0 2px #fff; width: 17.5px; height: 17.5px } .red-indicator.for-wishlist, .red-indicator.for-wishlist-discounts { width: 8px; height: 8px; top: 7.5px; right: 7.5px } .red-indicator.for-discounts:before { content: attr(data-count) } .red-indicator[data-count="0"] { display: none } .horizontal-carousel { position: relative; max-width: 100% } .horizontal-carousel-button { height: 27.5px; position: absolute; top: 50%; transform: translateY(-50%); width: 27.5px; z-index: 10 } [data-x-max=true] .horizontal-carousel-button-right, [data-x-pos="0"] .horizontal-carousel-button-left { display: none } .related-search-blocks-carousel-2 .horizontal-carousel-button:before, .option-values .horizontal-carousel-button:before, .product-groups-subs .horizontal-carousel-button:before, .horizontal-carousel-bt .horizontal-carousel-button:before { content: ""; width: 200%; height: 140%; background: #fff; display: block; transform: translate(-25%, -17.5%); z-index: -1; position: absolute; display: none } .related-search-blocks-carousel-2 .horizontal-carousel-button, .horizontal-carousel-bt .horizontal-carousel-button { top: -25px; display: block } .related-search-blocks-carousel-2 .horizontal-carousel-button { top: -17.5px } .related-search-blocks-carousel-2 .horizontal-carousel-button-left, .horizontal-carousel-bt .horizontal-carousel-button-left { right: 47.5px; left: unset; display: block } .content-search-item .horizontal-carousel-button { width: 22.5px; height: 22.5px; background: #fff; opacity: 0 } .filter-carousel .horizontal-carousel-button { height: 35px; width: 35px } .filter-carousel .horizontal-carousel-button { top: -2px } .filter-carousel .horizontal-carousel-button-left { left: -11px } .horizontal-carousel-button:after { box-sizing: border-box; background-image: var(--svg-chevron-right); background-position: 50%; background-repeat: no-repeat; background-size: 75%; content: ""; display: block; height: 100%; opacity: .9; width: 100%; z-index: 1; position: relative; background-color: #fff; border-radius: 15px } .horizontal-carousel-button-left:after { transform: rotate(180deg) } .horizontal-carousel-button.active { display: block } .horizontal-carousel-button-left { left: 7.5px } .horizontal-carousel-button-right { right: 7.5px } .readMoreBtn { background: #fff; bottom: 0; font-weight: 500; padding-left: 10px; position: absolute; right: 0; font-size: 13px; text-decoration: underline } .readMoreBtn:before { box-sizing: border-box; background: linear-gradient(90deg, rgba(255, 255, 255, .1), #fff 95%); bottom: 0; content: ""; height: 100%; position: absolute; right: calc(100% - 1px); width: 80px } .line-clamp { -webkit-line-clamp: 3 } .line-clamp, .line-clamp-1, .line-clamp-2, .line-clamp-3, .line-clamp-4, .line-clamp-5 { -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden } .line-clamp-1 { -webkit-line-clamp: 1 } .line-clamp-2 { -webkit-line-clamp: 2 } .line-clamp-3 { -webkit-line-clamp: 3 } .line-clamp-4 { -webkit-line-clamp: 4 } .line-clamp-5 { -webkit-line-clamp: 5 } .price--decimal { display: none !important } .price--decimal:before { content: "." } .product-search .content-search-item-review.review-count-0, .recently-viewed-item .review-count-0 { display: none } .Stars, .price--currency, .price--decimal, .price--price { display: inline-block } .Stars { --percent: calc(var(--rating) / 5 * 100%); font-weight: 400; display: inline-flex; align-items: center } .Stars[style*="rating: 1.1"], .Stars[style*="rating: 1.2"], .Stars[style*="rating: 1.3"], .Stars[style*="rating: 1.4"], .Stars[style*="rating: 1.6"], .Stars[style*="rating: 1.7"], .Stars[style*="rating: 1.8"] { --percent: 70% } .Stars[style*="rating: 1.9"] { --percent: 80% } .Stars[style*="rating: 2.1"], .Stars[style*="rating: 2.2"], .Stars[style*="rating: 2.3"], .Stars[style*="rating: 2.4"], .Stars[style*="rating: 2.6"], .Stars[style*="rating: 2.7"], .Stars[style*="rating: 2.8"] { --percent: 70% } .Stars[style*="rating: 2.9"] { --percent: 80% } .Stars[style*="rating: 3.1"], .Stars[style*="rating: 3.2"], .Stars[style*="rating: 3.3"], .Stars[style*="rating: 3.4"], .Stars[style*="rating: 3.6"], .Stars[style*="rating: 3.7"], .Stars[style*="rating: 3.8"] { --percent: 70% } .Stars[style*="rating: 3.9"] { --percent: 80% } .Stars[style*="rating: 4.1"], .Stars[style*="rating: 4.2"], .Stars[style*="rating: 4.3"], .Stars[style*="rating: 4.4"], .Stars[style*="rating: 4.6"], .Stars[style*="rating: 4.7"], .Stars[style*="rating: 4.8"], .Stars[style*="rating: 4.9"] { --percent: 90% } .Stars:before { box-sizing: border-box; -webkit-text-fill-color: transparent !important; background: linear-gradient(90deg, #000 var(--percent), #ccc var(--percent)); -webkit-background-clip: text !important; content: "★★★★★"; font-size: var(--fs, 20px); letter-spacing: 4px; line-height: var(--fs, 20px) } .Stars-white:before { background: linear-gradient(90deg, #fff var(--percent), #6d6d6d var(--percent)) } .Stars.Interactive { position: relative } .Stars.Interactive.Rated { pointer-events: none } .Stars.Interactive:not(.Rated):hover span { color: var(--star-background); filter: brightness(1.25) } .Stars.Interactive:not(.Rated):hover span:hover ~ span { color: transparent; filter: unset } .Stars.Interactive[data-rated="1"] span:nth-child(-n+1), .Stars.Interactive[data-rated="2"] span:nth-child(-n+2), .Stars.Interactive[data-rated="3"] span:nth-child(-n+3), .Stars.Interactive[data-rated="4"] span:nth-child(-n+4), .Stars.Interactive[data-rated="5"] span:nth-child(-n+5) { color: var(--star-background); filter: brightness(1.25) } .Stars.Interactive:before { box-sizing: border-box; margin: 0; font-size: 20px } .Stars.Interactive > span { color: transparent; position: absolute; text-align: left; transition: .1s; width: 20% } .Stars.Interactive > span:first-child { left: 0 } .Stars.Interactive > span:nth-child(2) { left: 20% } .Stars.Interactive > span:nth-child(3) { left: 40% } .Stars.Interactive > span:nth-child(4) { left: 60% } .Stars.Interactive > span:nth-child(5) { left: 80% } .content-search-item .Stars:before { font-size: 17px } .content-search-item-banner a, .content-search-item-banner img { display: block; height: 100% } .content-search-item-banner img { margin: 0 2.5px; object-fit: cover } .main-filter-filters-title { color: var(--color-neutral-grey-700); display: block; font-size: 13px; font-weight: 400 } .related-searches { padding: 0 5px } .mainpage-site-links .related-searches { padding: 0 } body.page-collection .related-searches { padding: 0; width: 100% } .related-searches-items { display: flex; flex-wrap: wrap; max-width: 100% } .related-searches-items-lined { position: relative } .related-searches-items > a { align-items: center; border: 1px solid #eaeaea; border-radius: 10px; color: var(--color-black-default); display: flex; flex-shrink: 0; letter-spacing: 1px; margin: 10px 5px 10px 0; padding: 5px 7px; text-align: center; text-decoration: none; white-space: nowrap } .related-searches-items-lined > a { border: 0; border-bottom: 1px solid var(--color-border-light); border-radius: 0; flex: 100%; margin: 0; max-width: 100%; padding: 12.5px 17px 12.5px 0 } .related-searches-items-lined > a .text-truncate { max-width: calc(100% - 25px) } .related-searches-items > a:before { box-sizing: border-box; background-image: var(--svg-search); background-repeat: no-repeat; background-size: contain; content: " "; display: inline-block; height: 18px; margin-right: 5px; opacity: .6; width: 18px } .text-lowercase { text-transform: lowercase } .text-uppercase { text-transform: uppercase } .text-transform-none { text-transform: none !important } .modal { height: 100%; overflow: hidden; position: fixed; width: 100%; top: 0; left: 0; z-index: 9998; display: none } .line-through { text-decoration: line-through } .menu-mobile-gender { background: #fff; display: flex; flex-shrink: 0; z-index: 2 } .sf-menu .f-menu-mobi h3 { font-size: large; font-weight: 400 } .f-menu-mobi-icons a { width: 40px } .f-menu-mobi-icons a:nth-child(2) { margin: 0 10px } .f-menu-mobi { border-top: 1px solid var(--color-border-light); padding: 0 } .f-menu-mobi:before { box-sizing: border-box; background: linear-gradient(0deg, red, red); content: ""; display: none; height: 35px; left: 0; margin-top: -54px; position: absolute; width: 100% } .f-menu-mobi .bh3 { align-items: center; display: flex; margin: 10px 0 } .f-menu-mobi .bh3 svg { height: 15px; margin: 0 5px 0 0; width: 15px } .img-search-carousel { position: relative; display: flex; flex-direction: column; padding: 0 0 0 0 } .img-search-carousel-slides { display: flex; position: relative; align-items: center } .recently-viewed-img:after, .img-search-carousel-img.cloned:after, .img-search-carousel-slides:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(232deg, rgb(247 247 247) 0, rgb(255 255 255) 100%); mix-blend-mode: multiply } .safari-filter-fix { position: relative } .safari-filter-fix:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(232deg, rgb(247 247 247) 0, rgb(255 255 255) 100%); mix-blend-mode: multiply; height: 100%; z-index: 0 } .safari-filter-fix-med:after { background: linear-gradient(232deg, rgb(238 238 238) 0, rgb(255 255 255) 100%) } .safari-filter-fix img[src*=".png"] { background-color: #fff } .mh-100 { max-height: 100% !important } .mw-100 { max-width: 100% !important } .safari-filter-fix img[src*="/product/"] { aspect-ratio: 1/1; object-fit: cover; object-position: top } .img-search-ic .safari-filter-fix:after { height: calc(100% + 30px) } .img-search-carousel-img { display: block; flex-shrink: 0; height: 100%; width: 100% } .img-search-carousel-img-second { background-repeat: no-repeat; background-position: center; background-size: calc(100% + 0px); padding-top: 100% } .img-search-carousel-img.cloned { animation: fadeIn .6s; position: absolute; z-index: 1 } .img-search-carousel.inProgress .img-search-carousel-img { transition: .3s } .img-search-tag + .img-search-ic .img-search-carousel-slides .img-search-carousel-img[src*=product_blank] { height: 100% !important } .img-search-carousel-dots { display: flex; position: absolute; height: 14px; left: 5px; bottom: 5px; align-items: center } .img-search-carousel-dot { transform: translateY(-1px) } .img-search-carousel-dot:first-child { padding: 0 2.5px 0 5px } .img-search-carousel-dot:nth-child(2) { padding: 0 5px 0 2.5px } .img-search-carousel-dot:before { box-sizing: border-box; color: #f7f7f7; content: "●"; font-size: 13px; text-shadow: 0 0 1px var(--color-neutral-grey-600); transition: .3s; display: flex; align-items: center; font-family: serif } .img-search-carousel-text { display: flex; position: absolute; background: var(--color-bg-alternative); align-items: center; border-radius: 16px; -webkit-backdrop-filter: blur(5px); left: 5px; bottom: 5px; font-size: 10px; color: var(--color-neutral-grey-700); padding: 2.5px 7.5px } .img-search-carousel-text[data-text=""] { opacity: 0 } .img-search-carousel-text:before { content: attr(data-text) } .img-search-carousel[data-active="1"] .img-search-carousel-dots .img-search-carousel-dot:first-child:before, .img-search-carousel[data-active="2"] .img-search-carousel-dots .img-search-carousel-dot:nth-child(2):before, .img-search-carousel[data-amount="2"][data-active="-1"] .img-search-carousel-dots .img-search-carousel-dot:nth-child(2):before, .img-search-carousel:not([data-active="1"]) .img-search-carousel-dots .img-search-carousel-dot:nth-child(2):before { box-sizing: border-box; color: var(--color-neutral-grey-400); text-shadow: none } .img-search-carousel-navigation-left, .img-search-carousel-navigation-right { display: block; height: 30px; margin: 0; position: absolute; top: calc(50% - 15px); width: 30px; z-index: 1; opacity: 0; background: #fff; border-radius: 50%; box-shadow: var(--shadow-size-small) } .img-search-carousel-navigation-left:after, .img-search-carousel-navigation-right:after { box-sizing: border-box; background-image: var(--svg-chevron-top); background-position: 50%; background-repeat: no-repeat; background-size: 75%; content: ""; height: 100%; opacity: .9; position: absolute; width: 100%; z-index: -1 } .img-search-carousel-navigation-left { transform: rotate(-90deg); left: 5px } .img-search-carousel-navigation-right { right: 5px; transform: rotate(90deg) } .m-menu-account-menu ul li .red-indicator, .m-menu-account-menu ul li .site-header-cart--count, .m-menu-account-menu ul li .site-header-wish--count { left: 5px; top: 5px; position: absolute; font-size: 10px } .m-menu-account-menu ul li .red-indicator { left: 23px; top: 9px } .inline-block { display: inline-block } #collection-h1 { max-width: calc(100% - 20px); flex-wrap: wrap; align-items: center } .d-block { display: block !important } .flex-break { flex-basis: 100% !important } .arrives-before-christmas { color: var(--color-pink); font-size: 12px; font-weight: 500; margin: 2px 0 0; display: flex; justify-content: center; align-items: center; background: #fff3f7; width: max-content; margin: 5px auto; border-radius: 2.5px; padding: 2.5px 7.5px } .arrives-before-christmas > img { width: 17.5px; height: 17.5px; margin-right: 7.5px } .page-collection .site-footer { margin-top: 20px } .section-blog-home + .site-footer { margin-top: 0 } .horizontal-carousel-scrollbar { overflow-x: auto; overflow-y: hidden } .recently-viewed-item .content-search-item-review .Stars:before { font-size: 15px } .content-search-item-review span { color: var(--color-neutral-grey-700); font-size: 11px } .content-search-item-review span:last-child { font-size: 10px } .product-faq .striked-title .adiv-see-more, .product-faq .striked-title-right span, .product-faq:before { box-sizing: border-box; background: var(--color-bg-alternative) } .product-faq:before { bottom: 0; content: ""; display: none; left: 50%; position: absolute; top: 0; transform: translateX(-50%); width: 100vw; z-index: -1 } .faqSection-module { position: relative } .faq-contact-us > a:first-child { margin-right: 15px } .faq-contact-us img { margin: 0 5px 0 0; opacity: .8; transform: translateY(5px) } .accordian-module--wrapper--35_jv { height: auto } .faqSection-module .accordion-wrapper { border-bottom: .1rem solid var(--color-border-light); padding: 15px 0 } .faqSection-module .accordion-wrapper:first-child { border-top: .1rem solid var(--color-border-light) } .accordion-chevron-icon { margin-right: 2px; transition: .3s } .accordion-wrapper.open .accordion-chevron-icon { transform: scaleY(-1) } .accordion-header { align-items: center; cursor: pointer; display: flex; font-weight: 500; justify-content: space-between; position: relative; user-select: none } .accordion-header:before { box-sizing: border-box; content: ""; height: calc(100% + 30px); left: 0; position: absolute; top: -15px; width: 100% } .accordion-header p:first-child { font-size: 14px; margin: 0; padding-right: 5px } .accordion-body { max-height: 0; overflow: hidden; position: relative; transition: max-height .5s ease-out } .accordion-wrapper.open .accordion-body { max-height: 400px; transition: max-height .5s ease-in } .accordion-body p { font-size: 14px; margin: 15px 0 } .product-faq-title { flex-wrap: nowrap; font-size: 18px; margin: 0; font-weight: 500; align-items: center } .product-faq { height: max-content; margin-top: 20px; padding: 0 0 15px 0; position: relative } .mainpage-site-text-wrapper + .product-faq { margin-top: 0 } @media screen and (min-width: 801px) { .related-search-blocks { grid-template-columns:repeat(2, calc(50% - 10px)) } .related-search-blocks:not(.open) .related-search-block:nth-child(n+5) { display: none } .related-search-accordion .accordion-body { max-height: 85px } div.augb-icons { gap: 20px; grid-template-columns:repeat(6, 150px); margin-top: 40px } } @media screen and (min-width: 1024px) { #site-main .m-menu-account-menu ul li a { font-size: 15px } .related-search-blocks { grid-template-columns:repeat(4, calc(25% - 15px)) } .bloc-gender-filter + .bloc-metal-filter:before, .bloc-gender-filter + .bloc-price-filter:before, .bloc-metal-filter + .bloc-price-filter:before { box-sizing: border-box; border-left: 1px solid var(--color-neutral-grey-300); content: ""; height: 30px; position: absolute; transform: translate(-15px, 1px) } .bloc-gender-filter + .bloc-metal-filter, .bloc-gender-filter + .bloc-price-filter, .bloc-metal-filter + .bloc-price-filter { padding-left: 20px } .related-searches-items > a:hover { border-color: var(--color-neutral-grey-500) } .accordion-body p { max-width: 700px } .faqSection-module { padding: 10px 0 20px } } .mainpage-site-text-wrapper .show-more-results { margin-top: auto } .qa-faq .show-more-results { margin: 0 } .product-faq .show-more-results .striked-title div { background: var(--color-bg-alternative) } .collection-info.open + .show-more-results .mb span:first-child, .collection-info.open + .show-more-results span span:first-child, .collection-info:not(.open) + .show-more-results .mb span:nth-child(2), .collection-info:not(.open) + .show-more-results span span:nth-child(2), .mainpage-site-links.open .show-more-results .mb span:first-child, .mainpage-site-links.open .show-more-results span span:first-child, .mainpage-site-links:not(.open) .related-searches-items a:nth-child(n+7), .mainpage-site-links:not(.open) .show-more-results .mb span:nth-child(2), .mainpage-site-links:not(.open) .show-more-results span span:nth-child(2), .mainpage-site-text.open + .show-more-results .mb span:first-child, .mainpage-site-text.open + .show-more-results span span:first-child, .mainpage-site-text:not(.open) + .show-more-results .mb span:nth-child(2), .mainpage-site-text:not(.open) + .show-more-results span span:nth-child(2), .qa-faq.open .show-more-results .mb span:first-child, .qa-faq.open .show-more-results .mb:after, .qa-faq.open .show-more-results span span:first-child, .qa-faq:not(.open) .accordion-wrapper:nth-child(n+5), .qa-faq:not(.open) .show-more-results .mb span:nth-child(2), .qa-faq:not(.open) .show-more-results span span:nth-child(2), .related-search-blocks.open + .show-more-results .mb span:first-child, .related-search-blocks.open + .show-more-results span span:first-child, .related-search-blocks.open + .show-more-results mb:after, .related-search-blocks:not(.open) + .show-more-results .mb span:nth-child(2), .related-search-blocks:not(.open) + .show-more-results span span:nth-child(2) { display: none } .show-more-results .mb, .show-more-results span { display: block; font-size: 14px; font-weight: 400 !important; margin: auto; padding-top: 5px; text-transform: lowercase; width: max-content } .chevron-bottom-after:after, .show-more-results .mb span:after, .show-more-results span span:after { content: ""; display: inline-block; width: 12.5px; height: 12.5px; background-image: var(--svg-chevron-right); background-size: 100%; transform: rotate(90deg) translateX(1.5px); margin-left: 2.5px } .mainpage-site-text-wrapper .mainpage-site-text > div > div:first-child { border-top: 1px solid var(--color-border-light); margin-top: 10px; padding-top: 20px } .mainpage-site-text { position: relative } .mainpage-site-text:not(.open) { max-height: 180px; overflow: hidden } .mainpage-site-text:not(.open):not(.no-gradient):after { box-sizing: border-box; background: linear-gradient(180deg, rgba(255, 255, 255, .1), #fff 95%); bottom: 0; content: ""; height: 70px; left: 0; position: absolute; width: 100% } .collection-info.open + .show-more-results, .mainpage-site-links.open .show-more-results, .mainpage-site-text.open + .show-more-results { margin-top: 10px } .mainpage-site-links.no-button .show-more-results { display: none } .mainpage-site-text h1 { font-size: 20px; margin-top: 0 !important; padding-top: 5px !important } .mainpage-site-text h2, .mainpage-site-text h2 h3, .mainpage-site-text h2 h4, .mainpage-site-text-subhead { font-size: 15px; font-weight: 500; margin-top: 0 } .mainpage-site-text-subhead { margin-bottom: 10px } .mainpage-site-links:not(.open) .related-searches-items-lined:after { box-sizing: border-box; background: linear-gradient(180deg, rgba(255, 255, 255, .2), #fff 95%); bottom: 0; content: ""; height: 70px; opacity: .7; position: absolute; width: 100% } .qa-faq:not(.open) .faqSection-module:after { box-sizing: border-box } .filter-carousel-scrollbar { overflow-x: auto } .handcrafted-banner { display: flex } .handcrafted-banner > div { align-content: center; align-items: center; display: flex; flex: 50%; justify-content: center } .handcrafted-banner > div:first-child { background: var(--color-bg-alternative); text-align: center } .handcrafted-banner > div:first-child > div { max-width: 500px; padding: 20px 0 } .hb-title { font-size: 20px; font-weight: 400; margin: 0; padding: 0 10px } .hb-text { font-size: 16px; margin: 15px 0 20px; padding: 0 10px } .hb-buttons { display: grid; gap: 15px; justify-items: center; margin-top: 30px } .hb-img { background-size: cover; height: 100%; width: 100%; background-position: 65% 50% } .hb-img[style*=background-image] { min-height: 500px } .hb-img img { display: block; height: auto; max-height: 100%; max-width: 100% } .colour-green { color: var(--color-green) } .color-gold { color: var(--color-gold) } .colour-grey { color: var(--color-neutral-grey-600) } .colour-pink { color: var(--color-pink) } .colour-red { color: var(--color-red) } .fs11-12 { font-size: clamp(11px, 1.5vw, 12px) !important } .fs-9 { font-size: 9px !important } .fs-10 { font-size: 10px !important } .fs-11 { font-size: 11px !important } .fs-12 { font-size: 12px !important } .fs-13 { font-size: 13px !important } .fs-14 { font-size: 14px !important } .fs-15 { font-size: 15px !important } .fs-16 { font-size: 16px !important } .fs-17 { font-size: 17px !important } .fs-18 { font-size: 18px } .fs-19 { font-size: 19px } .fs-20 { font-size: 20px } .fs-22 { font-size: 22px } .fs-23 { font-size: 23px } .fs-24 { font-size: 24px } .fs-25 { font-size: 25px } .fs-26 { font-size: 26px } .fs-27 { font-size: 27px } .fs-30 { font-size: 30px } .fs-35 { font-size: 35px } .fs-40 { font-size: 40px } .fs-45 { font-size: 45px } .category-mapping-pages { padding: 0 5px } .category-mapping-pages > div > a:first-child { padding-left: 0 } .icacarats-verified-badge { color: var(--color-neutral-grey-600); font-size: 12px !important; font-weight: 500; line-height: 16px !important } .icacarats-verified-badge span { color: var(--color-black-default) } .collection-info-text > p { font-size: 16px } .collection-info-text > p, .mainpage-site-text > div > div { line-height: 1.6; margin-bottom: 15px } .collection-info-text > p:first-child { margin-top: 5px } .mainpage-site-text > div > div h2:nth-child(n+2) { margin-top: 10px } .ic-review-based, .ic-review-rating { flex-direction: column } .ic-review-rating .Stars:before { letter-spacing: normal; box-sizing: border-box; display: block; font-size: 23px; margin: 0 } .ic-review-breakdown-row > div { align-items: center; display: flex } .icecarats-reviews .pp-rw-brkdwn .ic-review-breakdown-row > div + div { margin: 12.5px 0 0 0 } .ic-review-breakdown-star { color: var(--color-icecarats); font-size: 15px; line-height: 15px; margin: 0 2.5px 0 0 } .ic-review-breakdown-rating { color: var(--color-black-default); text-align: center; width: 10px; margin-right: 10px; white-space: nowrap } .ic-review-breakdown-bar { background: var(--color-neutral-grey-250); height: 5px; margin: 0 10px 0 auto; position: relative; width: 200px; flex-grow: 1 } .ic-service-breakdown-bar { flex: auto; height: 6px; background: var(--color-neutral-grey-150); border: 1px solid var(--color-neutral-grey-250); display: flex; position: relative } .ic-service-breakdown-bar:after { content: ""; position: absolute; left: 0; height: 100%; width: var(--width); background: #000 } .ic-service-breakdown-bar > span { border-right: 1px solid #fff; flex: auto; z-index: 1 } .customers-value-reviews-count { font-weight: 500; margin-left: 17.5px; font-size: 13px; min-width: 40px } @media only screen and (max-width: 800px) { .ic-review-breakdown-bar { width: 100px } } .ic-review-breakdown-bar:before { box-sizing: border-box; background: #000; content: ""; height: 100%; left: 0; position: absolute; top: 0 } .ic-review-breakdown-row > div:first-child .ic-review-breakdown-bar:before { box-sizing: border-box; width: var(--review-breakdown-bar-5) } .ic-review-breakdown-row > div:nth-child(2) .ic-review-breakdown-bar:before { box-sizing: border-box; width: var(--review-breakdown-bar-4) } .ic-review-breakdown-row > div:nth-child(3) .ic-review-breakdown-bar:before { box-sizing: border-box; width: var(--review-breakdown-bar-3) } .ic-review-breakdown-row > div:nth-child(4) .ic-review-breakdown-bar:before { box-sizing: border-box; width: var(--review-breakdown-bar-2) } .ic-review-breakdown-row > div:nth-child(5) .ic-review-breakdown-bar:before { box-sizing: border-box; width: var(--review-breakdown-bar-1) } .ic-review-breakdown-amount { width: 9px; margin-left: auto; color: var(--color-icecarats); font-weight: 500; font-size: 13px } .ic-review-based, .ic-review-rating { align-items: center; display: flex; justify-content: center } .ic-review-summary { margin-bottom: 20px } .ic-review-rating { font-size: x-large; font-weight: 600 } .ic-review-summary .ic-review-rating { height: 89px } .ic-review-based { font-size: 15px; margin-top: 5px } .ic-review-rating .Stars { font-size: 25px } .ic-review-average { letter-spacing: normal } .irs1 { align-items: center; display: flex; flex-wrap: wrap; position: relative; justify-content: center } .irs1 > div:first-child { margin-right: 15px; text-align: center } .ic-review-average { color: var(--color-icecarats); font-size: 50px; font-weight: 500; line-height: 60px } .quoted-text { position: relative } .quoted-text:after, .quoted-text:before { font-size: inherit; font-weight: 500; position: absolute; box-sizing: border-box; content: "“"; transform: translate(-9.5px, -3.5px) } .quoted-text:after { content: "„"; transform: translate(3.5px, 1px) } .reviews--aspects .reviews--aspect--wrap { display: inline-block; font-weight: 400; margin: 0 auto; position: relative; vertical-align: top; width: 120px } .reviews--aspects .reviews--aspect--wrap:before { word-wrap: break-word; box-sizing: border-box; color: #9b9b9b; content: attr(data-text); display: inline-block; font-size: 10px; left: 0; line-height: 80%; padding: 0 15px; position: absolute; text-align: center; top: 43px; width: 100%; z-index: 3 } .reviews--aspects .reviews--aspect--wrap .reviews--aspect { background-color: #c7c7c7; border-radius: 50%; height: 80px; margin: 0 auto 5px; overflow: hidden; position: relative; width: 80px } .reviews--aspects .reviews--aspect--wrap .reviews--aspect:before { background-color: #fff; content: ""; height: 88%; width: 88%; z-index: 2 } .reviews--aspects .reviews--aspect--wrap .reviews--aspect span { background-color: var(--color-icecarats); border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; display: block; height: 80px; width: 40px } .reviews--aspects .reviews--aspect--wrap .reviews--aspect .left span { border-bottom-right-radius: 0; border-top-right-radius: 0; transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -webkit-transform-origin: 100% 50% } .reviews--aspects .reviews--aspect--wrap .reviews--aspect > div { float: left; height: 100%; overflow: hidden; width: 50% } .reviews--aspects .reviews--aspect--wrap .reviews--aspect .right span { border-bottom-left-radius: 0; border-top-left-radius: 0; transform-origin: 0 50%; -ms-transform-origin: 0 50%; -webkit-transform-origin: 0 50% } .reviews--aspects .reviews--aspect--wrap .reviews--aspect:after, .reviews--aspects .reviews--aspect--wrap .reviews--aspect:before { border-radius: 50%; display: block; left: 50%; transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%) } .reviews--aspects .reviews--aspect--wrap .reviews--aspect:before { box-sizing: border-box; position: absolute; top: 50% } .reviews--aspects .reviews--aspect--wrap .reviews--aspect:after { box-sizing: border-box; color: #555; content: attr(data-percent); font-family: Arial, sans-serif; font-size: 21px; font-weight: 400; position: absolute; text-align: center; top: 52%; z-index: 2 } .reviews--aspects .reviews--aspect--wrap .reviews--aspect--text { clear: both; color: #555; display: inline-block; font-size: 14px; line-height: 125%; margin-bottom: 0; margin-top: 6px; overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: nowrap; width: 100% } .content-search-item-price { display: inline-flex; justify-content: center; align-items: center } .content-search-item-price .content-search-save { margin-right: 5px; order: -1 } .text-divider { border: 0; height: 2px; margin: 20px auto; position: relative; width: 100% } .text-divider:before { box-sizing: border-box; border-bottom: 1px solid var(--color-border-light); content: ""; left: 50%; position: absolute; top: 0; transform: translateX(-50%); width: 50% } .mainpage-site-text .text-divider { margin: 25px auto } .mainpage-site-text .text-divider:last-child { display: none } .mainpage-site-text p { margin: 0 } .related-search-blocks { display: grid; gap: 20px } .related-search-blocks-scrollable { position: relative; margin-bottom: 5px } .related-search-blocks-scrollable > .scroll-transparent { display: flex; overflow: auto; padding: 1px 0 } .related-search-blocks-scrollable .related-search-block { background: linear-gradient(90deg, #f7f7f7 50px, #fff 0); display: inline-flex; flex: 0 0 auto; transition: .3s; border-color: var(--color-border-light) } .related-search-blocks-scrollable .related-search-block + .related-search-block { margin-left: 10px } .product-search .related-search-blocks-scrollable .related-search-block:first-child:last-child { display: none } .related-search-blocks-scrollable .related-search-block-inline div:nth-child(2) { font-size: 14px } .related-search-blocks-scrollable .related-search-block > div:first-child { background-size: 70%; flex: 0 0 50px; height: 50px; width: 50px } .related-search-block-inline { transition: .3s } .related-search-block-inline > img { flex: 0 0 auto } .related-search-block.related-search-block-inline-no-img { background: 0 0; padding-left: 20px } .related-search-block.related-search-block-inline-no-img:before { content: ""; position: absolute; width: 20px; height: 20px; background-image: var(--svg-search); background-size: cover; left: 7.5px } .related-search-block.related-search-block-inline-no-img > div:first-child { flex: 0; width: 0; height: 40px } .related-search-block { align-items: center; background: linear-gradient(90deg, #f7f7f7 60px, #fff 0); border: 1px solid var(--color-neutral-grey-250); display: flex; overflow: hidden; position: relative; white-space: nowrap } .related-search-block:nth-child(-1) { margin-right: 0 } .related-search-block > div:first-child { background-color: #fff; background-position: 50%; background-repeat: no-repeat; background-size: contain; flex: 0 0 80px; height: 65px; width: 80px } .related-search-block > div:last-child { font-weight: 500; padding: 0 15px; text-transform: capitalize } .related-search-block-inline div:last-child { font-size: 12px } .related-search-block > div:nth-child(2) img { transform: translate(2.5px, 3px) } .related-search-block > div:nth-child(2) > div:first-child { font-weight: 500 } .related-search-block > div:nth-child(2) > div:nth-child(2) { font-weight: 600 } .related-search-blocks + .show-more-results { margin: 20px 0 } .related-search-blocks.open + .show-more-results { margin: 10px 0 } .related-search-accordion .accordion-wrapper:first-child.open .accordion-body { max-height: calc(90px * var(--rsa-w-amount)) } .related-search-accordion .accordion-wrapper:nth-child(2).open .accordion-body { max-height: calc(90px * var(--rsa-m-amount)) } .related-search-accordion .accordion-wrapper:nth-child(3).open .accordion-body { max-height: calc(90px * var(--rsa-k-amount)) } .related-search-accordion .accordion-header { border-top: 1px solid var(--color-border-light); padding: 15px 0 } .related-search-accordion .accordion-wrapper:last-child .accordion-body { border-bottom: 1px solid var(--color-border-light) } .related-search-accordion .accordion-header:before { box-sizing: border-box; height: 60px; top: 0 } .rsa-h-icon { border-radius: 5px; margin-right: 15px } .striked-title .read-more-link { border-bottom: 0; padding-right: 22.5px } .ws-nowrap { white-space: nowrap } .ws-unset { white-space: unset !important } .mainpage-site-text-wrapper { display: flex; flex-direction: column } .augb-1 h2 { margin: 0 !important } .augb-icons { display: grid; gap: 30px 50px; grid-template-columns:repeat(2, auto); justify-content: center; margin: 20px 0 0 0 } .augb-icons > div { align-items: center; display: flex; flex-direction: column } .augb-icons > div > i { color: var(--color-icecarats); font-size: 40px } .augb-icons > div > .mb, .augb-icons > div > span { display: block; font-size: 15px; margin-top: 10px } .about-us-grey-block, .augb-1 { margin: 20px 0; padding: 25px; text-align: center } .about-us-grey-block h2, .augb-1 .title-1 { justify-content: center; margin: 0 !important; text-align: center } .about-us-grey-block p, .augb-1 p { font-size: 16px; margin: 10px auto 0; max-width: 800px; text-align: center } .about-us-grey-block .button-primary-black, .augb-1 .button-primary-black { display: block; margin: 20px auto auto; width: 230px } .mainpage-site-description { display: grid; gap: 20px } .mainpage-site-description.open > div:not(.open) { height: max-content } .grid-single-column { grid-template-columns:unset } .mainpage-site-text > div > div { font-size: 14px } .color-white { color: #fff } .color-black { color: var(--color-black-default) !important } .color-green { color: #476f10 } .color-yellow-green { color: var(--color-yellow-green) } .color-red { color: var(--color-red) } .color-icecarats { color: var(--color-icecarats) } .color-dark-pink { color: var(--color-dark-pink) } .include-rr .swym-wishlist-detail-content:not([data-count="0"]) { margin-bottom: 10px } .before-absolute-full:before, .after-absolute-full:after, .absolute-full-center, .absolute-h-center, .absolute-v-center, .position-absolute { position: absolute !important } .position-relative { position: relative !important } .position-fixed { position: fixed !important } .position-unset { position: unset !important } .absolute-v-center { top: 50%; transform: translateY(-50%) } .absolute-full-center { left: 50%; top: 50%; transform: translate(-50%, -50%) } .absolute-h-center { left: 50%; transform: translateX(-50%) } .before-absolute-full:before, .after-absolute-full:after { content: "" } .after-absolute-center:after { left: 50%; top: 50%; transform: translate(-50%, -50%); content: ""; position: absolute } .before-absolute-full:before, .after-absolute-full:after { left: 0; top: 0; width: 100%; height: 100% } .filter-kids, .filter-men, .filter-women { background: #fff } .background-women { background-color: var(--women-color) !important } .background-men { background-color: var(--men-color) !important } .background-kids { background-color: var(--kids-color) !important } .filter-women { filter: var(--women-product-filter) } .filter-men { filter: var(--men-product-filter) } .filter-kids { filter: var(--kids-product-filter) } .cart-authenticity-need-assistance { display: grid; font-size: 14px; gap: 5px; border-top: 1px solid var(--color-border-light) } .color-grey-300 { color: var(--color-neutral-grey-300) !important } .color-grey-400 { color: var(--color-neutral-grey-400) !important } .color-grey-500 { color: var(--color-neutral-grey-500) !important } .color-grey-600 { color: var(--color-neutral-grey-600) !important } .color-grey-650 { color: var(--color-neutral-grey-650) !important } .color-grey-700 { color: var(--color-neutral-grey-700) !important } .color-grey-800 { color: var(--color-neutral-grey-800) !important } .color-grey { color: var(--color-neutral-grey-600) !important } .color-grey-700 { color: var(--color-neutral-grey-700) !important } .text-italic, .italic { font-style: italic } .cart-need-assistance-links { display: grid; gap: 20px; grid-template-columns:repeat(3, max-content); margin: 10px 0; position: relative } .cart-need-assistance-links > a { align-items: center; display: flex } .border-0 { border: 0 !important } .border-1 { border: 1px solid var(--color-border-light) !important } .border-dashed { border-style: dashed !important } .border-color-icecarats { border-color: var(--color-icecarats) !important } .border-color-light { border-color: var(--color-border-light) !important } .border-color-grey-300 { border-color: var(--color-neutral-grey-300) !important } .border-color-grey-600 { border-color: var(--color-neutral-grey-600) !important } .border-color-green { border-color: var(--color-green) !important } .border-color-red { border-color: var(--color-red) !important } .border-color-dark-pink { border-color: var(--color-dark-pink) !important } .border-color-white { border-color: #fff !important } .border-color-default { border-color: var(--color-border-default) !important } .border-color-dark { border-color: var(--color-border-dark) !important } .shadow-none { box-shadow: none !important } .border-1-black { border: 1px solid var(--color-black-default) } .border-bottom { border-bottom: 1px solid var(--color-border-light) !important } .border-top { border-top: 1px solid var(--color-border-light) !important } .border-left { border-left: 1px solid var(--color-border-light) } .border-right { border-right: 1px solid var(--color-border-light) } .border-right-bottom-white { border-right-color: #fff; border-bottom-color: #fff } .border-top-0 { border-top: 0 !important } .invert-none { filter: invert(0) !important } .invert-1 { filter: invert(1) } .saturate-0 { filter: saturate(0) } .sat-0-brt-0 { filter: saturate(0) brightness(0) } .translate-5-5 { transform: translate(5px, 5px) } .bg-white { background-color: #fff !important } .bg-green { background-color: var(--color-green) !important } .bg-light-green { background-color: #d8f2cb !important } .bg-black { background-color: #000 !important } .bg-star-gold { background: var(--star-background) !important } .bg-icecarats { background: var(--color-icecarats) !important } .bg-none { background: 0 0 !important } .bg-no-repeat { background-repeat: no-repeat !important } .background-left { background-position: left !important } @media screen and (max-width: 359px) { .site-logo { transform: translateY(-1.25vw) } .buy-now-section { flex-direction: column !important } .buy-now-s2 { margin: 0 0 10px !important } .buy-now-s2, .buy-now-s3 { width: 100% !important } .site-header-main--logo-center .site-header-main-content .site-header-logo { margin: 0 !important } #icecarats-reviews-widget, .blog--inner, .browse-collections-item-images, .how-can-we-help-grid, .related-search-blocks { gap: 0 !important } #icecarats-reviews-widget .icecarats-story-reviews-review:not(:last-child), .article--excerpt-wrapper:not(:last-child), .browse-collections-item-images-item:not(:last-child), .how-can-we-help-grid > a:not(:last-child), .how-can-we-help-grid > div:not(:last-child), .related-search-blocks > a:not(:last-child) { margin-bottom: 20px !important } .browse-collections-item-images-item:nth-child(odd) { margin-right: 10px !important } .browse-collections-item-images-item:nth-child(2n) { margin-left: 10px !important } .pb-option-value:not(:last-child) { margin-bottom: 10px !important } .parent-buy { grid-template-columns:unset !important } .product--section > .category-mapping { margin-left: -10px !important } .mainpage-site-text-wrapper + .product-faq { margin-top: 20px !important } .search-pagination-prev { margin-right: 10px !important } .hb-buttons a + a, .home-banner > div > a + a { margin-top: 10px !important } .grey-masonry > div:not(:last-child) { margin-bottom: 5px !important } .ic-review-breakdown-bar { width: 50px !important } .augb-icons > div { margin: 15px !important } .contact-us-four-blocks--phone-buttons a, .saved-together-price { font-size: 11px !important } .customer-support-hours > div, .gifts-by-price-banner .jpgr-content a { font-size: 12px !important } a[class*=button-] { font-size: 14px !important; padding: 10px !important } body.page-product { padding-bottom: 0 !important } } .opacity-0 { opacity: 0 !important } .opacity-05 { opacity: .5 !important } .opacity-1 { opacity: 1 !important } .visibility-hidden { visibility: hidden !important } .filters-sortby { font-size: 14px; display: flex; flex: 0 0 auto; border-radius: 20px; transition: .3s; align-items: center; font-weight: 500; text-transform: uppercase; margin: 0 0 10px 0 } .filters-sortby span { margin-left: 7.5px; font-weight: 500 } .scroll-bar-grey { scrollbar-width: thin; scrollbar-color: var(--color-border-light) var(--color-bg-alternative) } .scroll-bar-grey::-webkit-scrollbar-track { background-color: transparent } .scroll-bar-grey::-webkit-scrollbar { width: 10px; border: 0 } .scroll-bar-grey::-webkit-scrollbar-thumb { background-color: var(--color-border-light) } .cart-need-assistance { margin-bottom: 20px; min-width: 250px; padding: 20PX } .product-main .cart-need-assistance { margin-top: 0 } .cart-need-assistance .flex { align-items: baseline } .cart-need-assistance .flex a:nth-child(2) { padding: 10px } .cart-need-assistance .flex a img { margin-right: 2.5px; transform: translateY(5px) } .not-clickable { pointer-events: none !important; cursor: default !important } #summaryExpand { display: inline-flex; align-items: center } .related-search-blocks-carousel { position: relative } .related-search-blocks-carousel > .scroll-transparent { display: flex; overflow-x: auto; align-items: flex-start; flex-wrap: wrap; margin-top: -10px; padding: 1px 0 } .rsbc-desktop-inline .scroll-transparent { flex-direction: row } .related-search-block-carousel-item { display: flex; width: max-content; margin-bottom: 1px; margin-top: 10px } .rsbc-desktop-inline .related-search-block-carousel-item { margin-top: 0 !important; display: flex; padding: 0; flex: 0 0 auto } .related-search-block-carousel-item > a { flex: 1 0 auto } .related-search-block-carousel-item > a + a { margin-left: 10px } .rsbc-desktop-inline .related-search-block-carousel-item > a { max-width: unset } body:not(.device-mobile):not(.device-tablet) .product-search .content-search-item, body:not(.device-mobile):not(.device-tablet) .img-search-ic { margin: 0 } body:not(.device-mobile):not(.wish-list):not(.recently-viewed) .row-wish .content-search-item .wishlist-btn button { top: -2.5px; right: -2.5px } body:not(.device-mobile):not(.wish-list):not(.recently-viewed) .recently-viewed-item .wishlist-btn button { top: 2.5px; right: 2.5px } body .recently-viewed-item > div, body:not(.wish-list):not(.recently-viewed) .row-wish .content-search-item-c > a { padding-bottom: 0 } body:not(.device-mobile):not(.device-tablet) .product-search .content-search-item-c, body:not(.device-mobile):not(.device-tablet) .blog-img-items .content-search-item-c { height: 100% } .account-page-maintitle > div:nth-child(1) { font-size: 20px; font-weight: 500 } .account-page-maintitle > div:nth-child(2) { margin: 0; color: var(--color-neutral-grey-700) } .order-initial { order: initial !important } .order-1n { order: -1 !important } .content-search-groups-wrapper { margin-top: 5px; display: flex; padding: 0 10px; flex-direction: column } .content-search-groups-wrapper-item { overflow: hidden } .content-search-groups-wrapper-item:nth-child(1) { flex: 1 0 auto } .content-search-groups-wrapper-item:nth-child(2) { flex: 1 1 auto; margin-top: 7.5px } .content-search-groups-title { font-size: 11px; color: var(--color-neutral-grey-900); margin-bottom: -2.5px } .content-search-groups { max-width: 100%; position: relative; flex-grow: 1 } .content-search-groups[data-group=metal-style] { display: none } .content-search-groups[data-type=variants] { display: none } .content-search-groups[data-type=variants].initialized { margin-bottom: 5px } .content-search-groups-row { display: flex; padding: 10px 10px 0 10px; gap: 10px; flex-grow: 1 } .content-search-groups-row > div:nth-child(1) { flex-shrink: 0 } .content-search-groups:not(.initialized) { display: none } .content-search-groups-carousel { flex: 1 } .content-search-groups-large .content-search-groups-carousel { max-width: 245px; min-height: 33px } .content-search-groups .scroll-transparent { display: flex; flex: auto; left: 0; top: 0; width: 100%; white-space: nowrap; margin: auto; padding: 1px 0; gap: 4px; position: relative; align-items: center } .content-search-groups .scroll-transparent.scrollable { justify-content: flex-start } .content-search-groups-metals .scroll-transparent.scrollable { justify-content: flex-start } .content-search-groups.open { flex-wrap: wrap } .content-search-groups-item { display: flex; justify-content: center; align-items: center; display: inline-block; color: var(--color-icecarats); z-index: 1; text-align: center } .content-search-groups-item.d-none + .content-search-groups-item { margin-left: 0 } .content-search-groups[data-group=metal-style] .content-search-groups-item[data-title=diamond] { display: none } .content-search-groups > .content-search-groups-item { margin: 0 } .content-search-groups > .content-search-groups-item + .content-search-groups-item { margin-left: 10px } .content-search-groups > .content-search-groups-item + .content-search-groups-carousel { margin-left: 15px } .content-search-groups-item:first-child, .content-search-groups-item:first-child:not(:visible) + .content-search-groups-item:first-child { margin-left: 0 } .content-search-groups .content-search-groups-item.semi-active .content-search-groups-item-img-border { border-color: var(--color-border-default) } .content-search-groups-metals .content-search-groups-item:hover .content-search-groups-item-img-border { border-color: var(--color-border-light) } .content-search-groups .content-search-groups-item.active .content-search-groups-item-img-border { border-color: var(--color-black-default) } .content-search-groups-item-img { background-size: 100%; display: flex; justify-content: center; font-weight: 500; align-items: center; position: relative; background-position: center; overflow: hidden } .content-search-groups[data-group*=mm]:not([data-group*=color]):not([data-group*=gem]):not([data-group*=month]) .content-search-groups-item-img-border { min-height: 27px } .content-search-groups[data-group*=metal-month] .content-search-groups-item-img { overflow: hidden; border-radius: 50%; background-position: center; color: #fff; text-shadow: 0 0 2px #000, 0 0 5px #000 } .content-search-groups[data-group*=carat] .content-search-groups-item-img { background-position: center; background-repeat: no-repeat; border-radius: 50%; padding-top: 5px; padding-bottom: 5px } .content-search-groups[data-group*=number] .content-search-groups-item-img, .content-search-groups[data-group*=letter] .content-search-groups-item-img { overflow: hidden } .content-search-groups-item.active .content-search-groups-item-img { opacity: 1 } .content-search-groups-item-img-border { border: 1px solid var(--color-border-light); border-radius: 5px; padding: 1px; width: max-content; margin: auto; font-size: 10px; display: flex; flex-direction: column; position: relative; overflow: HIDDEN; justify-content: center; background-color: #fff } .content-search-groups[data-group*=-zodiac] .content-search-groups-item-img, .content-search-groups[data-group*=-zodiac] .content-search-groups-item-img-border, .content-search-groups[data-group*=-color] .content-search-groups-item-img, .content-search-groups[data-group*=-color] .content-search-groups-item-img-border, .content-search-groups[data-group*=-month] .content-search-groups-item-img-border, .content-search-groups[data-group*=-gem] .content-search-groups-item-img-border { border-radius: 50% } .content-search-groups[data-group*=number] .content-search-groups-item.active .content-search-groups-item-img-border, .content-search-groups[data-group*=letter] .content-search-groups-item.active .content-search-groups-item-img-border, .content-search-groups[data-group*=carat] .content-search-groups-item.active .content-search-groups-item-img-border, .content-search-groups[data-size-type=chain-size] .content-search-groups-item.active .content-search-groups-item-img-border, .content-search-groups[data-size-type=ring-size] .content-search-groups-item.active .content-search-groups-item-img-border, .content-search-groups[data-group*=mm] .content-search-groups-item.active .content-search-groups-item-img-border { border: 1px solid var(--color-icecarats) } .content-search-groups[data-size-type=chain-size] .content-search-groups-item-img-border { width: auto; min-width: 32.5px } .content-search-groups[data-group=metal-color] .content-search-groups-item-img-border, .content-search-groups[data-group=metal-style-color] .content-search-groups-item-img-border, .content-search-groups[data-group*=gem] .content-search-groups-item-img-border { padding: 1px } .content-search-groups[data-group*=month] .content-search-groups-item-img, .content-search-groups[data-group*=color] .content-search-groups-item-img, .content-search-groups[data-group*=gem] .content-search-groups-item-img { width: 18px; height: 18px } .content-search-groups[data-group*=gem] .content-search-groups-item-img:after { content: ""; position: absolute; top: 0; left: 0; width: 50%; height: 100%; background-size: 200%; display: none } .content-search-groups-item-img-border:after { display: inline-block; margin-top: 2.5px } .content-search-groups-item-text { font-size: 10px } .content-search-groups[data-group*=-gem-] .content-search-groups-item-text { font-size: 9px; text-transform: capitalize } .content-search-groups.initialized .content-search-groups-item-text:not([data-text]) { display: block } .content-search-groups-item-text[data-text=""]:before { content: "ㅤ" } .content-search-groups[data-group*=metal-month] .content-search-groups-item-text, .content-search-groups[data-group*=metal-month] .content-search-groups-item-img:before { text-transform: capitalize } .content-search-groups[data-group*=carat] .content-search-groups-item-text:before { font-size: 11px } .content-search-groups-item-img[style*="/zodiacs/"] { background-color: var(--color-icecarats); background-repeat: no-repeat; background-position: center; background-size: 50%; width: 20px; height: 20px } .content-search-groups-item-img[data-text]:before { padding-left: 4px; content: attr(data-text); font-size: 12px; top: 50%; left: 50%; padding-right: 4px } .content-search-groups[data-group*=carat] .content-search-groups-item-img:before { font-weight: 500; background-color: #fff; border-radius: 5px } .content-search-groups[data-group*=number] .content-search-groups-item-img:before, .content-search-groups[data-group*=letter] .content-search-groups-item-img:before { font-size: 11px; background-color: #fff; text-transform: uppercase; padding-top: 0; padding-bottom: 0; transform: scale(1.3); padding: 0 5px } .content-search-groups[data-group*=letter] .content-search-groups-item[data-metal-desc*="yellow gold"] .content-search-groups-item-img:before, .content-search-groups[data-group*=letter] .content-search-groups-item[data-metal-desc*="yellow gold"] .content-search-groups-item-img:after, .content-search-groups[data-group*=number] .content-search-groups-item[data-metal-desc*="yellow gold"] .content-search-groups-item-img:before, .content-search-groups[data-group*=number] .content-search-groups-item[data-metal-desc*="yellow gold"] .content-search-groups-item-img:after, .content-search-groups[data-group*=letter] .content-search-groups-item[data-metal-desc*="two tone"] .content-search-groups-item-img:before, .content-search-groups[data-group*=letter] .content-search-groups-item[data-metal-desc*="two tone"] .content-search-groups-item-img:after, .content-search-groups[data-group*=number] .content-search-groups-item[data-metal-desc*="two tone"] .content-search-groups-item-img:before, .content-search-groups[data-group*=number] .content-search-groups-item[data-metal-desc*="two tone"] .content-search-groups-item-img:after, .content-search-groups[data-group*=letter] .content-search-groups-item[data-metal-desc*="gold plated"] .content-search-groups-item-img:before, .content-search-groups[data-group*=letter] .content-search-groups-item[data-metal-desc*="gold plated"] .content-search-groups-item-img:after, .content-search-groups[data-group*=number] .content-search-groups-item[data-metal-desc*="gold plated"] .content-search-groups-item-img:before, .content-search-groups[data-group*=number] .content-search-groups-item[data-metal-desc*="gold plated"] .content-search-groups-item-img:after { color: #be874b } .content-search-groups[data-group*=letter] .content-search-groups-item[data-metal-desc*="white gold"] .content-search-groups-item-img:before, .content-search-groups[data-group*=letter] .content-search-groups-item[data-metal-desc*="white gold"] .content-search-groups-item-img:after, .content-search-groups[data-group*=number] .content-search-groups-item[data-metal-desc*="white gold"] .content-search-groups-item-img:before, .content-search-groups[data-group*=number] .content-search-groups-item[data-metal-desc*="white gold"] .content-search-groups-item-img:after { color: #939393 } .content-search-groups[data-group*=letter] .content-search-groups-item[data-metal-desc*="rose gold"], .content-search-groups[data-group*=letter] .content-search-groups-item[data-metal-desc*="rose plated"] .content-search-groups-item-img:before, .content-search-groups[data-group*=letter] .content-search-groups-item[data-metal-desc*="rose gold"], .content-search-groups[data-group*=letter] .content-search-groups-item[data-metal-desc*="rose plated"] .content-search-groups-item-img:after, .content-search-groups[data-group*=number] .content-search-groups-item[data-metal-desc*="rose gold"], .content-search-groups[data-group*=number] .content-search-groups-item[data-metal-desc*="rose plated"] .content-search-groups-item-img:before, .content-search-groups[data-group*=number] .content-search-groups-item[data-metal-desc*="rose gold"], .content-search-groups[data-group*=number] .content-search-groups-item[data-metal-desc*="rose plated"] .content-search-groups-item-img:after { color: #d08a7f } .content-search-groups[data-group*=letter] .content-search-groups-item[data-metal-desc*=silver] .content-search-groups-item-img:before, .content-search-groups[data-group*=letter] .content-search-groups-item[data-metal-desc*=silver] .content-search-groups-item-img:after, .content-search-groups[data-group*=number] .content-search-groups-item[data-metal-desc*=silver] .content-search-groups-item-img:before, .content-search-groups[data-group*=number] .content-search-groups-item[data-metal-desc*=silver] .content-search-groups-item-img:after { color: #939393 } .csg-info { font-size: 11px; color: var(--color-neutral-grey-700); margin-top: 5px } .flex-basis-100 { flex-basis: 100% } .content-search-groups[data-group*=gem] .csg-button-left, .content-search-groups[data-group*=gem] .csg-button-right { margin-top: 0 } .csg-button-left:hover, .csg-button-right:hover { border-color: var(--color-border-dark) } .csg-button-right { transform: rotate(180deg) } .content-search-groups-subtext { flex-basis: 100%; font-size: 10px; color: var(--color-neutral-grey-700); text-transform: capitalize } .content-search-groups[data-group=metal-mm] .content-search-groups-subtext, .content-search-groups[data-group*=number] .content-search-groups-subtext, .content-search-groups[data-group*=carat] .content-search-groups-subtext, .content-search-groups[data-group*=letter] .content-search-groups-subtext { margin-top: 2.5px } .content-search-metals { position: relative; max-width: 100% } .content-search-metals > .scroll-transparent { display: flex; overflow-x: auto; gap: 5px } .content-search-metals > .scroll-transparent > div { flex-shrink: 0; position: relative; display: flex; align-items: center; font-size: 11px; background-color: var(--color-bg-alternative); border-radius: 20px; border: 1px solid transparent; transition: .3s; font-weight: 500; text-transform: capitalize; white-space: nowrap; padding: 3.5px } .content-search-metals > .scroll-transparent > div:hover { opacity: 1 } .content-search-metals > .scroll-transparent > div:before { content: ""; width: 22px; height: 22px; border-radius: 50%; background-position: center; background-repeat: no-repeat; border: 1px solid var(--color-neutral-grey-200); background-size: cover; flex: 0 0 22px } .content-search-metals > .scroll-transparent > div > span { margin-left: 3.5px } .content-search-metals > .scroll-transparent > div.active { border-color: var(--color-border-dark); opacity: 1 } .content-search-metals > .scroll-transparent > div.disabled { display: none } .content-search-metals > .scroll-transparent > div[data-title*=yellow]:before, .content-search-metals > .scroll-transparent > div[data-title*="gold plated"]:before { background-image: url(https://images.icecarats.com/frontend/product_groups_images/metals3/yellow_gold.png?v=2) } .content-search-metals > .scroll-transparent > div[data-title*="white gold"]:before { background-image: url(https://images.icecarats.com/frontend/product_groups_images/metals3/white_gold.png?v=2) } .content-search-metals > .scroll-transparent > div[data-title*="rose plated"]:before, .content-search-metals > .scroll-transparent > div[data-title*="rose gold"]:before { background-image: url(https://images.icecarats.com/frontend/product_groups_images/metals3/rose_gold.png?v=2) } .content-search-metals > .scroll-transparent > div[data-title*="black plated"]:before, .content-search-metals > .scroll-transparent > div[data-title*="black plated"]:before { background-image: url(https://images.icecarats.com/frontend/product_groups_images/metals3/black_plated.png?v=2) } .content-search-metals > .scroll-transparent > div[data-title*="925"]:before { background-image: url(https://images.icecarats.com/frontend/product_groups_images/metals3/silver.png?v=2) } .content-search-metals > .scroll-transparent > div[data-title*=two-tone]:before, .content-search-metals > .scroll-transparent > div[data-title*="two tone"]:before { background-image: url(https://images.icecarats.com/frontend/product_groups_images/metals3/two_tone.png?v=2) } .content-search-metals > .scroll-transparent > div[data-title*="yellow white"]:before { background-image: url(https://images.icecarats.com/frontend/product_groups_images/metals3/yellow_white.png?v=2) } .content-search-metals > .scroll-transparent > div[data-title*="rose white"]:before { background-image: url(https://images.icecarats.com/frontend/product_groups_images/metals3/rose_white.png?v=2) } .content-search-metals > .scroll-transparent > div[data-title*="white rose"]:before { background-image: url(https://images.icecarats.com/frontend/product_groups_images/metals3/white_rose.png?v=2) } .content-search-metals > .scroll-transparent > div[data-title*="tri color"]:before { background-image: url(https://images.icecarats.com/frontend/product_groups_images/metals3/tri_color.png?v=2) } .content-search-metals > .scroll-transparent > div[data-title*=platinum]:before { background-image: url(https://images.icecarats.com/frontend/product_groups_images/metals3/platinum.png?v=2) } .content-search-metals > .scroll-transparent > div[data-title*=tungsten]:before, .content-search-metals > .scroll-transparent > div[data-title*="stainless steel"]:before { background-image: url(https://images.icecarats.com/frontend/product_groups_images/metals3/stainless_steel.png?v=2) } .content-search-metals > .scroll-transparent > div[data-title*="stainless steel/"]:before { background-image: url(https://images.icecarats.com/frontend/product_groups_images/metals3/yellow_white.png?v=2) } .content-search-metals > .scroll-transparent > div[data-title*=titanium]:before { background-image: url(https://images.icecarats.com/frontend/product_groups_images/metals3/titanium.png?v=2) } .content-search-metals > .scroll-transparent > div[data-title*=ceramic]:before { background-image: url(https://images.icecarats.com/frontend/product_groups_images/metals3/ceramic.png?v=2) } .content-search-metals > .scroll-transparent > div[data-title*=zirconium]:before { background-image: url(https://images.icecarats.com/frontend/product_groups_images/metals3/zirconium.png?v=2) } .content-search-metals > .scroll-transparent > div[data-title*=cobalt]:before { background-image: url(https://images.icecarats.com/frontend/product_groups_images/metals3/cobalt.png?v=2) } .content-search-metals > .scroll-transparent > div[data-title*="other metals"]:before, .content-search-metals > .scroll-transparent > div[data-title*="non precious metal"]:before { background-image: url(https://images.icecarats.com/frontend/product_groups_images/metals3/other_metals.png?v=2) } .lazy-fadein { opacity: 0 } .lazy-fadein.lazy-loaded { opacity: 1; animation: fadeIn .6s } .lazy-w-loader:not(.lazy-loaded) { position: relative; background-image: url(https://images.icecarats.com/frontend/common/loader.gif) !important; background-position: center; background-repeat: no-repeat; background-size: 40px } body.siteB .lazy { opacity: 1 !important } .filter-none { filter: none !important } .bloc-gender-filter-wg .filters-sortby span { display: block } .bc-f7 { background-color: #f7f7f7 } .product-search .content-search-item { margin: 0 } .product-search .content-search-item-c { height: 100% } .csi-info { font-size: 13px; color: var(--color-neutral-grey-700); display: flex; overflow-x: auto; margin: 5px 10px 2.5px 10px } .csi-info > div { margin-right: 15px; white-space: nowrap } [onclick*=copyToCBtext] { border-bottom: 1px dashed var(--color-border-default); display: inline-block; transition: .3s } [data-readmore=true] { position: relative } .glassed-overlay:after, .glassed { background: rgba(255, 255, 255, .1); backdrop-filter: blur(1px); -webkit-backdrop-filter: blur(1px) } .glassed-overlay-10px:after { background: rgba(255, 255, 255, .1); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px) } .glassed-overlay-10px, .glassed-overlay { position: relative } .glassed-overlay-10px, .glassed-overlay:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1 } .overflow-hidden { overflow: hidden } .overflow-y-auto { overflow-y: auto } .background-none { background: 0 0 !important } .width-unset { width: unset !important } .flex-unset { flex: unset !important } .width-0 { width: 0 !important } body.siteB .collection-title, body.siteB .collection-title h1 { margin-top: 0 } .content-search-item-review { white-space: nowrap } .percent-saved { border: 1px solid var(--color-green); padding: 0 5px; border-radius: 2.5px; font-size: 11px; line-height: 1.25; text-align: center } .percent-saved:before { content: "" } .photo-reviews { padding: 5px 0 10px } .photo-reviews-carousel { position: relative; max-width: calc(100vw - 25px) } .photo-reviews-carousel .horizontal-carousel-button-right { right: 5px } .photo-reviews-carousel .horizontal-carousel-button-left { left: 5px } .photo-reviews-items { display: flex; overflow-x: auto; width: 100% } .photo-review-item { position: relative } .photo-review-item + script + .photo-review-item, .photo-review-item + .photo-review-item { margin-left: 5px } .star-amount-label { position: absolute; top: 0; left: 0; font-size: 12px; background: #fff; padding: 0 5px; font-weight: 500 } .star-amount-label i { margin-right: 2.5px; font-weight: 400; font-style: normal } .photo-reviews-items img { height: 150px; width: 150px } .photo-review-double img { height: 75px; width: 75px } .photo-reviews-url { position: absolute; top: 25px; left: 5px; background-color: #fff; padding: 2.5px 7.5px; border-radius: 20px; font-size: 12px; box-shadow: var(--shadow-size-medium); display: flex; align-items: center; font-weight: 500 } .icecarats-review-photo img, .photo-reviews-items img { display: block; object-fit: cover } .chat-bubble { background-color: #fff; padding: 5px 10px; border-radius: 20px; font-size: 14px; box-shadow: var(--shadow-size-medium) } .chat-bubble:before { content: "▲"; color: #fff; position: absolute; left: -2.5px; bottom: -2.5px; transform: rotate(350deg); font-size: 13px } .text-underline { text-decoration: underline; text-underline-offset: 3px } .text-shadow { text-shadow: 0 0 3px #000 } .text-shadow-medium { text-shadow: 0 0 3px rgba(0, 0, 0, .55) } .text-shadow-white { text-shadow: 0 0 4px #fff } .text-stroke { -webkit-text-stroke: 1px #000; } .shadow-default { box-shadow: var(--shadow-size-default) } .shadow-default-white { box-shadow: var(--shadow-size-default-white) } .flex-1-0 { flex: 1 0 } .flex-1-1 { flex: 1 1 } .flex-1-0-auto { flex: 1 0 auto } .flex-1-1-auto { flex: 1 1 auto !important } .flex-1 { flex: 1 } .flex-auto { flex: auto } .flex-shrink-0 { flex-shrink: 0 } .recently-viewed-items .recently-viewed-img, .row-wish .horizontal-carousel .content-search-item:not(.with-carousel) .img-search-ic > div { border-top-left-radius: 5px; border-top-right-radius: 5px } .bg-alternative { background-color: var(--color-bg-alternative) !important } .bg-alternative-1 { background-color: #eaeaea !important } .bg-red { background-color: var(--color-red) !important } .bg-dark-pink { background-color: var(--color-dark-pink) !important } .bg-noise { background: repeating-conic-gradient(rgba(0, 0, 0, .05) 0 .00006%, #ffffff00 0 .00017%) 0 0/1000px 3500px, var(--color-bg-alternative) !important } .adiv-see-more > span:after, .product-specs-description-show-more span:after, .product-specs-show-more span:after { content: ""; display: inline-block; width: 12.5px; height: 12.5px; background-image: var(--svg-dropdown); background-size: 100%; transform: translateY(2.5px); margin-left: 1.5px } .product-specs-description-show-more span:nth-child(2):after, .product-specs-show-more span:nth-child(2):after { transform: translateY(2.5px) rotate(180deg) } .cei-item-title { font-weight: 500; margin: 10px 0; font-size: 14px } .cei-item-links { display: grid; gap: 5PX } .cei-item-links > a { background: linear-gradient(90deg, #f7f7f7 50px, #fff 0) } .cei-item-links > a:after { content: ""; position: absolute; right: 10px; top: 50%; width: 17.5px; height: 17.5px; transform: translateY(-50%); background-image: var(--svg-chevron-right) } .cei-item-links > a > div:last-child { text-align: left; font-size: 12px; padding-right: 35px; padding-left: 10px } .product--low-in-stock { align-items: center; display: flex; font-size: 14px; font-weight: 500; position: relative; background-size: 15px; padding-left: 20px; position: relative; color: var(--color-green) } .product--low-in-stock:before { content: ""; background-image: var(--svg-check-green); width: 15px; height: 15px; display: block; background-size: cover; flex: 0 0 10px; position: absolute; left: 0 } .product--low-in-stock:after { content: "In Stock — Ships Direct from Ohio, USA" } .product--low-in-stock[data-show="1"]:after { content: "Last One — Ships Direct from Ohio, USA" } .product--low-in-stock[data-show="2"]:after { content: "Limited Stock — Ships from Ohio, USA" } .product--low-in-stock[data-show="3"]:after { content: "Hurry! Few Left — Ships from Ohio, USA" } .cart-page .product--low-in-stock:after { content: "In Stock" } .cart-page .product--low-in-stock[data-show="1"]:after { content: "Last One" } .cart-page .product--low-in-stock[data-show="2"]:after { content: "Limited Stock" } .cart-page .product--low-in-stock[data-show="3"]:after { content: "Few Left" } .cart-page .product--low-in-stock { transform: scale(.85); transform-origin: left } .product--low-in-stock[data-show="0"] { display: none } .product--low-in-stock > span { display: none } .product--low-in-stock > span:last-child { display: block } .product--low-in-stock[data-show="1"] > span:nth-child(2), .product--low-in-stock[data-show="2"] > span:nth-child(3), .product--low-in-stock[data-show="3"] > span:nth-child(4) { display: inline-block } .product--low-in-stock[data-show="1"] > span:nth-child(5), .product--low-in-stock[data-show="2"] > span:nth-child(5), .product--low-in-stock[data-show="3"] > span:nth-child(5) { display: none } .transform-none { transform: none !important } .border-radius-0 { border-radius: 0 !important } .border-radius-2 { border-radius: 2px !important } .border-radius-2-5 { border-radius: 2.5px !important } .border-radius-5 { border-radius: 5px !important } .border-radius-10 { border-radius: 10px !important } .border-radius-20 { border-radius: 20px !important } .border-radius-50 { border-radius: 50% !important } .coupon-item, .coupon-item-divider, .coupon-item-footer { position: relative } .coupons-items { display: grid; grid-gap: 20px; margin: 20px 0 } .coupon-item { border: 1px solid var(--color-border-light); border-radius: 5px; display: flex; flex-direction: column; padding: 20px; box-shadow: var(--shadow-size-default) } .coupon-item-divider:after, .coupon-item-divider:before { content: ""; width: 20px; height: 20px; background: #f2f2f2; border-radius: 50%; border: 1px solid var(--color-border-light); position: absolute; z-index: 2 } .coupon-item-divider:before { left: -20px; transform: translate(-50%, -50%); clip-path: inset(0 0 0 8.5px) } .coupon-item-divider:after { right: -30px; transform: translate(0, -50%); clip-path: inset(0 8.5px 0 0) } .coupon-item-head { padding: 15px; color: var(--color-neutral-grey-600); font-size: 13px } .coupon-item-coupon { font-size: 27px; font-weight: 500; padding: 5px 10px; border: 2px dashed var(--color-icecarats); color: var(--color-icecarats); text-align: center; text-transform: uppercase } .coupon-item-text { padding: 10px 0 0; font-size: 13px; color: var(--color-neutral-grey-700) } .coupon-item-footer > div { margin-bottom: 15px; text-align: center; font-size: 13px } .coupon-item-prerequisite { font-size: 16px; color: var(--color-icecarats); margin: 20px 0 } .coupon-item-divider { height: 1px; background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%233335' stroke-width='4' stroke-dasharray='6%2c 14' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e"); margin: auto 0 15px } @media screen and (max-width: 1199px) { .coupons-items { grid-template-columns:repeat(3, minmax(0, 1fr)) } } @media screen and (max-width: 1023px) { .coupons-items { grid-template-columns:repeat(2, minmax(0, 1fr)); margin-top: 15px; padding: 0 10px } } @media screen and (max-width: 800px) { .coupons-items { margin: 10px 0; gap: 10px } } @media screen and (max-width: 767px) { .coupons-items { grid-template-columns:repeat(2, minmax(0, 1fr)) } } @media screen and (max-width: 639px) { .coupons-items { grid-template-columns:repeat(1, minmax(0, 1fr)) } } @media screen and (min-width: 1200px) { .coupons-items { grid-template-columns:repeat(3, minmax(0, 1fr)) } } .tooltip-btn { position: relative; display: inline-block; z-index: 10 } .tooltip-btn .tooltip-text { display: none } #appendRecBtn { display: block; margin: 20px auto 0 auto } #appendRecBtn img { width: 12.5px; height: 6px; margin-left: 5px } #appendRecBtn.Preloading { transition: none; background: 0 0; border-color: transparent; color: transparent } body[data-dom-loaded=false] [data-dom-required=true], body[data-footerjs-loaded=false] [data-footerjs-required=true] { pointer-events: none } .white-black { filter: grayscale(1) } .select-custom-wrapper { position: relative } .select-custom-selected { background-color: #fff; border: 1px solid var(--color-border-light); border-radius: 0; color: var(--color-black-default); font-family: inherit; font-weight: 400; letter-spacing: 0; padding: 12px; width: 100%; position: relative; transition: .3s; display: flex; align-items: center; min-height: 48px } .select-custom-wrapper:hover .select-custom-selected { border-color: var(--color-border-default) } .select-custom-wrapper.open .select-custom-selected { box-shadow: var(--shadow-size-small); border-color: var(--color-border-default); border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .select-custom-selected:after { content: ""; width: 20px; height: 20px; position: absolute; right: 12.5px; top: calc(50% - 10px); background-image: var(--svg-chevron-top); background-size: cover; transition: .3s; transform: rotate(180deg) } .select-custom-wrapper.open .select-custom-selected:after { transform: rotate(360deg) } .select-custom-values { transition: .3s; max-height: 0; overflow-y: auto; position: absolute; width: calc(100%); left: 0; background-color: #fff; border: 1px solid var(--color-border-default); border-top: none; z-index: 20; top: calc(100%); opacity: 0; display: flex; flex-direction: column } .select-custom-wrapper.open .select-custom-values { max-height: calc(var(--values-amount) * 70px); opacity: 1 } .select-custom-values > * { padding: 12px; transition: .3s; display: flex; align-items: center } .select-custom-values > :not(:first-child) { border-top: 1px solid var(--color-border-light) } .select-custom-values > .Selected { background-color: var(--color-bg-alternative) } .timer-wrapper { display: flex; align-items: center; flex-wrap: wrap; justify-content: center } .footer-country-select { display: flex; width: max-content } .site-footer .footer-country-select { font-size: 13px; transition: .3s } .site-footer .footer-country-select:hover { border-color: var(--color-neutral-grey-300) } .footer-country-select, .menu-mobile-settings { align-items: center; font-weight: 500 } .head-title-block.ymal-t { margin-top: 12px } .dropdown-custom-head { position: relative; padding: 10px 15px; border-bottom: 1px solid var(--color-border-light) } .dropdown-custom-head:after { content: ""; width: 15px; height: 15px; position: absolute; top: calc(50% - 10px); right: 15px; background-image: var(--svg-chevron-right); transition: .3s; background-position: center; background-repeat: no-repeat } .dropdown-custom.open > .dropdown-custom-head:after { transform: rotate(90deg) } .dropdown-custom-body { max-height: 0; overflow: hidden; transition: .3s; padding-left: 15px; padding-right: 15px } .dropdown-custom.open > .dropdown-custom-body { max-height: var(--max-height) } .product-options .horizontal-carousel-button-left, .product-groups-sub-carousel .horizontal-carousel-button-left { left: 0 } .product-options .horizontal-carousel-button-right, .product-groups-sub-carousel .horizontal-carousel-button-right { right: 0 } .chevron-right-absolute { position: relative } .chevron-left, .chevron-right { position: relative; display: inline-flex; align-items: center; vertical-align: middle } .chevron-right-absolute:after, .chevron-left, .chevron-right:after { content: ""; display: block; width: 15px; height: 15px; background: var(--svg-chevron-right); margin-left: 2px; } .chevron-right-absolute:after { position: absolute; right: 15px; top: calc(50% - 7.5px) } .chevron-left { transform: rotate(180deg) } .border-red { border: 1px solid red !important } .border-blue { border: 1px solid #00f } .border-green { border: 1px solid green } .border-color-gold { border-color: var(--color-gold) !important } .recommendation-items > * { height: 100% } .recommendation-item { position: relative; display: block } .recommendation-item + .recommendation-item { margin-top: 5px } .recommendation-item .safari-filter-fix > img { display: block; padding-bottom: 25px } .recommendation-item .content-search-price { transform: scale(.75) translate(-15%, 15%); position: absolute; left: 0; bottom: 0; background: var(--color-icecarats); color: #fff; padding: 2.5px 7.5px } .recommendation-item .content-search-price * { color: #fff } .recommendation-item .content-search-price .content-search-save { color: #75cc7f } .tooltip-btn .tooltip-text { display: none !important } .hide-before::before, .hide-after::after { content: none !important } .before-opacity:before, .after-opacity:after { opacity: 0 !important } .before-bg { background: var(--before-bg) !important } .bg-center-nr { background-position: center !important; background-repeat: no-repeat !important } .gold-shine, .silver-shine, .rose-shine, .gold-shine-silver, .silver-shine-silver, .rose-shine-silver { position: relative } .silver-shine:after, .rose-shine:after, .gold-shine:after, .gold-shine-low:after, .silver-shine-low:after, .rose-shine-low:after { content: ""; background: linear-gradient(136deg, rgb(255 255 255/0%) 0, rgb(162 131 82/16%) 50%, rgb(254 254 254/0%) 100%); position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: .8 } .silver-shine-low:after, .silver-shine:after { background: linear-gradient(136deg, rgb(255 255 255/0%) 0, rgb(164 164 164/16%) 50%, rgb(254 254 254/0%) 100%) } .rose-shine-low:after, .rose-shine:after { background: linear-gradient(136deg, rgb(255 255 255/0%) 0, rgb(162 82 147/16%) 50%, rgb(254 254 254/0%) 100%) } .gold-shine-low:after, .silver-shine-low:after, .rose-shine-low:after { opacity: .2 } .height-auto { height: auto !important } .height-max-content { height: max-content !important } .filter-blocks-wrapper { gap: 13px; display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 15px } .related-search-blocks-wrapper { order: -1; flex-grow: 0; max-width: 100%; flex-basis: 100% } .margin-auto { margin: auto !important } .absolute-full { position: absolute; left: 0; top: 0; width: 100%; height: 100% } #mSearchInput:focus ~ .flip-box-old, #dSearchInput:focus ~ .flip-box-old, input:not(:placeholder-shown) ~ .flip-box-old { display: none !important } #mSearchInput:focus::placeholder, #dSearchInput:focus::placeholder { opacity: 0 } .background-cover { background-size: cover !important } .background-100 { background-size: 100% !important } .background-center { background-position: center !important } .background-contain { background-size: contain !important } .gap-0 { gap: 0 !important } .gap-3 { gap: 3px !important } .gap-5 { gap: 5px !important } .gap-x-5 { column-gap: 5px !important } .gap-y-5 { row-gap: 5px !important } .gap-7-5 { gap: 7.5px !important } .gap-10 { gap: 10px !important } .gap-12 { gap: 12px !important } .gap-15 { gap: 15px !important } .gap-x-10 { column-gap: 10px !important } .gap-y-10 { row-gap: 10px !important } .gap-15 { gap: 15px !important } .gap-20 { gap: 20px !important } .gap-25 { gap: 25px !important } .gap-30 { gap: 30px !important } .gap-35 { gap: 35px !important } .gap-x-15 { column-gap: 15px !important } .gap-y-15 { row-gap: 15px !important } .gap-20 { gap: 20px !important } .gap-30 { gap: 30px !important } .gap-40 { gap: 40px !important } .gap-x-20 { column-gap: 20px !important } .gap-x-30 { column-gap: 30px !important } .gap-y-20 { row-gap: 20px !important } .gap-y-25 { row-gap: 25px !important } .br-divider { display: block; content: ""; margin-top: 5px } svg, img { vertical-align: middle } .object-fit-contain { object-fit: contain !important } .object-fit-cover { object-fit: cover !important } .top-0 { top: 0 !important } .left-0 { left: 0 !important } .right-0 { right: 0 !important } .bottom-0 { bottom: 0 !important } .bottom-5 { bottom: 5px !important } .bottom-10 { bottom: 10px !important } .bottom-15 { bottom: 15px !important } .left-50 { left: 50% } .top-50 { top: 50% } .translate-50-50 { transform: translate(-50%, -50%) } body:not(.device-mobile):not(.device-table) .fs-15-desktop { font-size: 15px !important } body:not(.device-mobile):not(.device-table) .mt-5-desktop { margin-top: 5px !important } body:not(.device-mobile):not(.device-table) .mb-5-desktop { margin-bottom: 5px !important } body:not(.device-mobile):not(.device-table) .mt-10-desktop { margin-top: 10px !important } body:not(.device-mobile):not(.device-table) .mb-10-desktop { margin-bottom: 10px !important } body:not(.device-mobile):not(.device-table) .mt-15-desktop { margin-top: 15px !important } body:not(.device-mobile):not(.device-table) .mb-15-desktop { margin-bottom: 15px !important } body:not(.device-mobile):not(.device-table) .mt-20-desktop { margin-top: 20px !important } body:not(.device-mobile):not(.device-table) .mb-20-desktop { margin-bottom: 20px !important } body:not(.device-mobile):not(.device-table) .mt-25-desktop { margin-top: 25px !important } body:not(.device-mobile):not(.device-table) .mb-25-desktop { margin-bottom: 25px !important } body.device-mobile .px-10-mobile { padding-left: 10px !important; padding-right: 10px !important } body.device-mobile .px-20-mobile { padding-left: 20px !important; padding-right: 20px !important } .flip-box-old > div { transition: 1s; color: var(--color-neutral-grey-600) } .product-gradient { position: relative } .product-gradient:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(128, 128, 128, .5) 100%); opacity: .3 } .flip-x { transform: scaleX(-1) } .z-index-1 { z-index: 1 !important } .z-index-2 { z-index: 2 !important } .z-index-3 { z-index: 3 !important } .z-index-4 { z-index: 4 !important } .z-index-5 { z-index: 5 !important } .z-index-6 { z-index: 6 !important } .z-index-7 { z-index: 7 !important } .z-index-8 { z-index: 8 !important } .z-index-9 { z-index: 9 !important } .z-index-10 { z-index: 10 !important } .z-index-20 { z-index: 20 !important } .currency-sign { transform: scale(.8) translate(7%, -7%); display: inline-block } .custom-checkbox input[type=checkbox] { display: none } body label .custom-checkbox { display: flex; align-items: center; cursor: pointer; margin: 0 } .custom-checkbox .checkmark { width: 20px; height: 20px; border: 1px solid var(--color-border-default); border-radius: 0; position: relative; transition: all .3s ease; margin-right: 0 } .custom-checkbox input[type=checkbox]:checked + .checkmark { background-color: #000; border-color: #000 } .custom-checkbox input[type=checkbox]:checked + .checkmark::after { content: ""; position: absolute; left: 50%; top: 50%; background-image: url(data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KDTwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIFRyYW5zZm9ybWVkIGJ5OiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBzdHJva2U9IiNmZmZmZmYiPgoNPGcgaWQ9IlNWR1JlcG9fYmdDYXJyaWVyIiBzdHJva2Utd2lkdGg9IjAiLz4KDTxnIGlkPSJTVkdSZXBvX3RyYWNlckNhcnJpZXIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgoNPGcgaWQ9IlNWR1JlcG9faWNvbkNhcnJpZXIiPiA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE3LjAzMDMgOC43ODAzOUw4Ljk5OTkzIDE2LjgxMDdMNS40Njk2IDEzLjI4MDRMNi41MzAyNiAxMi4yMTk3TDguOTk5OTMgMTQuNjg5NEwxNS45Njk2IDcuNzE5NzNMMTcuMDMwMyA4Ljc4MDM5WiIgZmlsbD0iI2ZmZmZmZiIvPiA8L2c+Cg08L3N2Zz4=); width: 100%; background-size: cover; height: 100%; transform: translate(-50%, -50%); color: #fff } .invert-before::before { filter: invert(1) !important } .invert-after:after { filter: invert(1) !important } .filter-before-none:before { filter: none !important } .width-100vw-center { width: 100vw; transform: translateX(-50%); position: relative; left: 50%; max-width: unset } .width-50 { width: 50% !important } #accountMenuModal ul li.active { background-color: var(--color-bg-alternative) } #accountMenuModal ul li { border: 0 } .modal-body .m-menu-account-menu ul { margin-top: 0 } .modal-body .m-menu-account-menu .mb { padding: 17.5px } .modal-body .m-menu-account-menu ul li { position: relative } .m-menu-account-menu ul li a svg { display: block; width: 15px; height: 15px } .modal-body .m-menu-account-menu ul li:after { content: ""; position: absolute; left: 45px; width: calc(100% - 45px); top: 100% } .modal-body .m-menu-account-menu ul li a { width: 100%; font-weight: 400; font-size: 15px; color: var(--color-icecarats); margin: 5px } .m-menu-account-menu-btns { font-size: 14px } .m-menu-account-menu ul li a { display: inline-flex; align-items: center; padding: 10px 30px 10px 10px; flex-grow: 1; position: relative; max-width: 100% } .m-menu-account-menu ul li a > span { position: relative; margin-left: 15px } .m-menu-account-menu ul li a > span:last-child { padding-left: 5px; margin-left: 7.5px } .m-menu-helpcenter { background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MDAiIGhlaWdodD0iODAwIiBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiIGQ9Ik0xMiAxMC40VjIwbTAtOS42YzAtMi4yNCAwLTMuMzYtLjQzNi00LjIxNmE0IDQgMCAwIDAtMS43NDgtMS43NDhDOC45NiA0IDcuODQgNCA1LjYgNGgtMWMtLjU2IDAtLjg0IDAtMS4wNTQuMTA5YTEgMSAwIDAgMC0uNDM3LjQzN0MzIDQuNzYgMyA1LjA0IDMgNS42djEwLjhjMCAuNTYgMCAuODQuMTA5IDEuMDU0YTEgMSAwIDAgMCAuNDM3LjQzN0MzLjc2IDE4IDQuMDQgMTggNC42IDE4aDIuOTQ3Yy41NCAwIC44MSAwIDEuMDcxLjA0Ny4yMzIuMDQuNDU4LjExLjY3NC4yMDQuMjQzLjEwNi40NjguMjU1LjkxNy41NTVMMTIgMjBtMC05LjZjMC0yLjI0IDAtMy4zNi40MzYtNC4yMTZhNCA0IDAgMCAxIDEuNzQ4LTEuNzQ4QzE1LjA0IDQgMTYuMTYgNCAxOC40IDRoMWMuNTYgMCAuODQgMCAxLjA1NC4xMDlhMSAxIDAgMCAxIC40MzcuNDM3QzIxIDQuNzYgMjEgNS4wNCAyMSA1LjZ2MTAuOGMwIC41NiAwIC44NC0uMTA5IDEuMDU0YTEgMSAwIDAgMS0uNDM3LjQzN0MyMC4yNCAxOCAxOS45NiAxOCAxOS40IDE4aC0yLjk0N2MtLjU0IDAtLjgxIDAtMS4wNzEuMDQ3LS4yMzIuMDQtLjQ1OC4xMS0uNjc0LjIwNC0uMjQzLjEwNi0uNDY4LjI1NS0uOTE3LjU1NUwxMiAyMCIvPjwvc3ZnPg==) left 0 center/17px no-repeat; font-size: 15px; font-weight: 500; padding-left: 30px; font-size: 13px; display: flex; align-items: center } .menu-mobile-settings { display: inline-flex; font-size: 13px; transition: .3s; height: 45px } .m-menu-account-menu ul { list-style: none; margin: 10px 0 0; padding: 0 } .m-menu-account-menu ul li { align-items: center; display: flex; font-size: 16px; gap: 10px } .m-menu-account-menu ul li { padding-left: 5px; padding-right: 5px } .m-menu-account-menu ul li.active { border-color: var(--color-icecarats); background-color: var(--color-bg-alternative) } .modal-body .m-menu-account-menu ul li.active { margin-right: 0 !important } .m-menu-account-menu .mb { display: block; font-size: 20px } .wlcmb-user > img { display: inline-block; margin: 0 5px 0 2.5px; border-radius: 50% } @media screen and (max-width: 1023px) { #accountMenuModal .modal-body .m-menu-account-menu .mb { display: block } } @media screen and (max-width: 1023px) { #site-main .m-menu-account-menu ul > li { background: var(--color-bg-alternative); border-radius: 10PX; border-color: var(--color-border-light); padding-left: 7.5px } #site-main .m-menu-account-menu ul > li > a { padding-right: 40px } #site-main .m-menu-account-menu ul > li span.text-truncate { font-weight: 500; padding-left: 10px !important } #site-main .m-menu-account-menu ul > li span[class*="--count"] { left: 100%; top: 50%; transform: translate(-150%, -50%); box-shadow: none } } .rotate-90 { transform: rotate(90deg) } .rotate-180 { transform: rotate(180deg) } .rotate-360 { transform: rotate(360deg) } .transform-origin-center { transform-origin: center !important } .scale-2 { transform: scale(2) !important } .scale-y-n1 { transform: scaleY(-1) } .scale-1-1 { transform: scale(1.1) } .csgr-moved { left: 0; padding: 1px 0 1px 0 } .csgr-moved + span { margin-left: auto } .content-search-item-b { grid-column: auto/span 2 } .content-search-item-b[data-index="0"]:nth-last-child(4) { grid-column: 1/3 } .dark-gradient-top { position: relative } .dark-gradient-top:before { content: ""; background-image: linear-gradient(180deg, #000, transparent); background-size: cover; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; opacity: .5; mix-blend-mode: color } .data-amount:before { content: attr(data-amount) } .data-amount[data-amount="0"] { display: none } .product-reflection { -webkit-box-reflect: below 0 linear-gradient(to bottom, rgba(255, 255, 255, .5), transparent) } .product-shadow-filter { filter: drop-shadow(15px 55px 15px #ccc) } .bg-fullscreen { position: relative } .bg-fullscreen:before { content: ""; background: var(--bg-url) center/cover no-repeat; width: 100vw; height: 100%; transform: translateX(-50%); position: absolute; left: 50%; top: 0; z-index: -1 } .review-avatar-main-parent:nth-child(10n+1) .review-avatar { background-color: #fde0c3; color: #4d3f2c } .review-avatar-main-parent:nth-child(10n+2) .review-avatar { background-color: #c3f1fd; color: #2c444d } .review-avatar-main-parent:nth-child(10n+3) .review-avatar { background-color: #d4fdc3; color: #2d4d2c } .review-avatar-main-parent:nth-child(10n+4) .review-avatar { background-color: #e0c3fd; color: #3e2c4d } .review-avatar-main-parent:nth-child(10n+5) .review-avatar { background-color: #fdc3d4; color: #4d2c36 } .review-avatar-main-parent:nth-child(10n+6) .review-avatar { background-color: #fffac3; color: #4d4a2c } .review-avatar-main-parent:nth-child(10n+7) .review-avatar { background-color: #c3fde7; color: #2c4d41 } .review-avatar-main-parent:nth-child(10n+8) .review-avatar { background-color: #fdebc3; color: #4d412c } .review-avatar-main-parent:nth-child(10n+9) .review-avatar { background-color: #c8c3fd; color: #2f2c4d } .review-avatar-main-parent:nth-child(10n+10) .review-avatar { background-color: #fdc3c3; color: #4d2c2c } .content-search-gic { position: absolute; margin: -28px 0 0 10px; color: var(--color-neutral-grey-600); font-size: clamp(11px, 1.5vw, 12px); font-weight: 500 } .aspect-ratio-1 { aspect-ratio: 1/1 !important } #payWithPPbtn { background: var(--color-indigo); border-color: var(--color-indigo); color: #fff } .bg-filter-metal-yellow_gold, .bg-filter-metal-solid_gold, .bg-filter-metal-gold_plated, span[data-metal*=yellow] { background-image: var(--metal-gold) } .bg-filter-metal-white_gold, span[data-metal*=white] { background-image: var(--metal-white-gold) } .bg-filter-metal-rose_plated, .bg-filter-metal-rose_gold, span[data-metal*=rose] { background-image: var(--metal-rose-gold) } .bg-filter-metal-925_sterling_silver, span[data-metal*=silver] { background-image: var(--metal-silver) } .bg-filter-metal-platinum, span[data-metal*=platinum] { background-image: var(--metal-platinum) } .bg-filter-metal-stainless_steel, span[data-metal*=stainless] { background-image: var(--metal-stainless-steel) } .bg-filter-metal-titanium, span[data-metal*=titanium] { background-image: var(--metal-titanium) } .bg-filter-metal-zirconium, span[data-metal*=zirconium] { background-image: var(--metal-zirconium) } .bg-filter-metal-other_metals, span[data-metal*=other] { background-image: var(--metal-other-metals) } .bg-filter-metal-ceramic { background-image: var(--metal-ceramic) } .bg-filter-metal-white_yellow_rose_gold, .bg-filter-metal-multi_tone_gold, .bg-filter-metal-tri_color_gold, span[data-metal*=tri] { background-image: var(--metal-tri-color) } .bg-filter-metal-two_tone, .bg-filter-metal-two_tone_gold, span[data-metal*=two] { background-image: var(--metal-two-tone) } .bg-filter-metal-two_tone_yellow_white_gold, span[data-metal*="yellow white"] { background-image: var(--metal-yellow-white) } .format-1 #icecarats-reviews-widget[data-widget-type=full-page] .icecarats-widget-buttons { display: none !important } #icecarats-reviews-widget[data-widget-type=full-page] .icecarats-widget-title { text-align: center } .icacarats-review-header .created, .icacarats-review-header-byline .created { float: right !important; color: #555; font-size: 12px; font-weight: 400 } h3.icacarats-review-header-title { font-weight: 400; margin-bottom: 0 } p.icacarats-review-content-body { margin-top: 5px } div#icecarats-reviews-widget { padding: 20px 20px 0 20px } .reviews-section { display: grid; grid-template-columns:repeat(4, calc(25% - 15px)); gap: 20px } .reviews-section > .icecarats-ratings-wrapper .icecarats-story-reviews-review-message i { margin: 15px } .icecarats-ratings-wrapper { flex: 100%; padding-top: 15px; padding-bottom: 15px; display: flex; border-bottom: 1px solid var(--color-border-light) } .icecarats-reviews-author.icecarats-style-color-text { color: var(--color-neutral-grey-600); font-weight: 400; margin-bottom: 5px } .icecarats-reviews-gallery { margin-top: auto } .icecarats-reviews-gallery img { margin-right: 5px; display: block; margin-top: 15px } .icecarats-reviews-gallery img:last-child { margin-right: 0 } .icecarats-review-product.style-color-link { font-weight: 400; color: var(--color-neutral-grey-600) } #icecarats-full-page .content-header p:first-child { margin-bottom: 10px } .ic-review-p { font-weight: 500; font-size: 16px } .icecarats-reviews-button { width: 200px } @media (max-width: 720px) { .icecarats-ratings-wrapper:nth-child(even) { margin-left: 0 } .icecarats-ratings-wrapper { padding-right: 10px; padding-left: 10px } .icecarats-ratings-wrapper { flex-direction: column; width: 100% } .icecarats-reviews-image { margin: 0 0 10px 0; width: 100%; height: auto } } @media screen and (max-width: 1399px) { #icecarats-full-page .content-header { margin: 0 5px } .reviews-section { grid-template-columns:repeat(3, calc(33.33333% - 15px)) } } @media screen and (max-width: 1023px) { .pagination-page .pagination-page-prev span, .pagination-page .pagination-page-next span { display: none } .reviews-section { grid-template-columns:repeat(2, calc(50% - 10px)) } } @media screen and (max-width: 800px) { .reviews-section { grid-template-columns:repeat(1, auto); gap: 10px } div#icecarats-reviews-widget { padding: 10px 10px 0 !important } } @media screen and (max-width: 410px) { #icecarats-full-page .home-section--title span { font-size: 20px } } @media screen and (max-width: 390px) { #icecarats-full-page .home-section--title span { font-size: 18px } } @media screen and (min-width: 1024px) { #icecarats-full-page .content-header { margin: 0 10px 0 10px } } @media screen and (min-width: 1400px) { div#icecarats-reviews-widget { padding: 30px 0 0 0 } .reviews-section { gap: 40px; grid-template-columns:repeat(4, calc(25% - 30px)) } } div.icecarats-story-reviews-reviews-items { padding-bottom: 0 } .icecarats-ratings-wrapper .icecarats-story-reviews-review-message { height: 100%; display: flex; flex-direction: column } .icecarats-ratings-wrapper .icecarats-story-reviews-review-message > div:nth-child(1) > div:nth-child(1) img { display: block } .icecarats-ratings-wrapper .icecarats-story-reviews-review-message > div:nth-child(1) { margin-bottom: 10px } .icecarats-story-reviews-review { padding: 10px; font-size: 15px; display: flex; flex-direction: column; background: #fff; height: 100%; overflow: hidden } .icecarats-story-reviews-review-head { font-size: 13px; display: flex; justify-content: space-between; margin-bottom: 10px; align-items: center } .icecarats-story-reviews-review-message-product-link { font-size: 13px; min-height: 47px; display: flex; align-items: center; justify-content: flex-start; margin-left: 15px } .metal-colors { margin-left: auto; display: flex; margin: 0 0 0 auto } .metal-colors > span { width: 20px; height: 20px; border-radius: 50%; position: relative; border: 0 solid #fff; background-size: contain; margin-left: 3px; border: 1.5px solid #fff } .metal-colors > span[data-metal=yellow] { order: 1; z-index: 5 } .metal-colors > span[data-metal=white] { order: 2; z-index: 4 } .metal-colors > span[data-metal=rose] { order: 3; z-index: 3 } .metal-colors > span[data-metal="two tone"] { order: 4; z-index: 2 } .metal-colors > span[data-metal="tri color"] { order: 5; z-index: 1 } .metal-colors > span[data-metal="925"] { order: 6; z-index: 0 } .metal-colors > span:first-child { order: -1; outline: 1px solid var(--color-border-dark) !important; margin-right: 2px } .qgsi-divider { background-image: var(--svg-diamond); background-size: 25px; height: 25px; background-repeat: no-repeat; background-position: center; margin: 10px 0; opacity: .25 }