/* Minification failed. Returning unminified contents. (351,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-aspect-ratio' (1298,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3887,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4179,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4192,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4373,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4787,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5871,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8380,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8735,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8784,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8806,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8825,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9065,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9312,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9334,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9378,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9395,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9407,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9419,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9431,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9567,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10262,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11343,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11669,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13655,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13656,26): run-time error CSS1039: Token not allowed after unary operator: '-gauge-dasharray' (13658,10): run-time error CSS1039: Token not allowed after unary operator: '-gauge-dasharray' (13658,40): run-time error CSS1039: Token not allowed after unary operator: '-gauge-progress' (13663,10): run-time error CSS1039: Token not allowed after unary operator: '-gauge-dasharray' (13663,40): run-time error CSS1039: Token not allowed after unary operator: '-gauge-progress' (13678,32): run-time error CSS1039: Token not allowed after unary operator: '-gauge-progress' (13680,24): run-time error CSS1039: Token not allowed after unary operator: '-gauge-size' (13737,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13749,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13769,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14252,20): run-time error CSS1030: Expected identifier, found '.' (14252,47): run-time error CSS1031: Expected selector, found ')' (14252,47): run-time error CSS1025: Expected comma or open brace, found ')' (14266,20): run-time error CSS1030: Expected identifier, found '.' (14266,47): run-time error CSS1031: Expected selector, found ')' (14266,47): run-time error CSS1025: Expected comma or open brace, found ')' (15469,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15531,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15592,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15656,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15811,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15846,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (16654,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (16893,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (16943,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (16949,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (16972,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (16992,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17116,28): run-time error CSS1039: Token not allowed after unary operator: '-bar-bg' (17540,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17776,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (18539,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (19163,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (19179,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (19221,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (19284,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (19365,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (19455,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (19786,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (19980,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (20502,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (20513,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (20552,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (21372,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (21402,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (21406,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (21431,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (21583,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (21677,2315): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (21677,2765): run-time error CSS1039: Token not allowed after unary operator: '-swiper-wrapper-transition-timing-function' (21677,4573): run-time error CSS1039: Token not allowed after unary operator: '-swiper-centered-offset-before' (21677,4718): run-time error CSS1039: Token not allowed after unary operator: '-swiper-centered-offset-after' (21677,4864): run-time error CSS1039: Token not allowed after unary operator: '-swiper-centered-offset-before' (21677,5006): run-time error CSS1039: Token not allowed after unary operator: '-swiper-centered-offset-after' (21677,5991): run-time error CSS1039: Token not allowed after unary operator: '-swiper-preloader-color' (21677,6020): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color' (21677,6296): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (21677,6355): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (21677,6776): run-time error CSS1039: Token not allowed after unary operator: '-swiper-virtual-size' (21677,6891): run-time error CSS1039: Token not allowed after unary operator: '-swiper-virtual-size' (21677,6919): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (21677,7016): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-top-offset' (21677,7067): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size' (21677,7114): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size' (21677,7167): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size' (21677,7289): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-color' (21677,7319): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color' (21677,7987): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-sides-offset' (21677,8099): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-sides-offset' (21677,8272): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size' (21677,8521): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-sides-offset' (21677,9104): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bottom' (21677,9144): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-top' (21677,9956): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-width' (21677,9993): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-size' (21677,10042): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-height' (21677,10080): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-size' (21677,10157): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-border-radius' (21677,10218): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-inactive-color' (21677,10278): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-inactive-opacity' (21677,10621): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-opacity' (21677,10675): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-color' (21677,10705): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color' (21677,10836): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-right' (21677,10876): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-left' (21677,11110): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-vertical-gap' (21677,11821): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-horizontal-gap' (21677,12513): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-fraction-color' (21677,12603): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-progressbar-bg-color' (21677,12761): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-color' (21677,12791): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color' (21677,13335): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-progressbar-size' (21677,13694): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-progressbar-size' (21677,13834): run-time error CSS1039: Token not allowed after unary operator: '-swiper-scrollbar-border-radius' (21677,13928): run-time error CSS1039: Token not allowed after unary operator: '-swiper-scrollbar-bg-color' (21677,14194): run-time error CSS1039: Token not allowed after unary operator: '-swiper-scrollbar-sides-offset' (21677,14241): run-time error CSS1039: Token not allowed after unary operator: '-swiper-scrollbar-bottom' (21677,14280): run-time error CSS1039: Token not allowed after unary operator: '-swiper-scrollbar-top' (21677,14331): run-time error CSS1039: Token not allowed after unary operator: '-swiper-scrollbar-size' (21677,14386): run-time error CSS1039: Token not allowed after unary operator: '-swiper-scrollbar-sides-offset' (21677,14529): run-time error CSS1039: Token not allowed after unary operator: '-swiper-scrollbar-left' (21677,14569): run-time error CSS1039: Token not allowed after unary operator: '-swiper-scrollbar-right' (21677,14607): run-time error CSS1039: Token not allowed after unary operator: '-swiper-scrollbar-sides-offset' (21677,14664): run-time error CSS1039: Token not allowed after unary operator: '-swiper-scrollbar-size' (21677,14720): run-time error CSS1039: Token not allowed after unary operator: '-swiper-scrollbar-sides-offset' (21677,14836): run-time error CSS1039: Token not allowed after unary operator: '-swiper-scrollbar-drag-bg-color' (21677,14903): run-time error CSS1039: Token not allowed after unary operator: '-swiper-scrollbar-border-radius' */ @charset "UTF-8"; @font-face { font-family: "IQOS"; src: url("/styles/fonts/IQOS-Light.eot"); src: url("/styles/fonts/IQOS-Light.eot?#iefix") format("embedded-opentype"), url("/styles/fonts/IQOS-Light.woff2") format("woff2"), url("/styles/fonts/IQOS-Light.woff") format("woff"), url("/styles/fonts/IQOS-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: "IQOS"; src: url("/styles/fonts/IQOS-Bold.eot"); src: url("/styles/fonts/IQOS-Bold.eot?#iefix") format("embedded-opentype"), url("/styles/fonts/IQOS-Bold.woff2") format("woff2"), url("/styles/fonts/IQOS-Bold.woff") format("woff"), url("/styles/fonts/IQOS-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: "IQOS"; src: url("/styles/fonts/IQOS-Regular.eot"); src: url("/styles/fonts/IQOS-Regular.eot?#iefix") format("embedded-opentype"), url("/styles/fonts/IQOS-Regular.woff2") format("woff2"), url("/styles/fonts/IQOS-Regular.woff") format("woff"), url("/styles/fonts/IQOS-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "IQOS AR"; src: url("/styles/fonts/ar/IQOSSansArabic-Light.eot"); src: url("/styles/fonts/ar/IQOSSansArabic-Light.eot?#iefix") format("embedded-opentype"), url("/styles/fonts/ar/IQOSSansArabic-Light.woff2") format("woff2"), url("/styles/fonts/ar/IQOSSansArabic-Light.woff") format("woff"), url("/styles/fonts/ar/IQOSSansArabic-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: "IQOS AR"; src: url("/styles/fonts/ar/IQOSSansArabic-Bold.eot"); src: url("/styles/fonts/ar/IQOSSansArabic-Bold.eot?#iefix") format("embedded-opentype"), url("/styles/fonts/ar/IQOSSansArabic-Bold.woff2") format("woff2"), url("/styles/fonts/ar/IQOSSansArabic-Bold.woff") format("woff"), url("/styles/fonts/ar/IQOSSansArabic-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: "IQOS AR"; src: url("/styles/fonts/ar/IQOSSansArabic-Regular.eot"); src: url("/styles/fonts/ar/IQOSSansArabic-Regular.eot?#iefix") format("embedded-opentype"), url("/styles/fonts/ar/IQOSSansArabic-Regular.woff2") format("woff2"), url("/styles/fonts/ar/IQOSSansArabic-Regular.woff") format("woff"), url("/styles/fonts/ar/IQOSSansArabic-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "IQOS"; src: url("/styles/fonts/IQOS-Light.eot"); src: url("/styles/fonts/IQOS-Light.eot?#iefix") format("embedded-opentype"), url("/styles/fonts/IQOS-Light.woff2") format("woff2"), url("/styles/fonts/IQOS-Light.woff") format("woff"), url("/styles/fonts/IQOS-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: "IQOS"; src: url("/styles/fonts/IQOS-Bold.eot"); src: url("/styles/fonts/IQOS-Bold.eot?#iefix") format("embedded-opentype"), url("/styles/fonts/IQOS-Bold.woff2") format("woff2"), url("/styles/fonts/IQOS-Bold.woff") format("woff"), url("/styles/fonts/IQOS-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: "IQOS"; src: url("/styles/fonts/IQOS-Regular.eot"); src: url("/styles/fonts/IQOS-Regular.eot?#iefix") format("embedded-opentype"), url("/styles/fonts/IQOS-Regular.woff2") format("woff2"), url("/styles/fonts/IQOS-Regular.woff") format("woff"), url("/styles/fonts/IQOS-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "IQOS AR"; src: url("/styles/fonts/ar/IQOSSansArabic-Light.eot"); src: url("/styles/fonts/ar/IQOSSansArabic-Light.eot?#iefix") format("embedded-opentype"), url("/styles/fonts/ar/IQOSSansArabic-Light.woff2") format("woff2"), url("/styles/fonts/ar/IQOSSansArabic-Light.woff") format("woff"), url("/styles/fonts/ar/IQOSSansArabic-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: "IQOS AR"; src: url("/styles/fonts/ar/IQOSSansArabic-Bold.eot"); src: url("/styles/fonts/ar/IQOSSansArabic-Bold.eot?#iefix") format("embedded-opentype"), url("/styles/fonts/ar/IQOSSansArabic-Bold.woff2") format("woff2"), url("/styles/fonts/ar/IQOSSansArabic-Bold.woff") format("woff"), url("/styles/fonts/ar/IQOSSansArabic-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: "IQOS AR"; src: url("/styles/fonts/ar/IQOSSansArabic-Regular.eot"); src: url("/styles/fonts/ar/IQOSSansArabic-Regular.eot?#iefix") format("embedded-opentype"), url("/styles/fonts/ar/IQOSSansArabic-Regular.woff2") format("woff2"), url("/styles/fonts/ar/IQOSSansArabic-Regular.woff") format("woff"), url("/styles/fonts/ar/IQOSSansArabic-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; } .clicktocallBtn { position: fixed; right: 0px; bottom: 75px; z-index: 100; } .clicktocallBtn button { overflow: hidden; box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.09), 0px 2px 32px 0px rgba(0, 0, 0, 0.15); position: relative; transition: width 0.08s ease 0s; border: 0px !important; } .clicktocallBtn button span { font-size: 18px !important; font-family: "IQOS", "IQOS AR", sans-serif !important; } #spr-live-chat-app > div > div:first-child { margin-right: -10px; margin-bottom: -10px; } .compareComponent .devicesListing .swiper-button-prev, .compareComponent .devicesListing .swiper-button-next { top: 20% !important; color: #34303d; } .mainBodyWrapper { padding-top: 55px; } body { font-family: "IQOS", "IQOS AR", sans-serif; } .mobileImage { display: none; } .desktopImage { display: block; } .container { max-width: 1340px; padding-inline: 40px; } .buttonUnderlined { color: #34303d; font-size: 16px; text-decoration: underline; cursor: pointer; transition: all 0.3s ease-in-out; border: none; background-color: transparent; } .buttonUnderlined:hover { color: #00d1d2; } .button { display: inline-block; background-color: #34303d; color: #ffffff; padding: 5px 32px 9px; border-radius: 24px; border: 2px solid #34303d; letter-spacing: 0.5px; font-size: 16px; cursor: pointer; transition: all 0.3s ease-in-out; } .button:hover { background-color: transparent; color: #34303d; border-color: #34303d; } .buttonTransparentBlack { display: inline-block; background-color: transparent; color: #34303d; padding: 5px 32px 9px; border-radius: 24px; border: 2px solid #34303d; letter-spacing: 0.5px; font-size: 16px; cursor: pointer; transition: all 0.3s ease-in-out; } .buttonTransparentBlack:hover { background-color: #34303d; color: #ffffff; border-color: #34303d; } .addButton { color: #34303d; font-size: 16px; display: flex; align-items: center; gap: 3px; } .addButton::before { content: ""; background-image: url(../images/add-button.svg); background-position: center center; background-repeat: no-repeat; background-size: contain; width: 15px; height: 15px; display: block; transition: all 0.3s ease-in-out; } .addButton:hover::before { filter: brightness(0) saturate(100%) invert(57%) sepia(59%) saturate(1421%) hue-rotate(136deg) brightness(98%) contrast(104%); } .backLink, .backButton { color: #34303d; font-size: 16px; line-height: 16px; cursor: pointer; display: flex; align-items: center; gap: 5px; width: -moz-fit-content; width: fit-content; border: none; background-color: transparent; padding: 0 !important; } .backLink::before, .backButton::before { content: ""; display: block; width: 15px; height: 15px; background-image: url(../images/back-button.svg); background-position: center center; background-repeat: no-repeat; background-size: contain; transition: all 0.3s ease-in-out; } .backLink:hover::before, .backButton:hover::before { transform: translateX(-5px); filter: brightness(0) saturate(100%) invert(57%) sepia(59%) saturate(1421%) hue-rotate(136deg) brightness(98%) contrast(104%); } .arrowLink, .linkArrow { color: #34303d; font-size: 16px; line-height: 20px; width: -moz-fit-content; width: fit-content; display: flex; align-items: center; gap: 8px; position: relative; background-color: transparent; border: none; } .arrowLink::after, .linkArrow::after { content: ""; display: inline-block; width: 16px; height: 14px; margin-top: 4px; background-image: url(../../images/back-button.svg); background-size: contain; background-repeat: no-repeat; background-position: center center; transform: scale(-1); transition: all 0.3s ease-in-out; } .arrowLink:hover::after, .linkArrow:hover::after { transform: scale(-1) translateX(-6px); filter: brightness(0) saturate(100%) invert(57%) sepia(59%) saturate(1421%) hue-rotate(136deg) brightness(98%) contrast(104%); } .arrowLink.white, .linkArrow.white { color: #ffffff; } .arrowLink.white::after, .linkArrow.white::after { filter: brightness(0) invert(1); } .arrowLink.white:hover::after, .linkArrow.white:hover::after { filter: brightness(0) saturate(100%) invert(57%) sepia(59%) saturate(1421%) hue-rotate(136deg) brightness(98%) contrast(104%); } .ratio { position: relative; width: 100%; } .ratio:before { display: block; padding-top: var(--bs-aspect-ratio); content: ""; } .ratio > * { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } header { margin-top: 87px; z-index: 20; } header .menuBigWrapper { display: block; position: fixed; top: 0; left: 0; z-index: 20; width: 100%; transition: all 0.5s ease-in-out; } header .menuBigWrapper .languageSelector { position: relative; width: 50px; } header .menuBigWrapper .languageSelector .selected-language { color: #34303d; font-size: 14px; font-weight: normal; transition: all 0.3s ease-in-out; position: relative; display: flex; align-items: center; justify-content: space-between; cursor: pointer; } header .menuBigWrapper .languageSelector .selected-language::after { content: ""; background-image: url(../../images/arrow-down.svg); width: 13px; height: 8px; background-position: center center; background-repeat: no-repeat; background-size: contain; display: block; transform-origin: center center; transition: all 0.5s ease-in-out; } header .menuBigWrapper .languageSelector .selected-language.open::after { transform: rotate(180deg); } header .menuBigWrapper .languageSelector .language-options { position: absolute; top: calc(100% + 10px); inset-inline-start: 0; background-color: #ffffff; width: 100%; border-radius: 4px; display: none; box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.05); z-index: 100; } header .menuBigWrapper .languageSelector .language-options a { display: block; padding: 12px; border-bottom: 1px solid #dcdcdc; font-size: 14px; color: #34303d; transition: all 0.3s ease-in-out; text-align: center; } header .menuBigWrapper .languageSelector .language-options a:hover { color: #00d1d2; } header .menuBigWrapper .languageSelector .language-options a:last-child { border-bottom: none; } header .langBanner { background-color: #00d1d2; text-align: center; padding: 18px 0; width: 100%; height: 62px; position: relative; } header .langBanner.hidden { display: none !important; } header .langBanner a { font-weight: bold; color: #34303d; transition: all 0.3s ease-in-out; text-decoration: underline; text-decoration-color: transparent; } header .langBanner a { font-size: 13px; } @media screen and (min-width: 320px) { header .langBanner a { font-size: calc(13px + 5 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { header .langBanner a { font-size: 18px; } } header .langBanner a:hover { text-decoration-color: #34303d; } header .langBanner .langBanner-close { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); font-size: 20px; font-weight: bold; color: #34303d; cursor: pointer; line-height: 1; } header .langBanner .langBanner-close:hover { color: rgb(3.3394495413, 3.0825688073, 3.9174311927); } .menuHolder { box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.05); width: 100%; z-index: 20; background-color: #ffffff; transition: all 0.5s ease-in-out; position: relative; } .menuHolder .menu { padding: 28px 0; display: flex; align-items: center; gap: 20px; justify-content: flex-end; } .menuHolder .menu .menuItems { display: flex; justify-content: space-between; align-items: center; width: 100%; } .menuHolder .menu .headerLogo { display: flex; max-width: 80px; height: 40px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .menuHolder .menu .headerLogo img { max-width: 100%; height: auto; max-height: 100%; -o-object-fit: contain; object-fit: contain; } .menuHolder .menu .leftMenuWrapper { flex: 0 0 calc(60% - 80px); } .menuHolder .menu .mobileOverlay { display: none; } .menuHolder .menu .menu-icon { display: none; } .menuHolder .menu .menuWrapper { display: flex; gap: 20px; } .menuHolder .menu .menuWrapper .first-level > a { color: #34303d; font-size: 14px; letter-spacing: 0.4px; display: flex; align-items: center; gap: 6px; width: -moz-fit-content; width: fit-content; } .menuHolder .menu .menuWrapper .first-level.hasSubNav > a::after { content: ""; background-image: url(../../images/arrow-down.svg); width: 11px; height: 6px; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: all 0.5s ease-in-out; } .menuHolder .menu .menuWrapper .first-level.hasSubNav.active > a::after { transform: rotate(180deg); transform-origin: center center; } .menuHolder .menu .menuWrapper .first-level .secondLvl { display: none; position: absolute; top: 77px; inset-inline-start: 0; width: 100%; background-color: #ffffff; padding: 55px 0; z-index: 15; height: 65vh; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.05); } .menuHolder .menu .menuWrapper .first-level .secondLvl .menuBack { display: none; } .menuHolder .menu .menuWrapper .first-level .secondLvl .itemsBlock { position: relative; display: flex; justify-content: space-between; width: 100%; display: none; } .menuHolder .menu .menuWrapper .first-level .secondLvl .itemsBlock .highlitedSection .highlitedInfo h3 a.title { font-size: 18px; } .menuHolder .menu .menuWrapper .first-level .secondLvl .itemsBlock .highlitedSection .highlitedInfo a.description { font-size: 14px; } .menuHolder .menu .menuWrapper .first-level .secondLvl .secondLevelWrapper { flex-shrink: 0; flex: 0 0 35%; max-height: 100%; overflow-y: auto; scrollbar-gutter: stable both-edges; } .menuHolder .menu .menuWrapper .first-level .secondLvl .scdSection { margin-bottom: 20px; } .menuHolder .menu .menuWrapper .first-level .secondLvl .scdSection:last-child { margin-bottom: 0; } .menuHolder .menu .menuWrapper .first-level .secondLvl .scdSection.hasSubNav > a { display: flex; align-items: center; width: -moz-fit-content; width: fit-content; gap: 5px; } .menuHolder .menu .menuWrapper .first-level .secondLvl .scdSection.hasSubNav > a span.ribbon { position: absolute; top: 50%; transform: translateY(-50%) translateX(100%); background-color: rgb(0, 209, 210); border-radius: 0.15rem; color: rgb(52, 48, 61); display: inline-block; font-size: 0.75rem; font-weight: 400; line-height: 1; padding: 0.5em 0.75em; text-align: center; vertical-align: baseline; white-space: nowrap; right: 0%; } .menuHolder .menu .menuWrapper .first-level .secondLvl .scdSection.hasSubNav > a::after { content: ""; display: block; background-image: url(../../images/arrow-down.svg); background-position: center center; background-repeat: no-repeat; background-size: contain; height: 9px; width: 15px; transform: rotate(-90deg); margin-top: 6px; } .menuHolder .menu .menuWrapper .first-level .secondLvl .scdSection > a { color: #34303d; font-weight: bold; padding-bottom: 5px; display: inline-block; position: relative; z-index: 2; padding-inline-end: 25px; width: -moz-fit-content; width: fit-content; } .menuHolder .menu .menuWrapper .first-level .secondLvl .scdSection > a { font-size: 20px; } @media screen and (min-width: 320px) { .menuHolder .menu .menuWrapper .first-level .secondLvl .scdSection > a { font-size: calc(20px + 3 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .menuHolder .menu .menuWrapper .first-level .secondLvl .scdSection > a { font-size: 23px; } } .menuHolder .menu .menuWrapper .first-level .secondLvl .scdSection > a { line-height: 26px; } @media screen and (min-width: 320px) { .menuHolder .menu .menuWrapper .first-level .secondLvl .scdSection > a { line-height: calc(26px + 3 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .menuHolder .menu .menuWrapper .first-level .secondLvl .scdSection > a { line-height: 29px; } } .menuHolder .menu .menuWrapper .first-level .secondLvl .scdSection > a span.ribbon { position: absolute; top: 0%; transform: translateY(20%) translateX(100%); background-color: rgb(0, 209, 210); border-radius: 0.15rem; color: rgb(52, 48, 61); display: inline-block; font-size: 0.75rem; font-weight: 400; line-height: 1; padding: 0.5em 0.75em; text-align: center; vertical-align: baseline; white-space: nowrap; right: 0%; } .menuHolder .menu .menuWrapper .first-level .secondLvl .scdSection > a::before { content: ""; height: 4px; width: 0; position: absolute; bottom: 0; inset-inline-start: 0; background-color: #00d1d2; transition: all 0.3s ease-in-out; } .menuHolder .menu .menuWrapper .first-level .secondLvl .scdSection > a:hover::before, .menuHolder .menu .menuWrapper .first-level .secondLvl .scdSection > a.active::before { width: calc(100% - 30px); } .menuHolder .menu .menuWrapper .first-level .secondLvl .scdSection .thirdLvl { display: none; position: absolute; top: 0px; inset-inline-start: 36%; width: calc(64% - 27px); gap: 15%; max-height: 100%; overflow: hidden; height: 100%; background-color: #ffffff; z-index: 10; } .menuHolder .menu .menuWrapper .first-level .secondLvl .scdSection .thirdLvl .highlitedSection { flex: 0 0 41%; max-width: 41%; max-height: 100%; overflow-y: auto; scrollbar-gutter: stable both-edges; } .menuHolder .menu .menuWrapper .first-level .secondLvl .scdSection .thirdLvl .thirdLevelItemWrapper { flex: 0 0 42%; max-width: 42%; max-height: 100%; overflow-y: auto; scrollbar-gutter: stable both-edges; } .menuHolder .menu .menuWrapper .first-level .secondLvl .scdSection .thirdLvl .thirdLevelItemWrapper .thirdLvlImagesWrapper { margin-bottom: 30px; } .menuHolder .menu .menuWrapper .first-level .secondLvl .scdSection .thirdLvl .thirdLevelItemWrapper .thirdLvlItem { margin-bottom: 10px; } .menuHolder .menu .menuWrapper .first-level .secondLvl .scdSection .thirdLvl .thirdLevelItemWrapper .thirdLvlItem:last-child:not(.withImage) { margin-bottom: 0; } .menuHolder .menu .menuWrapper .first-level .secondLvl .scdSection .thirdLvl .thirdLevelItemWrapper .thirdLvlItem:last-child:not(.withImage) .menuAnchor { padding-bottom: 0; line-height: 20px; } .menuHolder .menu .menuWrapper .first-level .secondLvl .scdSection .thirdLvl .thirdLevelItemWrapper .thirdLvlItem.withImage .listingInfo { display: flex; justify-content: space-between; } .menuHolder .menu .menuWrapper .first-level .secondLvl .scdSection .thirdLvl .thirdLevelItemWrapper .thirdLvlItem.withImage .listingInfo .titleWrapper { flex: 0 0 76%; max-width: 76%; padding-inline-end: 10px; } .menuHolder .menu .menuWrapper .first-level .secondLvl .scdSection .thirdLvl .thirdLevelItemWrapper .thirdLvlItem.withImage .listingInfo .menuAnchor { color: #34303d; font-weight: bold; padding-bottom: 5px; display: inline-block; position: relative; z-index: 2; } .menuHolder .menu .menuWrapper .first-level .secondLvl .scdSection .thirdLvl .thirdLevelItemWrapper .thirdLvlItem.withImage .listingInfo .menuAnchor { font-size: 16px; } @media screen and (min-width: 320px) { .menuHolder .menu .menuWrapper .first-level .secondLvl .scdSection .thirdLvl .thirdLevelItemWrapper .thirdLvlItem.withImage .listingInfo .menuAnchor { font-size: calc(16px + 9 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .menuHolder .menu .menuWrapper .first-level .secondLvl .scdSection .thirdLvl .thirdLevelItemWrapper .thirdLvlItem.withImage .listingInfo .menuAnchor { font-size: 25px; } } .menuHolder .menu .menuWrapper .first-level .secondLvl .scdSection .thirdLvl .thirdLevelItemWrapper .thirdLvlItem.withImage .listingInfo .menuAnchor::before { content: ""; position: absolute; height: 4px; width: 0; bottom: 0; inset-inline-start: 0; background-color: #00d1d2; transition: all 0.3s ease-in-out; } .menuHolder .menu .menuWrapper .first-level .secondLvl .scdSection .thirdLvl .thirdLevelItemWrapper .thirdLvlItem.withImage .listingInfo .menuAnchor:hover::before, .menuHolder .menu .menuWrapper .first-level .secondLvl .scdSection .thirdLvl .thirdLevelItemWrapper .thirdLvlItem.withImage .listingInfo .menuAnchor.active::before { width: calc(100% - 30px); } .menuHolder .menu .menuWrapper .first-level .secondLvl .scdSection .thirdLvl .thirdLevelItemWrapper .thirdLvlItem.withImage .listingInfo p { font-size: 16px; color: #34303d; margin-bottom: 10px; } .menuHolder .menu .menuWrapper .first-level .secondLvl .scdSection .thirdLvl .thirdLevelItemWrapper .thirdLvlItem.withImage .imageWrapper { flex: 0 0 24%; max-width: 24%; padding-inline-end: 6px; } .menuHolder .menu .menuWrapper .first-level .secondLvl .scdSection .thirdLvl .thirdLevelItemWrapper .thirdLvlItem.withImage .imageWrapper a::before { display: none; } .menuHolder .menu .menuWrapper .first-level .secondLvl .scdSection .thirdLvl .thirdLevelItemWrapper .thirdLvlItem.withImage .imageWrapper img { max-width: 100%; -o-object-fit: contain; object-fit: contain; } .menuHolder .menu .menuWrapper .first-level .secondLvl .scdSection .thirdLvl .thirdLevelItemWrapper .thirdLvlItem.isHighlighted { font-weight: bold; } .menuHolder .menu .menuWrapper .first-level .secondLvl .scdSection .thirdLvl .thirdLevelItemWrapper .thirdLvlItem.isHighlighted { font-size: 22px; } @media screen and (min-width: 320px) { .menuHolder .menu .menuWrapper .first-level .secondLvl .scdSection .thirdLvl .thirdLevelItemWrapper .thirdLvlItem.isHighlighted { font-size: calc(22px + 4 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .menuHolder .menu .menuWrapper .first-level .secondLvl .scdSection .thirdLvl .thirdLevelItemWrapper .thirdLvlItem.isHighlighted { font-size: 26px; } } .menuHolder .menu .menuWrapper .first-level .secondLvl .scdSection .thirdLvl .thirdLevelItemWrapper .thirdLvlItem .menuAnchor { color: #34303d; padding-bottom: 5px; display: inline-block; position: relative; z-index: 2; height: -moz-fit-content; height: fit-content; width: -moz-fit-content; width: fit-content; transition: all 0.3s ease-in-out; } .menuHolder .menu .menuWrapper .first-level .secondLvl .scdSection .thirdLvl .thirdLevelItemWrapper .thirdLvlItem .menuAnchor { font-size: 16px; } @media screen and (min-width: 320px) { .menuHolder .menu .menuWrapper .first-level .secondLvl .scdSection .thirdLvl .thirdLevelItemWrapper .thirdLvlItem .menuAnchor { font-size: calc(16px + 0 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .menuHolder .menu .menuWrapper .first-level .secondLvl .scdSection .thirdLvl .thirdLevelItemWrapper .thirdLvlItem .menuAnchor { font-size: 16px; } } .menuHolder .menu .menuWrapper .first-level .secondLvl .scdSection .thirdLvl .thirdLevelItemWrapper .thirdLvlItem .menuAnchor.isHighlited { font-weight: bold; } .menuHolder .menu .menuWrapper .first-level .secondLvl .scdSection .thirdLvl .thirdLevelItemWrapper .thirdLvlItem .menuAnchor.isHighlited { font-size: 16px; } @media screen and (min-width: 320px) { .menuHolder .menu .menuWrapper .first-level .secondLvl .scdSection .thirdLvl .thirdLevelItemWrapper .thirdLvlItem .menuAnchor.isHighlited { font-size: calc(16px + 2 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .menuHolder .menu .menuWrapper .first-level .secondLvl .scdSection .thirdLvl .thirdLevelItemWrapper .thirdLvlItem .menuAnchor.isHighlited { font-size: 18px; } } .menuHolder .menu .menuWrapper .first-level .secondLvl .scdSection .thirdLvl .thirdLevelItemWrapper .thirdLvlItem .menuAnchor.isHighlited::before { content: ""; height: 4px; width: 0; position: absolute; bottom: 0; inset-inline-start: 0; background-color: #00d1d2; transition: all 0.3s ease-in-out; } .menuHolder .menu .menuWrapper .first-level .secondLvl .scdSection .thirdLvl .thirdLevelItemWrapper .thirdLvlItem .menuAnchor.isHighlited:hover, .menuHolder .menu .menuWrapper .first-level .secondLvl .scdSection .thirdLvl .thirdLevelItemWrapper .thirdLvlItem .menuAnchor.isHighlited.active { color: #00d1d2; } .menuHolder .menu .menuWrapper .first-level .secondLvl .scdSection .thirdLvl .thirdLevelItemWrapper .thirdLvlItem .menuAnchor.isHighlited:hover::before, .menuHolder .menu .menuWrapper .first-level .secondLvl .scdSection .thirdLvl .thirdLevelItemWrapper .thirdLvlItem .menuAnchor.isHighlited.active::before { width: calc(100% - 5px); } .menuHolder .menu .menuWrapper .first-level .secondLvl .scdSection .thirdLvl .thirdLevelItemWrapper .thirdLvlItem .menuAnchor:hover, .menuHolder .menu .menuWrapper .first-level .secondLvl .scdSection .thirdLvl .thirdLevelItemWrapper .thirdLvlItem .menuAnchor.active { color: #00d1d2; } .menuHolder .menu .menuWrapper .first-level .secondLvl .highlitedSection { flex: 0 0 27%; } .menuHolder .menu .menuWrapper .first-level .secondLvl .highlitedSection .imageWrapper { margin-bottom: 10px; } .menuHolder .menu .menuWrapper .first-level .secondLvl .highlitedSection .imageWrapper a { display: block; --bs-aspect-ratio: 60%; } .menuHolder .menu .menuWrapper .first-level .secondLvl .highlitedSection .imageWrapper a::before { display: none; } .menuHolder .menu .menuWrapper .first-level .secondLvl .highlitedSection .imageWrapper a img { max-width: 100%; -o-object-fit: cover; object-fit: cover; position: static; } .menuHolder .menu .menuWrapper .first-level .secondLvl .highlitedSection .highlitedInfo .title { color: #34303d; font-weight: bold; padding-bottom: 5px; display: inline-block; position: relative; z-index: 2; padding-inline-end: 25px; } .menuHolder .menu .menuWrapper .first-level .secondLvl .highlitedSection .highlitedInfo .title { font-size: 20px; } @media screen and (min-width: 320px) { .menuHolder .menu .menuWrapper .first-level .secondLvl .highlitedSection .highlitedInfo .title { font-size: calc(20px + 3 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .menuHolder .menu .menuWrapper .first-level .secondLvl .highlitedSection .highlitedInfo .title { font-size: 23px; } } .menuHolder .menu .menuWrapper .first-level .secondLvl .highlitedSection .highlitedInfo .description { font-size: 16px; line-height: 20px; font-weight: normal; margin-bottom: 14px; color: #34303d; display: block; } .menuHolder .menu .menuWrapper .first-level .secondLvl .highlitedSection .highlitedInfo .link { color: #34303d; font-size: 16px; line-height: 20px; width: -moz-fit-content; width: fit-content; display: flex; align-items: center; gap: 8px; position: relative; background-color: transparent; border: none; } .menuHolder .menu .menuWrapper .first-level .secondLvl .highlitedSection .highlitedInfo .link::after { content: ""; display: inline-block; width: 16px; height: 14px; margin-top: 4px; background-image: url(../../images/back-button.svg); background-size: contain; background-repeat: no-repeat; background-position: center center; transform: scale(-1); transition: all 0.3s ease-in-out; } .menuHolder .menu .menuWrapper .first-level .secondLvl .highlitedSection .highlitedInfo .link:hover::after { transform: scale(-1) translateX(-6px); filter: brightness(0) saturate(100%) invert(57%) sepia(59%) saturate(1421%) hue-rotate(136deg) brightness(98%) contrast(104%); } .menuHolder .menu .menuWrapper .first-level .menuOverlay { background-color: rgba(52, 48, 61, 0.4); bottom: 0; height: calc(100vh - 77px); inset-inline-start: 0; position: absolute; inset-inline-end: 0; top: 77px; display: none; z-index: -1; } .menuHolder .menu .rightMenuWrapper { display: flex; align-items: center; justify-content: flex-end; gap: 20px; flex: 0 0 calc(40% - 40px); } .menuHolder .menu #ecom-header { display: flex; align-items: center; gap: 15px; /*.account-dropdown { position: absolute; top: calc(100%); inset-inline-end: 0; min-width: 150px; height: auto; z-index: 100; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .05); background-color: $white; display: none;*/ /* opacity: 0;*/ /*transition: opacity 0.3s ease-in-out; &.open{ }*/ } .menuHolder .menu #ecom-header .user-icon-parent { background-image: url(../../images/user-icon.svg); background-position: center center; background-size: contain; background-repeat: no-repeat; width: 35px; height: 21px; position: relative; cursor: pointer; } .menuHolder .menu #ecom-header .user-icon-parent .user-icon { display: block; width: 100%; height: 100%; } .menuHolder .menu #ecom-header .user-icon-parent:hover .account-dropdown { max-height: 500px; } .menuHolder .menu #ecom-header .user-icon-parent > a { color: transparent; } .menuHolder .menu #ecom-header .account-dropdown { position: absolute; top: 100%; inset-inline-end: 0; min-width: 150px; max-height: 0; /* Initially set to 0 for hidden state */ z-index: 100; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.05); background-color: #ffffff; overflow: hidden; transition: max-height 0.3s cubic-bezier(0.96, 0.05, 0.79, 1); } .menuHolder .menu #ecom-header .account-dropdown a { padding: 15px 20px; display: block; border-bottom: 1px solid #dcdcdc; color: #34303d; font-size: 14px; transition: all 0.3s ease-in-out; } .menuHolder .menu #ecom-header .account-dropdown a h3 { font-weight: normal; width: -moz-fit-content; width: fit-content; position: relative; } .menuHolder .menu #ecom-header .account-dropdown a h3:before { content: ""; position: absolute; inset-inline-start: 0; bottom: 3px; width: 0; height: 1px; background: #34303d; transition: width linear 0.25s; } .menuHolder .menu #ecom-header .account-dropdown a:hover h3:before { width: 100%; } .menuHolder .menu #ecom-header .account-dropdown a:last-child { border-bottom: 0px solid; } .menuHolder .menu #ecom-header .account-dropdown.loggedIn .anchorWrapper { padding: 15px 10px; } .menuHolder .menu #ecom-header .account-dropdown.loggedIn .anchorWrapper.noIcon { display: flex; justify-content: center; } .menuHolder .menu #ecom-header .account-dropdown.loggedIn .anchorWrapper:hover .profileLinkWrapper h3:before { width: 100%; } .menuHolder .menu #ecom-header .account-dropdown.loggedIn .anchorWrapper .profileLinkWrapper { width: -moz-max-content; width: max-content; align-items: center; justify-content: space-between; display: flex; gap: 10px; } .menuHolder .menu #ecom-header .account-dropdown.loggedIn .anchorWrapper .profileLinkWrapper img { max-width: 45px; } .menuHolder .menu #ecom-header .account-dropdown.loggedIn .anchorWrapper .profileLinkWrapper h3 { font-weight: normal; position: relative; } .menuHolder .menu #ecom-header .account-dropdown.loggedIn .anchorWrapper .profileLinkWrapper h3:before { content: ""; position: absolute; inset-inline-start: 0; bottom: 3px; width: 0; height: 1px; background: #34303d; transition: width linear 0.25s; } .menuHolder .menu #ecom-header.mobileEcomItems { display: none; } .menuHolder .menu .cart-parent #Cart-Items .cartItems .cart-header-icon { position: relative; background-image: url(../../images/cart-icon.svg); background-position: center center; background-size: contain; background-repeat: no-repeat; width: 35px; height: auto; min-height: 21px; display: block; } .menuHolder .menu .cart-parent #Cart-Items .cartItems .cart-header-icon span { position: absolute; height: 12px; width: 12px; background: #00d1d2; border-radius: 50%; bottom: 0; inset-inline-end: 3px; font-size: 9px; line-height: 12px; text-align: center; font-weight: bold; display: flex; justify-content: center; color: #34303d; } .menuHolder .menu .cart-parent #Cart-Items .cartItems .side-cart-view-wrapper.visible { position: absolute; background-color: rgba(0, 0, 0, 0.6); min-width: 100vw; min-height: 100vh; left: 0; top: 0; } .menuHolder .menu .cart-parent #Cart-Items .cartItems .side-cart-view-wrapper .side-cart-view { display: flex; position: absolute; top: 77px; background-color: white; width: 35%; max-width: 500px; inset-inline-end: 0px; height: 100vh; z-index: 16; flex-direction: column; padding: 15px 40px 30px 20px; box-shadow: -8px 2px 8px 0 rgba(0, 0, 0, 0.08); transform: translateX(100%); opacity: 0; pointer-events: none; transition: all 0.5s ease-in-out; height: -moz-fit-content; height: fit-content; } .menuHolder .menu .cart-parent #Cart-Items .cartItems .side-cart-view-wrapper .side-cart-view .cart-controls-header { display: flex; justify-content: space-between; align-items: center; } .menuHolder .menu .cart-parent #Cart-Items .cartItems .side-cart-view-wrapper .side-cart-view .cart-controls-header .textWithCheckmark { display: flex; gap: 10px; align-items: center; margin-bottom: 30px; } .menuHolder .menu .cart-parent #Cart-Items .cartItems .side-cart-view-wrapper .side-cart-view .cart-controls-header .textWithCheckmark svg { max-width: 20px; } .menuHolder .menu .cart-parent #Cart-Items .cartItems .side-cart-view-wrapper .side-cart-view.visible { transform: translateX(0); opacity: 1; pointer-events: all; } .menuHolder .menu .cart-parent #Cart-Items .cartItems .side-cart-view-wrapper .side-cart-view .close-mini-cart { align-self: flex-end; display: block; height: 25px; width: 25px; background-image: url(/images/close-icon-black.svg); background-size: contain; background-repeat: no-repeat; background-position: center; margin-bottom: 30px; flex-shrink: 0; } .menuHolder .menu .cart-parent #Cart-Items .cartItems .side-cart-view-wrapper .side-cart-view .noItems { text-align: center; } .menuHolder .menu .cart-parent #Cart-Items .cartItems .side-cart-view-wrapper .side-cart-view .noItems .cart-empty-title { margin-bottom: 25px; font-weight: 500; } .menuHolder .menu .cart-parent #Cart-Items .cartItems .side-cart-view-wrapper .side-cart-view .noItems .cart-empty-title { font-size: 20px; } @media screen and (min-width: 320px) { .menuHolder .menu .cart-parent #Cart-Items .cartItems .side-cart-view-wrapper .side-cart-view .noItems .cart-empty-title { font-size: calc(20px + 6 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .menuHolder .menu .cart-parent #Cart-Items .cartItems .side-cart-view-wrapper .side-cart-view .noItems .cart-empty-title { font-size: 26px; } } .menuHolder .menu .cart-parent #Cart-Items .cartItems .side-cart-view-wrapper .side-cart-view .noItems .button { display: inline-block; background-color: #34303d; color: #ffffff; padding: 5px 32px 9px; border-radius: 24px; border: 2px solid #34303d; letter-spacing: 0.5px; font-size: 16px; cursor: pointer; transition: all 0.3s ease-in-out; } .menuHolder .menu .cart-parent #Cart-Items .cartItems .side-cart-view-wrapper .side-cart-view .noItems .button:hover { background-color: #00d1d2; color: #34303d; border-color: #00d1d2; } .menuHolder .menu .cart-parent #Cart-Items .cartItems .side-cart-view-wrapper .side-cart-view .cart-items-wrapper .cartItemsWrapper { max-height: 60vh; overflow-y: auto; scrollbar-width: thin; /* Hide the browser's default scrollbar */ /* Apply custom styles to the scrollbar thumb for Webkit-based browsers (Chrome, Safari) */ } .menuHolder .menu .cart-parent #Cart-Items .cartItems .side-cart-view-wrapper .side-cart-view .cart-items-wrapper .cartItemsWrapper::-webkit-scrollbar { width: 8px; } .menuHolder .menu .cart-parent #Cart-Items .cartItems .side-cart-view-wrapper .side-cart-view .cart-items-wrapper .cartItemsWrapper::-webkit-scrollbar-track { background-color: #dfdfdf; } .menuHolder .menu .cart-parent #Cart-Items .cartItems .side-cart-view-wrapper .side-cart-view .cart-items-wrapper .cartItemsWrapper::-webkit-scrollbar-thumb { background-color: #a3a3a3; } .menuHolder .menu .cart-parent #Cart-Items .cartItems .side-cart-view-wrapper .side-cart-view .cart-items-wrapper .cartItemsWrapper ul .product-row:last-child .itemHolder { border-bottom: none; padding-bottom: 0; } .menuHolder .menu .cart-parent #Cart-Items .cartItems .side-cart-view-wrapper .side-cart-view .cart-items-wrapper .cartItemsWrapper ul .product-row.bundle-row { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #dcdcdc; } .menuHolder .menu .cart-parent #Cart-Items .cartItems .side-cart-view-wrapper .side-cart-view .cart-items-wrapper .cartItemsWrapper ul .product-row .productDeleteWrapper { display: flex; justify-content: flex-end; flex-direction: column; gap: 15px; } .menuHolder .menu .cart-parent #Cart-Items .cartItems .side-cart-view-wrapper .side-cart-view .cart-items-wrapper .cartItemsWrapper ul .product-row .productDeleteWrapper .cartItemsPriceWrapper .oldProductPrice { text-decoration: line-through; font-size: 12px; text-align: end; } .menuHolder .menu .cart-parent #Cart-Items .cartItems .side-cart-view-wrapper .side-cart-view .cart-items-wrapper .cartItemsWrapper ul .product-row .productDeleteWrapper .cartItemsPriceWrapper .productPrice { padding-top: 0px; text-align: end; } .menuHolder .menu .cart-parent #Cart-Items .cartItems .side-cart-view-wrapper .side-cart-view .cart-items-wrapper .cartItemsWrapper ul .product-row .productDeleteWrapper .delete-from-cart { margin-bottom: 5px !important; background: url("/images/remove-item.png"); height: 20px; margin-bottom: 0; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: 0.2s all ease-in-out; } .menuHolder .menu .cart-parent #Cart-Items .cartItems .side-cart-view-wrapper .side-cart-view .cart-items-wrapper .cartItemsWrapper ul .product-row .productDeleteWrapper .delete-from-cart:hover { filter: brightness(0) saturate(100%) invert(57%) sepia(59%) saturate(1421%) hue-rotate(136deg) brightness(98%) contrast(104%); } .menuHolder .menu .cart-parent #Cart-Items .cartItems .side-cart-view-wrapper .side-cart-view .cart-items-wrapper .cartItemsWrapper ul .product-row .bundleItem { position: relative; } .menuHolder .menu .cart-parent #Cart-Items .cartItems .side-cart-view-wrapper .side-cart-view .cart-items-wrapper .cartItemsWrapper ul .product-row .bundleItem::after { content: "+"; display: block; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); font-size: 38px; line-height: 20px; height: 20px; font-weight: 500; } .menuHolder .menu .cart-parent #Cart-Items .cartItems .side-cart-view-wrapper .side-cart-view .cart-items-wrapper .cartItemsWrapper ul .product-row .bundleItem:last-child::after { display: none; } .menuHolder .menu .cart-parent #Cart-Items .cartItems .side-cart-view-wrapper .side-cart-view .cart-items-wrapper .cartItemsWrapper ul .product-row .bundleItem .itemHolder { border-bottom: none; padding-bottom: 0; margin-bottom: 0; } .menuHolder .menu .cart-parent #Cart-Items .cartItems .side-cart-view-wrapper .side-cart-view .cart-items-wrapper .cartItemsWrapper ul .product-row .productName-Qtty { padding-top: 8px; flex: 0 0 40%; } .menuHolder .menu .cart-parent #Cart-Items .cartItems .side-cart-view-wrapper .side-cart-view .cart-items-wrapper .cartItemsWrapper ul .product-row .productName-Qtty a { font-size: 16px; font-weight: bold; color: #34303d; transition: all 0.3s ease-in-out; display: block; margin-bottom: 3px; } .menuHolder .menu .cart-parent #Cart-Items .cartItems .side-cart-view-wrapper .side-cart-view .cart-items-wrapper .cartItemsWrapper ul .product-row .productName-Qtty a:hover { color: #00d1d2; } .menuHolder .menu .cart-parent #Cart-Items .cartItems .side-cart-view-wrapper .side-cart-view .cart-items-wrapper .cartItemsWrapper ul .product-row .productName-Qtty .productQty { font-size: 16px; margin-bottom: 10px; } .menuHolder .menu .cart-parent #Cart-Items .cartItems .side-cart-view-wrapper .side-cart-view .cart-items-wrapper .cartItemsWrapper ul .product-row .productName-Qtty .qtty-price-holder .colQuantity { display: flex; align-items: center; gap: 15px; } .menuHolder .menu .cart-parent #Cart-Items .cartItems .side-cart-view-wrapper .side-cart-view .cart-items-wrapper .cartItemsWrapper ul .product-row .productName-Qtty .qtty-price-holder .colQuantity input { font-family: "IQOS", "IQOS AR", sans-serif; font-size: 14px; width: 55px; text-align: center; } .menuHolder .menu .cart-parent #Cart-Items .cartItems .side-cart-view-wrapper .side-cart-view .cart-items-wrapper .cartItemsWrapper ul .product-row .productName-Qtty .qtty-price-holder .colQuantity a { width: 24px; height: 24px; margin-bottom: 0; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: all 0.3s ease-in-out; } .menuHolder .menu .cart-parent #Cart-Items .cartItems .side-cart-view-wrapper .side-cart-view .cart-items-wrapper .cartItemsWrapper ul .product-row .productName-Qtty .qtty-price-holder .colQuantity a:hover { filter: brightness(0) saturate(100%) invert(57%) sepia(59%) saturate(1421%) hue-rotate(136deg) brightness(98%) contrast(104%); } .menuHolder .menu .cart-parent #Cart-Items .cartItems .side-cart-view-wrapper .side-cart-view .cart-items-wrapper .cartItemsWrapper ul .product-row .productName-Qtty .qtty-price-holder .colQuantity a.minus { background-image: url(../../images/minus-button.svg); } .menuHolder .menu .cart-parent #Cart-Items .cartItems .side-cart-view-wrapper .side-cart-view .cart-items-wrapper .cartItemsWrapper ul .product-row .productName-Qtty .qtty-price-holder .colQuantity a.plus { background-image: url(../../images/add-button.svg); } .menuHolder .menu .cart-parent #Cart-Items .cartItems .side-cart-view-wrapper .side-cart-view .cart-items-wrapper .cartItemsWrapper ul .product-row .productName-Qtty .qtty-price-holder .colQuantity input[type="number"]::-webkit-inner-spin-button, .menuHolder .menu .cart-parent #Cart-Items .cartItems .side-cart-view-wrapper .side-cart-view .cart-items-wrapper .cartItemsWrapper ul .product-row .productName-Qtty .qtty-price-holder .colQuantity input[type="number"]::-webkit-outer-spin-button, .menuHolder .menu .cart-parent #Cart-Items .cartItems .side-cart-view-wrapper .side-cart-view .cart-items-wrapper .cartItemsWrapper ul .product-row .productName-Qtty .qtty-price-holder .colQuantity input[type="number"]::-webkit-input-placeholder { display: none; } .menuHolder .menu .cart-parent #Cart-Items .cartItems .side-cart-view-wrapper .side-cart-view .cart-items-wrapper .cartItemsWrapper ul .product-row .productName-Qtty .qtty-price-holder .colQuantity input[type="number"] { -moz-appearance: textfield; /* Firefox */ } .menuHolder .menu .cart-parent #Cart-Items .cartItems .side-cart-view-wrapper .side-cart-view .cart-items-wrapper .cartItemsWrapper ul .product-row .productPrice { font-size: 16px; font-weight: bold; padding-top: 8px; flex: 0 0 auto; } .menuHolder .menu .cart-parent #Cart-Items .cartItems .side-cart-view-wrapper .side-cart-view .cart-items-wrapper .cartItemsWrapper ul .product-row .itemHolder { display: flex; gap: 10px; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #dcdcdc; } .menuHolder .menu .cart-parent #Cart-Items .cartItems .side-cart-view-wrapper .side-cart-view .cart-items-wrapper .cartItemsWrapper ul .product-row .itemHolder .image-holder { width: 100px; height: 100px; flex-shrink: 0; } .menuHolder .menu .cart-parent #Cart-Items .cartItems .side-cart-view-wrapper .side-cart-view .cart-items-wrapper .cartItemsWrapper ul .product-row .itemHolder .image-holder img { width: 100%; height: auto; -o-object-fit: contain; object-fit: contain; } .menuHolder .menu .cart-parent #Cart-Items .cartItems .side-cart-view-wrapper .side-cart-view .cart-items-wrapper .cartItemsWrapper ul .product-row .priceQtyWrapper { padding-inline-start: 110px; margin-top: 20px; } .menuHolder .menu .cart-parent #Cart-Items .cartItems .side-cart-view-wrapper .side-cart-view .cart-items-wrapper .cartItemsWrapper ul .product-row .blockHead { display: flex; align-items: center; gap: 10px; margin-bottom: 20px; } .menuHolder .menu .cart-parent #Cart-Items .cartItems .side-cart-view-wrapper .side-cart-view .cart-items-wrapper .cartItemsWrapper ul .product-row .blockHead a { flex: 0 0 calc(40% + 110px); } .menuHolder .menu .cart-parent #Cart-Items .cartItems .side-cart-view-wrapper .side-cart-view .cart-items-wrapper .cartItemsWrapper ul .product-row .blockHead a, .menuHolder .menu .cart-parent #Cart-Items .cartItems .side-cart-view-wrapper .side-cart-view .cart-items-wrapper .cartItemsWrapper ul .product-row .blockHead .productPrice { font-size: 16px; color: #34303d; font-weight: bold; } .menuHolder .menu .cart-parent #Cart-Items .cartItems .side-cart-view-wrapper .side-cart-view .cart-items-wrapper .orderPrice .cartBtns { display: flex; flex-direction: column; gap: 15px; } .menuHolder .menu .cart-parent #Cart-Items .cartItems .side-cart-view-wrapper .side-cart-view .cart-items-wrapper .orderPrice .cartBtns .button { width: 100%; text-align: center; } .menuHolder .menu .cart-parent #Cart-Items .cartItems .side-cart-view-wrapper .side-cart-view .cart-items-wrapper .orderPrice .cartBtns .button.secondaryBtn { display: inline-block; background-color: transparent; color: #34303d; padding: 5px 32px 9px; border-radius: 24px; border: 2px solid #34303d; letter-spacing: 0.5px; font-size: 16px; cursor: pointer; transition: all 0.3s ease-in-out; } .menuHolder .menu .cart-parent #Cart-Items .cartItems .side-cart-view-wrapper .side-cart-view .cart-items-wrapper .orderPrice .cartBtns .button.secondaryBtn:hover { background-color: #34303d; color: #ffffff; border-color: #34303d; } .menuHolder .menu .cart-parent #Cart-Items .cartItems .side-cart-view-wrapper .side-cart-view .cart-items-wrapper .orderPrice .cartBtns .button:not(.secondaryBtn) { display: inline-block; background-color: #34303d; color: #ffffff; padding: 5px 32px 9px; border-radius: 24px; border: 2px solid #34303d; letter-spacing: 0.5px; font-size: 16px; cursor: pointer; transition: all 0.3s ease-in-out; } .menuHolder .menu .cart-parent #Cart-Items .cartItems .side-cart-view-wrapper .side-cart-view .cart-items-wrapper .orderPrice .cartBtns .button:not(.secondaryBtn):hover { background-color: #00d1d2; color: #34303d; border-color: #00d1d2; } .menuHolder .cart-parent #Cart-Items .cartItems .cart-header-icon { position: relative; background-image: url(../../images/cart-icon.svg); background-position: center center; background-size: contain; background-repeat: no-repeat; width: 35px; height: auto; min-height: 21px; display: block; } .menuHolder .cart-parent #Cart-Items .cartItems .cart-header-icon span { position: absolute; height: 12px; width: 12px; background: #00d1d2; border-radius: 50%; bottom: 0; inset-inline-end: 3px; font-size: 9px; line-height: 12px; text-align: center; font-weight: bold; display: flex; justify-content: center; color: #34303d; } .menuHolder .cart-parent #Cart-Items .cartItems .side-cart-view { display: flex; position: absolute; top: 77px; background-color: white; width: 35%; max-width: 500px; inset-inline-end: 0px; height: 100vh; z-index: 16; flex-direction: column; padding: 15px 40px 30px 20px; box-shadow: -8px 2px 8px 0 rgba(0, 0, 0, 0.08); transform: translateX(100%); opacity: 0; pointer-events: none; transition: all 0.5s ease-in-out; } .menuHolder .cart-parent #Cart-Items .cartItems .side-cart-view.visible { transform: translateX(0); opacity: 1; pointer-events: all; } .menuHolder .cart-parent #Cart-Items .cartItems .side-cart-view .close-mini-cart { align-self: flex-end; display: block; height: 25px; width: 25px; background-image: url(/images/close-icon-black.svg); background-size: contain; background-repeat: no-repeat; background-position: center; margin-bottom: 30px; flex-shrink: 0; } .menuHolder .cart-parent #Cart-Items .cartItems .side-cart-view .noItems { text-align: center; } .menuHolder .cart-parent #Cart-Items .cartItems .side-cart-view .noItems .cart-empty-title { margin-bottom: 25px; font-weight: 500; } .menuHolder .cart-parent #Cart-Items .cartItems .side-cart-view .noItems .cart-empty-title { font-size: 20px; } @media screen and (min-width: 320px) { .menuHolder .cart-parent #Cart-Items .cartItems .side-cart-view .noItems .cart-empty-title { font-size: calc(20px + 6 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .menuHolder .cart-parent #Cart-Items .cartItems .side-cart-view .noItems .cart-empty-title { font-size: 26px; } } .menuHolder .cart-parent #Cart-Items .cartItems .side-cart-view .noItems .button { display: inline-block; background-color: #34303d; color: #ffffff; padding: 5px 32px 9px; border-radius: 24px; border: 2px solid #34303d; letter-spacing: 0.5px; font-size: 16px; cursor: pointer; transition: all 0.3s ease-in-out; } .menuHolder .cart-parent #Cart-Items .cartItems .side-cart-view .noItems .button:hover { background-color: #00d1d2; color: #34303d; border-color: #00d1d2; } .menuHolder .cart-parent #Cart-Items .cartItems .side-cart-view .cart-items-wrapper .cartItemsWrapper { max-height: 60vh; overflow-y: auto; scrollbar-width: thin; /* Hide the browser's default scrollbar */ /* Apply custom styles to the scrollbar thumb for Webkit-based browsers (Chrome, Safari) */ } .menuHolder .cart-parent #Cart-Items .cartItems .side-cart-view .cart-items-wrapper .cartItemsWrapper::-webkit-scrollbar { width: 8px; } .menuHolder .cart-parent #Cart-Items .cartItems .side-cart-view .cart-items-wrapper .cartItemsWrapper::-webkit-scrollbar-track { background-color: #dfdfdf; } .menuHolder .cart-parent #Cart-Items .cartItems .side-cart-view .cart-items-wrapper .cartItemsWrapper::-webkit-scrollbar-thumb { background-color: #a3a3a3; } .menuHolder .cart-parent #Cart-Items .cartItems .side-cart-view .cart-items-wrapper .cartItemsWrapper ul .product-row:last-child .itemHolder { border-bottom: none; padding-bottom: 0; } .menuHolder .cart-parent #Cart-Items .cartItems .side-cart-view .cart-items-wrapper .cartItemsWrapper ul .product-row.bundle-row { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #dcdcdc; } .menuHolder .cart-parent #Cart-Items .cartItems .side-cart-view .cart-items-wrapper .cartItemsWrapper ul .product-row .productDeleteWrapper { display: flex; justify-content: space-between; flex-direction: column; } .menuHolder .cart-parent #Cart-Items .cartItems .side-cart-view .cart-items-wrapper .cartItemsWrapper ul .product-row .productDeleteWrapper .delete-from-cart { margin-bottom: 5px !important; background: url("/images/remove-item.png"); height: 20px; margin-bottom: 0; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: 0.2s all ease-in-out; } .menuHolder .cart-parent #Cart-Items .cartItems .side-cart-view .cart-items-wrapper .cartItemsWrapper ul .product-row .productDeleteWrapper .delete-from-cart:hover { filter: brightness(0) saturate(100%) invert(57%) sepia(59%) saturate(1421%) hue-rotate(136deg) brightness(98%) contrast(104%); } .menuHolder .cart-parent #Cart-Items .cartItems .side-cart-view .cart-items-wrapper .cartItemsWrapper ul .product-row .bundleItem { position: relative; } .menuHolder .cart-parent #Cart-Items .cartItems .side-cart-view .cart-items-wrapper .cartItemsWrapper ul .product-row .bundleItem::after { content: "+"; display: block; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); font-size: 38px; line-height: 20px; height: 20px; font-weight: 500; } .menuHolder .cart-parent #Cart-Items .cartItems .side-cart-view .cart-items-wrapper .cartItemsWrapper ul .product-row .bundleItem:last-child::after { display: none; } .menuHolder .cart-parent #Cart-Items .cartItems .side-cart-view .cart-items-wrapper .cartItemsWrapper ul .product-row .bundleItem .itemHolder { border-bottom: none; padding-bottom: 0; margin-bottom: 0; } .menuHolder .cart-parent #Cart-Items .cartItems .side-cart-view .cart-items-wrapper .cartItemsWrapper ul .product-row .productName-Qtty { padding-top: 8px; flex: 0 0 40%; } .menuHolder .cart-parent #Cart-Items .cartItems .side-cart-view .cart-items-wrapper .cartItemsWrapper ul .product-row .productName-Qtty a { font-size: 16px; font-weight: bold; color: #34303d; transition: all 0.3s ease-in-out; display: block; margin-bottom: 3px; } .menuHolder .cart-parent #Cart-Items .cartItems .side-cart-view .cart-items-wrapper .cartItemsWrapper ul .product-row .productName-Qtty a:hover { color: #00d1d2; } .menuHolder .cart-parent #Cart-Items .cartItems .side-cart-view .cart-items-wrapper .cartItemsWrapper ul .product-row .productName-Qtty .productQty { font-size: 16px; margin-bottom: 10px; } .menuHolder .cart-parent #Cart-Items .cartItems .side-cart-view .cart-items-wrapper .cartItemsWrapper ul .product-row .productName-Qtty .qtty-price-holder .colQuantity { display: flex; align-items: center; gap: 15px; } .menuHolder .cart-parent #Cart-Items .cartItems .side-cart-view .cart-items-wrapper .cartItemsWrapper ul .product-row .productName-Qtty .qtty-price-holder .colQuantity input { font-family: "IQOS", "IQOS AR", sans-serif; font-size: 14px; width: 55px; text-align: center; } .menuHolder .cart-parent #Cart-Items .cartItems .side-cart-view .cart-items-wrapper .cartItemsWrapper ul .product-row .productName-Qtty .qtty-price-holder .colQuantity a { width: 24px; height: 24px; margin-bottom: 0; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: all 0.3s ease-in-out; } .menuHolder .cart-parent #Cart-Items .cartItems .side-cart-view .cart-items-wrapper .cartItemsWrapper ul .product-row .productName-Qtty .qtty-price-holder .colQuantity a:hover { filter: brightness(0) saturate(100%) invert(57%) sepia(59%) saturate(1421%) hue-rotate(136deg) brightness(98%) contrast(104%); } .menuHolder .cart-parent #Cart-Items .cartItems .side-cart-view .cart-items-wrapper .cartItemsWrapper ul .product-row .productName-Qtty .qtty-price-holder .colQuantity a.minus { background-image: url(../../images/minus-button.svg); } .menuHolder .cart-parent #Cart-Items .cartItems .side-cart-view .cart-items-wrapper .cartItemsWrapper ul .product-row .productName-Qtty .qtty-price-holder .colQuantity a.plus { background-image: url(../../images/add-button.svg); } .menuHolder .cart-parent #Cart-Items .cartItems .side-cart-view .cart-items-wrapper .cartItemsWrapper ul .product-row .productName-Qtty .qtty-price-holder .colQuantity input[type="number"]::-webkit-inner-spin-button, .menuHolder .cart-parent #Cart-Items .cartItems .side-cart-view .cart-items-wrapper .cartItemsWrapper ul .product-row .productName-Qtty .qtty-price-holder .colQuantity input[type="number"]::-webkit-outer-spin-button, .menuHolder .cart-parent #Cart-Items .cartItems .side-cart-view .cart-items-wrapper .cartItemsWrapper ul .product-row .productName-Qtty .qtty-price-holder .colQuantity input[type="number"]::-webkit-input-placeholder { display: none; } .menuHolder .cart-parent #Cart-Items .cartItems .side-cart-view .cart-items-wrapper .cartItemsWrapper ul .product-row .productName-Qtty .qtty-price-holder .colQuantity input[type="number"] { -moz-appearance: textfield; /* Firefox */ } .menuHolder .cart-parent #Cart-Items .cartItems .side-cart-view .cart-items-wrapper .cartItemsWrapper ul .product-row .productPrice { font-size: 16px; font-weight: bold; padding-top: 8px; flex: 0 0 auto; } .menuHolder .cart-parent #Cart-Items .cartItems .side-cart-view .cart-items-wrapper .cartItemsWrapper ul .product-row .itemHolder { display: flex; gap: 10px; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #dcdcdc; } .menuHolder .cart-parent #Cart-Items .cartItems .side-cart-view .cart-items-wrapper .cartItemsWrapper ul .product-row .itemHolder .image-holder { width: 100px; height: 100px; flex-shrink: 0; } .menuHolder .cart-parent #Cart-Items .cartItems .side-cart-view .cart-items-wrapper .cartItemsWrapper ul .product-row .itemHolder .image-holder img { width: 100%; height: auto; -o-object-fit: contain; object-fit: contain; } .menuHolder .cart-parent #Cart-Items .cartItems .side-cart-view .cart-items-wrapper .cartItemsWrapper ul .product-row .priceQtyWrapper { padding-inline-start: 110px; margin-top: 20px; } .menuHolder .cart-parent #Cart-Items .cartItems .side-cart-view .cart-items-wrapper .cartItemsWrapper ul .product-row .blockHead { display: flex; align-items: center; gap: 10px; margin-bottom: 20px; } .menuHolder .cart-parent #Cart-Items .cartItems .side-cart-view .cart-items-wrapper .cartItemsWrapper ul .product-row .blockHead a { flex: 0 0 calc(40% + 110px); } .menuHolder .cart-parent #Cart-Items .cartItems .side-cart-view .cart-items-wrapper .cartItemsWrapper ul .product-row .blockHead a, .menuHolder .cart-parent #Cart-Items .cartItems .side-cart-view .cart-items-wrapper .cartItemsWrapper ul .product-row .blockHead .productPrice { font-size: 16px; color: #34303d; font-weight: bold; } .menuHolder .cart-parent #Cart-Items .cartItems .side-cart-view .cart-items-wrapper .orderPrice .cartBtns { display: flex; flex-direction: column; gap: 15px; } .menuHolder .cart-parent #Cart-Items .cartItems .side-cart-view .cart-items-wrapper .orderPrice .cartBtns .button { width: 100%; text-align: center; } .menuHolder .cart-parent #Cart-Items .cartItems .side-cart-view .cart-items-wrapper .orderPrice .cartBtns .button.secondaryBtn { display: inline-block; background-color: transparent; color: #34303d; padding: 5px 32px 9px; border-radius: 24px; border: 2px solid #34303d; letter-spacing: 0.5px; font-size: 16px; cursor: pointer; transition: all 0.3s ease-in-out; } .menuHolder .cart-parent #Cart-Items .cartItems .side-cart-view .cart-items-wrapper .orderPrice .cartBtns .button.secondaryBtn:hover { background-color: #34303d; color: #ffffff; border-color: #34303d; } .menuHolder .cart-parent #Cart-Items .cartItems .side-cart-view .cart-items-wrapper .orderPrice .cartBtns .button:not(.secondaryBtn) { display: inline-block; background-color: #34303d; color: #ffffff; padding: 5px 32px 9px; border-radius: 24px; border: 2px solid #34303d; letter-spacing: 0.5px; font-size: 16px; cursor: pointer; transition: all 0.3s ease-in-out; } .menuHolder .cart-parent #Cart-Items .cartItems .side-cart-view .cart-items-wrapper .orderPrice .cartBtns .button:not(.secondaryBtn):hover { background-color: #00d1d2; color: #34303d; border-color: #00d1d2; } .not-eligible { color: #d40720; font-size: 16px; font-weight: bold; } .popUp { position: fixed; top: 0; right: 0; height: 100vh; background-color: rgba(255, 255, 255, 0.9); z-index: 200; display: flex; justify-content: center; align-items: center; background-color: rgba(0, 0, 0, 0.6); width: 100%; } .popUp.medium-width > .container { max-width: 50vw; } .popUp.medium-width > .container p.subtitle { margin-bottom: 20px; } .popUp.medium-width > .container p.subtitle { font-size: 14px; } @media screen and (min-width: 320px) { .popUp.medium-width > .container p.subtitle { font-size: calc(14px + 2 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .popUp.medium-width > .container p.subtitle { font-size: 16px; } } .popUp.medium-width > .container .controls { display: flex; justify-content: center; gap: 20px; } .popUp.medium-width > .container .controls .secondaryBtn { display: inline-block; background-color: transparent; color: #34303d; padding: 5px 32px 9px; border-radius: 24px; border: 2px solid #34303d; letter-spacing: 0.5px; font-size: 16px; cursor: pointer; transition: all 0.3s ease-in-out; } .popUp.medium-width > .container .controls .secondaryBtn:hover { background-color: #34303d; color: #ffffff; border-color: #34303d; } .popUp .container { max-width: 60%; background-color: #ffffff; padding: 30px; border-radius: 8px; } .popUp .closePopUp { width: 30px; height: 30px; background-image: url(../../images/close-icon-black.svg); background-position: center center; background-repeat: no-repeat; background-size: contain; display: block; margin-inline-start: auto; transition: all 0.3s ease-in-out; } .popUp .closePopUp:hover { transform: rotate(90deg); } .popUp h1, .popUp h2 { margin-bottom: 15px; font-weight: normal; } .popUp h1, .popUp h2 { font-size: 24px; } @media screen and (min-width: 320px) { .popUp h1, .popUp h2 { font-size: calc(24px + 8 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .popUp h1, .popUp h2 { font-size: 32px; } } .popUp h1, .popUp h2 { font-size: 24px; } @media screen and (min-width: 320px) { .popUp h1, .popUp h2 { font-size: calc(24px + 8 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .popUp h1, .popUp h2 { font-size: 32px; } } .popUp img { max-width: 200px; -o-object-fit: contain; object-fit: contain; } .popUp .product-title { font-weight: 500; text-align: center; } .popUp .product-title { font-size: 22px; } @media screen and (min-width: 320px) { .popUp .product-title { font-size: calc(22px + 10 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .popUp .product-title { font-size: 32px; } } .popUp .product-title#productPrice { margin-bottom: 30px; } .popUp .product-title#productPrice { font-size: 20px; } @media screen and (min-width: 320px) { .popUp .product-title#productPrice { font-size: calc(20px + 2 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .popUp .product-title#productPrice { font-size: 22px; } } .popUp .button { display: inline-block; background-color: #34303d; color: #ffffff; padding: 5px 32px 9px; border-radius: 24px; border: 2px solid #34303d; letter-spacing: 0.5px; font-size: 16px; cursor: pointer; transition: all 0.3s ease-in-out; } .popUp .button:hover { background-color: transparent; color: #34303d; border-color: #34303d; } .popUp #confirm-delete { margin-inline-end: 20px; } #ajaxLoader { position: fixed; top: 0; inset-inline-start: 0; display: block; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.4); z-index: 200; } #ajaxLoader .loader { position: absolute; height: 60px; width: 60px; display: block; top: calc(50% - 30px); left: calc(50% - 30px); animation: rotation 1s infinite linear; border: 6px solid rgba(0, 0, 0, 0.2); border-radius: 100%; } #ajaxLoader .loader::before { content: ""; display: block; position: absolute; left: -6px; top: -6px; height: 60px; width: 60px; border-top: 6px solid rgba(0, 0, 0, 0.8); border-left: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 6px solid transparent; border-radius: 100%; } @keyframes rotation { from { transform: rotate(0deg); } to { transform: rotate(359deg); } } .cartItems .notification-popup { display: flex; justify-content: center; align-items: center; flex-direction: column; height: 100%; } footer { background-color: #34303d; padding-top: 60px; } footer .topFooter { padding-bottom: 35px; } footer .topFooter .container { display: flex; flex-wrap: wrap; } footer .topFooter .row { margin: 0; padding: 0; gap: 20px; } footer .topFooter .row .col-md-3 { padding: 0; } footer .topFooter .simpleList .simpleList { padding-bottom: 25px; } footer .topFooter .simpleList .simpleListTitle { font-size: 14px; color: rgba(255, 253, 251, 0.5); font-weight: normal; letter-spacing: 0.4px; margin-bottom: 25px; } footer .topFooter .simpleList .simpleListTitle a { font-size: 14px; color: rgba(255, 253, 251, 0.5); font-weight: normal; letter-spacing: 0.4px; margin-bottom: 25px; } footer .topFooter .simpleList li { margin-bottom: 25px; } footer .topFooter .simpleList li a { color: #fffdfb; font-size: 16px; font-weight: normal; transition: all 0.3s ease-in-out; } footer .topFooter .simpleList li a:hover { color: #1cd9c5; } footer .topFooter .topFooterScdWrapper { display: flex; flex-direction: column; align-items: flex-end; } footer .topFooter .topFooterScdWrapper .endSection { min-width: 115px; } footer .topFooter .topFooterScdWrapper .endSection .followWrapper { padding-bottom: 15px; } footer .topFooter .topFooterScdWrapper .endSection .followWrapper h3 { font-size: 14px; color: rgba(255, 253, 251, 0.5); font-weight: normal; letter-spacing: 0.4px; margin-bottom: 25px; } footer .topFooter .topFooterScdWrapper .endSection .followWrapper ul li { margin-bottom: 23px; position: relative; } footer .topFooter .topFooterScdWrapper .endSection .followWrapper ul li a::before { width: 25px; height: 25px; background-position: center center; background-repeat: no-repeat; background-size: contain; filter: brightness(0) invert(1); content: ""; display: block; } footer .topFooter .topFooterScdWrapper .endSection .followWrapper ul li.telegram a::before { background-image: url(../../images/social/telegram.svg); } footer .topFooter .topFooterScdWrapper .endSection .followWrapper ul li.facebook a::before { background-image: url(../../images/social/facebook.svg); } footer .topFooter .topFooterScdWrapper .endSection .followWrapper ul li.instagram a::before { background-image: url(../../images/social/instagram.svg); } footer .topFooter .topFooterScdWrapper .endSection .followWrapper ul li.youtube a::before { background-image: url(../../images/social/youtube.svg); } footer .topFooter .topFooterScdWrapper .endSection .followWrapper ul li a { display: flex; align-items: center; gap: 8px; } footer .topFooter .topFooterScdWrapper .endSection .followWrapper ul li a span { color: #fffdfb; font-size: 16px; font-weight: normal; transition: all 0.3s ease-in-out; } footer .topFooter .topFooterScdWrapper .endSection .followWrapper ul li a:hover span { color: #1cd9c5; } footer .topFooter .topFooterScdWrapper .endSection .followWrapper ul li a .footerSocialIcon { width: 25px; height: 25px; } footer .topFooter .topFooterScdWrapper .endSection .followWrapper ul li a .footerSocialIcon img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } footer .topFooter .topFooterScdWrapper .endSection .languageSelector { position: relative; } footer .topFooter .topFooterScdWrapper .endSection .languageSelector h3 { font-size: 14px; color: rgba(255, 253, 251, 0.5); font-weight: normal; letter-spacing: 0.4px; margin-bottom: 25px; } footer .topFooter .topFooterScdWrapper .endSection .languageSelector .selected-language { color: #fffdfb; font-size: 16px; font-weight: normal; transition: all 0.3s ease-in-out; position: relative; display: flex; align-items: center; justify-content: space-between; cursor: pointer; } footer .topFooter .topFooterScdWrapper .endSection .languageSelector .selected-language::after { content: ""; background-image: url(../../images/arrow-down.svg); width: 13px; height: 8px; background-position: center center; background-repeat: no-repeat; background-size: contain; display: block; filter: brightness(0) invert(1); transform-origin: center center; transition: all 0.5s ease-in-out; } footer .topFooter .topFooterScdWrapper .endSection .languageSelector .selected-language.open::after { transform: rotate(180deg); } footer .topFooter .topFooterScdWrapper .endSection .languageSelector .language-options { position: absolute; top: calc(100% + 10px); inset-inline-start: 0; background-color: #ffffff; width: 100%; border-radius: 4px; display: none; z-index: 100; } footer .topFooter .topFooterScdWrapper .endSection .languageSelector .language-options a { display: block; padding: 12px; border-bottom: 1px solid #dcdcdc; font-size: 14px; color: #34303d; transition: all 0.3s ease-in-out; } footer .topFooter .topFooterScdWrapper .endSection .languageSelector .language-options a:hover { color: #00d1d2; } footer .topFooter .topFooterScdWrapper .endSection .languageSelector .language-options a:last-child { border-bottom: none; } footer .middle-footer { display: flex; align-items: center; justify-content: space-between; margin-bottom: 60px; gap: 15px; } footer .middle-footer .footer-logo { display: flex; gap: 3px; align-items: center; flex-wrap: wrap; } footer .middle-footer .footer-logo p { color: rgba(255, 253, 251, 0.5); font-size: 12px; } footer .middle-footer .legal-menu { flex: 0 0 auto; max-width: 60%; display: flex; align-items: center; gap: 20px; } footer .middle-footer .legal-menu li a { color: rgba(255, 253, 251, 0.5); font-size: 12px; transition: all 0.3s ease-in-out; display: block; } footer .middle-footer .legal-menu li a:hover { color: #ffffff; } footer .bottomFooter { background-color: #27242d; padding: 20px 0; } footer .bottomFooter p { color: rgba(255, 253, 251, 0.5); font-size: 16px; text-align: center; } footer .bottomFooter p.arabicDir { font-family: tahoma; direction: rtl; } footer .bottomFooter p.englishDir { direction: ltr; } .swiper-button-next, .swiper-button-prev { display: none; } .homepageMainCarousel { margin-bottom: 60px; } .homepageMainCarousel .homeTopSlider .swiper-button-next, .homepageMainCarousel .homeTopSlider .swiper-button-prev { color: #ffffff; } .homepageMainCarousel .homeTopSlider .swiper-slide .contentWrapper { --bs-aspect-ratio: 29%; /*height: 50vh;*/ } .homepageMainCarousel .homeTopSlider .swiper-slide .contentWrapper .linkBanner { z-index: 1000; } .homepageMainCarousel .homeTopSlider .swiper-slide .contentWrapper > img { -o-object-fit: cover; object-fit: cover; -o-object-position: right; object-position: right; } .homepageMainCarousel .homeTopSlider .swiper-slide .contentWrapper .infoHolder { top: 50%; inset-inline-start: 0%; transform: translateY(-50%); height: -moz-fit-content; height: fit-content; padding-inline: 40px; z-index: 11; width: -moz-fit-content; width: fit-content; } .homepageMainCarousel .homeTopSlider .swiper-slide .contentWrapper .infoHolder .container-image-logo { max-width: 250px; } .homepageMainCarousel .homeTopSlider .swiper-slide .contentWrapper .infoHolder .container-image-logo:last-child { margin-top: 20px; max-width: 215px; } .homepageMainCarousel .homeTopSlider .swiper-slide .contentWrapper .infoHolder .container-image-logo img { max-width: 100%; -o-object-fit: contain; object-fit: contain; } .homepageMainCarousel .homeTopSlider .swiper-slide .contentWrapper .infoHolder .bannerInfo { max-width: 550px; } .homepageMainCarousel .homeTopSlider .swiper-slide .contentWrapper .infoHolder .bannerInfo .text-title { line-height: 1.13; letter-spacing: -0.8px; margin-bottom: 20px; color: #34303d; } .homepageMainCarousel .homeTopSlider .swiper-slide .contentWrapper .infoHolder .bannerInfo .text-title { font-size: 28px; } @media screen and (min-width: 320px) { .homepageMainCarousel .homeTopSlider .swiper-slide .contentWrapper .infoHolder .bannerInfo .text-title { font-size: calc(28px + 36 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .homepageMainCarousel .homeTopSlider .swiper-slide .contentWrapper .infoHolder .bannerInfo .text-title { font-size: 64px; } } .homepageMainCarousel .homeTopSlider .swiper-slide .contentWrapper .infoHolder .bannerInfo .text-title .isNew { line-height: 1; letter-spacing: -0.8px; margin-inline-start: 0; color: #34303d; background-color: #ffffff; border-radius: 6px; padding: 7px 9px; text-align: center; display: block; width: -moz-fit-content; width: fit-content; margin-bottom: 5px; } .homepageMainCarousel .homeTopSlider .swiper-slide .contentWrapper .infoHolder .bannerInfo .text-title .isNew { font-size: 20px; } @media screen and (min-width: 320px) { .homepageMainCarousel .homeTopSlider .swiper-slide .contentWrapper .infoHolder .bannerInfo .text-title .isNew { font-size: calc(20px + 4 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .homepageMainCarousel .homeTopSlider .swiper-slide .contentWrapper .infoHolder .bannerInfo .text-title .isNew { font-size: 24px; } } .homepageMainCarousel .homeTopSlider .swiper-slide .contentWrapper .infoHolder .bannerInfo .subtitle { margin-bottom: 20px; font-size: 22px; display: block; line-height: 27px; color: #34303d; } .homepageMainCarousel .homeTopSlider .swiper-slide .contentWrapper .infoHolder .bannerInfo .subtitle .whiteFont { color: #ffffff; line-height: 32px; } .homepageMainCarousel .homeTopSlider .swiper-slide .contentWrapper .infoHolder .bannerInfo .bannerLink { display: flex; flex-direction: column; } .homepageMainCarousel .homeTopSlider .swiper-slide .contentWrapper .infoHolder .bannerInfo .bannerLink .button-arrow { color: #34303d; margin-top: 15px; font-size: 16px; display: flex; align-items: center; gap: 5px; background-color: transparent; border: none; padding-inline: 0; width: -moz-fit-content; width: fit-content; } .homepageMainCarousel .homeTopSlider .swiper-slide .contentWrapper .infoHolder .bannerInfo .bannerLink .button-arrow::after { content: ""; display: inline-block; width: 16px; height: 14px; margin-top: 2px; background-image: url(../../images/back-button.svg); background-size: contain; background-repeat: no-repeat; background-position: center center; transform: scale(-1); transition: all 0.3s ease-in-out; } .homepageMainCarousel .homeTopSlider .swiper-slide .contentWrapper .infoHolder .bannerInfo .bannerLink .button-arrow:hover:after { transform: scale(-1) translateX(-6px); } .homepageMainCarousel .homeTopSlider .swiper-slide .contentWrapper .infoHolder .bannerInfo .bannerLink a:not(.button-arrow) { width: -moz-fit-content; width: fit-content; display: inline-block; background-color: #34303d; color: #ffffff; padding: 5px 32px 9px; border-radius: 24px; border: 2px solid #34303d; letter-spacing: 0.5px; font-size: 16px; cursor: pointer; transition: all 0.3s ease-in-out; } .homepageMainCarousel .homeTopSlider .swiper-slide .contentWrapper .infoHolder .bannerInfo .bannerLink a:not(.button-arrow):hover { background-color: #ffffff; color: #34303d; border-color: #ffffff; } .homepageMainCarousel .homeTopSlider .swiper-slide .contentWrapper .infoHolder .bannerInfo .bannerLink a:hover { background-color: #00d1d2 !important; border-color: #00d1d2 !important; opacity: 1 !important; } @media (min-width: 1200px) { .homepageMainCarousel .homeTopSlider .swiper-slide.bondsTeaser .contentWrapper { padding-top: unset !important; --bs-aspect-ratio: unset !important; } .homepageMainCarousel .homeTopSlider .swiper-slide.bondsTeaser video { height: auto !important; position: relative !important; } } @media (min-width: 1200px) { .homepageMainCarousel .homeTopSlider .swiper-slide.bonds16Banner .contentWrapper { padding-top: unset !important; --bs-aspect-ratio: unset !important; } .homepageMainCarousel .homeTopSlider .swiper-slide.bonds16Banner .infoHolder { transform: translateY(-15%) !important; } .homepageMainCarousel .homeTopSlider .swiper-slide.bonds16Banner .desktopImage { height: auto; position: relative; } } .homepageMainCarousel .homeTopSlider .swiper-slide.bonds16Banner .desktopImage { -o-object-fit: fill; object-fit: fill; } .homepageMainCarousel .homeTopSlider .swiper-slide.bonds16Banner img.mobileImage { filter: brightness(85%) !important; } .homepageMainCarousel .homeTopSlider .swiper-slide.bonds16Banner .infoHolder { padding-inline-start: 30px !important; z-index: 10000; } .homepageMainCarousel .homeTopSlider .swiper-slide.bonds16Banner .infoHolder .bannerInfo .text-title { color: #ffffff; } .homepageMainCarousel .homeTopSlider .swiper-slide.bonds16Banner .infoHolder .bannerInfo .text-title { font-size: 24px; } @media screen and (min-width: 320px) { .homepageMainCarousel .homeTopSlider .swiper-slide.bonds16Banner .infoHolder .bannerInfo .text-title { font-size: calc(24px + 8 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .homepageMainCarousel .homeTopSlider .swiper-slide.bonds16Banner .infoHolder .bannerInfo .text-title { font-size: 32px; } } .homepageMainCarousel .homeTopSlider .swiper-slide.bonds16Banner .infoHolder .bannerInfo .subtitle { color: #ffffff; max-width: 300px; } .homepageMainCarousel .homeTopSlider .swiper-slide.bonds16Banner .infoHolder .bannerInfo .subtitle { font-size: 14px; } @media screen and (min-width: 320px) { .homepageMainCarousel .homeTopSlider .swiper-slide.bonds16Banner .infoHolder .bannerInfo .subtitle { font-size: calc(14px + 2 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .homepageMainCarousel .homeTopSlider .swiper-slide.bonds16Banner .infoHolder .bannerInfo .subtitle { font-size: 16px; } } .homepageMainCarousel .homeTopSlider .swiper-slide.bonds16Banner .infoHolder .bannerInfo .bannerLink a:not(.button-arrow) { display: inline-block; background-color: #ffffff; color: #34303d; padding: 5px 32px 9px; border-radius: 24px; border: 2px solid #ffffff; letter-spacing: 0.5px; font-size: 16px; cursor: pointer; transition: all 0.3s ease-in-out; color: #34303d; } .homepageMainCarousel .homeTopSlider .swiper-slide.bonds16Banner .infoHolder .bannerInfo .bannerLink a:not(.button-arrow):hover { background-color: #00d1d2; color: #34303d; border-color: #00d1d2; } .homepageMainCarousel .homeTopSlider .swiper-slide.rewards-teaser .contentWrapper .infoHolder { top: 80%; min-width: 23%; } .homepageMainCarousel .homeTopSlider .swiper-slide.rewards-teaser .contentWrapper .infoHolder .bannerLink { align-items: center; } .homepageMainCarousel .homeTopSlider .swiper-slide.rewards-teaser .contentWrapper .infoHolder .bannerLink a:not(.button-arrow) { display: inline-block; background-color: transparent; color: #ffffff; padding: 5px 32px 9px; border-radius: 24px; border: 2px solid #ffffff; letter-spacing: 0.5px; font-size: 16px; cursor: pointer; transition: all 0.3s ease-in-out; } .homepageMainCarousel .homeTopSlider .swiper-slide.rewards-teaser .contentWrapper .infoHolder .bannerLink a:not(.button-arrow):hover { background-color: #00d1d2; color: #34303d; border-color: #00d1d2; } @media (min-width: 1200px) { .homepageMainCarousel .homeTopSlider .swiper-slide.engraving-banner .contentWrapper { padding-top: unset !important; --bs-aspect-ratio: unset !important; } .homepageMainCarousel .homeTopSlider .swiper-slide.engraving-banner .desktopImage { height: auto; position: relative; } .homepageMainCarousel .homeTopSlider .swiper-slide.engraving-banner .infoHolder { transform: translateY(-63%) !important; } } .homepageMainCarousel .homeTopSlider .swiper-slide.engraving-banner .desktopImage { -o-object-fit: fill; object-fit: fill; } .homepageMainCarousel .homeTopSlider .swiper-slide.engraving-banner .infoHolder { inset-inline: unset; inset-inline-end: 0; width: 35%; padding: 0; padding-inline-start: 2.5%; } .homepageMainCarousel .homeTopSlider .swiper-slide.engraving-banner .infoHolder .bannerInfo .text-title { color: #ffffff; font-weight: 400; margin-bottom: 20px; } .homepageMainCarousel .homeTopSlider .swiper-slide.engraving-banner .infoHolder .bannerInfo .text-title { font-size: 29px; } @media screen and (min-width: 320px) { .homepageMainCarousel .homeTopSlider .swiper-slide.engraving-banner .infoHolder .bannerInfo .text-title { font-size: calc(29px + 10 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .homepageMainCarousel .homeTopSlider .swiper-slide.engraving-banner .infoHolder .bannerInfo .text-title { font-size: 39px; } } .homepageMainCarousel .homeTopSlider .swiper-slide.engraving-banner .infoHolder .bannerInfo .subtitle { margin: 0; } .homepageMainCarousel .homeTopSlider .swiper-slide.engraving-banner .infoHolder .bannerInfo .summary { color: #ffffff !important; max-width: 240px; margin-bottom: 25px; line-height: 1.17; } .homepageMainCarousel .homeTopSlider .swiper-slide.engraving-banner .infoHolder .bannerInfo .summary { font-size: 17px; } @media screen and (min-width: 320px) { .homepageMainCarousel .homeTopSlider .swiper-slide.engraving-banner .infoHolder .bannerInfo .summary { font-size: calc(17px + 4 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .homepageMainCarousel .homeTopSlider .swiper-slide.engraving-banner .infoHolder .bannerInfo .summary { font-size: 21px; } } .homepageMainCarousel .homeTopSlider .swiper-slide.engraving-banner .infoHolder .bannerInfo .bannerLink a:not(.button-arrow) { display: inline-block; background-color: #ffffff; color: #34303d; padding: 5px 32px 9px; border-radius: 24px; border: 2px solid #ffffff; letter-spacing: 0.5px; font-size: 16px; cursor: pointer; transition: all 0.3s ease-in-out; color: #34303d; padding: 2px 23px; padding-bottom: 5px; line-height: 1.5; } .homepageMainCarousel .homeTopSlider .swiper-slide.engraving-banner .infoHolder .bannerInfo .bannerLink a:not(.button-arrow):hover { background-color: #00d1d2; color: #34303d; border-color: #00d1d2; } .homepageMainCarousel .homeTopSlider .swiper-slide.engraving-banner .infoHolder .bannerInfo .bannerLink a:not(.button-arrow) { font-size: 14px; } @media screen and (min-width: 320px) { .homepageMainCarousel .homeTopSlider .swiper-slide.engraving-banner .infoHolder .bannerInfo .bannerLink a:not(.button-arrow) { font-size: calc(14px + 2 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .homepageMainCarousel .homeTopSlider .swiper-slide.engraving-banner .infoHolder .bannerInfo .bannerLink a:not(.button-arrow) { font-size: 16px; } } .homepageMainCarousel .homeTopSlider .swiper-slide.tereaCapsules .contentWrapper .linkBanner:hover ~ .infoHolder .bannerInfo .bannerLink a { display: inline-block; background-color: #34303d; color: #ffffff; padding: 5px 32px 9px; border-radius: 24px; border: 2px solid #34303d; letter-spacing: 0.5px; font-size: 16px; cursor: pointer; transition: all 0.3s ease-in-out; } .homepageMainCarousel .homeTopSlider .swiper-slide.tereaCapsules .contentWrapper .linkBanner:hover ~ .infoHolder .bannerInfo .bannerLink a:hover { background-color: #00d1d2; color: #34303d; border-color: #00d1d2; } .homepageMainCarousel .homeTopSlider .swiper-slide.tereaCapsules .contentWrapper .infoHolder { padding-inline-start: 3% !important; } .homepageMainCarousel .homeTopSlider .swiper-slide.tereaCapsules .contentWrapper .infoHolder .bannerInfo .text-title { color: #ffffff; font-size: 72px; margin-bottom: 50px; } .homepageMainCarousel .homeTopSlider .swiper-slide.tereaCapsules .contentWrapper .infoHolder .bannerInfo .text-title { font-size: 50px; } @media screen and (min-width: 320px) { .homepageMainCarousel .homeTopSlider .swiper-slide.tereaCapsules .contentWrapper .infoHolder .bannerInfo .text-title { font-size: calc(50px + 6 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .homepageMainCarousel .homeTopSlider .swiper-slide.tereaCapsules .contentWrapper .infoHolder .bannerInfo .text-title { font-size: 56px; } } .homepageMainCarousel .homeTopSlider .swiper-slide.tereaCapsules .contentWrapper .infoHolder .bannerInfo .bannerLink a { display: inline-block; background-color: #ffffff; color: #34303d; padding: 5px 32px 9px; border-radius: 24px; border: 2px solid #ffffff; letter-spacing: 0.5px; font-size: 16px; cursor: pointer; transition: all 0.3s ease-in-out; /*@include whiteBlackbutton;*/ } .homepageMainCarousel .homeTopSlider .swiper-slide.tereaCapsules .contentWrapper .infoHolder .bannerInfo .bannerLink a:hover { background-color: #34303d; color: #ffffff; border-color: #34303d; } .homepageMainCarousel .homeTopSlider .swiper-slide.deliaBanner .desktopImage { -o-object-fit: cover; object-fit: cover; height: unset; } .homepageMainCarousel .homeTopSlider .swiper-slide.deliaBanner .infoHolder { transform: translateY(-30%); padding-inline-start: 30px !important; z-index: 10000; } .homepageMainCarousel .homeTopSlider .swiper-slide.deliaBanner .infoHolder .bannerInfo .text-title { color: #000; } .homepageMainCarousel .homeTopSlider .swiper-slide.deliaBanner .infoHolder .bannerInfo .text-title { font-size: 24px; } @media screen and (min-width: 320px) { .homepageMainCarousel .homeTopSlider .swiper-slide.deliaBanner .infoHolder .bannerInfo .text-title { font-size: calc(24px + 8 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .homepageMainCarousel .homeTopSlider .swiper-slide.deliaBanner .infoHolder .bannerInfo .text-title { font-size: 32px; } } .homepageMainCarousel .homeTopSlider .swiper-slide.deliaBanner .infoHolder .bannerInfo .subtitle { color: #000; max-width: 300px; } .homepageMainCarousel .homeTopSlider .swiper-slide.deliaBanner .infoHolder .bannerInfo .subtitle { font-size: 14px; } @media screen and (min-width: 320px) { .homepageMainCarousel .homeTopSlider .swiper-slide.deliaBanner .infoHolder .bannerInfo .subtitle { font-size: calc(14px + 2 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .homepageMainCarousel .homeTopSlider .swiper-slide.deliaBanner .infoHolder .bannerInfo .subtitle { font-size: 16px; } } .homepageMainCarousel .homeTopSlider .swiper-slide.deliaBanner .infoHolder .bannerInfo .bannerLink a:not(.button-arrow) { display: inline-block; background-color: #34303d; color: #ffffff; padding: 5px 32px 9px; border-radius: 24px; border: 2px solid #34303d; letter-spacing: 0.5px; font-size: 16px; cursor: pointer; transition: all 0.3s ease-in-out; } .homepageMainCarousel .homeTopSlider .swiper-slide.deliaBanner .infoHolder .bannerInfo .bannerLink a:not(.button-arrow):hover { background-color: #ffffff; color: #34303d; border-color: #ffffff; } @media (min-width: 1200px) { .homepageMainCarousel .homeTopSlider .swiper-slide.deliaBanner .contentWrapper { padding-top: unset !important; --bs-aspect-ratio: unset !important; } .homepageMainCarousel .homeTopSlider .swiper-slide.deliaBanner .infoHolder { transform: translateY(-50%) !important; top: 55%; inset-inline-end: 0%; left: unset; height: -moz-fit-content; height: fit-content; padding-inline: 35px; margin-inline-end: 25%; z-index: 11; width: -moz-fit-content; width: fit-content; text-align: center; } .homepageMainCarousel .homeTopSlider .swiper-slide.deliaBanner .infoHolder .bannerInfo .text-title { font-weight: 500 !important; color: #000 !important; } .homepageMainCarousel .homeTopSlider .swiper-slide.deliaBanner .infoHolder .bannerInfo .text-title { font-size: 28px; } } @media screen and (min-width: 1200px) and (min-width: 320px) { .homepageMainCarousel .homeTopSlider .swiper-slide.deliaBanner .infoHolder .bannerInfo .text-title { font-size: calc(28px + 10 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1200px) and (min-width: 1600px) { .homepageMainCarousel .homeTopSlider .swiper-slide.deliaBanner .infoHolder .bannerInfo .text-title { font-size: 38px; } } @media (min-width: 1200px) { .homepageMainCarousel .homeTopSlider .swiper-slide.deliaBanner .infoHolder .bannerInfo .container-image-logo { margin-inline: auto; width: 150px; max-width: 100%; margin-top: unset; } .homepageMainCarousel .homeTopSlider .swiper-slide.deliaBanner .infoHolder .bannerInfo .bannerLink a:not(.button-arrow) { margin-inline: auto; border: 2px solid #34303d !important; background-color: #34303d !important; color: #ffffff !important; } .homepageMainCarousel .homeTopSlider .swiper-slide.deliaBanner .infoHolder .bannerInfo .bannerLink a:not(.button-arrow):hover { background-color: #ffffff !important; border: 2px solid #ffffff !important; color: #34303d !important; } .homepageMainCarousel .homeTopSlider .swiper-slide.deliaBanner .desktopImage { height: unset; -o-object-fit: cover; object-fit: cover; position: relative; } } .homepageMainCarousel .homeTopSlider .swiper-slide.Unlook1000Experience .desktopImage { -o-object-fit: cover; object-fit: cover; height: unset; } .homepageMainCarousel .homeTopSlider .swiper-slide.Unlook1000Experience .infoHolder { inset-inline-start: 5%; } .homepageMainCarousel .homeTopSlider .swiper-slide.Unlook1000Experience .infoHolder .bannerInfo { max-width: 550px; } .homepageMainCarousel .homeTopSlider .swiper-slide.Unlook1000Experience .infoHolder .bannerInfo .text-title { color: #ffffff; } .homepageMainCarousel .homeTopSlider .swiper-slide.Unlook1000Experience .infoHolder .bannerInfo .text-title { font-size: 35px; } @media screen and (min-width: 320px) { .homepageMainCarousel .homeTopSlider .swiper-slide.Unlook1000Experience .infoHolder .bannerInfo .text-title { font-size: calc(35px + 10 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .homepageMainCarousel .homeTopSlider .swiper-slide.Unlook1000Experience .infoHolder .bannerInfo .text-title { font-size: 45px; } } .homepageMainCarousel .homeTopSlider .swiper-slide.Unlook1000Experience .infoHolder .bannerInfo .subtitle { color: #ffffff; } .homepageMainCarousel .homeTopSlider .swiper-slide.Unlook1000Experience .infoHolder .bannerInfo .subtitle { font-size: 18px; } @media screen and (min-width: 320px) { .homepageMainCarousel .homeTopSlider .swiper-slide.Unlook1000Experience .infoHolder .bannerInfo .subtitle { font-size: calc(18px + 2 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .homepageMainCarousel .homeTopSlider .swiper-slide.Unlook1000Experience .infoHolder .bannerInfo .subtitle { font-size: 20px; } } .homepageMainCarousel .homeTopSlider .swiper-slide.Unlook1000Experience .infoHolder .bannerInfo .container-image-logo { max-width: 160px; } .homepageMainCarousel .homeTopSlider .swiper-slide.Unlook1000Experience .infoHolder .bannerInfo .bannerLink a:not(.button-arrow) { display: inline-block; background-color: #ffffff; color: #34303d; padding: 5px 32px 9px; border-radius: 24px; border: 2px solid #ffffff; letter-spacing: 0.5px; font-size: 16px; cursor: pointer; transition: all 0.3s ease-in-out; } .homepageMainCarousel .homeTopSlider .swiper-slide.Unlook1000Experience .infoHolder .bannerInfo .bannerLink a:not(.button-arrow):hover { background-color: #34303d; color: #ffffff; border-color: #34303d; } .homepageMainCarousel .homeTopSlider .swiper-slide.Unlook1000Experience .infoHolder .bottomWrapper .disclaimer { padding-top: 20px; color: #ffffff; } .homepageMainCarousel .homeTopSlider .swiper-slide.Unlook1000Experience .infoHolder .bottomWrapper .disclaimer { font-size: 15px; } @media screen and (min-width: 320px) { .homepageMainCarousel .homeTopSlider .swiper-slide.Unlook1000Experience .infoHolder .bottomWrapper .disclaimer { font-size: calc(15px + 1 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .homepageMainCarousel .homeTopSlider .swiper-slide.Unlook1000Experience .infoHolder .bottomWrapper .disclaimer { font-size: 16px; } } .homepageMainCarousel .homeTopSlider .swiper-slide.iluma-i-launch-banner .desktopImage { -o-object-fit: cover; object-fit: cover; height: unset; } .homepageMainCarousel .homeTopSlider .swiper-slide.iluma-i-launch-banner .infoHolder { inset-inline-start: 5%; z-index: 10000; } .homepageMainCarousel .homeTopSlider .swiper-slide.iluma-i-launch-banner .infoHolder .bannerInfo { max-width: 550px; } .homepageMainCarousel .homeTopSlider .swiper-slide.iluma-i-launch-banner .infoHolder .bannerInfo .text-title { color: #ffffff; } .homepageMainCarousel .homeTopSlider .swiper-slide.iluma-i-launch-banner .infoHolder .bannerInfo .text-title { font-size: 35px; } @media screen and (min-width: 320px) { .homepageMainCarousel .homeTopSlider .swiper-slide.iluma-i-launch-banner .infoHolder .bannerInfo .text-title { font-size: calc(35px + 20 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .homepageMainCarousel .homeTopSlider .swiper-slide.iluma-i-launch-banner .infoHolder .bannerInfo .text-title { font-size: 55px; } } .homepageMainCarousel .homeTopSlider .swiper-slide.iluma-i-launch-banner .infoHolder .bannerInfo .subtitle { color: #ffffff; } .homepageMainCarousel .homeTopSlider .swiper-slide.iluma-i-launch-banner .infoHolder .bannerInfo .subtitle { font-size: 18px; } @media screen and (min-width: 320px) { .homepageMainCarousel .homeTopSlider .swiper-slide.iluma-i-launch-banner .infoHolder .bannerInfo .subtitle { font-size: calc(18px + 2 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .homepageMainCarousel .homeTopSlider .swiper-slide.iluma-i-launch-banner .infoHolder .bannerInfo .subtitle { font-size: 20px; } } .homepageMainCarousel .homeTopSlider .swiper-slide.iluma-i-launch-banner .infoHolder .bannerInfo .container-image-logo { max-width: 200px; } .homepageMainCarousel .homeTopSlider .swiper-slide.iluma-i-launch-banner .infoHolder .bannerInfo .bannerLink { gap: 20px; flex-direction: row; } .homepageMainCarousel .homeTopSlider .swiper-slide.iluma-i-launch-banner .infoHolder .bannerInfo .bannerLink a:not(.button-arrow) { display: inline-block; background-color: #ffffff; color: #34303d; padding: 5px 32px 9px; border-radius: 24px; border: 2px solid #ffffff; letter-spacing: 0.5px; font-size: 16px; cursor: pointer; transition: all 0.3s ease-in-out; } .homepageMainCarousel .homeTopSlider .swiper-slide.iluma-i-launch-banner .infoHolder .bannerInfo .bannerLink a:not(.button-arrow):hover { background-color: #34303d; color: #ffffff; border-color: #34303d; } .homepageMainCarousel .homeTopSlider .swiper-slide.IlumaITeaserHomeBanner .desktopImage { -o-object-fit: cover; object-fit: cover; } .homepageMainCarousel .homeTopSlider .swiper-slide.IlumaITeaserHomeBanner .infoHolder { inset-inline-start: 5%; } .homepageMainCarousel .homeTopSlider .swiper-slide.IlumaITeaserHomeBanner .infoHolder .bannerInfo { max-width: 550px; } .homepageMainCarousel .homeTopSlider .swiper-slide.IlumaITeaserHomeBanner .infoHolder .bannerInfo .text-title { color: #ffffff; font-weight: 300; } .homepageMainCarousel .homeTopSlider .swiper-slide.IlumaITeaserHomeBanner .infoHolder .bannerInfo .text-title { font-size: 35px; } @media screen and (min-width: 320px) { .homepageMainCarousel .homeTopSlider .swiper-slide.IlumaITeaserHomeBanner .infoHolder .bannerInfo .text-title { font-size: calc(35px + 20 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .homepageMainCarousel .homeTopSlider .swiper-slide.IlumaITeaserHomeBanner .infoHolder .bannerInfo .text-title { font-size: 55px; } } .homepageMainCarousel .homeTopSlider .swiper-slide.IlumaITeaserHomeBanner .infoHolder .bannerInfo .text-title p strong { font-size: 30px; } @media screen and (min-width: 320px) { .homepageMainCarousel .homeTopSlider .swiper-slide.IlumaITeaserHomeBanner .infoHolder .bannerInfo .text-title p strong { font-size: calc(30px + 15 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .homepageMainCarousel .homeTopSlider .swiper-slide.IlumaITeaserHomeBanner .infoHolder .bannerInfo .text-title p strong { font-size: 45px; } } .homepageMainCarousel .homeTopSlider .swiper-slide.IlumaITeaserHomeBanner .infoHolder .bannerInfo .subtitle { color: #ffffff; margin-bottom: 0px; } .homepageMainCarousel .homeTopSlider .swiper-slide.IlumaITeaserHomeBanner .infoHolder .bannerInfo .subtitle { font-size: 15px; } @media screen and (min-width: 320px) { .homepageMainCarousel .homeTopSlider .swiper-slide.IlumaITeaserHomeBanner .infoHolder .bannerInfo .subtitle { font-size: calc(15px + 1 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .homepageMainCarousel .homeTopSlider .swiper-slide.IlumaITeaserHomeBanner .infoHolder .bannerInfo .subtitle { font-size: 16px; } } .homepageMainCarousel .homeTopSlider .swiper-slide.IlumaITeaserHomeBanner .infoHolder .bannerInfo .comingSoon { color: #ffffff; } .homepageMainCarousel .homeTopSlider .swiper-slide.IlumaITeaserHomeBanner .infoHolder .bannerInfo .comingSoon { font-size: 15px; } @media screen and (min-width: 320px) { .homepageMainCarousel .homeTopSlider .swiper-slide.IlumaITeaserHomeBanner .infoHolder .bannerInfo .comingSoon { font-size: calc(15px + 1 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .homepageMainCarousel .homeTopSlider .swiper-slide.IlumaITeaserHomeBanner .infoHolder .bannerInfo .comingSoon { font-size: 16px; } } .homepageMainCarousel .homeTopSlider .swiper-slide.IlumaITeaserHomeBanner .infoHolder .bannerInfo .container-image-logo { max-width: 200px; } .homepageMainCarousel .homeTopSlider .swiper-slide.IlumaITeaserHomeBanner .infoHolder .bannerInfo .bannerLink { margin-top: 20px; } .homepageMainCarousel .homeTopSlider .swiper-slide.IlumaITeaserHomeBanner .infoHolder .bannerInfo .bannerLink a:not(.button-arrow) { display: inline-block; background-color: #ffffff; color: #34303d; padding: 5px 32px 9px; border-radius: 24px; border: 2px solid #ffffff; letter-spacing: 0.5px; font-size: 16px; cursor: pointer; transition: all 0.3s ease-in-out; } .homepageMainCarousel .homeTopSlider .swiper-slide.IlumaITeaserHomeBanner .infoHolder .bannerInfo .bannerLink a:not(.button-arrow):hover { background-color: #34303d; color: #ffffff; border-color: #34303d; } .homepageMainCarousel .homeTopSlider .swiper-slide.IlumaITeaserHomeBanner .infoHolder .bottomWrapper .disclaimer { padding-top: 20px; color: #ffffff; } .homepageMainCarousel .homeTopSlider .swiper-slide.IlumaITeaserHomeBanner .infoHolder .bottomWrapper .disclaimer { font-size: 15px; } @media screen and (min-width: 320px) { .homepageMainCarousel .homeTopSlider .swiper-slide.IlumaITeaserHomeBanner .infoHolder .bottomWrapper .disclaimer { font-size: calc(15px + 1 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .homepageMainCarousel .homeTopSlider .swiper-slide.IlumaITeaserHomeBanner .infoHolder .bottomWrapper .disclaimer { font-size: 16px; } } .homepageMainCarousel .homeTopSlider .swiper-slide.bondsBanner .contentWrapper .infoHolder { background-image: url(../../images/text-bg.png); background-size: contain; background-repeat: no-repeat; background-position: center; min-width: 535px; height: 101%; display: flex; flex-direction: column; justify-content: center; } .homepageMainCarousel .homeTopSlider .swiper-slide.bondsBanner .contentWrapper .infoHolder .container-image-logo { max-width: 250px; } .homepageMainCarousel .homeTopSlider .swiper-slide.bondsBanner .contentWrapper .infoHolder .bannerInfo .text-title { color: #ffffff; margin-bottom: 10px; } .homepageMainCarousel .homeTopSlider .swiper-slide.bondsBanner .contentWrapper .infoHolder .bannerInfo .subtitle { color: #ffffff; margin-top: 30px; margin-bottom: 30px; } .homepageMainCarousel .homeTopSlider .swiper-slide.bondsBanner .contentWrapper .infoHolder .bannerInfo .subtitle { font-size: 28px; } @media screen and (min-width: 320px) { .homepageMainCarousel .homeTopSlider .swiper-slide.bondsBanner .contentWrapper .infoHolder .bannerInfo .subtitle { font-size: calc(28px + 12 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .homepageMainCarousel .homeTopSlider .swiper-slide.bondsBanner .contentWrapper .infoHolder .bannerInfo .subtitle { font-size: 40px; } } .homepageMainCarousel .homeTopSlider .swiper-slide.bondsBanner .contentWrapper .infoHolder .bannerInfo .subtitle { line-height: 36px; } @media screen and (min-width: 320px) { .homepageMainCarousel .homeTopSlider .swiper-slide.bondsBanner .contentWrapper .infoHolder .bannerInfo .subtitle { line-height: calc(36px + 15 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .homepageMainCarousel .homeTopSlider .swiper-slide.bondsBanner .contentWrapper .infoHolder .bannerInfo .subtitle { line-height: 51px; } } .homepageMainCarousel .homeTopSlider .swiper-slide.bondsBanner .contentWrapper .infoHolder .bannerInfo .subtitle span { font-weight: bold; display: block; } .homepageMainCarousel .homeTopSlider .swiper-slide.bondsBanner .contentWrapper .infoHolder .bannerInfo .bannerLink a { display: inline-block; background-color: #ffffff; color: #34303d; padding: 5px 32px 9px; border-radius: 24px; border: 2px solid #ffffff; letter-spacing: 0.5px; font-size: 16px; cursor: pointer; transition: all 0.3s ease-in-out; } .homepageMainCarousel .homeTopSlider .swiper-slide.bondsBanner .contentWrapper .infoHolder .bannerInfo .bannerLink a:hover { background-color: #34303d; color: #ffffff; border-color: #34303d; } .homepageMainCarousel .homeTopSlider .swiper-slide.bondsBanner .contentWrapper .infoHolder .bottomWrapper { display: flex; align-items: flex-end; gap: 15px; flex-direction: row-reverse; width: -moz-fit-content; width: fit-content; margin-top: 30px; flex-direction: column; } .homepageMainCarousel .homeTopSlider .swiper-slide.bondsBanner .contentWrapper .infoHolder .bottomWrapper .container-image-logo { max-width: 225px; } .homepageMainCarousel .homeTopSlider .swiper-slide.bondsBanner .contentWrapper .infoHolder .bottomWrapper .disclaimer p .notice { border: 2px solid #ffffff; color: #ffffff; padding: 4px 8px; display: block; font-size: 14px; font-weight: normal; line-height: 1.3; width: -moz-fit-content; width: fit-content; } .homepageMainCarousel .homeTopSlider .swiper-slide.blendsSubpageBanner .contentWrapper .infoHolder .container-image-logo:last-child { max-width: 250px; position: relative !important; } .homepageMainCarousel .homeTopSlider .swiper-slide.blendsSubpageBanner .contentWrapper .bannerInfo .text-title { color: #ffffff; } .homepageMainCarousel .homeTopSlider .swiper-slide.blendsSubpageBanner .contentWrapper .bannerInfo .text-title { font-size: 37px; } @media screen and (min-width: 320px) { .homepageMainCarousel .homeTopSlider .swiper-slide.blendsSubpageBanner .contentWrapper .bannerInfo .text-title { font-size: calc(37px + 18 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .homepageMainCarousel .homeTopSlider .swiper-slide.blendsSubpageBanner .contentWrapper .bannerInfo .text-title { font-size: 55px; } } .homepageMainCarousel .homeTopSlider .swiper-slide.blendsSubpageBanner .contentWrapper .bannerInfo .text-title { line-height: 45px; } @media screen and (min-width: 320px) { .homepageMainCarousel .homeTopSlider .swiper-slide.blendsSubpageBanner .contentWrapper .bannerInfo .text-title { line-height: calc(45px + 20 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .homepageMainCarousel .homeTopSlider .swiper-slide.blendsSubpageBanner .contentWrapper .bannerInfo .text-title { line-height: 65px; } } .homepageMainCarousel .homeTopSlider .swiper-slide.blendsSubpageBanner .contentWrapper .bannerInfo .subtitle { color: #ffffff; } .homepageMainCarousel .homeTopSlider .swiper-slide.blendsSubpageBanner .contentWrapper .bannerInfo .bannerLink a:not(.button-arrow) { display: inline-block; background-color: #ffffff; color: #34303d; padding: 5px 32px 9px; border-radius: 24px; border: 2px solid #ffffff; letter-spacing: 0.5px; font-size: 16px; cursor: pointer; transition: all 0.3s ease-in-out; } .homepageMainCarousel .homeTopSlider .swiper-slide.blendsSubpageBanner .contentWrapper .bannerInfo .bannerLink a:not(.button-arrow):hover { background-color: #34303d; color: #ffffff; border-color: #34303d; } .homepageMainCarousel .homeTopSlider .swiper-slide.clubIcqosBanner .contentWrapper .infoHolder .bannerInfo .text-title { color: #ffffff; width: 65%; } .homepageMainCarousel .homeTopSlider .swiper-slide.clubIcqosBanner .contentWrapper .infoHolder .bannerInfo .text-title { font-size: 28px; } @media screen and (min-width: 320px) { .homepageMainCarousel .homeTopSlider .swiper-slide.clubIcqosBanner .contentWrapper .infoHolder .bannerInfo .text-title { font-size: calc(28px + 7 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .homepageMainCarousel .homeTopSlider .swiper-slide.clubIcqosBanner .contentWrapper .infoHolder .bannerInfo .text-title { font-size: 35px; } } .homepageMainCarousel .homeTopSlider .swiper-slide.clubIcqosBanner .contentWrapper .infoHolder .bannerInfo .subtitle { color: #ffffff; width: 65%; line-height: normal; } .homepageMainCarousel .homeTopSlider .swiper-slide.clubIcqosBanner .contentWrapper .infoHolder .bannerInfo .subtitle { font-size: 16px; } @media screen and (min-width: 320px) { .homepageMainCarousel .homeTopSlider .swiper-slide.clubIcqosBanner .contentWrapper .infoHolder .bannerInfo .subtitle { font-size: calc(16px + 2 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .homepageMainCarousel .homeTopSlider .swiper-slide.clubIcqosBanner .contentWrapper .infoHolder .bannerInfo .subtitle { font-size: 18px; } } .homepageMainCarousel .homeTopSlider .swiper-slide.clubIcqosBanner .contentWrapper .infoHolder .bannerInfo .bannerLink a:not(.button-arrow) { display: inline-block; background-color: #ffffff; color: #34303d; padding: 5px 32px 9px; border-radius: 24px; border: 2px solid #ffffff; letter-spacing: 0.5px; font-size: 16px; cursor: pointer; transition: all 0.3s ease-in-out; } .homepageMainCarousel .homeTopSlider .swiper-slide.clubIcqosBanner .contentWrapper .infoHolder .bannerInfo .bannerLink a:not(.button-arrow):hover { background-color: #34303d; color: #ffffff; border-color: #34303d; } .homeSwiperTabsWrapper { margin-bottom: 60px; } .homeSwiperTabsWrapper .container { padding: 0; } .homeSwiperTabsWrapper .container .row { margin: 0; } .homeSwiperTabsWrapper .container .row .col-md-12 { padding: 0; } .homeSwiperTabsWrapper .swiper.swiperBanner { position: relative; } .homeSwiperTabsWrapper .swiper.swiperBanner .desktopImage { display: block !important; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide .contentWrapper { --bs-aspect-ratio: 50%; /*height: 50vh;*/ } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide .contentWrapper .linkBanner { z-index: 10; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide .contentWrapper > img { -o-object-fit: cover; object-fit: cover; -o-object-position: right; object-position: right; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide .contentWrapper .infoHolder { top: 50%; inset-inline-start: 0%; transform: translateY(-50%); height: -moz-fit-content; height: fit-content; padding-inline-start: 60px; padding-inline-end: 40px; z-index: 11; width: -moz-fit-content; width: fit-content; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide .contentWrapper .infoHolder .container-image-logo { max-width: 250px; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide .contentWrapper .infoHolder .container-image-logo:last-child { margin-top: 20px; max-width: 215px; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide .contentWrapper .infoHolder .container-image-logo img { max-width: 100%; -o-object-fit: contain; object-fit: contain; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide .contentWrapper .infoHolder .bannerInfo { max-width: 550px; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide .contentWrapper .infoHolder .bannerInfo .text-title { line-height: 1.13; letter-spacing: -0.8px; margin-bottom: 20px; color: #34303d; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide .contentWrapper .infoHolder .bannerInfo .text-title { font-size: 28px; } @media screen and (min-width: 320px) { .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide .contentWrapper .infoHolder .bannerInfo .text-title { font-size: calc(28px + 24 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide .contentWrapper .infoHolder .bannerInfo .text-title { font-size: 52px; } } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide .contentWrapper .infoHolder .bannerInfo .text-title .isNew { line-height: 1; letter-spacing: -0.8px; margin-inline-start: 0; color: #34303d; background-color: #ffffff; border-radius: 6px; padding: 7px 9px; text-align: center; display: block; width: -moz-fit-content; width: fit-content; margin-bottom: 5px; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide .contentWrapper .infoHolder .bannerInfo .text-title .isNew { font-size: 20px; } @media screen and (min-width: 320px) { .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide .contentWrapper .infoHolder .bannerInfo .text-title .isNew { font-size: calc(20px + 4 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide .contentWrapper .infoHolder .bannerInfo .text-title .isNew { font-size: 24px; } } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide .contentWrapper .infoHolder .bannerInfo .subtitle { margin-bottom: 20px; font-size: 22px; display: block; line-height: 27px; color: #34303d; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide .contentWrapper .infoHolder .bannerInfo .subtitle .whiteFont { color: #ffffff; line-height: 32px; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide .contentWrapper .infoHolder .bannerInfo .bannerLink { display: flex; flex-direction: column; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide .contentWrapper .infoHolder .bannerInfo .bannerLink .button-arrow { color: #34303d; margin-top: 15px; font-size: 16px; display: flex; align-items: center; gap: 5px; background-color: transparent; border: none; padding-inline: 0; width: -moz-fit-content; width: fit-content; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide .contentWrapper .infoHolder .bannerInfo .bannerLink .button-arrow::after { content: ""; display: inline-block; width: 16px; height: 14px; margin-top: 2px; background-image: url(../../images/back-button.svg); background-size: contain; background-repeat: no-repeat; background-position: center center; transform: scale(-1); transition: all 0.3s ease-in-out; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide .contentWrapper .infoHolder .bannerInfo .bannerLink .button-arrow:hover:after { transform: scale(-1) translateX(-6px); } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide .contentWrapper .infoHolder .bannerInfo .bannerLink a:not(.button-arrow) { width: -moz-fit-content; width: fit-content; display: inline-block; background-color: #34303d; color: #ffffff; padding: 5px 32px 9px; border-radius: 24px; border: 2px solid #34303d; letter-spacing: 0.5px; font-size: 16px; cursor: pointer; transition: all 0.3s ease-in-out; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide .contentWrapper .infoHolder .bannerInfo .bannerLink a:not(.button-arrow):hover { background-color: #ffffff; color: #34303d; border-color: #ffffff; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.rewards-club .contentWrapper .infoHolder { padding-inline-start: 40px; max-width: 36%; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.rewards-club .contentWrapper .infoHolder .bannerInfo h2.text-title { font-size: 48px; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.rewards-club .contentWrapper .infoHolder .bannerInfo h2.text-title, .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.rewards-club .contentWrapper .infoHolder .bannerInfo p.subtitle { color: white; margin-bottom: 30px; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.rewards-club .contentWrapper .infoHolder .bannerInfo .bannerLink a { display: inline-block; background-color: #ffffff; color: #34303d; padding: 5px 32px 9px; border-radius: 24px; border: 2px solid #ffffff; letter-spacing: 0.5px; font-size: 16px; cursor: pointer; transition: all 0.3s ease-in-out; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.rewards-club .contentWrapper .infoHolder .bannerInfo .bannerLink a:hover { background-color: #00d1d2; color: #34303d; border-color: #00d1d2; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.circularProgram .contentWrapper .infoHolder .bottomWrapper { color: #ffffff; margin-top: 20px; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.circularProgram .contentWrapper .infoHolder .bottomWrapper .buttonUnderlined { text-decoration: none; margin-top: 20px; color: #ffffff; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.circularProgram .contentWrapper .infoHolder .bottomWrapper .buttonUnderlined:hover { color: #34303d; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.circularProgram .contentWrapper .infoHolder .bannerInfo h2.text-title { color: #ffffff; margin-bottom: 40px; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.circularProgram .contentWrapper .infoHolder .bannerInfo p { color: white; font-size: 22px; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.circularProgram .contentWrapper .infoHolder .bannerInfo .bannerLink { margin-top: 40px; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.circularProgram .contentWrapper .infoHolder .bannerInfo .bannerLink a.button.button-dark { display: inline-block; background-color: #ffffff; color: #34303d; padding: 5px 32px 9px; border-radius: 24px; border: 2px solid #ffffff; letter-spacing: 0.5px; font-size: 16px; cursor: pointer; transition: all 0.3s ease-in-out; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.circularProgram .contentWrapper .infoHolder .bannerInfo .bannerLink a.button.button-dark:hover { background-color: #34303d; color: #ffffff; border-color: #34303d; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.clubBanner .contentWrapper .infoHolder .bannerInfo { max-width: 530px; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.clubBanner .contentWrapper .infoHolder .bannerInfo .text-title { color: #ffffff; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.clubBanner .contentWrapper .infoHolder .bannerInfo .text-title { font-size: 28px; } @media screen and (min-width: 320px) { .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.clubBanner .contentWrapper .infoHolder .bannerInfo .text-title { font-size: calc(28px + 16 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.clubBanner .contentWrapper .infoHolder .bannerInfo .text-title { font-size: 44px; } } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.clubBanner .contentWrapper .infoHolder .bannerInfo .text-title span { color: #00d1d2; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.clubBanner .contentWrapper .infoHolder .bannerInfo ul { list-style: none; margin-bottom: 42px; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.clubBanner .contentWrapper .infoHolder .bannerInfo ul li { position: relative; padding-inline-start: 15px; font-size: 22px; display: block; line-height: 27px; margin-bottom: 7px; color: #ffffff; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.clubBanner .contentWrapper .infoHolder .bannerInfo ul li::before { content: ""; position: absolute; inset-inline-start: 0px; top: 14px; width: 8px; height: 8px; background-color: #ffffff; border-radius: 50%; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.clubBanner .contentWrapper .infoHolder .bannerInfo .subtitle { color: #ffffff; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.clubBanner .contentWrapper .infoHolder .bannerInfo .subtitle span { color: #00d1d2; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.clubBanner .contentWrapper .infoHolder .bannerInfo .bannerLink a { display: inline-block; background-color: #ffffff; color: #34303d; padding: 5px 32px 9px; border-radius: 24px; border: 2px solid #ffffff; letter-spacing: 0.5px; font-size: 16px; cursor: pointer; transition: all 0.3s ease-in-out; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.clubBanner .contentWrapper .infoHolder .bannerInfo .bannerLink a:hover { background-color: #00d1d2; color: #34303d; border-color: #00d1d2; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.bondsBanner .contentWrapper .infoHolder { min-width: 530px; height: 100%; display: flex; flex-direction: column; justify-content: center; padding-inline-start: 100px; gap: 20px; top: 60%; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.bondsBanner .contentWrapper .infoHolder .container-image-logo { max-width: 230px; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.bondsBanner .contentWrapper .infoHolder .bannerInfo .text-title { color: #ffffff; margin-bottom: 10px; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.bondsBanner .contentWrapper .infoHolder .bannerInfo .subtitle { color: #ffffff; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.bondsBanner .contentWrapper .infoHolder .bannerInfo .subtitle { font-size: 26px; } @media screen and (min-width: 320px) { .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.bondsBanner .contentWrapper .infoHolder .bannerInfo .subtitle { font-size: calc(26px + 19 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.bondsBanner .contentWrapper .infoHolder .bannerInfo .subtitle { font-size: 45px; } } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.bondsBanner .contentWrapper .infoHolder .bannerInfo .subtitle { line-height: 32px; } @media screen and (min-width: 320px) { .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.bondsBanner .contentWrapper .infoHolder .bannerInfo .subtitle { line-height: calc(32px + 21 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.bondsBanner .contentWrapper .infoHolder .bannerInfo .subtitle { line-height: 53px; } } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.bondsBanner .contentWrapper .infoHolder .bannerInfo .subtitle span { font-weight: bold; display: block; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.bondsBanner .contentWrapper .infoHolder .bannerInfo .bannerLink a { display: inline-block; background-color: #ffffff; color: #34303d; padding: 5px 32px 9px; border-radius: 24px; border: 2px solid #ffffff; letter-spacing: 0.5px; font-size: 16px; cursor: pointer; transition: all 0.3s ease-in-out; color: #ffffff; background-color: transparent; margin-top: 20px; padding: 5px 32px 9px; background-color: #ffffff; color: rgb(16, 82, 160); border-color: #ffffff; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.bondsBanner .contentWrapper .infoHolder .bannerInfo .bannerLink a:hover { background-color: #34303d; color: #ffffff; border-color: #34303d; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.bondsBanner .contentWrapper .infoHolder .bannerInfo .bannerLink a:hover { background-color: #ffffff !important; color: rgb(16, 82, 160) !important; border-color: #ffffff !important; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.bondsBanner .contentWrapper .infoHolder .bottomWrapper { display: flex; align-items: flex-end; gap: 15px; flex-direction: row-reverse; width: -moz-fit-content; width: fit-content; margin-top: 30px; flex-direction: column; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.bondsBanner .contentWrapper .infoHolder .bottomWrapper .container-image-logo { max-width: 225px; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.bondsBanner .contentWrapper .infoHolder .bottomWrapper .disclaimer p .notice { border: 2px solid #ffffff; color: #ffffff; padding: 4px 8px; display: block; font-size: 14px; font-weight: normal; line-height: 1.3; width: -moz-fit-content; width: fit-content; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.aokiBanner .contentWrapper .infoHolder .container-image-logo { max-width: 280px; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.aokiBanner .contentWrapper .infoHolder .bannerInfo { margin-top: 15px; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.aokiBanner .contentWrapper .infoHolder .bannerInfo .text-title { font-weight: bold; margin-bottom: 30px; color: #ffffff; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.aokiBanner .contentWrapper .infoHolder .bannerInfo .text-title { font-size: 25px; } @media screen and (min-width: 320px) { .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.aokiBanner .contentWrapper .infoHolder .bannerInfo .text-title { font-size: calc(25px + 15 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.aokiBanner .contentWrapper .infoHolder .bannerInfo .text-title { font-size: 40px; } } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.aokiBanner .contentWrapper .infoHolder .bannerInfo .text-title { line-height: 31px; } @media screen and (min-width: 320px) { .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.aokiBanner .contentWrapper .infoHolder .bannerInfo .text-title { line-height: calc(31px + 17 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.aokiBanner .contentWrapper .infoHolder .bannerInfo .text-title { line-height: 48px; } } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.aokiBanner .contentWrapper .infoHolder .bannerInfo .subtitle { color: #ffffff; margin-bottom: 30px; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.aokiBanner .contentWrapper .infoHolder .bannerInfo .subtitle { font-size: 18px; } @media screen and (min-width: 320px) { .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.aokiBanner .contentWrapper .infoHolder .bannerInfo .subtitle { font-size: calc(18px + 4 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.aokiBanner .contentWrapper .infoHolder .bannerInfo .subtitle { font-size: 22px; } } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.aokiBanner .contentWrapper .infoHolder .bannerInfo .subtitle { line-height: 22px; } @media screen and (min-width: 320px) { .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.aokiBanner .contentWrapper .infoHolder .bannerInfo .subtitle { line-height: calc(22px + 4 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.aokiBanner .contentWrapper .infoHolder .bannerInfo .subtitle { line-height: 26px; } } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.aokiBanner .contentWrapper .infoHolder .bannerInfo .subtitle span { font-weight: bold; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.aokiBanner .contentWrapper .infoHolder .bannerInfo .bannerLink a:not(.button-arrow) { display: inline-block; background-color: #ffffff; color: #34303d; padding: 5px 32px 9px; border-radius: 24px; border: 2px solid #ffffff; letter-spacing: 0.5px; font-size: 16px; cursor: pointer; transition: all 0.3s ease-in-out; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.aokiBanner .contentWrapper .infoHolder .bannerInfo .bannerLink a:not(.button-arrow):hover { background-color: #00d1d2; color: #34303d; border-color: #00d1d2; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.aokiBanner .contentWrapper .bottomWrapper { margin-top: 20px; color: #ffffff; font-size: 14px; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.neonBanner .contentWrapper > img { -o-object-position: center; object-position: center; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.neonBanner .contentWrapper .container-image-logo { max-width: 210px; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.neonBanner .contentWrapper .bannerInfo { max-width: 430px; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.neonBanner .contentWrapper .bannerInfo .text-title { color: #ffffff; margin-bottom: 15px; margin-bottom: 25px; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.neonBanner .contentWrapper .bannerInfo .text-title { font-size: 28px; } @media screen and (min-width: 320px) { .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.neonBanner .contentWrapper .bannerInfo .text-title { font-size: calc(28px + 27 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.neonBanner .contentWrapper .bannerInfo .text-title { font-size: 55px; } } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.neonBanner .contentWrapper .bannerInfo .text-title { line-height: 36px; } @media screen and (min-width: 320px) { .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.neonBanner .contentWrapper .bannerInfo .text-title { line-height: calc(36px + 32 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.neonBanner .contentWrapper .bannerInfo .text-title { line-height: 68px; } } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.neonBanner .contentWrapper .bannerInfo .subtitle { color: #ffffff; font-weight: 300; margin-bottom: 30px; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.neonBanner .contentWrapper .bannerInfo .subtitle { font-size: 24px; } @media screen and (min-width: 320px) { .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.neonBanner .contentWrapper .bannerInfo .subtitle { font-size: calc(24px + 18 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.neonBanner .contentWrapper .bannerInfo .subtitle { font-size: 42px; } } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.neonBanner .contentWrapper .bannerInfo .subtitle { line-height: 30px; } @media screen and (min-width: 320px) { .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.neonBanner .contentWrapper .bannerInfo .subtitle { line-height: calc(30px + 24 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.neonBanner .contentWrapper .bannerInfo .subtitle { line-height: 54px; } } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.neonBanner .contentWrapper .bannerInfo .subtitle span { font-weight: bold; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.neonBanner .contentWrapper .bannerInfo .bannerLink a:not(.button-arrow) { display: inline-block; background-color: #ffffff; color: #34303d; padding: 5px 32px 9px; border-radius: 24px; border: 2px solid #ffffff; letter-spacing: 0.5px; font-size: 16px; cursor: pointer; transition: all 0.3s ease-in-out; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.neonBanner .contentWrapper .bannerInfo .bannerLink a:not(.button-arrow):hover { background-color: #34303d; color: #ffffff; border-color: #34303d; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.neonBanner .contentWrapper .bottomWrapper { width: -moz-fit-content; width: fit-content; margin-top: 20px; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.neonBanner .contentWrapper .bottomWrapper .disclaimer p { color: #ffffff; display: block; font-size: 14px; font-weight: normal; line-height: 1.3; width: -moz-fit-content; width: fit-content; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.telegramBanner .contentWrapper .infoHolder { max-width: 40%; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.telegramBanner .contentWrapper .bannerInfo { max-width: none; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.telegramBanner .contentWrapper .bannerInfo .text-title { font-weight: 400; margin-bottom: 25px; color: #ffffff; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.telegramBanner .contentWrapper .bannerInfo .text-title { font-size: 28px; } @media screen and (min-width: 320px) { .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.telegramBanner .contentWrapper .bannerInfo .text-title { font-size: calc(28px + 17 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.telegramBanner .contentWrapper .bannerInfo .text-title { font-size: 45px; } } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.telegramBanner .contentWrapper .bannerInfo .text-title span { color: #34303d; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.telegramBanner .contentWrapper .bannerInfo .subtitle { color: #ffffff; margin-bottom: 30px; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.telegramBanner .contentWrapper .bannerInfo .subtitle span { font-weight: bold; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.telegramBanner .contentWrapper .bannerInfo .bannerLink a:not(.button-arrow) { display: inline-block; background-color: #ffffff; color: #34303d; padding: 5px 32px 9px; border-radius: 24px; border: 2px solid #ffffff; letter-spacing: 0.5px; font-size: 16px; cursor: pointer; transition: all 0.3s ease-in-out; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.telegramBanner .contentWrapper .bannerInfo .bannerLink a:not(.button-arrow):hover { background-color: #34303d; color: #ffffff; border-color: #34303d; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.tradeInBanner .contentWrapper .infoHolder { max-width: 42%; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.tradeInBanner .contentWrapper .bannerInfo { max-width: none; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.tradeInBanner .contentWrapper .bannerInfo .text-title { font-weight: 400; margin-bottom: 30px; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.tradeInBanner .contentWrapper .bannerInfo .text-title { font-size: 28px; } @media screen and (min-width: 320px) { .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.tradeInBanner .contentWrapper .bannerInfo .text-title { font-size: calc(28px + 12 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.tradeInBanner .contentWrapper .bannerInfo .text-title { font-size: 40px; } } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.tradeInBanner .contentWrapper .bannerInfo .text-title { line-height: 34px; } @media screen and (min-width: 320px) { .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.tradeInBanner .contentWrapper .bannerInfo .text-title { line-height: calc(34px + 14 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.tradeInBanner .contentWrapper .bannerInfo .text-title { line-height: 48px; } } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.tradeInBanner .contentWrapper .bannerInfo .text-title span { font-weight: 700; color: #ffffff; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.tradeInBanner .contentWrapper .bannerInfo .subtitle { color: #ffffff; margin-bottom: 30px; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.tradeInBanner .contentWrapper .bannerInfo .subtitle span { font-weight: bold; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.tradeInBanner .contentWrapper .bannerInfo .bannerLink a:not(.button-arrow) { display: inline-block; background-color: #ffffff; color: #34303d; padding: 5px 32px 9px; border-radius: 24px; border: 2px solid #ffffff; letter-spacing: 0.5px; font-size: 16px; cursor: pointer; transition: all 0.3s ease-in-out; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.tradeInBanner .contentWrapper .bannerInfo .bannerLink a:not(.button-arrow):hover { background-color: #34303d; color: #ffffff; border-color: #34303d; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.tradeInBanner .contentWrapper .bottomWrapper { margin-top: 20px; color: #ffffff; font-size: 14px; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.engravingSlide .contentWrapper .infoHolder { max-width: 42%; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.engravingSlide .contentWrapper .bannerInfo { max-width: none; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.engravingSlide .contentWrapper .bannerInfo .text-title { font-weight: 400; margin-bottom: 20px; color: #ffffff; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.engravingSlide .contentWrapper .bannerInfo .text-title { font-size: 28px; } @media screen and (min-width: 320px) { .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.engravingSlide .contentWrapper .bannerInfo .text-title { font-size: calc(28px + 12 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.engravingSlide .contentWrapper .bannerInfo .text-title { font-size: 40px; } } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.engravingSlide .contentWrapper .bannerInfo .text-title { line-height: 34px; } @media screen and (min-width: 320px) { .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.engravingSlide .contentWrapper .bannerInfo .text-title { line-height: calc(34px + 14 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.engravingSlide .contentWrapper .bannerInfo .text-title { line-height: 48px; } } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.engravingSlide .contentWrapper .bannerInfo .text-title span { font-weight: 700; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.engravingSlide .contentWrapper .bannerInfo .subtitle { color: #ffffff; margin-bottom: 30px; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.engravingSlide .contentWrapper .bannerInfo .subtitle span { font-weight: bold; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.engravingSlide .contentWrapper .bannerInfo .bannerLink a:not(.button-arrow) { display: inline-block; background-color: #ffffff; color: #34303d; padding: 5px 32px 9px; border-radius: 24px; border: 2px solid #ffffff; letter-spacing: 0.5px; font-size: 16px; cursor: pointer; transition: all 0.3s ease-in-out; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.engravingSlide .contentWrapper .bannerInfo .bannerLink a:not(.button-arrow):hover { background-color: #34303d; color: #ffffff; border-color: #34303d; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.tenYearsBanner .contentWrapper .infoHolder { max-width: 40%; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.tenYearsBanner .contentWrapper .bannerInfo { max-width: none; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.tenYearsBanner .contentWrapper .bannerInfo .text-title { font-weight: 400; margin-bottom: 30px; color: #ffffff; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.tenYearsBanner .contentWrapper .bannerInfo .text-title { font-size: 28px; } @media screen and (min-width: 320px) { .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.tenYearsBanner .contentWrapper .bannerInfo .text-title { font-size: calc(28px + 12 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.tenYearsBanner .contentWrapper .bannerInfo .text-title { font-size: 40px; } } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.tenYearsBanner .contentWrapper .bannerInfo .text-title { line-height: 34px; } @media screen and (min-width: 320px) { .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.tenYearsBanner .contentWrapper .bannerInfo .text-title { line-height: calc(34px + 14 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.tenYearsBanner .contentWrapper .bannerInfo .text-title { line-height: 48px; } } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.tenYearsBanner .contentWrapper .bannerInfo .text-title span { font-weight: 700; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.tenYearsBanner .contentWrapper .bannerInfo .subtitle { color: #ffffff; margin-bottom: 30px; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.tenYearsBanner .contentWrapper .bannerInfo .subtitle span { font-weight: bold; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.tenYearsBanner .contentWrapper .bannerInfo .bannerLink a:not(.button-arrow) { display: inline-block; background-color: #ffffff; color: #34303d; padding: 5px 32px 9px; border-radius: 24px; border: 2px solid #ffffff; letter-spacing: 0.5px; font-size: 16px; cursor: pointer; transition: all 0.3s ease-in-out; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.tenYearsBanner .contentWrapper .bannerInfo .bannerLink a:not(.button-arrow):hover { background-color: #34303d; color: #ffffff; border-color: #34303d; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.rewards-club .contentWrapper .infoHolder { padding-inline-start: 40px; max-width: 36%; top: 38%; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.rewards-club .contentWrapper .infoHolder .bannerInfo h2.text-title { font-size: 48px; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.rewards-club .contentWrapper .infoHolder .bannerInfo h2.text-title, .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.rewards-club .contentWrapper .infoHolder .bannerInfo p.subtitle { color: white; margin-bottom: 30px; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.rewards-club .contentWrapper .infoHolder .bannerInfo .bannerLink a { display: inline-block; background-color: #ffffff; color: #34303d; padding: 5px 32px 9px; border-radius: 24px; border: 2px solid #ffffff; letter-spacing: 0.5px; font-size: 16px; cursor: pointer; transition: all 0.3s ease-in-out; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.rewards-club .contentWrapper .infoHolder .bannerInfo .bannerLink a:hover { background-color: #00d1d2; color: #34303d; border-color: #00d1d2; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.deliaPromoBanner .infoHolder { max-width: 45%; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.deliaPromoBanner .infoHolder .container-image-logo { max-width: 450px; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.deliaPromoBanner .contentWrapper .bannerInfo .text-title { color: #ffffff; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.deliaPromoBanner .contentWrapper .bannerInfo .subtitle { color: #ffffff; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.deliaPromoBanner .contentWrapper .bannerInfo .style-border-exclusively { color: #ffffff; font-weight: 400; border: 2px solid #ffffff; padding: 10px 20px; margin-bottom: 20px; width: -moz-fit-content; width: fit-content; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.deliaPromoBanner .contentWrapper .bannerInfo .style-border-exclusively { font-size: 18px; } @media screen and (min-width: 320px) { .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.deliaPromoBanner .contentWrapper .bannerInfo .style-border-exclusively { font-size: calc(18px + 2 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.deliaPromoBanner .contentWrapper .bannerInfo .style-border-exclusively { font-size: 20px; } } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.deliaPromoBanner .contentWrapper .bannerInfo .style-border-exclusively { line-height: 22px; } @media screen and (min-width: 320px) { .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.deliaPromoBanner .contentWrapper .bannerInfo .style-border-exclusively { line-height: calc(22px + 4 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.deliaPromoBanner .contentWrapper .bannerInfo .style-border-exclusively { line-height: 26px; } } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.deliaPromoBanner .contentWrapper .bannerInfo .bannerLink a:not(.button-arrow) { display: inline-block; background-color: #ffffff; color: #34303d; padding: 5px 32px 9px; border-radius: 24px; border: 2px solid #ffffff; letter-spacing: 0.5px; font-size: 16px; cursor: pointer; transition: all 0.3s ease-in-out; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.deliaPromoBanner .contentWrapper .bannerInfo .bannerLink a:not(.button-arrow):hover { background-color: #00d1d2; color: #34303d; border-color: #00d1d2; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.deliaPromoBanner .contentWrapper .bannerInfo .bannerLink a:not(.button-arrow):hover { background-color: #34303d; color: #ffffff; border-color: #34303d; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.deliaPromoBanner .contentWrapper .bottomWrapper { margin-top: 25px; color: #ffffff; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.iluma-i-promobanner-new .contentWrapper .infoHolder { top: 45%; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.iluma-i-promobanner-new .contentWrapper .infoHolder .bannerInfo { color: #ffffff; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.iluma-i-promobanner-new .contentWrapper .infoHolder .bannerInfo .text-title { color: #ffffff; font-weight: 300; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.iluma-i-promobanner-new .contentWrapper .infoHolder .bannerInfo .text-title { font-size: 35px; } @media screen and (min-width: 320px) { .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.iluma-i-promobanner-new .contentWrapper .infoHolder .bannerInfo .text-title { font-size: calc(35px + 20 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.iluma-i-promobanner-new .contentWrapper .infoHolder .bannerInfo .text-title { font-size: 55px; } } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.iluma-i-promobanner-new .contentWrapper .infoHolder .bannerInfo .CusriousAlumanew { color: #ffffff; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.iluma-i-promobanner-new .contentWrapper .infoHolder .bannerInfo .CusriousAlumanew { font-size: 45px; } @media screen and (min-width: 320px) { .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.iluma-i-promobanner-new .contentWrapper .infoHolder .bannerInfo .CusriousAlumanew { font-size: calc(45px + 10 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.iluma-i-promobanner-new .contentWrapper .infoHolder .bannerInfo .CusriousAlumanew { font-size: 55px; } } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.iluma-i-promobanner-new .contentWrapper .infoHolder .bannerInfo img { max-height: 60px; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.iluma-i-promobanner-new .contentWrapper .infoHolder .bannerInfo .discalmerIluma { margin-bottom: 40px; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.iluma-i-promobanner-new .contentWrapper .infoHolder .bannerInfo .discalmerIluma { font-size: 14px; } @media screen and (min-width: 320px) { .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.iluma-i-promobanner-new .contentWrapper .infoHolder .bannerInfo .discalmerIluma { font-size: calc(14px + 4 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.iluma-i-promobanner-new .contentWrapper .infoHolder .bannerInfo .discalmerIluma { font-size: 18px; } } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.iluma-i-promobanner-new .contentWrapper .infoHolder .bannerInfo .bannerLink a:not(.button-arrow) { display: inline-block; background-color: #ffffff; color: #34303d; padding: 5px 32px 9px; border-radius: 24px; border: 2px solid #ffffff; letter-spacing: 0.5px; font-size: 16px; cursor: pointer; transition: all 0.3s ease-in-out; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.iluma-i-promobanner-new .contentWrapper .infoHolder .bannerInfo .bannerLink a:not(.button-arrow):hover { background-color: #34303d; color: #ffffff; border-color: #34303d; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.iluma-i-promobanner-new .contentWrapper .infoHolder .bannerInfo .bannerLink a:not(.button-arrow):hover { background-color: #34303d; color: #ffffff; border-color: #34303d; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.ashkmanBanner .infoHolder { max-width: 45%; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.ashkmanBanner .infoHolder .container-image-logo { max-width: 450px; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.ashkmanBanner .contentWrapper .bannerInfo .style-border-exclusively { color: #ffffff; font-weight: 400; border: 2px solid #ffffff; padding: 10px 20px; margin-bottom: 20px; width: -moz-fit-content; width: fit-content; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.ashkmanBanner .contentWrapper .bannerInfo .style-border-exclusively { font-size: 18px; } @media screen and (min-width: 320px) { .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.ashkmanBanner .contentWrapper .bannerInfo .style-border-exclusively { font-size: calc(18px + 2 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.ashkmanBanner .contentWrapper .bannerInfo .style-border-exclusively { font-size: 20px; } } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.ashkmanBanner .contentWrapper .bannerInfo .style-border-exclusively { line-height: 22px; } @media screen and (min-width: 320px) { .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.ashkmanBanner .contentWrapper .bannerInfo .style-border-exclusively { line-height: calc(22px + 4 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.ashkmanBanner .contentWrapper .bannerInfo .style-border-exclusively { line-height: 26px; } } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.ashkmanBanner .contentWrapper .bannerInfo .bannerLink a:not(.button-arrow) { display: inline-block; background-color: #ffffff; color: #34303d; padding: 5px 32px 9px; border-radius: 24px; border: 2px solid #ffffff; letter-spacing: 0.5px; font-size: 16px; cursor: pointer; transition: all 0.3s ease-in-out; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.ashkmanBanner .contentWrapper .bannerInfo .bannerLink a:not(.button-arrow):hover { background-color: #00d1d2; color: #34303d; border-color: #00d1d2; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.unlook1000ExpPromo .contentWrapper .bannerInfo .text-title { color: #ffffff; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.unlook1000ExpPromo .contentWrapper .bannerInfo .subtitle { color: #ffffff; max-width: 450px; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.unlook1000ExpPromo .contentWrapper .bannerInfo .container-image-logo { max-width: 200px; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.unlook1000ExpPromo .contentWrapper .bannerInfo .bannerLink a:not(.button-arrow) { display: inline-block; background-color: #ffffff; color: #34303d; padding: 5px 32px 9px; border-radius: 24px; border: 2px solid #ffffff; letter-spacing: 0.5px; font-size: 16px; cursor: pointer; transition: all 0.3s ease-in-out; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.unlook1000ExpPromo .contentWrapper .bannerInfo .bannerLink a:not(.button-arrow):hover { background-color: #00d1d2; color: #34303d; border-color: #00d1d2; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.unlook1000ExpPromo .contentWrapper .bannerInfo .bannerLink a:not(.button-arrow):hover { background-color: #34303d; color: #ffffff; border-color: #34303d; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.unlook1000ExpPromo .contentWrapper .bottomWrapper { margin-top: 25px; color: #ffffff; } .homeSwiperTabsWrapper .swiper.swiperText .swiper-wrapper { align-items: flex-end; } .homeSwiperTabsWrapper .swiper.swiperText .swiper-slide { cursor: pointer; border-bottom: 4px solid transparent; transition: all 0.3s ease-in-out; width: -moz-fit-content; width: fit-content; } .homeSwiperTabsWrapper .swiper.swiperText .swiper-slide.swiper-slide-thumb-active { border-color: #34303d; } .homeSwiperTabsWrapper .swiper.swiperText .swiper-slide p { padding: 18px 20px 14px 20px; font-size: 16px; font-weight: bold; text-align: center; } .homeSwiperTabsWrapper .swiper .swiper-button-next { color: #34303d; } .homeSwiperTabsWrapper .swiper .swiper-button-prev { color: #34303d; } .homeSwiperTabsWrapper .swiper .swiper-pagination { position: absolute; bottom: 40px; left: 40px; width: -moz-fit-content; width: fit-content; } .homeSwiperTabsWrapper .swiper .swiper-pagination .swiper-pagination-bullet { width: 26px; height: 2px; background-color: #34303d; margin-inline-end: 5px; border-radius: 0; } .homeSwiperTabsWrapper .listingSection .listWrapper .listItem { min-height: 660px; background-color: #00d1d2; } .homeSwiperTabsWrapper .listingSection .listWrapper .listItem .listingInfo .whiteTag { display: block; width: -moz-fit-content; width: fit-content; background-color: #ffffff; color: #34303d; padding: 6px 9px; border-radius: 3px; font-size: 12px; font-weight: 400; margin-bottom: 16px; } .listingSection.fullWidthBanner .listWrapper .listItem.rightImage:not(.imageMarginBot) { padding-inline-end: 0 !important; padding-inline-start: 50px; } .listingSection.fullWidthBanner .listWrapper .listItem.normalListing { position: relative; min-height: 500px; padding: 100px; } .listingSection.fullWidthBanner .listWrapper .listItem.normalListing .listingInfo { z-index: 1; } .listingSection.fullWidthBanner .listWrapper .listItem.normalListing .listingInfo .titleWrapper h3 { color: white; max-width: 50%; font-weight: normal; display: flex; gap: 20px; flex-direction: column; } .listingSection.fullWidthBanner .listWrapper .listItem.normalListing .listingInfo .titleWrapper h3 p { font-weight: 500; } .listingSection.fullWidthBanner .listWrapper .listItem.normalListing .listingInfo .titleWrapper h3 br { display: none; } .listingSection.fullWidthBanner .listWrapper .listItem.normalListing .listingInfo .bodyWrapper { font-size: 20px; color: #ffffff; max-width: 40%; } .listingSection.fullWidthBanner .listWrapper .listItem.normalListing .listingInfo .linkWrapper a.button.button-transparent { display: inline-block; background-color: #ffffff; color: #34303d; padding: 5px 32px 9px; border-radius: 24px; border: 2px solid #ffffff; letter-spacing: 0.5px; font-size: 16px; cursor: pointer; transition: all 0.3s ease-in-out; } .listingSection.fullWidthBanner .listWrapper .listItem.normalListing .listingInfo .linkWrapper a.button.button-transparent:hover { background-color: #00d1d2; color: #34303d; border-color: #00d1d2; } .listingSection.fullWidthBanner .listWrapper .listItem.normalListing .listingImage { position: absolute; height: 100%; right: 0; } .listingSection.getSupportListing .listWrapper .listItem#getSupport .bodyWrapper.small { margin-top: 20px; } .listingSection.discover-terea-image-text-slider .isNew { margin-inline-start: 0; } .listingSection.second-banner .listWrapper .listItem, .listingSection.smallImgWithText .listWrapper .listItem { padding-inline: 0 !important; background-color: transparent !important; gap: 0; } .listingSection.second-banner .listWrapper .listItem .listingImage, .listingSection.smallImgWithText .listWrapper .listItem .listingImage { --bs-aspect-ratio: 75% !important; align-self: flex-start !important; } .listingSection.second-banner .listWrapper .listItem .listingInfo, .listingSection.smallImgWithText .listWrapper .listItem .listingInfo { background-color: #34303d; padding: 80px; } .listingSection.second-banner .listWrapper .listItem .listingInfo h3, .listingSection.smallImgWithText .listWrapper .listItem .listingInfo h3 { line-height: 120%; color: #ffffff; margin-bottom: 20px; } .listingSection.second-banner .listWrapper .listItem .listingInfo h3, .listingSection.smallImgWithText .listWrapper .listItem .listingInfo h3 { font-size: 28px; } @media screen and (min-width: 320px) { .listingSection.second-banner .listWrapper .listItem .listingInfo h3, .listingSection.smallImgWithText .listWrapper .listItem .listingInfo h3 { font-size: calc(28px + 17 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .listingSection.second-banner .listWrapper .listItem .listingInfo h3, .listingSection.smallImgWithText .listWrapper .listItem .listingInfo h3 { font-size: 45px; } } .listingSection.second-banner .listWrapper .listItem .listingInfo .linkWrapper a, .listingSection.smallImgWithText .listWrapper .listItem .listingInfo .linkWrapper a { margin-top: 25px; } .listingSection.second-banner .listWrapper .listItem .listingInfo .linkWrapper a.button, .listingSection.smallImgWithText .listWrapper .listItem .listingInfo .linkWrapper a.button { display: inline-block; background-color: #ffffff; color: #34303d; padding: 5px 32px 9px; border-radius: 24px; border: 2px solid #ffffff; letter-spacing: 0.5px; font-size: 16px; cursor: pointer; transition: all 0.3s ease-in-out; } .listingSection.second-banner .listWrapper .listItem .listingInfo .linkWrapper a.button:hover, .listingSection.smallImgWithText .listWrapper .listItem .listingInfo .linkWrapper a.button:hover { background-color: #00d1d2; color: #34303d; border-color: #00d1d2; } .listingSection.iqos-iluma-bottom-banner .listWrapper .listItem.rightImage:not(.imageMarginBot) { padding-inline-end: 0 !important; padding-inline-start: 60px; } .listingSection.forth-banner .isNew { margin-inline-start: 0; margin-bottom: 20px; } .listingSection.forth-banner .listWrapper .listItem .listingInfo .linkWrapper .button-arrow { color: #34303d; margin-top: 15px; font-size: 16px; display: flex; align-items: center; gap: 5px; background-color: transparent; border: none; width: -moz-fit-content; width: fit-content; padding-inline: 0; } .listingSection.forth-banner .listWrapper .listItem .listingInfo .linkWrapper .button-arrow::after { content: ""; display: inline-block; width: 16px; height: 14px; margin-top: 2px; background-image: url(../../images/back-button.svg); background-size: contain; background-repeat: no-repeat; background-position: center center; transform: scale(-1); transition: all 0.3s ease-in-out; } .listingSection.forth-banner .listWrapper .listItem .listingInfo .linkWrapper .button-arrow:hover:after { transform: scale(-1) translateX(-6px); } .listingSection.forth-banner .listWrapper .listItem .listingInfo .linkWrapper a:not(.arrowLink) { width: -moz-fit-content; width: fit-content; display: inline-block; background-color: #34303d; color: #ffffff; padding: 5px 32px 9px; border-radius: 24px; border: 2px solid #34303d; letter-spacing: 0.5px; font-size: 16px; cursor: pointer; transition: all 0.3s ease-in-out; } .listingSection.forth-banner .listWrapper .listItem .listingInfo .linkWrapper a:not(.arrowLink):hover { background-color: #ffffff; color: #34303d; border-color: #ffffff; } .listingSection.fifth-banner .listWrapper .listItem { padding-inline: 0 !important; gap: 0; } .listingSection.fifth-banner .listWrapper .listItem .listingInfo { padding: 60px; } .listingSection.whiteFont .listWrapper .listItem .listingInfo .bodyWrapper, .listingSection.whiteFont .listWrapper .listItem .listingInfo .titleWrapper h3, .listingSection.whiteFont .listWrapper .listItem .listingInfo p { color: #ffffff; } .listingSection.whiteFont .listWrapper .listItem .listingInfo .linkWrapper a { margin-top: 25px; } .listingSection.whiteFont .listWrapper .listItem .listingInfo .linkWrapper a.button { display: inline-block; background-color: #ffffff; color: #34303d; padding: 5px 32px 9px; border-radius: 24px; border: 2px solid #ffffff; letter-spacing: 0.5px; font-size: 16px; cursor: pointer; transition: all 0.3s ease-in-out; } .listingSection.whiteFont .listWrapper .listItem .listingInfo .linkWrapper a.button:hover { background-color: #00d1d2; color: #34303d; border-color: #00d1d2; } .listingSection.Discover-Iqos-Banner .listWrapper .listItem.whiteFont .listingInfo .linkWrapper .arrowLink { color: #34303d; font-size: 16px; line-height: 20px; width: -moz-fit-content; width: fit-content; display: flex; align-items: center; gap: 8px; position: relative; background-color: transparent; border: none; color: white; padding-left: 0; } .listingSection.Discover-Iqos-Banner .listWrapper .listItem.whiteFont .listingInfo .linkWrapper .arrowLink::after { content: ""; display: inline-block; width: 16px; height: 14px; margin-top: 4px; background-image: url(../../images/back-button.svg); background-size: contain; background-repeat: no-repeat; background-position: center center; transform: scale(-1); transition: all 0.3s ease-in-out; } .listingSection.Discover-Iqos-Banner .listWrapper .listItem.whiteFont .listingInfo .linkWrapper .arrowLink:hover::after { transform: scale(-1) translateX(-6px); filter: brightness(0) saturate(100%) invert(57%) sepia(59%) saturate(1421%) hue-rotate(136deg) brightness(98%) contrast(104%); } .listingSection.Discover-Iqos-Banner .listWrapper .listItem.whiteFont .listingInfo .linkWrapper .arrowLink:after { filter: brightness(0) saturate(0%) invert(100%); } .listingSection.Discover-Iqos-Banner .listWrapper .listItem.whiteFont .listingInfo .linkWrapper a { margin-top: 25px; } .listingSection.Discover-Iqos-Banner .listWrapper .listItem.whiteFont .listingInfo .linkWrapper a.button { display: inline-block; background-color: #ffffff; color: #34303d; padding: 5px 32px 9px; border-radius: 24px; border: 2px solid #ffffff; letter-spacing: 0.5px; font-size: 16px; cursor: pointer; transition: all 0.3s ease-in-out; } .listingSection.Discover-Iqos-Banner .listWrapper .listItem.whiteFont .listingInfo .linkWrapper a.button:hover { background-color: #00d1d2; color: #34303d; border-color: #00d1d2; } .listingSection.discover-terea-image-text-slider .listWrapper .listItem.rightImage:not(.imageMarginBot) { padding-inline: 60px; gap: 0; } .listingSection.bottom-banner.withMB { margin-bottom: 60px; } .listingSection.bottom-banner .listWrapper .listItem.normalListing { margin-bottom: 0; } .listingSection.bottom-banner .listWrapper .listItem.whiteFont .listingInfo { align-items: center; text-align: center; } .listingSection.bottom-banner .listWrapper .listItem.whiteFont .listingInfo .linkWrapper a { margin-top: 25px; } .listingSection.bottom-banner .listWrapper .listItem.whiteFont .listingInfo .linkWrapper a.button { display: inline-block; background-color: #ffffff; color: #34303d; padding: 5px 32px 9px; border-radius: 24px; border: 2px solid #ffffff; letter-spacing: 0.5px; font-size: 16px; cursor: pointer; transition: all 0.3s ease-in-out; } .listingSection.bottom-banner .listWrapper .listItem.whiteFont .listingInfo .linkWrapper a.button:hover { background-color: #00d1d2; color: #34303d; border-color: #00d1d2; } .listingSection.fullHeightImage .listWrapper .listItem .listingImage, .listingSection.fullHeightImage .listWrapper .listItem.smallImgWithText .listingImage { --bs-aspect-ratio: 100% !important; } .listingSection.imgFullWidth .listWrapper .listItem.leftImage .listingImage { flex: 0 0 50%; } .listingSection.imgFullWidth .listWrapper .listItem .listingInfo .bodyWrapper .title-delia { line-height: 120%; margin-bottom: 20px; } .listingSection.imgFullWidth .listWrapper .listItem .listingInfo .bodyWrapper .title-delia { font-size: 28px; } @media screen and (min-width: 320px) { .listingSection.imgFullWidth .listWrapper .listItem .listingInfo .bodyWrapper .title-delia { font-size: calc(28px + 12 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .listingSection.imgFullWidth .listWrapper .listItem .listingInfo .bodyWrapper .title-delia { font-size: 40px; } } .listingSection .container .leftImage .listingInfo { padding-inline-end: 30px !important; } .listingSection .listingItemLI { margin-bottom: 0; } .listingSection .listingItemLI .listItem.leftImage .listingImage { --bs-aspect-ratio: 60%; } .listingSection .listWrapper .listItem { margin-bottom: 60px; display: flex; gap: 70px; align-items: center; } .listingSection .listWrapper .listItem.stretchImage { align-items: stretch; } .listingSection .listWrapper .listItem.stretchImage .listingImage { align-self: stretch !important; } .listingSection .listWrapper .listItem.fullHeightImage.normalListing { padding-inline-start: 0 !important; gap: 60px; } .listingSection .listWrapper .listItem.fullHeightImage.normalListing .listingImage { --bs-aspect-ratio: 100% !important; flex: 0 0 50%; } .listingSection .listWrapper .listItem.fullHeightImage.normalListing .listingInfo { max-width: 45%; } .listingSection .listWrapper .listItem.fullHeightImage.normalListing.rightImage { padding-inline-start: 40px !important; } .listingSection .listWrapper .listItem.smallImgWithText { padding-inline: 0 !important; gap: 0 !important; } .listingSection .listWrapper .listItem.smallImgWithText .listingImage { --bs-aspect-ratio: 60% !important; align-self: flex-start !important; flex: 0 0 45% !important; } .listingSection .listWrapper .listItem.smallImgWithText .listingInfo { padding: 80px; } .listingSection .listWrapper .listItem.smallImgWithText .listingInfo h3 { line-height: 120%; color: #ffffff; margin-bottom: 20px; } .listingSection .listWrapper .listItem.smallImgWithText .listingInfo h3 { font-size: 28px; } @media screen and (min-width: 320px) { .listingSection .listWrapper .listItem.smallImgWithText .listingInfo h3 { font-size: calc(28px + 17 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .listingSection .listWrapper .listItem.smallImgWithText .listingInfo h3 { font-size: 45px; } } .listingSection .listWrapper .listItem.smallImgWithText .listingInfo .linkWrapper a { margin-top: 25px; } .listingSection .listWrapper .listItem.smallImgWithText .listingInfo .linkWrapper a.button { display: inline-block; background-color: #ffffff; color: #34303d; padding: 5px 32px 9px; border-radius: 24px; border: 2px solid #ffffff; letter-spacing: 0.5px; font-size: 16px; cursor: pointer; transition: all 0.3s ease-in-out; } .listingSection .listWrapper .listItem.smallImgWithText .listingInfo .linkWrapper a.button:hover { background-color: #00d1d2; color: #34303d; border-color: #00d1d2; } .listingSection .listWrapper .listItem.smallImgWithText .listingInfo ol { counter-reset: listCounter; } .listingSection .listWrapper .listItem.smallImgWithText .listingInfo ol > li { counter-increment: listCounter; } .listingSection .listWrapper .listItem.smallImgWithText .listingInfo ol li { position: relative; margin-bottom: 20px; font-size: 16px; padding-inline-start: 40px; } .listingSection .listWrapper .listItem.smallImgWithText .listingInfo ol li span { display: block; font-weight: bold; } .listingSection .listWrapper .listItem.smallImgWithText .listingInfo ol li::before { content: counter(listCounter); display: block; position: absolute; top: 0; inset-inline-start: -10px; width: 35px; height: 35px; background-color: #00d1d2; border-radius: 50%; color: #34303d; display: flex; justify-content: center; align-items: center; font-size: 16px; font-weight: bold; text-align: center; } .listingSection .listWrapper .listItem.IframebodyListing .listingImage { width: 100%; margin-bottom: 0; } .listingSection .listWrapper .listItem#getSupport .bodyWrapper { margin-bottom: 30px; } .listingSection .listWrapper .listItem#getSupport .bodyWrapper { font-size: 20px; } @media screen and (min-width: 320px) { .listingSection .listWrapper .listItem#getSupport .bodyWrapper { font-size: calc(20px + 4 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .listingSection .listWrapper .listItem#getSupport .bodyWrapper { font-size: 24px; } } .listingSection .listWrapper .listItem#getSupport .bodyWrapper.small { font-size: 14px; margin-bottom: 0; } .listingSection .listWrapper .listItem#getSupport .bodyWrapper .horizontalLine { width: 50px; height: 5px; display: block; background-color: #00d1d2; margin-top: 25px; } .listingSection .listWrapper .listItem#getSupport .linksWrapper .itemWrapper { margin-bottom: 25px; } .listingSection .listWrapper .listItem#getSupport .linksWrapper .itemWrapper .linkArrow { font-weight: bold; margin-bottom: 10px; } .listingSection .listWrapper .listItem#getSupport .linksWrapper .itemWrapper .linkArrow { font-size: 20px; } @media screen and (min-width: 320px) { .listingSection .listWrapper .listItem#getSupport .linksWrapper .itemWrapper .linkArrow { font-size: calc(20px + 4 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .listingSection .listWrapper .listItem#getSupport .linksWrapper .itemWrapper .linkArrow { font-size: 24px; } } .listingSection .listWrapper .listItem#getSupport .linksWrapper .itemWrapper .linkbody { font-size: 16px; } .listingSection .listWrapper .listItem#enjoyprivileges .bodyWrapper { font-size: 16px; } .listingSection .listWrapper .listItem#enjoyprivileges .bodyWrapper h4 { padding: 20px 0; } .listingSection .listWrapper .listItem#enjoyprivileges .bodyWrapper h4 { font-size: 20px; } @media screen and (min-width: 320px) { .listingSection .listWrapper .listItem#enjoyprivileges .bodyWrapper h4 { font-size: calc(20px + 4 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .listingSection .listWrapper .listItem#enjoyprivileges .bodyWrapper h4 { font-size: 24px; } } .listingSection .listWrapper .listItem#enjoyprivileges .bodyWrapper h3 { font-size: 26px; } @media screen and (min-width: 320px) { .listingSection .listWrapper .listItem#enjoyprivileges .bodyWrapper h3 { font-size: calc(26px + 6 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .listingSection .listWrapper .listItem#enjoyprivileges .bodyWrapper h3 { font-size: 32px; } } .listingSection .listWrapper .listItem#enjoyprivileges .bodyWrapper p { font-size: 16px; margin-bottom: 25px; } .listingSection .listWrapper .listItem#enjoyprivileges .bodyWrapper .horizontalLine { width: 50px; height: 5px; display: block; background-color: #00d1d2; margin-top: 25px; } .listingSection .listWrapper .listItem#enjoyprivileges .linkWrapper { margin-bottom: 30px; } .listingSection .listWrapper .listItem.SupportIframeListing .listingImage, .listingSection .listWrapper .listItem.SupportIframeListing .listingImage .videoWrapper { --bs-aspect-ratio: 56% !important; } .listingSection .listWrapper .listItem img { max-width: 100%; } .listingSection .listWrapper .listItem .listingInfo { display: flex; flex-direction: column; justify-content: center; padding: 60px 0; padding-inline-end: 40px; } .listingSection .listWrapper .listItem .listingInfo .topWrapper { display: flex; align-items: center; gap: 10px; margin-bottom: 20px; } .listingSection .listWrapper .listItem .listingInfo .topWrapper .subtitle { margin-bottom: 0; } .listingSection .listWrapper .listItem .listingInfo .topWrapper .isNew { margin-inline-start: 0; } .listingSection .listWrapper .listItem .listingInfo .subtitle { font-size: 16px; color: #34303d; display: flex; align-items: center; margin-bottom: 20px; } .listingSection .listWrapper .listItem .listingInfo .titleWrapper h3 { line-height: 120%; color: #34303d; margin-bottom: 20px; } .listingSection .listWrapper .listItem .listingInfo .titleWrapper h3 { font-size: 28px; } @media screen and (min-width: 320px) { .listingSection .listWrapper .listItem .listingInfo .titleWrapper h3 { font-size: calc(28px + 17 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .listingSection .listWrapper .listItem .listingInfo .titleWrapper h3 { font-size: 45px; } } .listingSection .listWrapper .listItem .listingInfo a { margin-top: 25px; } .listingSection .listWrapper .listItem .listingInfo a.button { display: inline-block; background-color: #34303d; color: #ffffff; padding: 5px 32px 9px; border-radius: 24px; border: 2px solid #34303d; letter-spacing: 0.5px; font-size: 16px; cursor: pointer; transition: all 0.3s ease-in-out; width: -moz-fit-content; width: fit-content; } .listingSection .listWrapper .listItem .listingInfo a.button:hover { background-color: transparent; color: #34303d; border-color: #34303d; } .listingSection .listWrapper .listItem .listingInfo a.button.button-transparent { display: inline-block; background-color: transparent; color: #34303d; padding: 5px 32px 9px; border-radius: 24px; border: 2px solid #34303d; letter-spacing: 0.5px; font-size: 16px; cursor: pointer; transition: all 0.3s ease-in-out; } .listingSection .listWrapper .listItem .listingInfo a.button.button-transparent:hover { background-color: #34303d; color: #ffffff; border-color: #34303d; } .listingSection .listWrapper .listItem .listingInfo .linkWrapper a { margin-top: 25px; } .listingSection .listWrapper .listItem .listingInfo .linkWrapper a.button { display: inline-block; background-color: #34303d; color: #ffffff; padding: 5px 32px 9px; border-radius: 24px; border: 2px solid #34303d; letter-spacing: 0.5px; font-size: 16px; cursor: pointer; transition: all 0.3s ease-in-out; } .listingSection .listWrapper .listItem .listingInfo .linkWrapper a.button:hover { background-color: transparent; color: #34303d; border-color: #34303d; } .listingSection .listWrapper .listItem .listingInfo .linkWrapper a.button.button-transparent { display: inline-block; background-color: transparent; color: #34303d; padding: 5px 32px 9px; border-radius: 24px; border: 2px solid #34303d; letter-spacing: 0.5px; font-size: 16px; cursor: pointer; transition: all 0.3s ease-in-out; } .listingSection .listWrapper .listItem .listingInfo .linkWrapper a.button.button-transparent:hover { background-color: #34303d; color: #ffffff; border-color: #34303d; } .listingSection .listWrapper .listItem .listingInfo .bodyWrapper { font-size: 16px; color: #34303d; } .listingSection .listWrapper .listItem .listingInfo .bodyWrapper .importantDisc { display: block; width: 100%; border: 3px solid #34303d; padding: 10px; line-height: 18px; font-size: 14px; font-weight: bold; text-align: center; margin-top: 20px; } .listingSection .listWrapper .listItem .listingInfo .bodyWrapper .btn, .listingSection .listWrapper .listItem .listingInfo .bodyWrapper .button { display: inline-block; background-color: transparent; color: #34303d; padding: 5px 32px 9px; border-radius: 24px; border: 2px solid #34303d; letter-spacing: 0.5px; font-size: 16px; cursor: pointer; transition: all 0.3s ease-in-out; } .listingSection .listWrapper .listItem .listingInfo .bodyWrapper .btn:hover, .listingSection .listWrapper .listItem .listingInfo .bodyWrapper .button:hover { background-color: #34303d; color: #ffffff; border-color: #34303d; } .listingSection .listWrapper .listItem .listingInfo .bodyWrapper .black-button { display: inline-block; background-color: #34303d; color: #ffffff; padding: 5px 32px 9px; border-radius: 24px; border: 2px solid #34303d; letter-spacing: 0.5px; font-size: 16px; cursor: pointer; transition: all 0.3s ease-in-out; } .listingSection .listWrapper .listItem .listingInfo .bodyWrapper .black-button:hover { background-color: transparent; color: #34303d; border-color: #34303d; } .listingSection .listWrapper .listItem .listingInfo .bodyWrapper ul { list-style: none; } .listingSection .listWrapper .listItem .listingInfo .bodyWrapper ul li { position: relative; padding-inline-start: 30px; font-size: 16px; margin-bottom: 7px; } .listingSection .listWrapper .listItem .listingInfo .bodyWrapper ul li::before { content: ""; position: absolute; inset-inline-start: 15px; top: 10px; width: 6px; height: 6px; background-color: #34303d; border-radius: 50%; } .listingSection .listWrapper .listItem .listingInfo .disclaimer { background-color: rgba(0, 0, 0, 0.1); padding: 15px; display: block; font-weight: bold; margin-top: 20px; } .listingSection .listWrapper .listItem .listingInfo .disclaimer.withBorder { border: 1px solid #34303d; background-color: transparent; } .listingSection .listWrapper .listItem .listingImage { flex: 0 0 42%; } .listingSection .listWrapper .listItem .listingImage img { -o-object-fit: cover; object-fit: cover; } .listingSection .listWrapper .listItem.leftImage { --bs-aspect-ratio: 95%; gap: 10%; padding-inline-end: 20px; } .listingSection .listWrapper .listItem.leftImage .listingImage { align-self: center; } .listingSection .listWrapper .listItem.withPadding { padding: 60px 0; } .listingSection .listWrapper .listItem.withPadding .listingImage { align-self: center !important; } .listingSection .listWrapper .listItem.withPadding .listingInfo { padding-top: 0; padding-bottom: 0; } .listingSection .listWrapper .listItem.normalListing { margin-bottom: 60px; } .listingSection .listWrapper .listItem.normalListing .listingImage { flex: 0 0 45%; --bs-aspect-ratio: 102%; } .listingSection .listWrapper .listItem.normalListing .listingImage img { -o-object-fit: cover; object-fit: cover; } .listingSection .listWrapper .listItem.whiteFont .listingInfo .titleWrapper h3, .listingSection .listWrapper .listItem.whiteFont .listingInfo .bodyWrapper { color: #ffffff; } .listingSection .listWrapper .listItem.whiteFont .listingInfo ul li::before { background-color: #ffffff; } .listingSection .listWrapper .listItem.whiteFont .listingInfo .linkWrapper a { display: inline-block; background-color: #ffffff; color: #34303d; padding: 5px 32px 9px; border-radius: 24px; border: 2px solid #ffffff; letter-spacing: 0.5px; font-size: 16px; cursor: pointer; transition: all 0.3s ease-in-out; } .listingSection .listWrapper .listItem.whiteFont .listingInfo .linkWrapper a:hover { background-color: #00d1d2; color: #34303d; border-color: #00d1d2; } .listingSection .listWrapper .listItem.hasBodyImage .listingInfo { padding-top: 0; padding-bottom: 0; position: relative; } .listingSection .listWrapper .listItem.hasBodyImage .listingImage { align-self: flex-start !important; } .listingSection .listWrapper .listItem.hasBodyImage .bodyImage { --bs-aspect-ratio: 72%; margin-top: 30px; } .listingSection .listWrapper .listItem.hasBodyImage .bodyImage img { -o-object-fit: cover; object-fit: cover; } .listingSection .listWrapper .listItem.rightImage { flex-direction: row-reverse; padding-inline-start: 60px; } .listingSection .listWrapper .listItem.rightImage .listingInfo { flex-grow: 1; } .listingSection .listWrapper .listItem.rightImage .listingImage { align-self: center; flex: 0 0 50%; --bs-aspect-ratio: 100%; } .listingSection .listWrapper .listItem.rightImage .listingImage img { -o-object-fit: cover; object-fit: cover; } .listingSection .listWrapper .listItem.imageMarginBot { background-color: #f6f4f0; padding-inline: 60px; } .listingSection .listWrapper .listItem.imageMarginBot .listingImage { flex: 0 0 40%; --bs-aspect-ratio: 100%; transform: translateY(-60px); align-self: flex-start; } .listingSection .listWrapper .listItem.imageMarginTop { margin-bottom: 120px; } .listingSection .listWrapper .listItem.imageMarginTop .listingInfo { padding: 60px 0; } .listingSection .listWrapper .listItem.imageMarginTop .listingImage { flex: 0 0 50%; --bs-aspect-ratio: 80%; transform: translateY(60px); align-self: flex-end; } .listingSection.bannerIluma .listWrapper .listItem { padding-inline-end: 0; } .listingSection.bannerIluma .listWrapper .listItem .listingInfo { max-width: 35%; text-align: start; } .listingSection.bannerIluma .listWrapper .listItem .listingImage { --bs-aspect-ratio: 95%; } .listingSection.bannerIluma .listWrapper .listItem .listingImage img { -o-object-fit: cover; object-fit: cover; } .listingSection .listingHolder.row { margin-inline: 0; } .isNew { font-size: 16px; color: #34303d; background-color: #ffffff; border-radius: 6px; padding: 3px 5px; text-align: center; margin-inline-start: 10px; display: block; width: -moz-fit-content; width: fit-content; } .isNew.blue, .isNew.blueBadge { background-color: #00d1d2; } .isNew.centered { margin-inline: auto !important; } .tereaCarousel { margin-bottom: 60px; } .tereaCarousel.withLogo .blockHead { text-align: center; margin-bottom: 25px; } .tereaCarousel.withLogo .blockHead .logoSubtitle { max-width: 250px; margin: 0 auto; text-align: center; } .tereaCarousel.bondsCarousel.newStyle .tereaListing .listingItem .backgroundImage > img { border-radius: 0; filter: brightness(100%); } .tereaCarousel.bondsCarousel.newStyle .tereaListing .listingItem .backgroundImage .initialImg { max-width: 100%; } .tereaCarousel.bondsCarousel.newStyle .tereaListing .listingItem .backgroundImage .productImage { bottom: 0px; top: auto; transform: scale(0.7) translateY(7px); max-width: 300px; width: 100%; } .tereaCarousel.bondsCarousel.newStyle .tereaListing .listingItem.swiper-slide-active .productImage { transform: scale(1) translateY(17px); } .tereaCarousel .blockHead h3 { font-weight: 600; line-height: 1.2; margin-bottom: 30px; text-align: center; } .tereaCarousel .blockHead h3 { font-size: 35px; } @media screen and (min-width: 320px) { .tereaCarousel .blockHead h3 { font-size: calc(35px + 21 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .tereaCarousel .blockHead h3 { font-size: 56px; } } .tereaCarousel .listingLink { padding-top: 20px; } .tereaCarousel .listingLink a { color: #34303d; font-size: 16px; line-height: 20px; width: -moz-fit-content; width: fit-content; display: block; margin: auto; display: flex; align-items: center; gap: 8px; position: relative; } .tereaCarousel .listingLink a::after { content: ""; display: inline-block; width: 16px; height: 14px; margin-top: 2px; background-image: url(../../images/back-button.svg); background-size: contain; background-repeat: no-repeat; background-position: center center; transform: scale(-1); transition: all 0.3s ease-in-out; } .tereaCarousel .listingLink a:hover::after { transform: scale(-1) translateX(-6px); filter: brightness(0) saturate(100%) invert(57%) sepia(59%) saturate(1421%) hue-rotate(136deg) brightness(98%) contrast(104%); } .tereaCarousel .tereaListing.swiper-moving .listingItem .listingInfos { opacity: 0 !important; } .tereaCarousel .tereaListing .listingItem .backgroundImage { position: relative; display: flex; flex-direction: column; align-items: center; padding-top: 60px; --bs-aspect-ratio: 100%; margin-bottom: 30px; } .tereaCarousel .tereaListing .listingItem .backgroundImage img { transition: all 0.4s ease-in-out; max-width: 100%; -o-object-fit: contain; object-fit: contain; } .tereaCarousel .tereaListing .listingItem .backgroundImage .activeImg { position: absolute; bottom: 0; opacity: 0; z-index: 2; transition: all 0.4s ease-in-out; } .tereaCarousel .tereaListing .listingItem .backgroundImage .productImage { position: absolute; bottom: 0px; transform: scale(0.7); transform-origin: bottom center; transition: all 0.6s ease-in-out; z-index: 3; max-width: 20%; } .tereaCarousel .tereaListing .listingItem .listingInfos { opacity: 0; transition: all 0.4s ease-in-out; text-align: center; color: #34303d; position: relative; inset-inline-start: 50%; transform: translateX(-50%); width: 140%; } .tereaCarousel .tereaListing .listingItem .listingInfos h3 { color: #34303d; margin-bottom: 14px; } .tereaCarousel .tereaListing .listingItem .listingInfos h3 { font-size: 24px; } @media screen and (min-width: 320px) { .tereaCarousel .tereaListing .listingItem .listingInfos h3 { font-size: calc(24px + 8 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .tereaCarousel .tereaListing .listingItem .listingInfos h3 { font-size: 32px; } } .tereaCarousel .tereaListing .listingItem .listingInfos h3 { line-height: 27px; } @media screen and (min-width: 320px) { .tereaCarousel .tereaListing .listingItem .listingInfos h3 { line-height: calc(27px + 9 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .tereaCarousel .tereaListing .listingItem .listingInfos h3 { line-height: 36px; } } .tereaCarousel .tereaListing .listingItem .listingInfos p { font-size: 16px; margin-bottom: 14px; } .tereaCarousel .tereaListing .listingItem .listingInfos .button { display: inline-block; background-color: #34303d; color: #ffffff; padding: 5px 32px 9px; border-radius: 24px; border: 2px solid #34303d; letter-spacing: 0.5px; font-size: 16px; cursor: pointer; transition: all 0.3s ease-in-out; } .tereaCarousel .tereaListing .listingItem .listingInfos .button:hover { background-color: transparent; color: #34303d; border-color: #34303d; } .tereaCarousel .tereaListing .listingItem.swiper-slide-active .productImage { transform: scale(1) translateY(10px); bottom: 0px; max-width: 25%; } .tereaCarousel .tereaListing .listingItem.swiper-slide-active .activeImg, .tereaCarousel .tereaListing .listingItem.swiper-slide-active .initialImg { opacity: 1; transform: scale(1.08); } .tereaCarousel .tereaListing .listingItem.swiper-slide-active .listingInfos { opacity: 1; } .tereaCarousel.newStyle .tereaListing .listingItem .backgroundImage .initialImg { max-width: 80%; } .tereaCarousel.newStyle .tereaListing .listingItem .backgroundImage > img { border-radius: 50%; filter: brightness(80%); } .tereaCarousel.newStyle .tereaListing .listingItem .backgroundImage .productImage { bottom: auto; top: 50%; transform: scale(0.7) translateY(-50%); width: 70%; max-width: 220px; } .tereaCarousel.newStyle .tereaListing .listingItem.swiper-slide-active .backgroundImage > img { filter: brightness(100%); } .tereaCarousel.newStyle .tereaListing .listingItem.swiper-slide-active .productImage { transform: scale(1) translateY(-50%); } .disclaimer-block { text-align: center; max-width: 60%; margin: auto; margin-bottom: 60px; padding: 40px; } .disclaimer-block.StylingContnetFalvors .container .text-title { text-align: start; } .disclaimer-block.StylingContnetFalvors .container .text-title { font-size: 32px; } @media screen and (min-width: 320px) { .disclaimer-block.StylingContnetFalvors .container .text-title { font-size: calc(32px + 24 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .disclaimer-block.StylingContnetFalvors .container .text-title { font-size: 56px; } } .disclaimer-block.StylingContnetFalvors .container p { text-align: start; margin-inline: unset; padding-inline: unset; } .disclaimer-block.StylingContnetFalvors .container p { font-size: 15px; } @media screen and (min-width: 320px) { .disclaimer-block.StylingContnetFalvors .container p { font-size: calc(15px + 1 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .disclaimer-block.StylingContnetFalvors .container p { font-size: 16px; } } .disclaimer-block.noPadding { padding-top: 0; padding-bottom: 0; } .disclaimer-block.smallText p { font-size: 18px; line-height: 30px; color: #34303d; margin-inline: auto; } .disclaimer-block.wideDisclaimer { max-width: 1340px; } .disclaimer-block.wideDisclaimer.titleTextDisclaimer .text-title { margin-bottom: 20px; } .disclaimer-block.wideDisclaimer.titleTextDisclaimer p { max-width: 100%; margin-top: 0; } .disclaimer-block.wideDisclaimer.titleTextDisclaimer p { font-size: 21px; } @media screen and (min-width: 320px) { .disclaimer-block.wideDisclaimer.titleTextDisclaimer p { font-size: calc(21px + 3 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .disclaimer-block.wideDisclaimer.titleTextDisclaimer p { font-size: 24px; } } .disclaimer-block.normalTitleWithDescription { max-width: 1050px; width: 100%; padding-bottom: 0; padding-top: 0; margin-bottom: 30px; } .disclaimer-block.normalTitleWithDescription .text-title { margin-bottom: 20px; } .disclaimer-block.normalTitleWithDescription .text-title { font-size: 32px; } @media screen and (min-width: 320px) { .disclaimer-block.normalTitleWithDescription .text-title { font-size: calc(32px + 18 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .disclaimer-block.normalTitleWithDescription .text-title { font-size: 50px; } } .disclaimer-block.normalTitleWithDescription .text-title { line-height: 40px; } @media screen and (min-width: 320px) { .disclaimer-block.normalTitleWithDescription .text-title { line-height: calc(40px + 20 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .disclaimer-block.normalTitleWithDescription .text-title { line-height: 60px; } } .disclaimer-block.normalTitleWithDescription p { font-size: 16px; color: #34303d; margin-bottom: 30px; } .disclaimer-block.normalTitleWithDescription .button { display: inline-block; background-color: transparent; color: #34303d; padding: 5px 32px 9px; border-radius: 24px; border: 2px solid #34303d; letter-spacing: 0.5px; font-size: 16px; cursor: pointer; transition: all 0.3s ease-in-out; } .disclaimer-block.normalTitleWithDescription .button:hover { background-color: #00d1d2; color: #34303d; border-color: #00d1d2; } .disclaimer-block.titleTextDisclaimer .text-title { font-size: 14px; color: #34303d; font-weight: normal; } .disclaimer-block.titleTextDisclaimer p { color: #34303d; max-width: 80%; text-align: center; margin-inline: auto; margin-top: 20px; } .disclaimer-block.titleTextDisclaimer p { font-size: 24px; } @media screen and (min-width: 320px) { .disclaimer-block.titleTextDisclaimer p { font-size: calc(24px + 4 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .disclaimer-block.titleTextDisclaimer p { font-size: 28px; } } .disclaimer-block.titleTextDisclaimer p { line-height: 30px; } @media screen and (min-width: 320px) { .disclaimer-block.titleTextDisclaimer p { line-height: calc(30px + 6 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .disclaimer-block.titleTextDisclaimer p { line-height: 36px; } } .disclaimer-block.bigDesc { padding: 0; } .disclaimer-block.bigDesc.highlightedText p { font-weight: bold; color: #34303d; } .disclaimer-block.bigDesc.highlightedText p { font-size: 32px; } @media screen and (min-width: 320px) { .disclaimer-block.bigDesc.highlightedText p { font-size: calc(32px + 24 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .disclaimer-block.bigDesc.highlightedText p { font-size: 56px; } } .disclaimer-block.bigDesc.highlightedText p { line-height: 40px; } @media screen and (min-width: 320px) { .disclaimer-block.bigDesc.highlightedText p { line-height: calc(40px + 26 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .disclaimer-block.bigDesc.highlightedText p { line-height: 66px; } } .disclaimer-block.bigDesc p { font-weight: normal; color: #34303d; } .disclaimer-block.bigDesc p { font-size: 24px; } @media screen and (min-width: 320px) { .disclaimer-block.bigDesc p { font-size: calc(24px + 4 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .disclaimer-block.bigDesc p { font-size: 28px; } } .disclaimer-block.bigDesc p { line-height: 30px; } @media screen and (min-width: 320px) { .disclaimer-block.bigDesc p { line-height: calc(30px + 6 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .disclaimer-block.bigDesc p { line-height: 36px; } } .disclaimer-block.footerDisclaimer { padding: 20px; border: 3px solid #34303d; width: -moz-fit-content; width: fit-content; } .disclaimer-block.footerDisclaimer p { color: #34303d; font-size: 16px; } .disclaimer-block.Discover-Iqos-Disclaimer-Title { max-width: 100%; } .disclaimer-block.Discover-Iqos-Disclaimer-Title h2 { max-width: 100%; } .disclaimer-block.Discover-Iqos-Disclaimer-Title h2 { font-size: 30px; } @media screen and (min-width: 320px) { .disclaimer-block.Discover-Iqos-Disclaimer-Title h2 { font-size: calc(30px + 14 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .disclaimer-block.Discover-Iqos-Disclaimer-Title h2 { font-size: 44px; } } .disclaimer-block.Discover-Iqos-Disclaimer-Title h2 { line-height: 34px; } @media screen and (min-width: 320px) { .disclaimer-block.Discover-Iqos-Disclaimer-Title h2 { line-height: calc(34px + 14 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .disclaimer-block.Discover-Iqos-Disclaimer-Title h2 { line-height: 48px; } } .disclaimer-block.discover-terea-listing-disclaimer { padding: 0; max-width: 100%; } .disclaimer-block.discover-terea-listing-disclaimer .text-title { text-align: start; } .disclaimer-block.discover-terea-listing-disclaimer .text-title { font-size: 28px; } @media screen and (min-width: 320px) { .disclaimer-block.discover-terea-listing-disclaimer .text-title { font-size: calc(28px + 12 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .disclaimer-block.discover-terea-listing-disclaimer .text-title { font-size: 40px; } } .disclaimer-block.discover-terea-listing-disclaimer p { text-align: start; font-size: 16px; color: #34303d; max-width: 80%; } .disclaimer-block.body-title { padding: 0; } .disclaimer-block.body-title .text-title { font-size: 28px; } @media screen and (min-width: 320px) { .disclaimer-block.body-title .text-title { font-size: calc(28px + 12 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .disclaimer-block.body-title .text-title { font-size: 40px; } } .disclaimer-block.body-title p { font-size: 16px; color: #34303d; max-width: 80%; text-align: center; margin-inline: auto; margin-top: 30px; } .disclaimer-block.terea-slider-title { margin-bottom: 0; max-width: 100%; } .disclaimer-block.terea-slider-title .text-title { text-align: start; } .disclaimer-block.terea-slider-title .text-title { font-size: 28px; } @media screen and (min-width: 320px) { .disclaimer-block.terea-slider-title .text-title { font-size: calc(28px + 12 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .disclaimer-block.terea-slider-title .text-title { font-size: 40px; } } .disclaimer-block.discover-terea-banner-disclaimer { max-width: 100%; background-color: #f6f4f0; } .disclaimer-block.discover-terea-banner-disclaimer p { color: #34303d; font-weight: bold; text-align: center; max-width: 1100px; margin-inline: auto; } .disclaimer-block.discover-terea-banner-disclaimer p { font-size: 20px; } @media screen and (min-width: 320px) { .disclaimer-block.discover-terea-banner-disclaimer p { font-size: calc(20px + 4 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .disclaimer-block.discover-terea-banner-disclaimer p { font-size: 24px; } } .disclaimer-block.full-width-disclaimer { max-width: 100%; position: relative; padding-top: 0; padding-bottom: 0; } .disclaimer-block.full-width-disclaimer.noVerticalBorders { padding-top: 0; padding-bottom: 0; } .disclaimer-block.full-width-disclaimer.noVerticalBorders::before, .disclaimer-block.full-width-disclaimer.noVerticalBorders::after { display: none; } .disclaimer-block.full-width-disclaimer p { padding-inline: 60px; color: #34303d; font-size: 14px; max-width: 992px; margin-inline: auto; } .disclaimer-block.full-width-disclaimer p a { font-size: 14px; } .disclaimer-block.full-width-disclaimer a { color: #34303d; font-size: 16px; text-decoration: underline; cursor: pointer; transition: all 0.3s ease-in-out; border: none; background-color: transparent; } .disclaimer-block.full-width-disclaimer a:hover { color: #00d1d2; } .disclaimer-block.first-disclaimer, .disclaimer-block.third-disclaimer, .disclaimer-block.second-disclaimer { text-align: start; margin-inline: 0; padding: 0; max-width: 100%; } .disclaimer-block.first-disclaimer h2, .disclaimer-block.third-disclaimer h2, .disclaimer-block.second-disclaimer h2 { max-width: 80%; margin-bottom: 30px; } .disclaimer-block.first-disclaimer h2, .disclaimer-block.third-disclaimer h2, .disclaimer-block.second-disclaimer h2 { font-size: 30px; } @media screen and (min-width: 320px) { .disclaimer-block.first-disclaimer h2, .disclaimer-block.third-disclaimer h2, .disclaimer-block.second-disclaimer h2 { font-size: calc(30px + 14 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .disclaimer-block.first-disclaimer h2, .disclaimer-block.third-disclaimer h2, .disclaimer-block.second-disclaimer h2 { font-size: 44px; } } .disclaimer-block.first-disclaimer h2, .disclaimer-block.third-disclaimer h2, .disclaimer-block.second-disclaimer h2 { line-height: 34px; } @media screen and (min-width: 320px) { .disclaimer-block.first-disclaimer h2, .disclaimer-block.third-disclaimer h2, .disclaimer-block.second-disclaimer h2 { line-height: calc(34px + 14 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .disclaimer-block.first-disclaimer h2, .disclaimer-block.third-disclaimer h2, .disclaimer-block.second-disclaimer h2 { line-height: 48px; } } .disclaimer-block.first-disclaimer p, .disclaimer-block.third-disclaimer p, .disclaimer-block.second-disclaimer p { font-size: 16px; color: #34303d; } .disclaimer-block.first-disclaimer a, .disclaimer-block.third-disclaimer a, .disclaimer-block.second-disclaimer a { color: #34303d; font-size: 16px; text-decoration: underline; cursor: pointer; transition: all 0.3s ease-in-out; border: none; background-color: transparent; } .disclaimer-block.first-disclaimer a:hover, .disclaimer-block.third-disclaimer a:hover, .disclaimer-block.second-disclaimer a:hover { color: #00d1d2; } .disclaimer-block .text-title { font-size: 18px; color: #34303d; margin-bottom: 10px; } .disclaimer-block p { font-size: 11px; color: #99969c; } .disclaimer-block p sup { vertical-align: top; font-size: 8px; } .bgDisclaimer { background-color: rgba(0, 0, 0, 0.1); padding: 15px; display: block; margin-top: 20px; font-style: italic; } .borderedDisclaimer { border: 1px solid #34303d; padding: 15px; font-weight: bold; margin-top: 20px; display: block; } .compareComponent { margin-bottom: 60px; } .compareComponent .container { position: relative; padding-inline: 0; } .compareComponent .blockHead { display: flex; flex-direction: column; align-items: center; padding-top: 30px; padding-inline: 40px; background-color: #f6f4f0; } .compareComponent .blockHead .logo { margin-bottom: 10px; } .compareComponent .blockHead .blockTitle { margin-bottom: 10px; } .compareComponent .blockHead .blockTitle { font-size: 32px; } @media screen and (min-width: 320px) { .compareComponent .blockHead .blockTitle { font-size: calc(32px + 24 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .compareComponent .blockHead .blockTitle { font-size: 56px; } } .compareComponent .blockHead .blockBody { font-size: 16px; } .compareComponent .devicesListing { display: flex; justify-content: center; margin-bottom: 60px; } .compareComponent .devicesListing .listingDevice { display: flex; flex-direction: column; align-items: center; justify-content: space-between; padding-inline: 4px; height: auto; } .compareComponent .devicesListing .listingDevice .listingImage { --bs-aspect-ratio: 100%; margin-bottom: 10px; flex-shrink: 0; } .compareComponent .devicesListing .listingDevice .listingImage img { -o-object-fit: contain; object-fit: contain; } .compareComponent .devicesListing .listingDevice .deviceInfo { text-align: center; position: relative; flex-grow: 1; display: flex; flex-direction: column; align-items: start; } .compareComponent .devicesListing .listingDevice .deviceInfo .descriptionWrapper { margin-bottom: 10px; min-height: 60px; } .compareComponent .devicesListing .listingDevice .deviceInfo .descriptionWrapper p { display: none; } .compareComponent .devicesListing .listingDevice .deviceInfo .descriptionWrapper .isNew { inset-inline-start: 8%; } .compareComponent .devicesListing .listingDevice .deviceInfo .descriptionWrapper .descriptionCompare { text-align: start; display: block; } .compareComponent .devicesListing .listingDevice .deviceInfo .descriptionWrapper .descriptionCompare { font-size: 16px; } @media screen and (min-width: 320px) { .compareComponent .devicesListing .listingDevice .deviceInfo .descriptionWrapper .descriptionCompare { font-size: calc(16px + 1 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .compareComponent .devicesListing .listingDevice .deviceInfo .descriptionWrapper .descriptionCompare { font-size: 17px; } } .compareComponent .devicesListing .listingDevice .deviceInfo .compare-price { margin-bottom: 30px; display: block; font-weight: bold; } .compareComponent .devicesListing .listingDevice .deviceInfo .compare-price { font-size: 20px; } @media screen and (min-width: 320px) { .compareComponent .devicesListing .listingDevice .deviceInfo .compare-price { font-size: calc(20px + 5 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .compareComponent .devicesListing .listingDevice .deviceInfo .compare-price { font-size: 25px; } } .compareComponent .devicesListing .listingDevice .deviceInfo .distinctFeatures { margin-bottom: 20px; } .compareComponent .devicesListing .listingDevice .deviceInfo .distinctFeatures ul { list-style: none; padding: 0; margin: 0; } .compareComponent .devicesListing .listingDevice .deviceInfo .distinctFeatures ul li { display: flex; align-items: center; gap: 8px; margin-bottom: 15px; text-align: start; } .compareComponent .devicesListing .listingDevice .deviceInfo .distinctFeatures ul li { font-size: 16px; } @media screen and (min-width: 320px) { .compareComponent .devicesListing .listingDevice .deviceInfo .distinctFeatures ul li { font-size: calc(16px + 2 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .compareComponent .devicesListing .listingDevice .deviceInfo .distinctFeatures ul li { font-size: 18px; } } .compareComponent .devicesListing .listingDevice .deviceInfo h3 { margin: 10px 0px; flex-grow: 1; text-align: start; } .compareComponent .devicesListing .listingDevice .deviceInfo h3 { font-size: 20px; } @media screen and (min-width: 320px) { .compareComponent .devicesListing .listingDevice .deviceInfo h3 { font-size: calc(20px + 4 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .compareComponent .devicesListing .listingDevice .deviceInfo h3 { font-size: 24px; } } .compareComponent .devicesListing .listingDevice .deviceInfo .button { width: -moz-fit-content; width: fit-content; display: inline-block; background-color: #ffffff; color: #34303d; padding: 5px 32px 9px; border-radius: 24px; border: 2px solid #ffffff; letter-spacing: 0.5px; font-size: 16px; cursor: pointer; transition: all 0.3s ease-in-out; border-color: #34303d; } .compareComponent .devicesListing .listingDevice .deviceInfo .button:hover { background-color: #34303d; color: #ffffff; border-color: #34303d; } .compareComponent .devicesListing .listingDevice .deviceInfo .button:hover { background-color: #34303d; color: #ffffff; border-color: #34303d; } .compareComponent .devicesListing .listingDevice .isNew { margin-bottom: 15px; margin-inline-start: 0; position: absolute; top: 0; transform: translate(-50%, -100%); inset-inline-start: 50%; } .compareComponent .compareLink { display: flex; justify-content: center; } .compareComponent .compareLink a { display: inline-block; background-color: #34303d; color: #ffffff; padding: 5px 32px 9px; border-radius: 24px; border: 2px solid #34303d; letter-spacing: 0.5px; font-size: 16px; cursor: pointer; transition: all 0.3s ease-in-out; } .compareComponent .compareLink a:hover { background-color: #00d1d2; color: #34303d; border-color: #00d1d2; } .messageContainer { position: fixed; top: 0px; inset-inline-start: 0; inset-inline-end: 0; width: 100%; z-index: 1000; background-color: green; padding: 10px 50px; min-height: 62px; } .messageContainer.red { background-color: #d40720; } .messageContainer .close { position: absolute; top: 10px; inset-inline-end: 25px; color: transparent; background-image: url(../../images/close-icon-black.svg); width: 25px; height: 25px; background-position: center center; background-repeat: no-repeat; background-size: contain; filter: brightness(0) invert(1); } .messageContainer h3 { color: #ffffff; font-size: 20px; font-weight: bold; } .messageContainer .messageBody { margin-top: 10px; color: #ffffff; font-size: 16px; } .fixed-on-scroll { position: fixed; top: 0; left: 0; width: 100%; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2); background-color: #fffdfb; padding: 15px 0; display: flex; z-index: 10; align-items: center; justify-content: center; flex-wrap: wrap; gap: 15px; padding-inline: 30px; opacity: 0; pointer-events: none; transition: all 0.5s ease-in-out; } .fixed-on-scroll.show { opacity: 1; pointer-events: all; } .fixed-on-scroll .label-total { font-weight: bold; } .fixed-on-scroll .label-total { font-size: 16px; } @media screen and (min-width: 320px) { .fixed-on-scroll .label-total { font-size: calc(16px + 8 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .fixed-on-scroll .label-total { font-size: 24px; } } .updatedAgeGate { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 253, 251, 0.95); -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px); z-index: 500; } .updatedAgeGate .sagBlock .overAge { margin-bottom: 20px; } .updatedAgeGate .sagBlock .UnderAge { display: inline-block; background-color: transparent; color: #34303d; padding: 5px 32px 9px; border-radius: 24px; border: 2px solid #34303d; letter-spacing: 0.5px; font-size: 16px; cursor: pointer; transition: all 0.3s ease-in-out; } .updatedAgeGate .sagBlock .UnderAge:hover { background-color: #34303d; color: #ffffff; border-color: #34303d; } .updatedAgeGate .sagBlock .btnWrapper { margin: 0 auto; max-width: 525px; display: flex; flex-direction: column; text-align: center; align-items: center; } .updatedAgeGate .sagBlock .btnWrapper a { width: 100%; } .updatedAgeGate .errorAge { text-align: center; max-width: 800px; margin-inline: auto; padding-inline: 20px; } .updatedAgeGate .errorAge { font-size: 24px; } @media screen and (min-width: 320px) { .updatedAgeGate .errorAge { font-size: calc(24px + 8 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .updatedAgeGate .errorAge { font-size: 32px; } } .updatedAgeGate .language-selector-main { position: absolute; top: 60px; inset-inline-end: 60px; z-index: 10; } .updatedAgeGate .language-selector-main h3 { font-size: 14px; color: #34303d; font-weight: normal; letter-spacing: 0.4px; margin-bottom: 25px; } .updatedAgeGate .language-selector-main .selected-language { color: #34303d; font-size: 16px; font-weight: normal; transition: all 0.3s ease-in-out; position: relative; display: flex; align-items: center; justify-content: space-between; cursor: pointer; gap: 10px; } .updatedAgeGate .language-selector-main .selected-language::after { content: ""; background-image: url(../../images/arrow-down.svg); width: 13px; height: 8px; background-position: center center; background-repeat: no-repeat; background-size: contain; display: block; transform-origin: center center; transition: all 0.5s ease-in-out; } .updatedAgeGate .language-selector-main .selected-language::before { content: ""; background-image: url(../../images/globe-icon.svg); width: 20px; height: 20px; background-position: center center; background-repeat: no-repeat; background-size: contain; } .updatedAgeGate .language-selector-main .selected-language.open::after { transform: rotate(180deg); } .updatedAgeGate .language-selector-main .language-options { position: absolute; top: calc(100% + 10px); inset-inline-start: 0; background-color: #ffffff; width: 100%; border-radius: 4px; display: none; } .updatedAgeGate .language-selector-main .language-options a { display: block; padding: 12px; border-bottom: 1px solid #dcdcdc; font-size: 14px; color: #34303d; transition: all 0.3s ease-in-out; } .updatedAgeGate .language-selector-main .language-options a:hover { color: #00d1d2; } .updatedAgeGate .language-selector-main .language-options a:last-child { border-bottom: none; } .updatedAgeGate .container { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .updatedAgeGate .container .logoHolder { display: flex; flex-direction: column; align-items: center; gap: 15px; margin-bottom: 30px; } .updatedAgeGate .container .logoHolder img { max-width: 110px; } .updatedAgeGate .container .logoHolder img:first-child { filter: brightness(0) saturate(100%) invert(57%) sepia(59%) saturate(1421%) hue-rotate(136deg) brightness(98%) contrast(104%); } .updatedAgeGate .container .ageblock { margin-bottom: 60px; } .updatedAgeGate .container .ageblock .intro { text-align: center; font-size: 18px; margin-bottom: 60px; max-width: 525px; margin-inline: auto; } .updatedAgeGate .container .ageblock .inputFields { display: flex; justify-content: center; align-items: center; gap: 15px; margin-bottom: 30px; margin-inline: auto; } .updatedAgeGate .container .ageblock .inputFields .inputParent { flex: 0 0 50%; } .updatedAgeGate .container .ageblock .inputFields .inputParent.validationApproved .dk-selected { background-image: url(../../images/download.svg); background-size: 25px 25px; background-position: 75% 10px; background-repeat: no-repeat; border-color: #57760c; } .updatedAgeGate .container .ageblock .inputFields .inputParent.errorField .dk-selected { background-image: url(../../images/red-circle.svg); background-size: 25px 25px; background-position: 75% 10px; background-repeat: no-repeat; border-color: #d40720; } .updatedAgeGate .container .ageblock .inputFields .inputParent > span { display: none; } .updatedAgeGate .container .ageblock .inputFields .inputParent input { display: none; } .updatedAgeGate .container .ageblock .inputFields .inputParent .input-like { margin-bottom: 6px; } .updatedAgeGate .container .ageblock .submitHolder { display: flex; justify-content: center; } .updatedAgeGate .container .ageblock .submitHolder a { display: inline-block; background-color: #34303d; color: #ffffff; padding: 5px 32px 9px; border-radius: 24px; border: 2px solid #34303d; letter-spacing: 0.5px; font-size: 16px; cursor: pointer; transition: all 0.3s ease-in-out; font-family: "IQOS", "IQOS AR", sans-serif; } .updatedAgeGate .container .ageblock .submitHolder a:hover { background-color: #00d1d2; color: #34303d; border-color: #00d1d2; } .updatedAgeGate .container .weCare { max-width: 800px; margin-inline: auto; font-size: 12px; text-align: center; } .updatedAgeGate .container .weCare h2 { font-size: 14px; text-align: center; } .updatedAgeGate .container .dk-select { width: 100%; } .updatedAgeGate .container .dk-select.dk-select-open-down .dk-selected::before { transform: translateY(-50%) rotate(180deg); } .updatedAgeGate .container .dk-select .dk-selected { height: 48px; padding-inline: 15px; color: #34303d; letter-spacing: 0; font-size: 16px; border: 1px solid #b8b7bb; width: 100%; border-radius: 3px; font-family: "IQOS", sans-serif; padding: 12px 15px; } .updatedAgeGate .container .dk-select .dk-selected::before { content: ""; display: block; background-image: url(../../images/arrow-down.svg); background-size: contain; background-repeat: no-repeat; background-position: center center; width: 12px; height: 12px; position: absolute; top: 50%; inset-inline-end: 15px; transform: translateY(-50%); border: none; margin: 0; transition: all 0.3s ease-in-out; transform-origin: center center; } .updatedAgeGate .container .dk-select .dk-selected::after { display: none; } .updatedAgeGate .container .dk-select .dk-selected:focus { border-color: #34303d; } .updatedAgeGate .container .dk-select .dk-select-options { padding: 0; } .updatedAgeGate .container .dk-select .dk-select-options.dk-select-options-highlight { border-color: #00d1d2; } .updatedAgeGate .container .dk-select .dk-select-options .dk-option { padding: 5px 15px; } .updatedAgeGate .container .dk-select .dk-select-options .dk-option.dk-option-selected, .updatedAgeGate .container .dk-select .dk-select-options .dk-option.dk-option-highlight { background-color: rgba(0, 209, 210, 0.5); color: #34303d; } .updatedAgeGate .container .dk-select .dk-select-options .dk-option.dk-option-disabled { display: none; } #countryConnectionCheck { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; } #countryConnectionCheck::after { content: ""; display: block; position: absolute; top: -1vh; left: -1vh; width: 102vw; height: 102vh; background-image: url(../../images/countryBg.jpg); background-repeat: no-repeat; background-size: cover; filter: blur(8px); } #countryConnectionCheck .ui-dialog-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #ffffff; padding: 30px; z-index: 5; border-radius: 5px; max-width: 600px; width: 90%; } #countryConnectionCheck .ui-dialog-content .centered-block .logoHolder { margin-bottom: 30px; } #countryConnectionCheck .ui-dialog-content .centered-block .logoHolder img { display: block; margin-inline: auto; max-width: 130px; } #countryConnectionCheck .ui-dialog-content .centered-block p { font-size: 18px; text-align: center; margin-bottom: 30px; } #countryConnectionCheck .ui-dialog-content .ui-widget-content { display: flex; justify-content: center; } #countryConnectionCheck .ui-dialog-content .ui-widget-content a { display: inline-block; background-color: #34303d; color: #ffffff; padding: 5px 32px 9px; border-radius: 24px; border: 2px solid #34303d; letter-spacing: 0.5px; font-size: 16px; cursor: pointer; transition: all 0.3s ease-in-out; text-transform: capitalize; } #countryConnectionCheck .ui-dialog-content .ui-widget-content a:hover { background-color: #00d1d2; color: #34303d; border-color: #00d1d2; } #onetrust-consent-sdk #onetrust-banner-sdk { background-color: #34303d !important; } #onetrust-consent-sdk #onetrust-banner-sdk:focus { outline: none !important; } #onetrust-consent-sdk #onetrust-banner-sdk #onetrust-close-btn-container .onetrust-close-btn-ui { filter: brightness(0) invert(1); transition: all 0.3s ease-in-out; height: 25px !important; background-image: url(../../images/close-icon-black.svg) !important; background-size: contain; } #onetrust-consent-sdk #onetrust-banner-sdk #onetrust-close-btn-container .onetrust-close-btn-ui:hover { opacity: 1 !important; filter: brightness(0) saturate(100%) invert(57%) sepia(59%) saturate(1421%) hue-rotate(136deg) brightness(98%) contrast(104%); } #onetrust-consent-sdk #onetrust-policy-text a { text-decoration: underline !important; transition: all 0.3s ease-in-out; } #onetrust-consent-sdk #onetrust-policy-text a:hover { color: #00d1d2 !important; } #onetrust-consent-sdk #close-pc-btn-handler { filter: brightness(0) invert(1); transition: all 0.3s ease-in-out; height: 25px !important; background-image: url(../../images/close-icon-black.svg) !important; background-size: contain; right: 0 !important; } #onetrust-consent-sdk #close-pc-btn-handler:hover { opacity: 1 !important; filter: brightness(0) saturate(100%) invert(57%) sepia(59%) saturate(1421%) hue-rotate(136deg) brightness(98%) contrast(104%); } #onetrust-consent-sdk #onetrust-pc-sdk .ot-tgl input:focus + .ot-switch { outline: none; } #onetrust-consent-sdk #onetrust-pc-sdk { background-color: #34303d !important; } #onetrust-consent-sdk #onetrust-pc-sdk .ot-acc-grpcntr.ot-acc-txt { background-color: #34303d !important; } #onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-desc a { color: #34303d; font-size: 16px; text-decoration: underline; cursor: pointer; transition: all 0.3s ease-in-out; border: none; background-color: transparent; color: #ffffff; font-size: 14px; display: inline-block; } #onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-desc a:hover { color: #00d1d2; } #onetrust-consent-sdk #onetrust-pc-sdk .ot-always-active { color: #00d1d2; } #onetrust-consent-sdk #onetrust-pc-sdk .ot-switch .ot-switch-nob { border-color: #00d1d2; background-color: #ffffff; } #onetrust-consent-sdk #onetrust-pc-sdk .ot-switch .ot-switch-nob::before { background-color: #00d1d2; border-color: #00d1d2; } #onetrust-consent-sdk .save-preference-btn-handler, #onetrust-consent-sdk #accept-recommended-btn-handler, #onetrust-consent-sdk #onetrust-accept-btn-handler { display: inline-block; background-color: #ffffff; color: #34303d; padding: 5px 32px 9px; border-radius: 24px; border: 2px solid #ffffff; letter-spacing: 0.5px; font-size: 16px; cursor: pointer; transition: all 0.3s ease-in-out; padding: 10px 30px; color: #34303d !important; } #onetrust-consent-sdk .save-preference-btn-handler:hover, #onetrust-consent-sdk #accept-recommended-btn-handler:hover, #onetrust-consent-sdk #onetrust-accept-btn-handler:hover { background-color: #00d1d2; color: #34303d; border-color: #00d1d2; } #onetrust-consent-sdk .save-preference-btn-handler:hover, #onetrust-consent-sdk #accept-recommended-btn-handler:hover, #onetrust-consent-sdk #onetrust-accept-btn-handler:hover { background-color: #00d1d2 !important; border-color: #00d1d2 !important; opacity: 1 !important; } #onetrust-consent-sdk .save-preference-btn-handler:focus, #onetrust-consent-sdk #accept-recommended-btn-handler:focus, #onetrust-consent-sdk #onetrust-accept-btn-handler:focus { outline: none !important; opacity: 1 !important; } #onetrust-consent-sdk #onetrust-pc-btn-handler { display: inline-block; background-color: transparent; color: #34303d; padding: 5px 32px 9px; border-radius: 24px; border: 2px solid #34303d; letter-spacing: 0.5px; font-size: 16px; cursor: pointer; transition: all 0.3s ease-in-out; padding: 10px 30px; background-color: transparent !important; border: 1px solid #ffffff !important; color: #ffffff !important; } #onetrust-consent-sdk #onetrust-pc-btn-handler:hover { background-color: #00d1d2; color: #34303d; border-color: #00d1d2; } #onetrust-consent-sdk #onetrust-pc-btn-handler:hover { background-color: #00d1d2 !important; border-color: #00d1d2 !important; color: #34303d !important; opacity: 1 !important; } #onetrust-consent-sdk #onetrust-pc-btn-handler:focus { outline: none !important; opacity: 1 !important; } #onetrust-consent-sdk button:focus { outline-color: #ffffff !important; } #onetrust-consent-sdk a:focus, #onetrust-consent-sdk .ot-link-btn:focus { outline-color: transparent !important; } #onetrust-consent-sdk .ot-link-btn { text-decoration: underline !important; transition: all 0.3s ease-in-out; } #onetrust-consent-sdk .ot-link-btn:hover { color: #00d1d2 !important; } #onetrust-consent-sdk .ot-plus-minus { filter: brightness(0) invert(1); } sup { vertical-align: top; font-size: 10px; } .noScroll { overflow-y: hidden; } .css-16javxt { z-index: 15 !important; } .footerSupportItems { background-color: #f6f4f0; padding-top: 60px; margin-bottom: 60px; } .footerSupportItems .blockTitle { color: #34303d; margin-bottom: 20px; text-align: center; } .footerSupportItems .blockTitle { font-size: 26px; } @media screen and (min-width: 320px) { .footerSupportItems .blockTitle { font-size: calc(26px + 6 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .footerSupportItems .blockTitle { font-size: 32px; } } .footerSupportItems .blockDesc { color: #34303d; font-size: 16px; margin-bottom: 60px; text-align: center; } .footerSupportItems .box-wrap { display: flex; align-items: flex-start; justify-content: space-around; flex-wrap: wrap; } .footerSupportItems .box-wrap .box { flex: 0 0 33.33%; display: flex; flex-direction: column; align-items: center; margin-bottom: 60px; padding-inline: 15px; } .footerSupportItems .box-wrap .box .imageWrapper { width: 64px; height: 64px; } .footerSupportItems .box-wrap .box .imageWrapper img { max-width: 100%; -o-object-fit: contain; object-fit: contain; width: 100%; } .footerSupportItems .box-wrap .box .title p { text-align: center; font-weight: bold; margin-bottom: 10px; } .footerSupportItems .box-wrap .box .title p { font-size: 18px; } @media screen and (min-width: 320px) { .footerSupportItems .box-wrap .box .title p { font-size: calc(18px + 2 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .footerSupportItems .box-wrap .box .title p { font-size: 20px; } } .footerSupportItems .box-wrap .box .description { text-align: center; font-size: 16px; } .footerSupportItems .box-wrap .box .description a { text-decoration: underline; transition: all 0.3s ease-in-out; color: #34303d; } .footerSupportItems .box-wrap .box .description a:hover { color: #00d1d2; } .newsListingPort { background-color: #f6f4f0; padding: 60px 0; margin-bottom: 60px; } .newsListingPort .button { display: inline-block; background-color: transparent; color: #34303d; padding: 5px 32px 9px; border-radius: 24px; border: 2px solid #34303d; letter-spacing: 0.5px; font-size: 16px; cursor: pointer; transition: all 0.3s ease-in-out; } .newsListingPort .button:hover { background-color: #00d1d2; color: #34303d; border-color: #00d1d2; } .newsListingPort .newsWrapper .blockHeadTitle { margin-bottom: 60px; } .newsListingPort .newsWrapper .blockHeadTitle .blockTitle { margin-bottom: 30px; } .newsListingPort .newsWrapper .blockHeadTitle .blockTitle { font-size: 32px; } @media screen and (min-width: 320px) { .newsListingPort .newsWrapper .blockHeadTitle .blockTitle { font-size: calc(32px + 12 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .newsListingPort .newsWrapper .blockHeadTitle .blockTitle { font-size: 44px; } } .newsListingPort .newsWrapper .news-items-listing .articlesWrapper .newsItemWrapper { padding-inline: 20px; flex: 0 0 50%; margin-bottom: 20px; } .newsListingPort .newsWrapper .mobileNewsSlider { max-width: 100%; } .newsListingPort .newsWrapper .newsItem { display: block; background-color: #ffffff; padding: 20px; margin-bottom: 20px; transition: all 0.3s ease-in-out; } .newsListingPort .newsWrapper .newsItem .newsTitle { margin-bottom: 10px; color: #34303d; } .newsListingPort .newsWrapper .newsItem .newsTitle { font-size: 22px; } @media screen and (min-width: 320px) { .newsListingPort .newsWrapper .newsItem .newsTitle { font-size: calc(22px + 2 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .newsListingPort .newsWrapper .newsItem .newsTitle { font-size: 24px; } } .newsListingPort .newsWrapper .newsItem .newsSummary { color: #34303d; font-size: 16px; } .newsListingPort .newsWrapper .newsItem:hover { box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); } .footerCardsListing { margin-bottom: 30px; } .footerCardsListing.homeBondsCards { background-color: #f6f4f0; padding: 60px 0; margin-bottom: 60px; } .footerCardsListing.LilSolidEzCardSlider { background-color: #f6f4f0; padding: 60px 0; } .footerCardsListing.LilSolidEzCardSlider .swiper-wrapper { flex-wrap: nowrap; margin: 0; } .footerCardsListing.LilSolidEzCardSlider .swiper-wrapper .swiper-slide { flex: 0 0 auto; padding: 0; max-width: 100%; } .footerCardsListing.LilSolidEzCardSlider .listingItem .listingInfo { width: 100%; inset-inline-start: 0; background-color: rgba(0, 0, 0, 0.2); } .footerCardsListing .blockHead { margin-bottom: 30px; } .footerCardsListing .blockHead .blockTitle { font-size: 28px; } @media screen and (min-width: 320px) { .footerCardsListing .blockHead .blockTitle { font-size: calc(28px + 12 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .footerCardsListing .blockHead .blockTitle { font-size: 40px; } } .footerCardsListing .listingItem { display: block; } .footerCardsListing .listingItem:hover .listingImage img { transform: scale(1.1); filter: brightness(50%); } .footerCardsListing .listingItem .listingImage { --bs-aspect-ratio: 75%; overflow: hidden; } .footerCardsListing .listingItem .listingImage img { -o-object-fit: cover; object-fit: cover; filter: brightness(70%); transition: all 0.3s ease-in-out; } .footerCardsListing .listingItem .listingInfo { position: absolute; bottom: 0px; inset-inline-start: 15px; padding: 30px; width: calc(100% - 30px); height: 100%; display: flex; flex-direction: column; justify-content: flex-end; transition: all 0.3s ease-in-out; } .footerCardsListing .listingItem .listingInfo h3 { color: #ffffff; margin-bottom: 10px; } .footerCardsListing .listingItem .listingInfo h3 { font-size: 20px; } @media screen and (min-width: 320px) { .footerCardsListing .listingItem .listingInfo h3 { font-size: calc(20px + 4 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .footerCardsListing .listingItem .listingInfo h3 { font-size: 24px; } } .footerCardsListing .listingItem .listingInfo p { color: #ffffff; font-size: 16px; line-height: 20px; width: -moz-fit-content; width: fit-content; display: flex; align-items: center; gap: 5px; position: relative; } .footerCardsListing .listingItem .listingInfo p::after { content: ""; display: inline-block; width: 16px; height: 14px; margin-top: 3px; background-image: url(../../images/back-button.svg); background-size: contain; background-repeat: no-repeat; background-position: center center; transform: scale(-1); transition: all 0.3s ease-in-out; filter: brightness(0) invert(1); } .footerCardsListing .listingItem .listingInfo p:hover::after { transform: scale(-1) translateX(-6px); filter: brightness(0) saturate(100%) invert(57%) sepia(59%) saturate(1421%) hue-rotate(136deg) brightness(98%) contrast(104%); } .phoneDisclaimer { color: #7b7881; font-size: 14px; margin-bottom: 15px; margin-top: 15px; font-weight: 600; } .bgDisclaimer { background-color: rgba(0, 0, 0, 0.1); padding: 15px; display: block; margin-top: 20px; font-style: italic; } .borderedDisclaimer { border: 1px solid #34303d; padding: 15px; font-weight: bold; margin-top: 20px; display: block; } .newsListing .listingHolder { display: flex; flex-wrap: wrap; margin-inline: -15px; } .newsListing .listingHolder .listingItemLI { padding-inline: 15px; flex: 0 0 33.33%; max-width: 33.33%; } .newsListing .listingHolder .listingItemLI .newsListingItem { background-color: #f6f4f0; height: 100%; transition: all 0.3s ease-in-out; cursor: pointer; display: block; } .newsListing .listingHolder .listingItemLI .newsListingItem:hover { box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3); } .newsListing .listingHolder .listingItemLI .newsListingItem .newsImage img { max-width: 100%; width: 100%; height: auto; -o-object-fit: cover; object-fit: cover; } .newsListing .listingHolder .listingItemLI .newsListingItem .newsDescriptionMain { padding: 30px; } .newsListing .listingHolder .listingItemLI .newsListingItem .newsDescriptionMain .newsTitle { margin-bottom: 30px; color: #34303d; } .newsListing .listingHolder .listingItemLI .newsListingItem .newsDescriptionMain .newsTitle { font-size: 24px; } @media screen and (min-width: 320px) { .newsListing .listingHolder .listingItemLI .newsListingItem .newsDescriptionMain .newsTitle { font-size: calc(24px + 6 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .newsListing .listingHolder .listingItemLI .newsListingItem .newsDescriptionMain .newsTitle { font-size: 30px; } } .newsListing .listingHolder .listingItemLI .newsListingItem .newsDescriptionMain .newsTitle { line-height: 30px; } @media screen and (min-width: 320px) { .newsListing .listingHolder .listingItemLI .newsListingItem .newsDescriptionMain .newsTitle { line-height: calc(30px + 8 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .newsListing .listingHolder .listingItemLI .newsListingItem .newsDescriptionMain .newsTitle { line-height: 38px; } } .newsListing .listingHolder .listingItemLI .newsListingItem .newsDescriptionMain .newsDescrition { font-size: 16px; margin-bottom: 30px; color: #34303d; } .newsListing .listingSection.fullWidthImg .listingImage img { transition: all 0.3s ease-in-out; } .newsListing .listingSection.fullWidthImg .listingImage img:hover { filter: brightness(80%); } .newsListing .listingSection.fullWidthImg .listingInfo .titleWrapper h3 { transition: all 0.3s ease-in-out; text-decoration: underline; text-decoration-color: transparent; } .newsListing .listingSection.fullWidthImg .listingInfo .titleWrapper h3:hover { text-decoration-color: #34303d; } .newsListing.homeNewsListing .blockTitle { line-height: 120%; color: #34303d; margin-bottom: 20px; } .newsListing.homeNewsListing .blockTitle { font-size: 28px; } @media screen and (min-width: 320px) { .newsListing.homeNewsListing .blockTitle { font-size: calc(28px + 17 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .newsListing.homeNewsListing .blockTitle { font-size: 45px; } } .newsListing.homeNewsListing .listingHolder .listingItemLI .newsListingItem { display: flex; flex-direction: column; } .newsListing.homeNewsListing .listingHolder .listingItemLI .newsListingItem .newsImage { flex-shrink: 0; } .newsListing.homeNewsListing .listingHolder .listingItemLI .newsListingItem .newsDescriptionMain { display: flex; flex-direction: column; flex-grow: 1; } .newsListing.homeNewsListing .listingHolder .listingItemLI .newsListingItem .newsDescriptionMain .newsTitle { flex-grow: 1; } .newsListing.homeNewsListing .listingHolder .listingItemLI .newsListingItem .newsDescriptionMain .newsDescrition { display: none; } .newsListing.homeNewsListing .viewAllBottom { display: flex; justify-content: center; margin-bottom: 60px; } .newsListing.homeNewsListing .viewAllBottom .viewAll { display: inline-block; background-color: transparent; color: #34303d; padding: 5px 32px 9px; border-radius: 24px; border: 2px solid #34303d; letter-spacing: 0.5px; font-size: 16px; cursor: pointer; transition: all 0.3s ease-in-out; height: auto; line-height: normal; } .newsListing.homeNewsListing .viewAllBottom .viewAll:hover { background-color: #00d1d2; color: #34303d; border-color: #00d1d2; } .tradeinBody .userWrapper { background: #f5f6f7; padding: 20px; text-align: center; font-weight: bold; font-size: 16px; } .side-cart-view .cartItemsWrapper .product-row .engravingText { margin-top: 15px; font-size: 15px; } .bondsByIqosListingBlock { margin-bottom: 60px; } .bondsByIqosListingBlock .container { padding-inline: 0; } .bondsByIqosListingBlock .container .listingHolder { margin: 0; } .bondsByIqosListingBlock .container .listingHolder .listingItemLI { margin-bottom: 0; padding: 0; } .bondsByIqosListingBlock .container .listingHolder .listingItemLI .contentWrapper { --bs-aspect-ratio: 50%; } .bondsByIqosListingBlock .container .listingHolder .listingItemLI .contentWrapper .desktopImage { display: block !important; } .bondsByIqosListingBlock .container .listingHolder .listingItemLI .contentWrapper > img { max-width: 100%; -o-object-fit: cover; object-fit: cover; } .bondsByIqosListingBlock .container .listingHolder .listingItemLI .contentWrapper .infoHolder { top: 50%; inset-inline-start: 0%; transform: translateY(-50%); height: -moz-fit-content; height: fit-content; padding-inline: 40px; z-index: 11; width: -moz-fit-content; width: fit-content; } .bondsByIqosListingBlock .container .listingHolder .listingItemLI .contentWrapper .infoHolder .container-image-logo { max-width: 300px; margin-top: 50px; } .bondsByIqosListingBlock .container .listingHolder .listingItemLI .contentWrapper .infoHolder .container-image-logo img { max-width: 100%; -o-object-fit: contain; object-fit: contain; } .bondsByIqosListingBlock .container .listingHolder .listingItemLI .contentWrapper .infoHolder .bannerInfo { max-width: 490px; } .bondsByIqosListingBlock .container .listingHolder .listingItemLI .contentWrapper .infoHolder .bannerInfo .text-title { line-height: 1.13; letter-spacing: -0.8px; margin-bottom: 20px; color: #ffffff; } .bondsByIqosListingBlock .container .listingHolder .listingItemLI .contentWrapper .infoHolder .bannerInfo .text-title { font-size: 28px; } @media screen and (min-width: 320px) { .bondsByIqosListingBlock .container .listingHolder .listingItemLI .contentWrapper .infoHolder .bannerInfo .text-title { font-size: calc(28px + 36 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .bondsByIqosListingBlock .container .listingHolder .listingItemLI .contentWrapper .infoHolder .bannerInfo .text-title { font-size: 64px; } } .bondsByIqosListingBlock .container .listingHolder .listingItemLI .contentWrapper .infoHolder .bannerInfo .subtitle { margin-bottom: 20px; font-size: 22px; display: block; line-height: 27px; color: #ffffff; } .bondsByIqosListingBlock .container .listingHolder .listingItemLI .contentWrapper .infoHolder .bannerInfo .subtitle .whiteFont { color: #ffffff; line-height: 32px; } .bondsByIqosListingBlock .container .listingHolder .listingItemLI .contentWrapper .infoHolder .bannerInfo .bannerLink { display: flex; flex-direction: column; } .bondsByIqosListingBlock .container .listingHolder .listingItemLI .contentWrapper .infoHolder .bannerInfo .bannerLink a { width: -moz-fit-content; width: fit-content; display: inline-block; background-color: #ffffff; color: #34303d; padding: 5px 32px 9px; border-radius: 24px; border: 2px solid #ffffff; letter-spacing: 0.5px; font-size: 16px; cursor: pointer; transition: all 0.3s ease-in-out; } .bondsByIqosListingBlock .container .listingHolder .listingItemLI .contentWrapper .infoHolder .bannerInfo .bannerLink a:hover { background-color: #00d1d2; color: #34303d; border-color: #00d1d2; } .clubBenefits { background: white; padding-top: 85px; padding-bottom: 85px; } .clubBenefits.centered .listingHolder { align-items: center; justify-content: center; } .clubBenefits .blockTitle { font-size: 42px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; text-align: center; color: #34303d; text-align: center; margin: 0 auto 70px auto; } .clubBenefits .listingItemLI { text-align: center; } .clubBenefits .listingItemLI .listingItem .imageWrapper { margin: 0 auto; max-width: 64px; max-height: 64px; margin-bottom: 20px; } .clubBenefits .listingItemLI .listingItem .imageWrapper img { width: 100%; height: 100%; } .clubBenefits .listingItemLI .listingItem h3 { font-size: 24px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; text-align: center; color: #34303d; margin-bottom: 20px; } .clubBenefits .listingItemLI .listingItem p { font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.43; letter-spacing: 0.4px; text-align: center; color: #34303d; } .ImageTextListing .listingHolder { width: 100%; } .ImageTextListing .listingHolder.row { margin: 0; } .ImageTextListing.centered .listingHolder { justify-content: center; } .ImageTextListing.benefitsToStart { background: #f6f4f0; } .ImageTextListing.benefitsToStart .row { margin: 0; align-items: center; } .ImageTextListing.benefitsToStart .imageWrapper { display: block; } .ImageTextListing.benefitsToStart .imageWrapper img { display: block; -o-object-fit: cover; object-fit: cover; } .ImageTextListing.benefitsToStart .listingItemLI { margin: 0; flex: 0 0 100% !important; max-width: 100% !important; } .ImageTextListing.statusListing { margin-bottom: 50px; } .ImageTextListing.statusListing .listingHolder { margin-inline: 0; } .ImageTextListing.statusListing .listingItemLI { margin-bottom: 0; padding-inline: 0 !important; } .ImageTextListing.statusListing .listingItemLI .listingItem .row { margin-inline: 0 !important; } .ImageTextListing.statusListing .listingHolder { margin-bottom: 50px; } .ImageTextListing.statusListing .imageWrapper { display: block; } .ImageTextListing.statusListing .imageWrapper img { display: block; } .ImageTextListing.statusListing .col-md-6 { padding: 0; } .ImageTextListing.statusListing .viewAllBottom { text-align: center; } .ImageTextListing.statusListing .viewAll { background-color: #fff; padding: 5px 32px 9px; border-radius: 24px; color: #34303d !important; transition: 0.2s all ease-in-out; border: 1px solid #34303d; margin-bottom: 0; } .ImageTextListing.statusListing .viewAll:hover { color: #fff !important; background-color: #34303d; border: 0px; border: solid 1.5px #262a33; } .ImageTextListing.statusListing .listingItemLI .row { display: flex; } .ImageTextListing.statusListing .listingItemLI .row .infoWrapper { background: #f6f4f0; } .ImageTextListing.statusListing .listingItemLI:nth-child(even) .row { flex-direction: row-reverse; } .ImageTextListing.homeBondsQuest { padding-top: 0; } .ImageTextListing .blockTitle { font-weight: bold; line-height: 1.33; color: #34303d; text-align: center; margin-bottom: 60px; } .ImageTextListing .blockTitle { font-size: 28px; } @media screen and (min-width: 320px) { .ImageTextListing .blockTitle { font-size: calc(28px + 14 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .ImageTextListing .blockTitle { font-size: 42px; } } .ImageTextListing .listingHolder { padding-inline-start: 0; } .ImageTextListing .blockBody .listingItemLI { padding-inline: 10px; } .ImageTextListing .blockBody .listingItemLI .light-grey { background: #f6f4f0; } .ImageTextListing .blockBody .listingItemLI .imageWrapper img { width: 100%; max-height: 720px; } .ImageTextListing .blockBody .listingItemLI .infoWrapper { display: flex; flex-direction: column; justify-content: center; padding-inline-start: 5.33% !important; padding-inline-end: 5.33% !important; padding-top: 30px; padding-bottom: 30px; } .ImageTextListing .blockBody .listingItemLI .infoWrapper .subtitle { margin-bottom: 25px; text-transform: uppercase; font-size: 20px; } .ImageTextListing .blockBody .listingItemLI .infoWrapper h3 { margin-bottom: 25px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; color: #34303d; } .ImageTextListing .blockBody .listingItemLI .infoWrapper h3 { font-size: 28px; } @media screen and (min-width: 320px) { .ImageTextListing .blockBody .listingItemLI .infoWrapper h3 { font-size: calc(28px + 14 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .ImageTextListing .blockBody .listingItemLI .infoWrapper h3 { font-size: 42px; } } .ImageTextListing .blockBody .listingItemLI .infoWrapper ul { padding: 0; } .ImageTextListing .blockBody .listingItemLI .infoWrapper ul li { position: relative; padding-inline-start: 15px; padding-bottom: 10px; } .ImageTextListing .blockBody .listingItemLI .infoWrapper ul li:before { position: absolute; content: ""; width: 5px; border-radius: 50%; height: 5px; inset-inline-start: 0; inset-inline-end: 0; top: 40%; transform: translateY(-50%); background: black; } .ImageTextListing .blockBody .listingItemLI .row { display: flex; align-content: center; } .ImageTextListing .blockBody .listingItemLI .col-md-6 { padding-inline-start: 0; } .oldPriceStrikethrough { text-decoration: line-through; color: #a0a0a0; } .discoverYourFlavor { margin: 60px 0px; } .discoverYourFlavor .blockBody .listingHolder .listingItemLI .card-item { position: relative; width: 100%; height: 550px; background-size: cover; background-position: center; overflow: hidden; display: flex; align-items: flex-end; } .discoverYourFlavor .blockBody .listingHolder .listingItemLI .card-item .content-container { position: relative; z-index: 2; padding: 30px; color: white; } .discoverYourFlavor .blockBody .listingHolder .listingItemLI .card-item .content-container .content-wrapper h3 { font-size: 26px; font-weight: 600; line-height: 1.2; margin-bottom: 15px; text-align: start; color: #343436; } .discoverYourFlavor .blockBody .listingHolder .listingItemLI .card-item .content-container .content-wrapper p { font-size: 16px; color: #34303d; margin-bottom: 15px; } @media (min-width: 989px) { .discoverFlaveorsHDelia .blockBody .listingHolder .listingItemLI { max-width: 50%; } } @media (min-width: 768px) { .discoverFlaveorsHDelia .blockBody .listingHolder .listingItemLI { max-width: 40%; } } .newDicoverIlumaSection { margin-bottom: 60px; } .newDicoverIlumaSection .blockTitle { font-size: 28px; } @media screen and (min-width: 320px) { .newDicoverIlumaSection .blockTitle { font-size: calc(28px + 17 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .newDicoverIlumaSection .blockTitle { font-size: 45px; } } .newDicoverIlumaSection .blockBody .form-intro { margin-bottom: 35px; max-width: 70%; } .newDicoverIlumaSection .blockBody .form-intro { font-size: 18px; } @media screen and (min-width: 320px) { .newDicoverIlumaSection .blockBody .form-intro { font-size: calc(18px + 2 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .newDicoverIlumaSection .blockBody .form-intro { font-size: 20px; } } .newDicoverIlumaSection .blockBody .listingHolder { margin-bottom: 15px; } .newDicoverIlumaSection .blockBody .listingHolder .listingItemLI .listingProduct { position: relative; width: 100%; background-size: cover !important; background-position: center; height: 450px; display: flex; align-items: flex-end; justify-content: flex-end; padding: 20px; } .newDicoverIlumaSection .blockBody .listingHolder .listingItemLI .listingProduct .listingInfo { color: #ffffff; padding-bottom: 20px; display: flex; flex-direction: column; justify-content: flex-end; width: 100%; } .newDicoverIlumaSection .blockBody .listingHolder .listingItemLI .listingProduct .listingInfo h3 { font-size: 24px; margin-bottom: 10px; } .newDicoverIlumaSection .blockBody .listingHolder .listingItemLI .listingProduct .listingInfo p { font-size: 18px; } .newDicoverIlumaSection .viewAllBottom a { display: inline-block; background-color: #34303d; color: #ffffff; padding: 5px 32px 9px; border-radius: 24px; border: 2px solid #34303d; letter-spacing: 0.5px; font-size: 16px; cursor: pointer; transition: all 0.3s ease-in-out; margin-bottom: 0px; } .newDicoverIlumaSection .viewAllBottom a:hover { background-color: #ffffff; color: #34303d; border-color: #ffffff; } .newDicoverIlumaSection .viewAllBottom a:hover { background-color: #ffffff; color: #34303d; border-color: #34303d; } .iluma-features-video-container .blockBody .listingHolder .listingItemLI .videoMain { position: relative; cursor: pointer; pointer-events: all; } .iluma-features-video-container .blockBody .listingHolder .listingItemLI .videoMain::after { content: ""; position: absolute; width: 55px; height: 55px; background-color: white; background-image: url(/images/play.png); background-repeat: no-repeat; background-size: 30%; background-position: center; border: 1px solid white; border-radius: 50%; box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 15px; inset: 0; margin: auto; } .iluma-features-video-container .blockBody .listingHolder .listingItemLI .videoMain .videoTitle { position: absolute; bottom: 8%; inset-inline-start: 50%; transform: translateX(-50%); color: white; font-size: 40px; font-weight: 600; white-space: initial; word-wrap: break-word; z-index: 2; width: 100%; display: flex; justify-content: center; padding-inline: 10%; height: 30%; text-overflow: ellipsis; overflow: hidden; } .iluma-features-video-container .blockBody .listingHolder .listingItemLI .videoMain .listingInfo.listingInfo { display: none !important; } .iluma-features-video-container.title-only .blockBody .listingHolder .listingItemLI .videoMain .videoTitle { display: none; } .iluma-features-video-container.title-only .blockBody .listingHolder .listingItemLI .videoMain .listingInfo.listingInfo.listingInfo { display: flex !important; } .productsListing { margin-bottom: 60px; } .productsListing.relatedProducts { position: relative; } .productsListing.relatedProducts .product-list-title { position: relative; } .productsListing.relatedProducts .blockTitle { font-size: calc(29px + 10 * (100vw - 320px) / 1280); margin: 0 auto 50px 0; text-align: center; } .productsListing.relatedProducts .seeAllProductslink .actionWrapper { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%; } .productsListing.relatedProducts .seeAllProductslink .actionWrapper a { font-size: 15px; } .productsListing.relatedProducts .seeAllProductslink .actionWrapper a:first-child { margin-bottom: 20px; padding: 9px 18px 9px; } .productsListing.relatedProducts .link { font-size: 16px; color: #34303d; letter-spacing: -0.2px; line-height: 1.75; margin-bottom: 15px; display: flex; align-items: center; gap: 8px; width: -moz-fit-content; width: fit-content; } .productsListing.relatedProducts .link::after { content: ""; width: 15px; height: 15px; transform: scale(-1); background-image: url(/images/back-button.svg); background-size: contain; background-repeat: no-repeat; transition: all 0.3s ease-in-out; } .productsListing.relatedProducts .link:hover::after { transform: translateX(6px) scale(-1); filter: brightness(0) saturate(100%) invert(90%) sepia(27%) saturate(6530%) hue-rotate(124deg) brightness(85%) contrast(102%); } .productsListing.relatedProducts .col-xl-3.col-md-4.col-sm-6 { flex: 0 0 auto; max-width: 100%; } .productsListing.relatedProducts .swiper-button-disabled { opacity: 0.4; } .productsListing.relatedProducts .product-arrow-swiper-button-next { position: absolute; top: 50%; inset-inline-end: -30px; width: 25px; height: 25px; background-image: url(../../images/arrow-down.svg); transform: translateY(-50%) rotate(-90deg); background-size: contain; background-repeat: no-repeat; background-position: center center; cursor: pointer; } .productsListing.relatedProducts .product-arrow-swiper-button-prev { position: absolute; top: 50%; inset-inline-start: -30px; width: 25px; height: 25px; background-image: url(../../images/arrow-down.svg); transform: translateY(-50%) rotate(90deg); background-size: contain; background-repeat: no-repeat; background-position: center center; cursor: pointer; } .productsListing.relatedProducts .itemListing .tile--product { margin-bottom: 30px; height: calc(100% - 30px); display: flex; flex-direction: column; } .productsListing.relatedProducts .itemListing .tile--product .imageVariationWrapper { background-color: #f6f4f0; margin-bottom: 20px; min-height: 300px; position: relative; } .productsListing.relatedProducts .itemListing .tile--product .imageVariationWrapper .tile__image { display: flex; justify-content: center; } .productsListing.relatedProducts .itemListing .tile--product .imageVariationWrapper .tile__image .thumb-link { display: block; } .productsListing.relatedProducts .itemListing .tile--product .imageVariationWrapper .tile__image .thumb-link img { max-width: 100%; min-height: 250px; -o-object-fit: contain; object-fit: contain; } .productsListing.relatedProducts .itemListing .tile--product .imageVariationWrapper .tile__image .thumb-link .out-of-stock { display: none; } .productsListing.relatedProducts .itemListing .tile--product .imageVariationWrapper .variations { padding: 30px 0; max-width: 80%; margin-inline: auto; } .productsListing.relatedProducts .itemListing .tile--product .imageVariationWrapper .variations .product-variations { position: relative; } .productsListing.relatedProducts .itemListing .tile--product .imageVariationWrapper .variations .product-variations .colors-swiper-button-next { position: absolute; top: 50%; inset-inline-end: -25px; width: 15px; height: 15px; background-image: url(../../images/arrow-down.svg); transform: translateY(-50%) rotate(-90deg); background-size: contain; background-repeat: no-repeat; background-position: center center; cursor: pointer; } .productsListing.relatedProducts .itemListing .tile--product .imageVariationWrapper .variations .product-variations .colors-swiper-button-prev { position: absolute; top: 50%; inset-inline-start: -25px; width: 15px; height: 15px; background-image: url(../../images/arrow-down.svg); transform: translateY(-50%) rotate(90deg); background-size: contain; background-repeat: no-repeat; background-position: center center; cursor: pointer; } .productsListing.relatedProducts .itemListing .tile--product .imageVariationWrapper .variations .product-variations .variations__list { width: 190px; } .productsListing.relatedProducts .itemListing .tile--product .imageVariationWrapper .variations .product-variations .variations__list .swatch-list.centered { justify-content: center; } .productsListing.relatedProducts .itemListing .tile--product .imageVariationWrapper .variations .product-variations .variations__list .swatch-list .swiper-slide { display: flex; justify-content: center; align-items: center; padding: 2px; } .productsListing.relatedProducts .itemListing .tile--product .imageVariationWrapper .variations .product-variations .variations__list .swatch-list .variation-container-item { padding: 3px; border-radius: 50%; width: -moz-fit-content; width: fit-content; } .productsListing.relatedProducts .itemListing .tile--product .imageVariationWrapper .variations .product-variations .variations__list .swatch-list .variation-container-item .swatch-list__anchor { width: 15px; height: 15px; border-radius: 50%; background-size: cover; display: block; border: 1px solid #34303d; } .productsListing.relatedProducts .itemListing .tile--product .imageVariationWrapper .variations .product-variations .variations__list .swatch-list .variation-container-item .swatch-list__anchor span { display: none; } .productsListing.relatedProducts .itemListing .tile--product .imageVariationWrapper .variations .product-variations .variations__list .swatch-list .variation-container-item.selected { border: 1px solid #34303d; } .productsListing.relatedProducts .itemListing .tile--product .imageVariationWrapper .variations .product-variations .variations__list .swatch-list .variation-container-item.out-of-stock-variation { overflow: hidden; position: relative; border: 1px solid #34303d; } .productsListing.relatedProducts .itemListing .tile--product .imageVariationWrapper .variations .product-variations .variations__list .swatch-list .variation-container-item.out-of-stock-variation::after { content: ""; position: absolute; inset-inline-start: 0px; top: 10px; width: 100%; height: 1px; background-color: #34303d; transform: rotate(45deg); z-index: 4; } .productsListing.relatedProducts .itemListing .tile--product .imageVariationWrapper .variations .product-variations .variations__list .swatch-list .variation-container-item.out-of-stock-variation .swatch-list__anchor { position: relative; } .productsListing.relatedProducts .itemListing .tile--product .imageVariationWrapper .variations .product-variations .variations__list .swatch-list .variation-container-item.out-of-stock-variation .swatch-list__anchor::before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.4); border-radius: 50%; z-index: 3; } .productsListing.relatedProducts .itemListing .tile--product .tile__details { flex-grow: 1; } .productsListing.relatedProducts .itemListing .tile--product .tile__details .tile__details--top .product-name a { margin-bottom: 10px; color: #34303d; display: block; transition: all 0.3s ease-in-out; } .productsListing.relatedProducts .itemListing .tile--product .tile__details .tile__details--top .product-name a { font-size: 18px; } @media screen and (min-width: 320px) { .productsListing.relatedProducts .itemListing .tile--product .tile__details .tile__details--top .product-name a { font-size: calc(18px + 2 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .productsListing.relatedProducts .itemListing .tile--product .tile__details .tile__details--top .product-name a { font-size: 20px; } } .productsListing.relatedProducts .itemListing .tile--product .tile__details .tile__details--top .product-name a { line-height: 22px; } @media screen and (min-width: 320px) { .productsListing.relatedProducts .itemListing .tile--product .tile__details .tile__details--top .product-name a { line-height: calc(22px + 2 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .productsListing.relatedProducts .itemListing .tile--product .tile__details .tile__details--top .product-name a { line-height: 24px; } } .productsListing.relatedProducts .itemListing .tile--product .tile__details .tile__details--top .product-name a:hover { color: #00d1d2; } .productsListing.relatedProducts .itemListing .tile--product .tile__details .tile__details--top .product-pricing { font-size: 20px; margin-bottom: 15px; } .productsListing.relatedProducts .itemListing .tile--product .stockLabel.inStock { display: none; } .productsListing.relatedProducts .itemListing .tile--product .stockLabel p { margin-bottom: 5px; position: relative; padding-inline-start: 25px; } .productsListing.relatedProducts .itemListing .tile--product .stockLabel p:before { content: ""; position: absolute; inset-inline-start: 0; background: url(/images/warning.png) no-repeat center; background-size: cover; top: 0; width: 20px; height: 20px; } .productsListing.relatedProducts .itemListing .tile--product .productLinks a { display: inline-block; background-color: #34303d; color: #ffffff; padding: 5px 32px 9px; border-radius: 24px; border: 2px solid #34303d; letter-spacing: 0.5px; font-size: 16px; cursor: pointer; transition: all 0.3s ease-in-out; } .productsListing.relatedProducts .itemListing .tile--product .productLinks a:hover { background-color: #00d1d2; color: #34303d; border-color: #00d1d2; } .productsListing.relatedProducts .itemListing .tile--product .productLinks a.disabled { background: #7b7b7b; border: 2px solid #7b7b7b; } .productsListing.relatedProducts .itemListing .tile--product .productLinks a.disabled:hover { color: white; background: #7b7b7b; border: 2px solid #7b7b7b; } .productsListing .ilumaExpColSection .container { /* padding: 0;*/ } .productsListing .filters-mobile { display: none; } .productsListing .filters-list-parent { padding-inline: 60px; } .productsListing .filters-list-parent #searchInputFieldMobile { display: none; } .productsListing .filters-list-parent .searchResu { position: absolute; top: 50%; inset-inline-end: 0; transform: translateY(-50%); } .productsListing .filters-list-parent .searchResu input { border: 1px solid #34303d; font-size: 16px; border-radius: 30px; background-image: url(../../images/search.svg); background-position: 10px center; background-size: 20px 20px; background-repeat: no-repeat; font-family: "IQOS", "IQOS AR", sans-serif; width: 42px; height: 42px; padding: 0; transition: all 0.5s ease-in-out; cursor: pointer; } .productsListing .filters-list-parent .searchResu input::-moz-placeholder { color: transparent !important; } .productsListing .filters-list-parent .searchResu input::placeholder { color: transparent !important; } .productsListing .filters-list-parent .searchResu input.active { padding: 7px; padding-inline-start: 50px; width: 200px; background-color: #ffffff; } .productsListing .filters-list-parent .filters-main { display: flex; justify-content: center; align-items: center; margin-bottom: 60px; border-bottom: 1px solid #dcdcdc; position: relative; } .productsListing .filters-list-parent .filters-main .stackedInput { display: flex; align-items: center; gap: 60px; } .productsListing .filters-list-parent .filters-main .stackedInput .first-level .filter-item a { color: #34303d; font-size: 14px; transition: all 0.3s ease-in-out; padding: 20px 0; display: block; } .productsListing .filters-list-parent .filters-main .stackedInput .first-level .filter-item a.active { border-bottom: 2px solid #34303d; font-weight: bold; } .productsListing .filters-list-parent .filters-main .stackedInput .first-level .filter-item a:hover { color: #00d1d2; } .productsListing .filters-list-parent .loadMoreBtn { display: flex; justify-content: center; margin-top: 60px; } .productsListing .filters-list-parent .loadMoreBtn a { display: inline-block; background-color: transparent; color: #34303d; padding: 5px 32px 9px; border-radius: 24px; border: 2px solid #34303d; letter-spacing: 0.5px; font-size: 16px; cursor: pointer; transition: all 0.3s ease-in-out; } .productsListing .filters-list-parent .loadMoreBtn a:hover { background-color: #00d1d2; color: #34303d; border-color: #00d1d2; } .productsListing .product-list-title .filter-result { font-weight: bold; margin-bottom: 30px; } .productsListing .product-list-title .filter-result { font-size: 24px; } @media screen and (min-width: 320px) { .productsListing .product-list-title .filter-result { font-size: calc(24px + 8 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .productsListing .product-list-title .filter-result { font-size: 32px; } } .productsListing .product-list-title .filter-result { line-height: 28px; } @media screen and (min-width: 320px) { .productsListing .product-list-title .filter-result { line-height: calc(28px + 8 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .productsListing .product-list-title .filter-result { line-height: 36px; } } .productsListing .product-list-title .listingDisclaimer { margin-bottom: 30px; font-size: 16px; } .productsListing .product-list-title .itemListing .tile--product { margin-bottom: 30px; height: calc(100% - 30px); display: flex; flex-direction: column; } .productsListing .product-list-title .itemListing .tile--product .imageVariationWrapper { background-color: #f6f4f0; margin-bottom: 20px; min-height: 300px; position: relative; } .productsListing .product-list-title .itemListing .tile--product .imageVariationWrapper .tile__image { display: flex; justify-content: center; } .productsListing .product-list-title .itemListing .tile--product .imageVariationWrapper .tile__image .thumb-link { display: block; } .productsListing .product-list-title .itemListing .tile--product .imageVariationWrapper .tile__image .thumb-link img { max-width: 100%; min-height: 250px; -o-object-fit: contain; object-fit: contain; } .productsListing .product-list-title .itemListing .tile--product .imageVariationWrapper .tile__image .thumb-link .out-of-stock { display: none; } .productsListing .product-list-title .itemListing .tile--product .imageVariationWrapper .variations { padding: 30px 0; max-width: 80%; margin-inline: auto; } .productsListing .product-list-title .itemListing .tile--product .imageVariationWrapper .variations .product-variations { position: relative; } .productsListing .product-list-title .itemListing .tile--product .imageVariationWrapper .variations .product-variations .colors-swiper-button-next { position: absolute; top: 50%; inset-inline-end: -25px; width: 15px; height: 15px; background-image: url(../../images/arrow-down.svg); transform: translateY(-50%) rotate(-90deg); background-size: contain; background-repeat: no-repeat; background-position: center center; cursor: pointer; } .productsListing .product-list-title .itemListing .tile--product .imageVariationWrapper .variations .product-variations .colors-swiper-button-prev { position: absolute; top: 50%; inset-inline-start: -25px; width: 15px; height: 15px; background-image: url(../../images/arrow-down.svg); transform: translateY(-50%) rotate(90deg); background-size: contain; background-repeat: no-repeat; background-position: center center; cursor: pointer; } .productsListing .product-list-title .itemListing .tile--product .imageVariationWrapper .variations .product-variations .variations__list { width: 190px; } .productsListing .product-list-title .itemListing .tile--product .imageVariationWrapper .variations .product-variations .variations__list .swatch-list.centered { justify-content: center; } .productsListing .product-list-title .itemListing .tile--product .imageVariationWrapper .variations .product-variations .variations__list .swatch-list .swiper-slide { display: flex; justify-content: center; align-items: center; padding: 2px; } .productsListing .product-list-title .itemListing .tile--product .imageVariationWrapper .variations .product-variations .variations__list .swatch-list .variation-container-item { padding: 3px; border-radius: 50%; width: -moz-fit-content; width: fit-content; } .productsListing .product-list-title .itemListing .tile--product .imageVariationWrapper .variations .product-variations .variations__list .swatch-list .variation-container-item .swatch-list__anchor { width: 15px; height: 15px; border-radius: 50%; background-size: cover; display: block; border: 1px solid #34303d; } .productsListing .product-list-title .itemListing .tile--product .imageVariationWrapper .variations .product-variations .variations__list .swatch-list .variation-container-item .swatch-list__anchor span { display: none; } .productsListing .product-list-title .itemListing .tile--product .imageVariationWrapper .variations .product-variations .variations__list .swatch-list .variation-container-item.selected { border: 1px solid #34303d; } .productsListing .product-list-title .itemListing .tile--product .imageVariationWrapper .variations .product-variations .variations__list .swatch-list .variation-container-item.out-of-stock-variation { overflow: hidden; position: relative; border: 1px solid #34303d; } .productsListing .product-list-title .itemListing .tile--product .imageVariationWrapper .variations .product-variations .variations__list .swatch-list .variation-container-item.out-of-stock-variation::after { content: ""; position: absolute; inset-inline-start: 0px; top: 10px; width: 100%; height: 1px; background-color: #34303d; transform: rotate(45deg); z-index: 4; } .productsListing .product-list-title .itemListing .tile--product .imageVariationWrapper .variations .product-variations .variations__list .swatch-list .variation-container-item.out-of-stock-variation .swatch-list__anchor { position: relative; } .productsListing .product-list-title .itemListing .tile--product .imageVariationWrapper .variations .product-variations .variations__list .swatch-list .variation-container-item.out-of-stock-variation .swatch-list__anchor::before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.4); border-radius: 50%; z-index: 3; } .productsListing .product-list-title .itemListing .tile--product .imageVariationWrapper .listingImageCaption { position: absolute; top: 7px; inset-inline-start: unset; background-color: rgba(0, 209, 210, 0.8); color: #ffffff; border-radius: 5px; padding: 1px 4px; left: 4%; border-radius: 0.15rem; color: #34303d; display: inline-block; font-size: 12px; font-weight: 400; line-height: 1; padding: 0.5em 0.75em; text-align: center; vertical-align: baseline; white-space: nowrap; width: -moz-fit-content; width: fit-content; background-color: rgba(0, 209, 210, 0.8); margin-bottom: 5px; } .productsListing .product-list-title .itemListing .tile--product .tile__details { flex-grow: 1; } .productsListing .product-list-title .itemListing .tile--product .tile__details .tile__details--top { height: 100%; display: flex; flex-direction: column; justify-content: space-between; } .productsListing .product-list-title .itemListing .tile--product .tile__details .tile__details--top .product-name a { margin-bottom: 10px; color: #34303d; display: block; transition: all 0.3s ease-in-out; } .productsListing .product-list-title .itemListing .tile--product .tile__details .tile__details--top .product-name a { font-size: 18px; } @media screen and (min-width: 320px) { .productsListing .product-list-title .itemListing .tile--product .tile__details .tile__details--top .product-name a { font-size: calc(18px + 2 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .productsListing .product-list-title .itemListing .tile--product .tile__details .tile__details--top .product-name a { font-size: 20px; } } .productsListing .product-list-title .itemListing .tile--product .tile__details .tile__details--top .product-name a { line-height: 22px; } @media screen and (min-width: 320px) { .productsListing .product-list-title .itemListing .tile--product .tile__details .tile__details--top .product-name a { line-height: calc(22px + 2 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .productsListing .product-list-title .itemListing .tile--product .tile__details .tile__details--top .product-name a { line-height: 24px; } } .productsListing .product-list-title .itemListing .tile--product .tile__details .tile__details--top .product-name a:hover { color: #00d1d2; } .productsListing .product-list-title .itemListing .tile--product .tile__details .tile__details--top .product-pricing { font-size: 20px; margin-bottom: 15px; } .productsListing .product-list-title .itemListing .tile--product .stockLabel.inStock { display: none; } .productsListing .product-list-title .itemListing .tile--product .stockLabel p { margin-bottom: 5px; position: relative; padding-inline-start: 25px; } .productsListing .product-list-title .itemListing .tile--product .stockLabel p:before { content: ""; position: absolute; inset-inline-start: 0; background: url(/images/warning.png) no-repeat center; background-size: cover; top: 0; width: 20px; height: 20px; } .productsListing .product-list-title .itemListing .tile--product .productLinks a { display: inline-block; background-color: #34303d; color: #ffffff; padding: 5px 32px 9px; border-radius: 24px; border: 2px solid #34303d; letter-spacing: 0.5px; font-size: 16px; cursor: pointer; transition: all 0.3s ease-in-out; } .productsListing .product-list-title .itemListing .tile--product .productLinks a:hover { background-color: #00d1d2; color: #34303d; border-color: #00d1d2; } .productsListing .product-list-title .itemListing .tile--product .productLinks a.disabled { background: #7b7b7b; border: 2px solid #7b7b7b; } .productsListing .product-list-title .itemListing .tile--product .productLinks a.disabled:hover { color: white; background: #7b7b7b; border: 2px solid #7b7b7b; } .productsListing .leftFiltersCol .tereaTypeFilters { margin-bottom: 20px; } .productsListing .leftFiltersCol .mobileBtnFilters { display: none; } .productsListing .leftFiltersCol .colorFilters { margin-bottom: 20px; } .productsListing .leftFiltersCol .PriceFilters .sortTitle { margin-bottom: 15px; } .productsListing .leftFiltersCol .PriceFilters .stackedInput li { margin-bottom: 5px; } .productsListing .leftFiltersCol .linkWrapper .removeFilters { text-decoration: underline; font-weight: bold; color: black; font-size: 15px; } .productsListing .leftFiltersCol .IntensityFilter .underFilter { justify-content: space-between; padding-inline-end: 15px; } .productsListing .leftFiltersCol .IntensityFilter .underFilter span { font-weight: bold; } .productsListing .leftFiltersCol .filter-title h3 { font-size: 32px; margin-bottom: 15px; } .productsListing .leftFiltersCol .filterWrapper { margin-bottom: 20px; } .productsListing .leftFiltersCol .filterWrapper h3 { font-size: 17px; margin-bottom: 5px; } .productsListing .leftFiltersCol .filterWrapper p { margin-bottom: 10px; } .productsListing .leftFiltersCol .filterWrapper .filterRow { display: flex; flex-wrap: wrap; } .productsListing .leftFiltersCol .filterWrapper .filterRow .filterDiv { cursor: pointer; display: flex; padding-inline-end: 10px; margin-bottom: 10px; padding-inline-start: 0; margin-inline-start: 0; } .productsListing .leftFiltersCol .filterWrapper .filterRow .filterDiv .filterItem { display: flex; width: 100%; border: 1px solid rgba(52, 48, 61, 0.3); border-radius: 5px; padding: 8px; align-items: center; justify-content: center; } .productsListing .leftFiltersCol .filterWrapper .filterRow .filterDiv .filterItem.active { border: 2px solid black; } .productsListing .leftFiltersCol .filterWrapper .filterRow .filterDiv .filterItem.disabled { background: #ececec; border: 1px solid #ececec; cursor: default; } .productsListing .leftFiltersCol .filterWrapper .filterRow .filterDiv .backgroundColor { width: 10px; height: 10px; border-radius: 50%; margin-inline-end: 10px; } .productsListing .consumablesProducts { padding: 1rem; background: #f6f4f0; margin-bottom: 20px; } .productsListing .consumablesProducts .pointsWrapper { padding-bottom: 10px; display: flex; align-items: center; justify-content: space-between; } .productsListing .consumablesProducts .pointsWrapper .ratingWrapper { display: flex; justify-content: space-between; } .productsListing .consumablesProducts .pointsWrapper .ratingWrapper .rating-item { width: 16px; height: 6px; background: #e27d34; opacity: 0.5; margin-right: 4.5px; } .productsListing .consumablesProducts .pointsWrapper .ratingWrapper .rating-item.active { opacity: 1; } .productsListing .consumablesProducts .pointsWrapper .ratingWrapper .rating-item:first-child { border-start-start-radius: 6px; border-end-start-radius: 6px; } .productsListing .consumablesProducts .pointsWrapper .ratingWrapper .rating-item:last-child { border-end-end-radius: 6px; border-start-end-radius: 6px; } .productsListing .consumablesProductsGraph { padding: 10px; background: #f6f4f0; margin-bottom: 20px; } .productsListing .consumablesProductsGraph .intensityImage .terea-description { min-height: 50px; } .productsListing .consumablesProductsGraph .o-gauge_progress { --gauge-dasharray: 223px; stroke-dasharray: var(--gauge-dasharray); stroke-dashoffset: calc( var(--gauge-dasharray) * (1 - var(--gauge-progress) / 10) ); } .productsListing .consumablesProductsGraph .blendGuage .o-gauge_progress { stroke-dashoffset: calc( var(--gauge-dasharray) * (1 - var(--gauge-progress) / 10) ); } .productsListing .consumablesProductsGraph .o-gauge_bg { stroke-dasharray: 223px; stroke-dashoffset: 0; } .productsListing .consumablesProductsGraph .o-gauge { width: 50px; height: 50px; position: relative; } .productsListing .consumablesProductsGraph .o-gauge::before { align-items: center; content: counter(progress); counter-reset: progress var(--gauge-progress); display: flex; font-size: calc(var(--gauge-size) / 2.5); height: 100%; justify-content: center; left: 0; position: absolute; top: 0; width: 100%; font-size: 16px; font-weight: bold; } .productsListing .consumablesProductsGraph strong { margin-inline: 10px; } .productsListing .consumablesProductsGraph .tooltip { position: relative; width: 20px; height: 20px; } .productsListing .consumablesProductsGraph .tooltip:hover .tooltip-content { opacity: 1; pointer-events: all; } .productsListing .consumablesProductsGraph .tooltip .icon { background-image: url(../../images/info.png); background-size: contain; width: 20px; height: 20px; display: inline-block; cursor: pointer; } .productsListing .consumablesProductsGraph .tooltip .tooltip-content { padding-bottom: 10px; opacity: 0; pointer-events: none; position: absolute; bottom: 100%; inset-inline-start: 0; z-index: 10; width: 170px; transform: translateX(-65px); transition: all 0.3s ease-in-out; } .productsListing .consumablesProductsGraph .tooltip .tooltip-content p { border-radius: 7px; background-color: #00d1d2; padding: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } .whiteTextBanner .commonBanner .bannerContentWrapper .bannerText { color: #ffffff; } .whiteTextBanner .commonBanner .bannerContentWrapper .bannerText .blockTitle { color: #ffffff; } .commonBanner { --bs-aspect-ratio: 32%; margin-bottom: 60px; } .commonBanner > img { -o-object-fit: cover; object-fit: cover; } .commonBanner.ratio .container { left: 50%; transform: translateX(-50%); } .commonBanner.tinyBanner { --bs-aspect-ratio: 30%; } .commonBanner.tinyBanner .bannerContentWrapper { display: flex; align-items: center; flex-wrap: wrap; height: 100%; } .commonBanner.tinyBanner .bannerContentWrapper .bannerText { max-width: 40%; } .commonBanner.tinyBanner .bannerContentWrapper .bannerText .blockTitle { color: #ffffff; } .commonBanner.tinyBanner .container { top: 50%; left: 50%; transform: translate(-50%, -50%); } .commonBanner.smallBanner { --bs-aspect-ratio: 15%; margin-bottom: 30px; } .commonBanner .bannerContentWrapper { display: flex; align-items: center; flex-wrap: wrap; height: 100%; } .commonBanner .bannerContentWrapper .bannerText { padding: 60px 0; } .commonBanner .bannerContentWrapper .bannerText .isNew { margin-inline-start: 0; margin-bottom: 20px; } .commonBanner .bannerContentWrapper .bannerText .blockTitle { margin-bottom: 20px; } .commonBanner .bannerContentWrapper .bannerText .blockTitle { font-size: 32px; } @media screen and (min-width: 320px) { .commonBanner .bannerContentWrapper .bannerText .blockTitle { font-size: calc(32px + 22 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .commonBanner .bannerContentWrapper .bannerText .blockTitle { font-size: 54px; } } .commonBanner .bannerContentWrapper .bannerText .blockTitle { line-height: 36px; } @media screen and (min-width: 320px) { .commonBanner .bannerContentWrapper .bannerText .blockTitle { line-height: calc(36px + 22 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .commonBanner .bannerContentWrapper .bannerText .blockTitle { line-height: 58px; } } .commonBanner .bannerContentWrapper .bannerText p { font-size: 16px; } .commonBanner .bannerContentWrapper .bannerText p sup { vertical-align: top; font-size: 10px; } .commonBanner .bannerContentWrapper .bannerImage { align-self: flex-end; display: flex; align-items: flex-end; justify-content: flex-end; } .commonBanner .bannerContentWrapper .bannerImage img { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; } .prodDetails { margin-bottom: 60px; } .prodDetails.bondsBundlePdp .product-details__wrapper .higher-z-index .product-details.content-width--boxed { align-items: flex-start !important; } .prodDetails.bondsBundlePdp .product-details__wrapper .higher-z-index .product-details .product-details__info .product-details__top { margin-bottom: 20px; } .prodDetails.bondsBundlePdp .product-details__wrapper .higher-z-index .product-details .product-details__info .product-details__top { font-size: 32px; } @media screen and (min-width: 320px) { .prodDetails.bondsBundlePdp .product-details__wrapper .higher-z-index .product-details .product-details__info .product-details__top { font-size: calc(32px + 6 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .prodDetails.bondsBundlePdp .product-details__wrapper .higher-z-index .product-details .product-details__info .product-details__top { font-size: 38px; } } .prodDetails.bondsBundlePdp .product-details__wrapper .higher-z-index .product-details .product-details__info .product-details__top { line-height: 36px; } @media screen and (min-width: 320px) { .prodDetails.bondsBundlePdp .product-details__wrapper .higher-z-index .product-details .product-details__info .product-details__top { line-height: calc(36px + 6 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .prodDetails.bondsBundlePdp .product-details__wrapper .higher-z-index .product-details .product-details__info .product-details__top { line-height: 42px; } } .prodDetails.bondsBundlePdp .product-details__wrapper .higher-z-index .product-details .product-details__info .product-details__price { margin-bottom: 20px; } .prodDetails.bondsBundlePdp .product-details__wrapper .higher-z-index .product-details .product-details__info .bundlePRoducts .bundleProductListing .product.groupedAccessoriesRow .product.groupedAccessoriesHeader.visibleAccessory { border: 0px; margin-top: 15px; } .prodDetails.bondsBundlePdp .product-details__wrapper .higher-z-index .product-details .product-details__info .bundlePRoducts .bundleProductListing .prodWrapper .product { padding: 0 20px !important; } .prodDetails.bondsBundlePdp .product-details__wrapper .higher-z-index .product-details .product-details__info .bundlePRoducts .bundleProductListing .prodWrapper .product.active-bundle-item { border: 2px solid #00d1d2; } .prodDetails.bondsBundlePdp .product-details__wrapper .higher-z-index .product-details .product-details__info .bundlePRoducts .bundleProductListing .prodWrapper .product .variations { padding-bottom: 20px; } .prodDetails.bondsBundlePdp .product-details__wrapper .higher-z-index .product-details .product-details__info .bundlePRoducts .bundleProductListing .prodWrapper .product .productContainer .leftWrapper img { max-width: 70px; } .prodDetails.bondsBundlePdp .product-details__wrapper .higher-z-index .product-details .product-details__info .bundlePRoducts .bundleProductListing .prodWrapper .product .productContainer .leftWrapper .infoWrapper h3 { font-size: 14px; } @media screen and (min-width: 320px) { .prodDetails.bondsBundlePdp .product-details__wrapper .higher-z-index .product-details .product-details__info .bundlePRoducts .bundleProductListing .prodWrapper .product .productContainer .leftWrapper .infoWrapper h3 { font-size: calc(14px + 4 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .prodDetails.bondsBundlePdp .product-details__wrapper .higher-z-index .product-details .product-details__info .bundlePRoducts .bundleProductListing .prodWrapper .product .productContainer .leftWrapper .infoWrapper h3 { font-size: 18px; } } .prodDetails.bondsBundlePdp .product-details__wrapper .higher-z-index .product-details .product-details__info .bundlePRoducts .bundleProductListing .prodWrapper .product .productContainer .leftWrapper .infoWrapper h3 { line-height: 22px; } @media screen and (min-width: 320px) { .prodDetails.bondsBundlePdp .product-details__wrapper .higher-z-index .product-details .product-details__info .bundlePRoducts .bundleProductListing .prodWrapper .product .productContainer .leftWrapper .infoWrapper h3 { line-height: calc(22px + 4 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .prodDetails.bondsBundlePdp .product-details__wrapper .higher-z-index .product-details .product-details__info .bundlePRoducts .bundleProductListing .prodWrapper .product .productContainer .leftWrapper .infoWrapper h3 { line-height: 26px; } } .prodDetails .additional-pdp-details .pdpDetailsWrapper .contentBlock.pdpdetails .pdp-video-header .pdp-video-title { font-size: 32px; } @media screen and (min-width: 320px) { .prodDetails .additional-pdp-details .pdpDetailsWrapper .contentBlock.pdpdetails .pdp-video-header .pdp-video-title { font-size: calc(32px + 24 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .prodDetails .additional-pdp-details .pdpDetailsWrapper .contentBlock.pdpdetails .pdp-video-header .pdp-video-title { font-size: 56px; } } .prodDetails .additional-pdp-details .pdpDetailsWrapper .contentBlock.pdpdetails .pdp-video-header .pdp-video-subtitle { font-size: 15px; } @media screen and (min-width: 320px) { .prodDetails .additional-pdp-details .pdpDetailsWrapper .contentBlock.pdpdetails .pdp-video-header .pdp-video-subtitle { font-size: calc(15px + 1 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .prodDetails .additional-pdp-details .pdpDetailsWrapper .contentBlock.pdpdetails .pdp-video-header .pdp-video-subtitle { font-size: 16px; } } .prodDetails .additional-pdp-details .pdpDetailsWrapper .contentBlock.pdpdetails p.aoki-disclaimer { text-align: center; line-height: 120%; color: #34303d; margin-bottom: 60px; padding: 0px 15px; } .prodDetails .additional-pdp-details .pdpDetailsWrapper .contentBlock.pdpdetails p.aoki-disclaimer { font-size: 20px; } @media screen and (min-width: 320px) { .prodDetails .additional-pdp-details .pdpDetailsWrapper .contentBlock.pdpdetails p.aoki-disclaimer { font-size: calc(20px + 12 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .prodDetails .additional-pdp-details .pdpDetailsWrapper .contentBlock.pdpdetails p.aoki-disclaimer { font-size: 32px; } } .prodDetails .additional-pdp-details .pdpDetailsWrapper .listingSection .listWrapper .listItem .listingInfo .titleWrapper { display: none; } .prodDetails .additional-pdp-details .pdpDetailsWrapper .listingSection .listWrapper .listItem .listingInfo .bodyWrapper .aoki-pdp-promo-banner-left p.aoki-pdp-promo-banner-subtitle { color: #ffffff; text-align: center; font-weight: bold; margin-bottom: 10px; } .prodDetails .additional-pdp-details .pdpDetailsWrapper .listingSection .listWrapper .listItem .listingInfo .bodyWrapper .aoki-pdp-promo-banner-left p.aoki-pdp-promo-banner-subtitle { font-size: 14px; } @media screen and (min-width: 320px) { .prodDetails .additional-pdp-details .pdpDetailsWrapper .listingSection .listWrapper .listItem .listingInfo .bodyWrapper .aoki-pdp-promo-banner-left p.aoki-pdp-promo-banner-subtitle { font-size: calc(14px + 22 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .prodDetails .additional-pdp-details .pdpDetailsWrapper .listingSection .listWrapper .listItem .listingInfo .bodyWrapper .aoki-pdp-promo-banner-left p.aoki-pdp-promo-banner-subtitle { font-size: 36px; } } .prodDetails .additional-pdp-details .pdpDetailsWrapper .listingSection .listWrapper .listItem .listingInfo .bodyWrapper .aoki-pdp-promo-banner-left p.aoki-pdp-promo-banner-body { color: #ffffff; font-weight: 300; text-align: center; margin-bottom: 20px; } .prodDetails .additional-pdp-details .pdpDetailsWrapper .listingSection .listWrapper .listItem .listingInfo .bodyWrapper:has(.aoki-pdp-promo-banner-left) + a.button { color: #34303d; background-color: #ffffff; border: 1px solid #ffffff; margin: 0 auto; } .prodDetails .additional-pdp-details .pdpDetailsWrapper .listingSection .listWrapper .listItem .listingInfo .bodyWrapper:has(.aoki-pdp-promo-banner-left) + a.button:hover { background-color: #00d1d2; border: 1px solid #00d1d2; } .prodDetails .backButton { color: #34303d; font-size: 16px; line-height: 16px; cursor: pointer; display: flex; align-items: center; gap: 5px; width: -moz-fit-content; width: fit-content; border: none; background-color: transparent; margin-bottom: 10px; } .prodDetails .backButton::before { content: ""; display: block; width: 15px; height: 15px; background-image: url(../images/back-button.svg); background-position: center center; background-repeat: no-repeat; background-size: contain; transition: all 0.3s ease-in-out; } .prodDetails .backButton:hover::before { transform: translateX(-5px); filter: brightness(0) saturate(100%) invert(57%) sepia(59%) saturate(1421%) hue-rotate(136deg) brightness(98%) contrast(104%); } .prodDetails .backButton::before { background-image: url(../../images/back-button.svg); } .prodDetails .product-details__container { padding: 0 30px; } .prodDetails .product-details__wrapper { background: #f6f4f0; padding: 60px 0 0 0; margin-bottom: 60px; } .prodDetails .product-details__wrapper .higher-z-index .visually-hidden { display: none; } .prodDetails .product-details__wrapper .higher-z-index .product-details .disclaimer { margin-bottom: 50px; position: relative; padding-inline-start: 25px; font-weight: bold; } .prodDetails .product-details__wrapper .higher-z-index .product-details .disclaimer:before { content: ""; position: absolute; inset-inline-start: 0; background: url(/images/warning.png) no-repeat center; background-size: cover; top: 3px; width: 20px; height: 20px; } .prodDetails .product-details__wrapper .higher-z-index .product-details .product-details__image { position: relative; } .prodDetails .product-details__wrapper .higher-z-index .product-details .product-details__image .swiper-button-disabled { opacity: 0.4; } .prodDetails .product-details__wrapper .higher-z-index .product-details .product-details__image .product-swiper-button-next { position: absolute; top: 50%; inset-inline-end: -25px; width: 25px; height: 25px; background-image: url(../../images/arrow-down.svg); transform: translateY(-50%) rotate(-90deg); background-size: contain; background-repeat: no-repeat; background-position: center center; cursor: pointer; } .prodDetails .product-details__wrapper .higher-z-index .product-details .product-details__image .product-swiper-button-prev { position: absolute; top: 50%; inset-inline-start: -25px; width: 25px; height: 25px; background-image: url(../../images/arrow-down.svg); transform: translateY(-50%) rotate(90deg); background-size: contain; background-repeat: no-repeat; background-position: center center; cursor: pointer; } .prodDetails .product-details__wrapper .higher-z-index .product-details .product-details__image .product__slider { margin-bottom: 30px; } .prodDetails .product-details__wrapper .higher-z-index .product-details .product-details__image .product__slider .swiper-zoom-container { cursor: zoom-in; } .prodDetails .product-details__wrapper .higher-z-index .product-details .product-details__image .product__slider .swiper-slide-zoomed .swiper-zoom-container { cursor: zoom-out; } .prodDetails .product-details__wrapper .higher-z-index .product-details .product-details__image .product__slider .pdp-badge { position: absolute; width: 13%; top: 40px; z-index: 10; } .prodDetails .product-details__wrapper .higher-z-index .product-details .product-details__image .product__slider .slide img { max-width: 100%; height: auto; -o-object-fit: contain; object-fit: contain; } .prodDetails .product-details__wrapper .higher-z-index .product-details .product-details__image .product__slider .swiper-wrapper .swiper-slide { display: flex; justify-content: center; align-items: center; } .prodDetails .product-details__wrapper .higher-z-index .product-details .product-details__image .product__slider .swiper-wrapper .swiper-slide img { max-width: 100%; height: auto; -o-object-fit: contain; object-fit: contain; } .prodDetails .product-details__wrapper .higher-z-index .product-details .product-details__image .product__slider .swiper-pagination { margin-top: 25px; position: static; } .prodDetails .product-details__wrapper .higher-z-index .product-details .product-details__image .product__slider .swiper-pagination-bullet-active { background-color: #868489; } .prodDetails .product-details__wrapper .higher-z-index .product-details .product-details__info { padding: 0 30px; } .prodDetails .product-details__wrapper .higher-z-index .product-details .product-details__info .listingImageCaption { border-radius: 0.15rem; color: #34303d; display: inline-block; font-size: 12px; font-weight: 400; line-height: 1; padding: 0.5em 0.75em; text-align: center; vertical-align: baseline; white-space: nowrap; width: -moz-fit-content; width: fit-content; background-color: rgba(0, 209, 210, 0.8); margin-bottom: 5px; } .prodDetails .product-details__wrapper .higher-z-index .product-details .product-details__info .product-details__top { margin-bottom: 30px; } .prodDetails .product-details__wrapper .higher-z-index .product-details .product-details__info .product-details__top { font-size: 34px; } @media screen and (min-width: 320px) { .prodDetails .product-details__wrapper .higher-z-index .product-details .product-details__info .product-details__top { font-size: calc(34px + 8 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .prodDetails .product-details__wrapper .higher-z-index .product-details .product-details__info .product-details__top { font-size: 42px; } } .prodDetails .product-details__wrapper .higher-z-index .product-details .product-details__info .product-details__top { line-height: 38px; } @media screen and (min-width: 320px) { .prodDetails .product-details__wrapper .higher-z-index .product-details .product-details__info .product-details__top { line-height: calc(38px + 8 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .prodDetails .product-details__wrapper .higher-z-index .product-details .product-details__info .product-details__top { line-height: 46px; } } .prodDetails .product-details__wrapper .higher-z-index .product-details .product-details__info .product-details__price { margin-bottom: 30px; } .prodDetails .product-details__wrapper .higher-z-index .product-details .product-details__info .product-details__price .sales-price { font-size: 24px; font-weight: bold; } .prodDetails .product-details__wrapper .higher-z-index .product-details .product-details__info .variations__list { margin-bottom: 25px; } .prodDetails .product-details__wrapper .higher-z-index .product-details .product-details__info .variations__list .withImage .swatch-list__item.js-swatch-list-item { width: 50px; height: 50px; } .prodDetails .product-details__wrapper .higher-z-index .product-details .product-details__info .variations__list .withImage .swatch-list__item.js-swatch-list-item .swatchanchor { position: relative; width: 50px; height: 50px; top: -4px; right: 4px; background-size: 80px !important; } .prodDetails .product-details__wrapper .higher-z-index .product-details .product-details__info .variations__list .withImage .swatch-list__item.js-swatch-list-item.out-of-stock-variation.selectable.js-swatch-list-item::after { top: 23px; } .prodDetails .product-details__wrapper .higher-z-index .product-details .product-details__info .variations__list .swatch-list { display: flex; align-items: center; gap: 15px; flex-wrap: wrap; } .prodDetails .product-details__wrapper .higher-z-index .product-details .product-details__info .variations__list .swatch-list .swatch-list__item { padding: 3px; border-radius: 50%; width: -moz-fit-content; width: fit-content; } .prodDetails .product-details__wrapper .higher-z-index .product-details .product-details__info .variations__list .swatch-list .swatch-list__item .swatch-list__anchor { width: 21px; height: 21px; border-radius: 50%; background-size: cover; display: block; border: 1px solid #34303d; } .prodDetails .product-details__wrapper .higher-z-index .product-details .product-details__info .variations__list .swatch-list .swatch-list__item .swatch-list__anchor span { display: none; } .prodDetails .product-details__wrapper .higher-z-index .product-details .product-details__info .variations__list .swatch-list .swatch-list__item.selected { border: 1px solid #000; } .prodDetails .product-details__wrapper .higher-z-index .product-details .product-details__info .variations__list .swatch-list .swatch-list__item.out-of-stock-variation { border: 1px solid #000; overflow: hidden; position: relative; } .prodDetails .product-details__wrapper .higher-z-index .product-details .product-details__info .variations__list .swatch-list .swatch-list__item.out-of-stock-variation::after { content: ""; position: absolute; inset-inline-start: 0px; top: 13px; width: 100%; height: 1px; background-color: #34303d; transform: rotate(45deg); z-index: 4; } .prodDetails .product-details__wrapper .higher-z-index .product-details .product-details__info .variations__list .swatch-list .swatch-list__item.out-of-stock-variation .swatch-list__anchor { position: relative; } .prodDetails .product-details__wrapper .higher-z-index .product-details .product-details__info .variations__list .swatch-list .swatch-list__item.out-of-stock-variation .swatch-list__anchor::before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.4); border-radius: 50%; z-index: 3; } .prodDetails .product-details__wrapper .higher-z-index .product-details .product-details__info .engraveDescsription { margin-bottom: 30px; } .prodDetails .product-details__wrapper .higher-z-index .product-details .product-details__info .productActions { margin-bottom: 30px; } .prodDetails .product-details__wrapper .higher-z-index .product-details .product-details__info .productActions #cartDiv { display: flex; gap: 15px; flex-wrap: wrap; } .prodDetails .product-details__wrapper .higher-z-index .product-details .product-details__info .productActions #cartDiv .addToCart { display: inline-block; background-color: #34303d; color: #ffffff; padding: 5px 32px 9px; border-radius: 24px; border: 2px solid #34303d; letter-spacing: 0.5px; font-size: 16px; cursor: pointer; transition: all 0.3s ease-in-out; } .prodDetails .product-details__wrapper .higher-z-index .product-details .product-details__info .productActions #cartDiv .addToCart:hover { background-color: #00d1d2; color: #34303d; border-color: #00d1d2; } .prodDetails .product-details__wrapper .higher-z-index .product-details .product-details__info .productActions #cartDiv .tradeinBtn { padding: 5px 25px 9px; width: -moz-fit-content; width: fit-content; text-align: center; } .prodDetails .product-details__wrapper .higher-z-index .product-details .product-details__info .productActions .colQuantity { display: flex; align-items: center; gap: 15px; padding-inline-end: 10px; } .prodDetails .product-details__wrapper .higher-z-index .product-details .product-details__info .productActions .colQuantity input { font-family: "IQOS", "IQOS AR", sans-serif; font-size: 14px; width: 55px; text-align: center; background-color: transparent; } .prodDetails .product-details__wrapper .higher-z-index .product-details .product-details__info .productActions .colQuantity a { width: 24px; height: 24px; margin-bottom: 0; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: all 0.3s ease-in-out; } .prodDetails .product-details__wrapper .higher-z-index .product-details .product-details__info .productActions .colQuantity a:hover { filter: brightness(0) saturate(100%) invert(57%) sepia(59%) saturate(1421%) hue-rotate(136deg) brightness(98%) contrast(104%); } .prodDetails .product-details__wrapper .higher-z-index .product-details .product-details__info .productActions .colQuantity a.minus { background-image: url(../../images/minus-button.svg); } .prodDetails .product-details__wrapper .higher-z-index .product-details .product-details__info .productActions .colQuantity a.plus { background-image: url(../../images/add-button.svg); } .prodDetails .product-details__wrapper .higher-z-index .product-details .product-details__info .productActions .colQuantity input[type="number"]::-webkit-inner-spin-button, .prodDetails .product-details__wrapper .higher-z-index .product-details .product-details__info .productActions .colQuantity input[type="number"]::-webkit-outer-spin-button, .prodDetails .product-details__wrapper .higher-z-index .product-details .product-details__info .productActions .colQuantity input[type="number"]::-webkit-input-placeholder { display: none; } .prodDetails .product-details__wrapper .higher-z-index .product-details .product-details__info .productActions .colQuantity input[type="number"] { -moz-appearance: textfield; /* Firefox */ } .prodDetails .product-details__wrapper .higher-z-index .product-details .product-details__info .productActions .out-of-stock { display: inline-block; background-color: #34303d; color: #ffffff; padding: 5px 32px 9px; border-radius: 24px; border: 2px solid #34303d; letter-spacing: 0.5px; font-size: 16px; opacity: 0.6; } .prodDetails .product-details__wrapper .higher-z-index .product-details .product-details__info .product-details__description > div { font-size: 16px; } .prodDetails .product-details__wrapper .higher-z-index .product-details .product-details__info .product-details__description > div .pdp-checkmark-description-item ::before { content: ""; width: 24px; height: 24px; background-color: #00d1d2; border-radius: 100%; background-image: url(../../images/tick.svg); background-size: 11px; background-repeat: no-repeat; background-position: center center; display: inline-block; flex-shrink: 0; flex-grow: 0; flex-basis: 24px; } .prodDetails .product-details__wrapper .higher-z-index .product-details .product-details__info .product-details__description > div .pdp-checkmark-description-item > * { display: flex; gap: 10px; } .prodDetails .product-details__wrapper .higher-z-index .product-details .product-details__info .product-details__description > div .pdp-checkmark-description-item.gift ::before { background-image: url(../../images/Gifts_Light.svg); background-size: 20px; } .prodDetails .product-details__wrapper .higher-z-index .product-details .product-details__info .product-details__description > div .pdp-checkmark-description-item.warning ::before { background-image: url(../../images/Info_Light.svg); background-size: 22px; } .prodDetails .product-details__wrapper .higher-z-index .product-details .product-details__info .product-details__description > div img { width: 100%; max-width: 250px; } .prodDetails .product-details__wrapper .higher-z-index .product-details .product-details__info .product-details__description > div ul { padding: 0; padding-inline-start: 10px; } .prodDetails .product-details__wrapper .higher-z-index .product-details .product-details__info .product-details__description > div ul li { position: relative; padding-inline-start: 25px; padding-bottom: 10px; } .prodDetails .product-details__wrapper .higher-z-index .product-details .product-details__info .product-details__description > div ul li:before { position: absolute; content: ""; width: 5px; border-radius: 50%; height: 5px; inset-inline-start: 0; inset-inline-end: 0; top: 15px; transform: translateY(-50%); background: black; } .prodDetails .product-details__wrapper .higher-z-index .product-details .product-details__info .bundlePRoducts .blockHead { color: #34303d; font-size: 13px; font-stretch: normal; font-style: normal; font-weight: 600; letter-spacing: 2px; line-height: 1.85; margin-bottom: 20px; text-transform: uppercase; } .prodDetails .product-details__wrapper .higher-z-index .product-details .product-details__info .bundlePRoducts .bundleProductListing .prodWrapper .product { border: 1px solid #c2bfc2; margin-bottom: 15px; border-radius: 3px; padding: 20px 20px; cursor: pointer; } .prodDetails .product-details__wrapper .higher-z-index .product-details .product-details__info .bundlePRoducts .bundleProductListing .prodWrapper .product .productContainer { display: flex; justify-content: space-between; align-items: center; gap: 15px; } .prodDetails .product-details__wrapper .higher-z-index .product-details .product-details__info .bundlePRoducts .bundleProductListing .prodWrapper .product .productContainer.active .imageToggle a { transform: rotate(180deg); } .prodDetails .product-details__wrapper .higher-z-index .product-details .product-details__info .bundlePRoducts .bundleProductListing .prodWrapper .product .productContainer .leftWrapper { flex-grow: 1; display: flex; align-items: center; gap: 20px; } .prodDetails .product-details__wrapper .higher-z-index .product-details .product-details__info .bundlePRoducts .bundleProductListing .prodWrapper .product .productContainer .leftWrapper img { max-width: 90px; -o-object-fit: contain; object-fit: contain; } .prodDetails .product-details__wrapper .higher-z-index .product-details .product-details__info .bundlePRoducts .bundleProductListing .prodWrapper .product .productContainer .leftWrapper .infoWrapper h3 { /*@include font(14px, 18px);*/ font-size: 18px; font-weight: normal; } .prodDetails .product-details__wrapper .higher-z-index .product-details .product-details__info .bundlePRoducts .bundleProductListing .prodWrapper .product .productContainer .imageToggle { flex-shrink: 0; } .prodDetails .product-details__wrapper .higher-z-index .product-details .product-details__info .bundlePRoducts .bundleProductListing .prodWrapper .product .productContainer .imageToggle a { display: block; width: 16px; height: 16px; transition: all 0.3s ease-in-out; } .prodDetails .product-details__wrapper .higher-z-index .product-details .product-details__info .bundlePRoducts .bundleProductListing .prodWrapper .product .productContainer .imageToggle img { width: 100%; -o-object-fit: contain; object-fit: contain; } .prodDetails .product-details__wrapper .higher-z-index .product-details .product-details__info .bundlePRoducts .bundleProductListing .prodWrapper .product .variations { padding-top: 8px; } .prodDetails .product-details__wrapper .higher-z-index .product-details .product-details__info .bundlePRoducts .bundleProductListing .prodWrapper .product .variations .product-variations .variations__list { margin-bottom: 0; } .prodDetails .product-details__wrapper .productSticky { width: 100%; justify-content: space-between; } .prodDetails .product-details__wrapper .productSticky .productWrapper { display: flex; justify-content: space-between; align-items: center; gap: 15px; flex: 0 0 100%; flex-wrap: wrap; } .prodDetails .product-details__wrapper .productSticky .productWrapper .productTitle { color: #34303d; font-weight: bold; max-width: 60%; } .prodDetails .product-details__wrapper .productSticky .productWrapper .productTitle { font-size: 18px; } @media screen and (min-width: 320px) { .prodDetails .product-details__wrapper .productSticky .productWrapper .productTitle { font-size: calc(18px + 2 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .prodDetails .product-details__wrapper .productSticky .productWrapper .productTitle { font-size: 20px; } } .prodDetails .product-details__wrapper .productSticky .productWrapper .productTitle .product-color { font-size: 16px; font-weight: normal; } .prodDetails .product-details__wrapper .productSticky .productWrapper .actionWrapper { display: flex; align-items: center; gap: 25px; } .prodDetails .product-details__wrapper .productSticky .productWrapper .actionWrapper .product-pricing { font-size: 20px; } .prodDetails .product-details__wrapper .productSticky .productWrapper .actionWrapper .addWrapper .button { display: inline-block; background-color: #34303d; color: #ffffff; padding: 5px 32px 9px; border-radius: 24px; border: 2px solid #34303d; letter-spacing: 0.5px; font-size: 16px; cursor: pointer; transition: all 0.3s ease-in-out; } .prodDetails .product-details__wrapper .productSticky .productWrapper .actionWrapper .addWrapper .button:hover { background-color: transparent; color: #34303d; border-color: #34303d; } .bondsListingPdpSwiper .swiper-slide { flex: 0 0 auto; max-width: none; margin-bottom: 0; } .ecommerceNotice { width: 50%; text-align: center; font-size: 16px; margin: 0 auto 60px auto; } #back-to-top { position: fixed; bottom: 30px; inset-inline-end: 180px; background-color: #00d1d2; border-radius: 50%; width: 40px; height: 40px; color: transparent; z-index: 15; display: none; } #back-to-top::after { content: ""; position: absolute; top: 0; inset-inline-start: 0; width: 100%; height: 100%; background-image: url(../../images/back-button.svg); transform: rotate(90deg); background-size: 25px 25px; background-position: center 8px; background-repeat: no-repeat; cursor: pointer; filter: brightness(0) invert(1); } .pdpdetails .centeredText { text-align: center; margin-inline: auto; width: 60%; } .pdpdetails .centeredText { font-size: 14px; } @media screen and (min-width: 320px) { .pdpdetails .centeredText { font-size: calc(14px + 2 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .pdpdetails .centeredText { font-size: 16px; } } .pdpdetails .centeredText.boldText { font-weight: bold; } .pdpdetails .centeredText.boldText { font-size: 26px; } @media screen and (min-width: 320px) { .pdpdetails .centeredText.boldText { font-size: calc(26px + 16 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .pdpdetails .centeredText.boldText { font-size: 42px; } } .pdpdetails .centeredText sup { vertical-align: top; font-size: 10px; } .videoBanner { margin-bottom: 60px; padding-bottom: 0; position: relative; } .videoBanner.inNews { margin-bottom: 25px; margin-top: 25px; } .videoBanner.inNews .videoBlock { padding: 0; } .videoBanner.isListing { margin-bottom: 30px; } .videoBanner.isListing .videoBlock { padding: 0; } .videoBanner.isListing .videoWrapper { --bs-aspect-ratio: 100%; } .videoBanner.isListing .videoWrapper .blockHead { background: linear-gradient(to top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0)); width: 100%; padding: 15px; height: 100%; display: flex; align-items: flex-end; } .videoBanner.isListing .videoWrapper .blockHead h3 { color: #ffffff; } .videoBanner.isListing .videoWrapper .blockHead h3 { font-size: 18px; } @media screen and (min-width: 320px) { .videoBanner.isListing .videoWrapper .blockHead h3 { font-size: calc(18px + 2 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .videoBanner.isListing .videoWrapper .blockHead h3 { font-size: 20px; } } .videoBanner .videoIntro { padding: 60px 60px 0 60px; text-align: center; } .videoBanner .videoIntro .blockTitle { margin-bottom: 30px; } .videoBanner .videoIntro .blockTitle { font-size: 30px; } @media screen and (min-width: 320px) { .videoBanner .videoIntro .blockTitle { font-size: calc(30px + 6 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .videoBanner .videoIntro .blockTitle { font-size: 36px; } } .videoBanner .videoBlock { position: relative; padding: 60px; padding-bottom: 0; } .videoBanner .videoBlock::after { content: ""; width: 100%; height: 50%; background-color: #ffffff; z-index: 0; position: absolute; bottom: 0; left: 0; } .videoBanner .videoWrapper { --bs-aspect-ratio: 60%; z-index: 5; cursor: pointer; max-width: 1250px; margin: auto; } .videoBanner .videoWrapper .video-image-holder { background-size: cover !important; } .videoBanner .videoWrapper .video-image-holder a { display: block; width: 50px; height: 50px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #ffffff !important; border-radius: 50%; display: flex; justify-content: center; align-items: center; transition: all 0.3s ease-in-out; } .videoBanner .videoWrapper .video-image-holder a:hover { background-color: #00d1d2; } .videoBanner .videoWrapper .video-image-holder a img { width: 25px; height: 25px; padding-left: 5px; -o-object-fit: contain; object-fit: contain; filter: brightness(0) saturate(100%) invert(29%) sepia(4%) saturate(1334%) hue-rotate(215deg) brightness(99%) contrast(87%); } .videoBanner .video-holder { position: fixed; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.6); z-index: 100; display: none; width: 100%; height: 100%; } .videoBanner .video-holder .iframeHolder { width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: center; } .videoBanner .video-holder .iframeHolder .content { display: flex; flex-direction: column; flex: 0 0 50%; --bs-aspect-ratio: 56%; } .videoBanner .video-holder .iframeHolder .content .closeIframe { width: 22px; height: 22px; margin-inline-start: auto; margin-bottom: 15px; filter: brightness(0) invert(1); cursor: pointer; transform: translateY(calc(-100% - 15px)); inset-inline-end: 0; } .product-usps { background-color: #00c1ff; position: relative; margin-bottom: 60px; } .product-usps.pdponeslider { background-color: #f8b810; } .product-usps.pdpprimeslider { background-color: hsl(174, 78%, 48%); } .product-usps .blockBody { position: relative; } .product-usps .swiper-pagination-usps { position: absolute; top: 50%; inset-inline-end: 20px !important; z-index: 3; } .product-usps .swiper-pagination-usps .swiper-pagination-bullet { display: block; height: 24px; margin-bottom: 5px; width: 2px; background-color: #000; opacity: 0.25; } .product-usps .swiper-pagination-usps .swiper-pagination-bullet.swiper-pagination-bullet-active { opacity: 1; } .product-usps .swiper { height: 600px; } .product-usps .swiper-wrapper { margin: 0; flex-wrap: nowrap; } .product-usps .swiper-wrapper .listingItem { height: 100%; display: flex; align-items: center; justify-content: space-between; position: relative; } .product-usps .swiper-wrapper .listingItem .listingImage { max-height: 100%; flex: 0 0 40%; align-self: flex-end; --bs-aspect-ratio: 100%; max-width: 500px; } .product-usps .swiper-wrapper .listingItem .listingImage img { max-width: 100%; -o-object-fit: cover; object-fit: cover; } .product-usps .swiper-wrapper .listingItem .listingInfo { flex: 0 0 50%; padding-inline: 60px; } .product-usps .swiper-wrapper .listingItem .listingInfo .buttonUnderlined:hover { color: #34303d; text-decoration: none; } .product-usps .swiper-wrapper .listingItem .listingInfo .bottomText { position: absolute; z-index: 5; bottom: 20px; inset-inline-start: 60px; max-width: 50%; } .product-usps .swiper-wrapper .listingItem .listingInfo h3 { margin-bottom: 25px; color: #34303d; } .product-usps .swiper-wrapper .listingItem .listingInfo h3 { font-size: 36px; } @media screen and (min-width: 320px) { .product-usps .swiper-wrapper .listingItem .listingInfo h3 { font-size: calc(36px + 20 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .product-usps .swiper-wrapper .listingItem .listingInfo h3 { font-size: 56px; } } .product-usps .swiper-wrapper .listingItem .listingInfo h3 { line-height: 40px; } @media screen and (min-width: 320px) { .product-usps .swiper-wrapper .listingItem .listingInfo h3 { line-height: calc(40px + 20 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .product-usps .swiper-wrapper .listingItem .listingInfo h3 { line-height: 60px; } } .product-usps .swiper-wrapper .listingItem .listingInfo p { font-size: 16px; color: #34303d; } .footerSupportItems { background-color: #f6f4f0; padding-top: 60px; margin-bottom: 60px; } .footerSupportItems .blockTitle { color: #34303d; margin-bottom: 20px; text-align: center; } .footerSupportItems .blockTitle { font-size: 26px; } @media screen and (min-width: 320px) { .footerSupportItems .blockTitle { font-size: calc(26px + 6 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .footerSupportItems .blockTitle { font-size: 32px; } } .footerSupportItems .blockDesc { color: #34303d; font-size: 16px; margin-bottom: 60px; text-align: center; } .footerSupportItems .box-wrap { display: flex; align-items: flex-start; justify-content: space-around; flex-wrap: wrap; } .footerSupportItems .box-wrap .box { flex: 0 0 33.33%; display: flex; flex-direction: column; align-items: center; margin-bottom: 60px; padding-inline: 15px; } .footerSupportItems .box-wrap .box .imageWrapper { width: 64px; height: 64px; } .footerSupportItems .box-wrap .box .imageWrapper img { max-width: 100%; -o-object-fit: contain; object-fit: contain; width: 100%; } .footerSupportItems .box-wrap .box .title p { text-align: center; font-weight: bold; margin-bottom: 10px; } .footerSupportItems .box-wrap .box .title p { font-size: 20px; } @media screen and (min-width: 320px) { .footerSupportItems .box-wrap .box .title p { font-size: calc(20px + 4 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .footerSupportItems .box-wrap .box .title p { font-size: 24px; } } .footerSupportItems .box-wrap .box .description { text-align: center; font-size: 16px; } .footerSupportItems .box-wrap .box .description a { text-decoration: underline; transition: all 0.3s ease-in-out; color: #34303d; } .footerSupportItems .box-wrap .box .description a:hover { color: #00d1d2; } .pdpTextImageIluma { background-color: #34303d; padding: 60px 0; margin-bottom: 60px; } .pdpTextImageIluma.bondsDescription { padding: 20px 0; } .pdpTextImageIluma.bondsDescription .imageHolder { --bs-aspect-ratio: 60%; } .pdpTextImageIluma .row { align-items: center; } .pdpTextImageIluma .text .title { margin-bottom: 5px; color: #ffffff; } .pdpTextImageIluma .text .title { font-size: 20px; } @media screen and (min-width: 320px) { .pdpTextImageIluma .text .title { font-size: calc(20px + 4 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .pdpTextImageIluma .text .title { font-size: 24px; } } .pdpTextImageIluma .text .desc { font-size: 16px; color: #ffffff; margin-bottom: 25px; } .pdpTextImageIluma .text .desc:last-child { margin-bottom: 0; } .pdpTextImageIluma .text .desc sup { vertical-align: top; font-size: 10px; } .pdpTextImageIluma .imageHolder { --bs-aspect-ratio: 80%; } .pdpTextImageIluma .imageHolder img { -o-object-fit: contain; object-fit: contain; } .ilumaExpColSection { margin-bottom: 60px; } .ilumaExpColSection .blockTitle { line-height: 120%; color: #34303d; margin-bottom: 20px; text-align: center; } .ilumaExpColSection .blockTitle { font-size: 28px; } @media screen and (min-width: 320px) { .ilumaExpColSection .blockTitle { font-size: calc(28px + 17 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .ilumaExpColSection .blockTitle { font-size: 45px; } } .ilumaExpColSection .expColItem { padding: 20px 0; border-bottom: 1px solid #dcdcdc; transition: all 0.3s ease-in-out; } .ilumaExpColSection .expColItem.active { border-top: 1px solid #dcdcdc; } .ilumaExpColSection .expColItem.active .title .arrow { transform: rotate(180deg); } .ilumaExpColSection .expColItem .title { display: flex; justify-content: space-between; align-items: center; cursor: pointer; gap: 10px; } .ilumaExpColSection .expColItem .title h3 { font-weight: normal; } .ilumaExpColSection .expColItem .title h3 { font-size: 20px; } @media screen and (min-width: 320px) { .ilumaExpColSection .expColItem .title h3 { font-size: calc(20px + 4 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .ilumaExpColSection .expColItem .title h3 { font-size: 24px; } } .ilumaExpColSection .expColItem .title .arrow { border: 2px solid #34303d; border-radius: 50%; width: 35px; height: 35px; display: flex; justify-content: center; align-items: center; transition: all 0.3s ease-in-out; background-image: url(../../images/arrow-down.svg); background-size: 18px 18px; background-repeat: no-repeat; background-position: center center; flex-shrink: 0; } .ilumaExpColSection .expColItem .description { width: 80%; margin: auto; padding: 40px 0; display: none; } .ilumaExpColSection .expColItem .description .text p { font-size: 16px; } .ilumaExpColSection .expColItem .description .text p sup { vertical-align: top; font-size: 10px; } .ilumaExpColSection .expColItem .description .text a { color: #34303d; font-size: 16px; text-decoration: underline; cursor: pointer; transition: all 0.3s ease-in-out; border: none; background-color: transparent; } .ilumaExpColSection .expColItem .description .text a:hover { color: #00d1d2; } .ilumaExpColSection .expColItem .description .text ul { padding: 0 0 0 15px; } .ilumaExpColSection .expColItem .description .text ul li { position: relative; padding-inline-start: 15px; padding-bottom: 10px; font-size: 16px; } .ilumaExpColSection .expColItem .description .text ul li:before { position: absolute; content: ""; width: 5px; border-radius: 50%; height: 5px; inset-inline-start: 0; inset-inline-end: 0; top: 10px; background-color: #34303d; } .ilumaExpColSection .expColItem .description .text.expColSub .expColSubItem { margin-bottom: 25px; } .ilumaExpColSection .expColItem .description .text.expColSub .expColSubItem:last-child { margin-bottom: 0; } .ilumaExpColSection .expColItem .description .text.expColSub .expColSubItem.active h3::after { transform: rotate(180deg); } .ilumaExpColSection .expColItem .description .text.expColSub .expColSubItem h3 { display: flex; justify-content: space-between; align-items: center; cursor: pointer; padding: 10px 0; gap: 10px; } .ilumaExpColSection .expColItem .description .text.expColSub .expColSubItem h3::after { content: ""; width: 20px; height: 20px; background-image: url(../../images/arrow-down.svg); background-size: 20px 20px; background-repeat: no-repeat; background-position: center center; display: inline-block; transform: rotate(0deg); transition: all 0.3s ease-in-out; flex-shrink: 0; } .ilumaExpColSection .expColItem .description .text.expColSub .expColSubItem p { display: none; transition: none; margin-top: 10px; } .ilumaExpColSection .expColItem .description .images { display: flex; flex-wrap: wrap; justify-content: center; gap: 15px; margin-top: 30px; } .ilumaExpColSection .expColItem .description .images .image { flex: 0 0 20%; max-width: 200px; } .ilumaExpColSection .expColItem .description .images .image img { max-width: 100%; max-height: 175px; height: auto; -o-object-fit: contain; object-fit: contain; } .pdpDetailsWrapper.lil-solid-ez .listingSection.whiteFont .listWrapper .listItem .listingInfo .button { display: inline-block; background-color: #ffffff; color: #34303d; padding: 5px 32px 9px; border-radius: 24px; border: 2px solid #ffffff; letter-spacing: 0.5px; font-size: 16px; cursor: pointer; transition: all 0.3s ease-in-out; } .pdpDetailsWrapper.lil-solid-ez .listingSection.whiteFont .listWrapper .listItem .listingInfo .button:hover { background-color: #00d1d2; color: #34303d; border-color: #00d1d2; } .varLoader { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); display: flex; justify-content: center; align-items: center; z-index: 2; } .prodLoader { transform: rotateZ(45deg); perspective: 1000px; border-radius: 50%; width: 80px; height: 80px; color: #fff; } .prodLoader:before, .prodLoader:after { content: ""; display: block; position: absolute; top: 0; left: 0; width: inherit; height: inherit; border-radius: 50%; transform: rotateX(70deg); animation: 1s spin linear infinite; } .prodLoader:after { color: #00d1d2; transform: rotateY(70deg); animation-delay: 0.4s; } .form__row--checkbox input[type="radio"] ~ label::before { content: ""; display: inline-block; width: 20px; height: 20px; border: 1px solid #b5b5b5; border-radius: 50%; position: absolute; top: 50%; transform: translateY(-50%); inset-inline-start: 0px; } .form__row--checkbox input[type="radio"]:checked ~ label::after { background-color: #00d1d2; content: ""; width: 10px; height: 10px; border-radius: 50%; position: absolute; top: 50%; transform: translateY(-50%); inset-inline-start: 5px; } .form__row--checkbox input[type="radio"] { display: none; } .form__row--checkbox label { cursor: pointer; margin-bottom: 0; border-radius: 11px; padding: 0px 15px; padding-inline-start: 30px; width: 100%; font-size: 16px !important; display: block; position: static; font-weight: normal !important; transform: translateY(0); } .form__row--checkbox label a { color: #34303d; text-decoration: underline; transition: all 0.3s ease-in-out; } .form__row--checkbox label a:hover { color: #00d1d2; } .disclaimer a { color: #34303d; font-size: 16px; text-decoration: underline; cursor: pointer; transition: all 0.3s ease-in-out; border: none; background-color: transparent; } .disclaimer a:hover { color: #00d1d2; } .disclaimer span { font-size: 14px; font-weight: normal; margin-top: 10px; display: block; } .stockLabel a { color: #34303d; font-size: 16px; text-decoration: underline; cursor: pointer; transition: all 0.3s ease-in-out; border: none; background-color: transparent; font-size: 13px; } .stockLabel a:hover { color: #00d1d2; } @keyframes rotate { 0% { transform: translate(-50%, -50%) rotateZ(0deg); } 100% { transform: translate(-50%, -50%) rotateZ(360deg); } } @keyframes rotateccw { 0% { transform: translate(-50%, -50%) rotate(0deg); } 100% { transform: translate(-50%, -50%) rotate(-360deg); } } @keyframes spin { 0%, 100% { box-shadow: 0.2em 0px 0 0px currentcolor; } 12% { box-shadow: 0.2em 0.2em 0 0 currentcolor; } 25% { box-shadow: 0 0.2em 0 0px currentcolor; } 37% { box-shadow: -0.2em 0.2em 0 0 currentcolor; } 50% { box-shadow: -0.2em 0 0 0 currentcolor; } 62% { box-shadow: -0.2em -0.2em 0 0 currentcolor; } 75% { box-shadow: 0px -0.2em 0 0 currentcolor; } 87% { box-shadow: 0.2em -0.2em 0 0 currentcolor; } } .engraveDiv { margin-bottom: 30px; } .engraveDiv #inputContainer { margin-top: 25px; } .engraveDiv #inputContainer input { border: 1px solid black; width: 90%; height: 50px; padding: 10px; text-align: center; font-size: 22px; border-radius: 13px; font-family: "IQOS", "IQOS AR", sans-serif; } .productActions .buttonTransparentBlack { width: -moz-fit-content; width: fit-content; } .productActions .introDiv { margin-bottom: 30px; font-weight: 700; } .pdpPromoLine { position: relative; display: flex; align-items: flex-start; gap: 4px; } .pdpPromoLine::before { content: "✔"; display: block; width: 20px; height: 20px; background-color: #00d1d2; border-radius: 50%; color: #34303d; display: flex; justify-content: center; align-items: center; font-size: 13px; font-weight: bold; text-align: center; margin-top: 3px; } .displayFeaturesComponent { margin-bottom: 60px; } .displayFeaturesComponent .section-banner { margin-bottom: 50px; } .displayFeaturesComponent .section-banner .video-wrapper { position: relative; cursor: pointer; } .displayFeaturesComponent .section-banner .video-wrapper::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 55px; height: 55px; background-color: white; background-image: url("/images/play.png"); background-repeat: no-repeat; background-size: 50%; background-position: center; border-radius: 50%; border: 1px solid white; box-shadow: rgba(0, 0, 0, 0.2) 0 5px 15px; z-index: 2; pointer-events: none; opacity: 0.85; cursor: pointer; } .displayFeaturesComponent .section-banner .desktopImage { width: 100%; -o-object-fit: cover; object-fit: cover; height: auto; } .displayFeaturesComponent .box { margin-bottom: 20px; } .displayFeaturesComponent .box .imageWrapper { width: 80px; } .displayFeaturesComponent .box .imageWrapper img { width: 100%; height: auto; -o-object-fit: cover; object-fit: cover; } .displayFeaturesComponent .box .title { margin-bottom: 10px; } .displayFeaturesComponent .box .title { font-size: 20px; } @media screen and (min-width: 320px) { .displayFeaturesComponent .box .title { font-size: calc(20px + 10 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .displayFeaturesComponent .box .title { font-size: 30px; } } .newDicoverIlumaSection { margin-bottom: 60px; } .newDicoverIlumaSection .blockTitle { font-size: 28px; } @media screen and (min-width: 320px) { .newDicoverIlumaSection .blockTitle { font-size: calc(28px + 17 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .newDicoverIlumaSection .blockTitle { font-size: 45px; } } .newDicoverIlumaSection .blockBody .form-intro { margin-bottom: 35px; max-width: 70%; } .newDicoverIlumaSection .blockBody .form-intro { font-size: 18px; } @media screen and (min-width: 320px) { .newDicoverIlumaSection .blockBody .form-intro { font-size: calc(18px + 2 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .newDicoverIlumaSection .blockBody .form-intro { font-size: 20px; } } .newDicoverIlumaSection .blockBody .listingHolder { margin-bottom: 15px; } .newDicoverIlumaSection .blockBody .listingHolder .listingItemLI .listingProduct { position: relative; width: 100%; background-size: cover !important; background-position: center; height: 450px; display: flex; align-items: flex-end; justify-content: flex-end; padding: 20px; } .newDicoverIlumaSection .blockBody .listingHolder .listingItemLI .listingProduct .listingInfo { color: #ffffff; padding-bottom: 20px; display: flex; flex-direction: column; justify-content: flex-end; width: 100%; } .newDicoverIlumaSection .blockBody .listingHolder .listingItemLI .listingProduct .listingInfo h3 { font-size: 24px; margin-bottom: 10px; } .newDicoverIlumaSection .blockBody .listingHolder .listingItemLI .listingProduct .listingInfo p { font-size: 18px; } .newDicoverIlumaSection .viewAllBottom a { display: inline-block; background-color: #34303d; color: #ffffff; padding: 5px 32px 9px; border-radius: 24px; border: 2px solid #34303d; letter-spacing: 0.5px; font-size: 16px; cursor: pointer; transition: all 0.3s ease-in-out; margin-bottom: 0px; } .newDicoverIlumaSection .viewAllBottom a:hover { background-color: #ffffff; color: #34303d; border-color: #ffffff; } .newDicoverIlumaSection .viewAllBottom a:hover { background-color: #ffffff; color: #34303d; border-color: #34303d; } .warrantyQaSection { background-color: #f6f4f0; padding: 60px 0px 25px 0px; margin-bottom: 60px; } .warrantyQaSection .faq-title { text-align: center; } .warrantyQaSection .faq-listing { padding-bottom: 100px; } .warrantyQaSection .button { display: block; width: -moz-fit-content; width: fit-content; margin-inline: auto; padding: 5px 32px 9px; text-align: center; } .discover-terea-faq-listing { margin-bottom: 60px; } .discover-terea-faq-listing .faq-title { margin-bottom: 30px; } .discover-terea-faq-listing .faq-title { font-size: 28px; } @media screen and (min-width: 320px) { .discover-terea-faq-listing .faq-title { font-size: calc(28px + 12 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1600px) { .discover-terea-faq-listing .faq-title { font-size: 40px; } } .discover-terea-faq-listing .faq-listing .faq-item { padding: 20px 0; border-bottom: 1px solid #dcdcdc; transition: all 0.3s ease-in-out; } .discover-terea-faq-listing .faq-listing .faq-item.active .faq-item-title .faq-arrow { transform: rotate(180deg); } .discover-terea-faq-listing .faq-listing .faq-item .faq-item-title { display: flex; justify-content: space-between; align-items: center; cursor: pointer; font-size: 18px; font-weight: normal; font-weight: bold; gap: 10px; } .discover-terea-faq-listing .faq-listing .faq-item .faq-item-title .faq-arrow { border-radius: 50%; flex-shrink: 0; width: 35px; height: 35px; display: flex; justify-content: center; align-items: center; transition: all 0.3s ease-in-out; background-image: url(../../images/arrow-down.svg); background-size: 18px 18px; background-repeat: no-repeat; background-position: center center; } .discover-terea-faq-listing .faq-listing .faq-item .faq-item-body { font-size: 16px; padding-top: 15px; } .discover-terea-faq-listing .faq-listing .faq-item .faq-item-body a { color: #34303d; font-size: 16px; text-decoration: underline; cursor: pointer; transition: all 0.3s ease-in-out; border: none; background-color: transparent; } .discover-terea-faq-listing .faq-listing .faq-item .faq-item-body a:hover { color: #00d1d2; } .GetReadyDisclamer { margin-bottom: 60px; } /*# sourceMappingURL=Ecommerce.css.map */ @font-face { font-family: "IQOS"; src: url("/styles/fonts/IQOS-Light.eot"); src: url("/styles/fonts/IQOS-Light.eot?#iefix") format("embedded-opentype"), url("/styles/fonts/IQOS-Light.woff2") format("woff2"), url("/styles/fonts/IQOS-Light.woff") format("woff"), url("/styles/fonts/IQOS-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: "IQOS"; src: url("/styles/fonts/IQOS-Bold.eot"); src: url("/styles/fonts/IQOS-Bold.eot?#iefix") format("embedded-opentype"), url("/styles/fonts/IQOS-Bold.woff2") format("woff2"), url("/styles/fonts/IQOS-Bold.woff") format("woff"), url("/styles/fonts/IQOS-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: "IQOS"; src: url("/styles/fonts/IQOS-Regular.eot"); src: url("/styles/fonts/IQOS-Regular.eot?#iefix") format("embedded-opentype"), url("/styles/fonts/IQOS-Regular.woff2") format("woff2"), url("/styles/fonts/IQOS-Regular.woff") format("woff"), url("/styles/fonts/IQOS-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "IQOS AR"; src: url("/styles/fonts/ar/IQOSSansArabic-Light.eot"); src: url("/styles/fonts/ar/IQOSSansArabic-Light.eot?#iefix") format("embedded-opentype"), url("/styles/fonts/ar/IQOSSansArabic-Light.woff2") format("woff2"), url("/styles/fonts/ar/IQOSSansArabic-Light.woff") format("woff"), url("/styles/fonts/ar/IQOSSansArabic-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: "IQOS AR"; src: url("/styles/fonts/ar/IQOSSansArabic-Bold.eot"); src: url("/styles/fonts/ar/IQOSSansArabic-Bold.eot?#iefix") format("embedded-opentype"), url("/styles/fonts/ar/IQOSSansArabic-Bold.woff2") format("woff2"), url("/styles/fonts/ar/IQOSSansArabic-Bold.woff") format("woff"), url("/styles/fonts/ar/IQOSSansArabic-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: "IQOS AR"; src: url("/styles/fonts/ar/IQOSSansArabic-Regular.eot"); src: url("/styles/fonts/ar/IQOSSansArabic-Regular.eot?#iefix") format("embedded-opentype"), url("/styles/fonts/ar/IQOSSansArabic-Regular.woff2") format("woff2"), url("/styles/fonts/ar/IQOSSansArabic-Regular.woff") format("woff"), url("/styles/fonts/ar/IQOSSansArabic-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; } @media screen and (max-width: 1750px) { .homepageMainCarousel .homeTopSlider .swiper-slide.valentinesBanner .contentWrapper .infoHolder .bannerInfo .container-image-logo img { margin: 20px 0px; max-width: 200px; } .homepageMainCarousel .homeTopSlider .swiper-slide.bondsBanner .contentWrapper .infoHolder { min-width: 485px; } } @media screen and (max-width: 1520px) { .homepageMainCarousel .homeTopSlider .swiper-slide.bondsBanner .contentWrapper .infoHolder { padding-inline-start: 115px !important; } } @media screen and (min-width: 1400px) { .homepageMainCarousel .homeTopSlider .swiper-slide .deliaBanner .contentWrapper { padding-top: unset !important; --bs-aspect-ratio: unset !important; } .homepageMainCarousel .homeTopSlider .swiper-slide .deliaBanner .infoHolder { transform: translateY(-40%) !important; top: 55%; inset-inline-end: 0%; left: unset; height: -moz-fit-content; height: fit-content; padding-inline: 40px; margin-inline-end: 25%; z-index: 11; width: -moz-fit-content; width: fit-content; text-align: center; } .homepageMainCarousel .homeTopSlider .swiper-slide .deliaBanner .infoHolder .bannerInfo .text-title { font-weight: 500 !important; color: #000 !important; } .homepageMainCarousel .homeTopSlider .swiper-slide .deliaBanner .infoHolder .bannerInfo .text-title { font-size: 28px; } } @media screen and (min-width: 1400px) and (min-width: 320px) { .homepageMainCarousel .homeTopSlider .swiper-slide .deliaBanner .infoHolder .bannerInfo .text-title { font-size: calc(28px + 10 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1400px) and (min-width: 1600px) { .homepageMainCarousel .homeTopSlider .swiper-slide .deliaBanner .infoHolder .bannerInfo .text-title { font-size: 38px; } } @media screen and (min-width: 1400px) { .homepageMainCarousel .homeTopSlider .swiper-slide .deliaBanner .infoHolder .bannerInfo .container-image-logo { margin-inline: auto; max-width: 150px; margin-top: unset; } .homepageMainCarousel .homeTopSlider .swiper-slide .deliaBanner .infoHolder .bannerInfo .bannerLink a:not(.button-arrow) { margin-inline: auto; border: 2px solid #34303d !important; background-color: #34303d !important; color: #ffffff !important; } .homepageMainCarousel .homeTopSlider .swiper-slide .deliaBanner .infoHolder .bannerInfo .bannerLink a:not(.button-arrow):hover { background-color: #ffffff !important; border: 2px solid #ffffff !important; color: #34303d !important; } .homepageMainCarousel .homeTopSlider .swiper-slide .deliaBanner .desktopImage { height: unset; -o-object-fit: cover; object-fit: cover; position: relative; } .homepageMainCarousel .homeTopSlider .swiper-slide .deliaBanner .desktopImage { -o-object-fit: cover; object-fit: cover; height: unset; } .homepageMainCarousel .homeTopSlider .swiper-slide .deliaBanner img { filter: brightness(85%) !important; } .homepageMainCarousel .homeTopSlider .swiper-slide .deliaBanner .infoHolder { transform: translateY(-30%); padding-inline-start: 30px !important; z-index: 10000; } .homepageMainCarousel .homeTopSlider .swiper-slide .deliaBanner .infoHolder .bannerInfo .text-title { color: #000; } .homepageMainCarousel .homeTopSlider .swiper-slide .deliaBanner .infoHolder .bannerInfo .text-title { font-size: 24px; } } @media screen and (min-width: 1400px) and (min-width: 320px) { .homepageMainCarousel .homeTopSlider .swiper-slide .deliaBanner .infoHolder .bannerInfo .text-title { font-size: calc(24px + 8 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1400px) and (min-width: 1600px) { .homepageMainCarousel .homeTopSlider .swiper-slide .deliaBanner .infoHolder .bannerInfo .text-title { font-size: 32px; } } @media screen and (min-width: 1400px) { .homepageMainCarousel .homeTopSlider .swiper-slide .deliaBanner .infoHolder .bannerInfo .subtitle { color: #000; max-width: 300px; } .homepageMainCarousel .homeTopSlider .swiper-slide .deliaBanner .infoHolder .bannerInfo .subtitle { font-size: 14px; } } @media screen and (min-width: 1400px) and (min-width: 320px) { .homepageMainCarousel .homeTopSlider .swiper-slide .deliaBanner .infoHolder .bannerInfo .subtitle { font-size: calc(14px + 2 * (100vw - 320px) / 1280); } } @media screen and (min-width: 1400px) and (min-width: 1600px) { .homepageMainCarousel .homeTopSlider .swiper-slide .deliaBanner .infoHolder .bannerInfo .subtitle { font-size: 16px; } } @media screen and (min-width: 1400px) { .homepageMainCarousel .homeTopSlider .swiper-slide .deliaBanner .infoHolder .bannerInfo .bannerLink a:not(.button-arrow) { display: inline-block; background-color: #34303d; color: #ffffff; padding: 5px 32px 9px; border-radius: 24px; border: 2px solid #34303d; letter-spacing: 0.5px; font-size: 16px; cursor: pointer; transition: all 0.3s ease-in-out; } .homepageMainCarousel .homeTopSlider .swiper-slide .deliaBanner .infoHolder .bannerInfo .bannerLink a:not(.button-arrow):hover { background-color: #ffffff; color: #34303d; border-color: #ffffff; } .homepageMainCarousel .homeTopSlider .swiper-slide .contentWrapper { --bs-aspect-ratio: 29%; } } @media screen and (min-width: 1350px) { .footerSupportItems .container { max-width: 1500px; } .footerSupportItems .box-wrap .box { flex: 0 0 16.6666%; } } @media screen and (min-width: 992px) and (max-width: 1550px) { .homepageMainCarousel .homeTopSlider .swiper-slide .contentWrapper { height: 430px; } } @media screen and (min-width: 1340px) { .homepageMainCarousel .homeTopSlider .swiper-slide { /* .contentWrapper { .infoHolder { padding-inline-start: calc(((100vw - 1340px) / 2) + 40px) !important; } }*/ } .homepageMainCarousel .homeTopSlider .swiper-slide.bondsBanner .contentWrapper .infoHolder { padding-inline-end: calc((100vw - 1340px) / 2) !important; } .homepageMainCarousel .homeTopSlider .swiper-slide.aokiLaunchBanner .infoHolder { padding-inline-start: calc((85vw - 1340px) / 2 + 40px) !important; } .listingSection .listWrapper.container .listItem { padding-inline: 0 !important; } .listingSection .listWrapper.container .listItem.imageMarginBot { padding-inline: 60px !important; } .listingSection .listWrapper.container .listItem.imageMarginBot.rightImage .listingInfo { padding-inline-start: 0 !important; } .listingSection .listWrapper.container .listItem.rightImage .listingImage { --bs-aspect-ratio: 65%; } .listingSection .listWrapper.container .listItem.rightImage .listingInfo { padding-inline-start: 60px !important; } .listingSection .listWrapper.container .listItem.leftImage .listingImage { --bs-aspect-ratio: 65%; } .listingSection .listWrapper.container .listItem.leftImage .listingInfo { padding-inline-end: 40px !important; } .listingSection .listWrapper.container .listingItemLI .listItem:first-child.leftImage .listingInfo { padding-inline-end: 60px !important; } .listingSection .listWrapper.container .listingItemLI .listItem:first-child.rightImage .listingInfo { padding-inline-start: 60px !important; } .listingSection .listWrapper .listItem.container { padding-inline: 0 !important; } .listingSection .listWrapper .listItem.container.leftImage .listingImage { --bs-aspect-ratio: 65%; } .listingSection .listWrapper .listItem.container.leftImage .listingInfo { padding-inline-end: 60px !important; } .listingSection.scienceListing .listWrapper .listItem:first-child, .listingSection.imgFullWidth .listWrapper .listItem:first-child, .listingSection.fullWidthImg .listWrapper .listItem:first-child, .listingSection.head-banner .listWrapper .listItem:first-child, .listingSection.main-banner .listWrapper .listItem:first-child { padding-inline: 0 !important; } .listingSection.scienceListing .listWrapper .listItem:first-child .listingImage, .listingSection.imgFullWidth .listWrapper .listItem:first-child .listingImage, .listingSection.fullWidthImg .listWrapper .listItem:first-child .listingImage, .listingSection.head-banner .listWrapper .listItem:first-child .listingImage, .listingSection.main-banner .listWrapper .listItem:first-child .listingImage { --bs-aspect-ratio: 70%; } .listingSection.scienceListing .listWrapper .listItem:first-child.rightImage .listingInfo, .listingSection.imgFullWidth .listWrapper .listItem:first-child.rightImage .listingInfo, .listingSection.fullWidthImg .listWrapper .listItem:first-child.rightImage .listingInfo, .listingSection.head-banner .listWrapper .listItem:first-child.rightImage .listingInfo, .listingSection.main-banner .listWrapper .listItem:first-child.rightImage .listingInfo { padding-inline-start: calc((100vw - 1340px) / 2 + 40px) !important; } .listingSection.scienceListing .listWrapper .listItem:first-child.leftImage .listingInfo, .listingSection.imgFullWidth .listWrapper .listItem:first-child.leftImage .listingInfo, .listingSection.fullWidthImg .listWrapper .listItem:first-child.leftImage .listingInfo, .listingSection.head-banner .listWrapper .listItem:first-child.leftImage .listingInfo, .listingSection.main-banner .listWrapper .listItem:first-child.leftImage .listingInfo { padding-inline-end: calc((100vw - 1340px) / 2 + 40px) !important; } .listingSection .listWrapper .listItem.rightImage:not(.imageMarginBot) { padding-inline: calc((100vw - 1340px) / 2 + 40px); } .listingSection .listWrapper .listItem.leftImage:not(.imageMarginBot) { padding-inline: calc((100vw - 1340px) / 2 + 40px); } .listingSection.imgFullWidth .listWrapper .listItem { padding-inline: 0 !important; } .listingSection.imgFullWidth .container .listWrapper .listItem:first-child.rightImage .listingInfo { padding-inline-start: 60px !important; } .listingSection.imgFullWidth .container .listWrapper .listItem.leftImage .listingInfo { padding-inline-end: 60px !important; } } @media screen and (max-width: 1200px) { header .menuBigWrapper .languageSelector { flex-grow: 1; display: flex; flex-direction: column; justify-content: flex-end; width: 38px; padding-inline-end: 2px; } header .menuBigWrapper .languageSelector.desktop { display: none; } header .menuBigWrapper .languageSelector .language-options { z-index: 10; } header .menuBigWrapper .languageSelector .language-options a { padding: 9px; } .menuHolder .menu { justify-content: space-between; } .menuHolder .menu .menu-icon { position: relative; width: 20px; height: 20px; cursor: pointer; display: block; } .menuHolder .menu .menu-icon .menu-icon__cheeckbox { display: block; width: 100%; height: 100%; position: relative; cursor: pointer; z-index: 2; -webkit-touch-callout: none; position: absolute; opacity: 0; } .menuHolder .menu .menu-icon div { margin: auto; position: absolute; top: 0; inset-inline-end: 0; inset-inline-start: 0; bottom: 0; width: 22px; height: 12px; } .menuHolder .menu .menu-icon span { position: absolute; display: block; width: 100%; height: 2px; background-color: var(--bar-bg, #000); border-radius: 1px; transition: all 0.2s cubic-bezier(0.1, 0.82, 0.76, 0.965); } .menuHolder .menu .menu-icon span:first-of-type { top: 0; } .menuHolder .menu .menu-icon span:last-of-type { bottom: 0; } .menuHolder .menu .menu-icon.active span:first-of-type { transform: rotate(45deg); top: 5px; } .menuHolder .menu .menu-icon.active span:last-of-type { transform: rotate(-45deg); bottom: 5px; } .menuHolder .menu .menu-icon.active:hover span:first-of-type, .menuHolder .menu .menu-icon.active:hover span:last-of-type, .menuHolder .menu .menu-icon:hover .menu-icon__cheeckbox:checked + div span:first-of-type, .menuHolder .menu .menu-icon:hover .menu-icon__cheeckbox:checked + div span:last-of-type { width: 22px; } } @media screen and (max-width: 1200px) and (min-width: 1024px) { .menuHolder .menu .menu-icon:hover span:first-of-type { width: 26px; } .menuHolder .menu .menu-icon:hover span:last-of-type { width: 12px; } } @media screen and (max-width: 1200px) { .menuHolder .menu .menuItems { justify-content: flex-start; align-items: flex-start; flex-direction: column; position: absolute; top: 77px; inset-inline-start: 0; width: 50%; height: calc(100vh - 77px); background-color: #ffffff; gap: 15px; padding: 55px 40px; opacity: 0; pointer-events: none; transform: translateX(-100%); box-shadow: inset 0 -2px 6px 0 rgba(0, 0, 0, 0.05); transition: all 0.3s ease-in-out; } .menuHolder .menu .menuItems.active { opacity: 1; pointer-events: all; transform: translateX(0%); } .menuHolder .menu .mobileOverlay { position: absolute; inset-inline-start: 0%; top: 77px; background-color: rgba(52, 48, 61, 0.4); width: 100%; height: calc(100vh - 77px); z-index: -1; display: block; opacity: 0; pointer-events: none; } .menuHolder .menu .mobileOverlay.active { opacity: 1; pointer-events: all; } .menuHolder .menu .rightMenuWrapper, .menuHolder .menu .leftMenuWrapper { flex: 0 0 auto; } .menuHolder .menu .menuWrapper { gap: 15px; flex-direction: column; } .menuHolder .menu .menuWrapper .first-level .isHighlighted { font-weight: bold; } .menuHolder .menu .menuWrapper .first-level .isHighlighted { font-size: 20px; } } @media screen and (max-width: 1200px) and (min-width: 320px) { .menuHolder .menu .menuWrapper .first-level .isHighlighted { font-size: calc(20px + 3 * (100vw - 320px) / 1280); } } @media screen and (max-width: 1200px) and (min-width: 1600px) { .menuHolder .menu .menuWrapper .first-level .isHighlighted { font-size: 23px; } } @media screen and (max-width: 1200px) { .menuHolder .menu .menuWrapper .first-level > a { font-size: 18px; font-weight: normal; padding-bottom: 5px; display: inline-block; position: relative; z-index: 2; padding-inline-end: 25px; display: flex; align-items: center; gap: 6px; } .menuHolder .menu .menuWrapper .first-level .first-level-desc { display: block !important; } .menuHolder .menu .menuWrapper .first-level.active > a::before { width: calc(100% - 30px) !important; } .menuHolder .menu .menuWrapper .first-level.hasSubNav > a::after { width: 15px; height: 9px; transform: rotate(-90deg); transition: all 0.5s ease-in-out; margin-top: 4px; } .menuHolder .menu .menuWrapper .first-level.hasSubNav > a::before { content: ""; height: 4px; width: 0; position: absolute; bottom: 0; inset-inline-start: 0; background-color: #00d1d2; transition: all 0.3s ease-in-out; } .menuHolder .menu .menuWrapper .first-level.hasSubNav > a:hover::before { width: 0; } .menuHolder .menu .menuWrapper .first-level.hasSubNav.active > a::after { transform: rotate(-90deg); transform-origin: center center; } .menuHolder .menu .menuWrapper .first-level .secondLvl { top: 0px; inset-inline-start: 100%; width: 100%; padding: 0 0 80px 0; height: 100%; max-height: 100%; box-shadow: inset 0 -2px 6px 0 rgba(0, 0, 0, 0.05); } .menuHolder .menu .menuWrapper .first-level .secondLvl .menuBack { padding: 15px 0; display: flex; align-items: center; gap: 30px; cursor: pointer; position: relative; } .menuHolder .menu .menuWrapper .first-level .secondLvl .menuBack .backBtn { display: flex; align-items: center; } .menuHolder .menu .menuWrapper .first-level .secondLvl .menuBack .title { color: #34303d; text-align: center; position: absolute; top: 50%; inset-inline-start: 50%; transform: translate(-50%, -50%); } .menuHolder .menu .menuWrapper .first-level .secondLvl .menuBack.secondMobileTopWrapper { position: absolute; top: -55px; display: none; } .menuHolder .menu .menuWrapper .first-level .secondLvl .itemsBlock { flex-direction: column; overflow-y: auto; padding-top: 55px; } .menuHolder .menu .menuWrapper .first-level .secondLvl .secondLevelWrapper { flex: 1 0 auto; position: relative; max-height: none; overflow-y: unset; margin-bottom: 25px; } .menuHolder .menu .menuWrapper .first-level .secondLvl .scdSection > a span.ribbon { position: absolute; top: 0%; transform: translateY(10%) translateX(120%); } .menuHolder .menu .menuWrapper .first-level .secondLvl .scdSection > a { padding-inline-end: 0; } .menuHolder .menu .menuWrapper .first-level .secondLvl .scdSection > a::before { display: none; } .menuHolder .menu .menuWrapper .first-level .secondLvl .scdSection .thirdLvl { top: -55px; inset-inline-start: -40px; width: calc(100% + 80px); padding: 0 40px; gap: 2%; overflow: auto; height: calc(100vh - 157px); max-height: calc(100vh - 157px); flex-direction: column; z-index: 20; background-color: #ffffff; box-shadow: inset 0px 4px 5px 0 rgba(0, 0, 0, 0.01); } .menuHolder .menu .menuWrapper .first-level .secondLvl .scdSection .thirdLvl .highlitedSection { flex: 0 0 auto; max-width: 100%; max-height: none; overflow-y: unset; } .menuHolder .menu .menuWrapper .first-level .secondLvl .scdSection .thirdLvl .thirdLevelItemWrapper { flex: 0 0 auto; max-width: 100%; max-height: none; overflow-y: unset; margin-bottom: 15px; } .menuHolder .menu .menuWrapper .first-level .secondLvl .scdSection .thirdLvl .thirdLevelItemWrapper .thirdLvlItem.withImage .listingInfo .titleWrapper { flex-grow: 1; } .menuHolder .menu .menuWrapper .first-level .secondLvl .scdSection .thirdLvl .thirdLevelItemWrapper .thirdLvlItem.withImage .listingInfo .menuAnchor { flex: 0 0 82%; max-width: 82%; } .menuHolder .menu .menuWrapper .first-level .secondLvl .scdSection .thirdLvl .thirdLevelItemWrapper .thirdLvlItem.withImage .listingInfo p { font-size: 16px; margin-bottom: 10px; } .menuHolder .menu .menuWrapper .first-level .secondLvl .scdSection .thirdLvl .thirdLevelItemWrapper .thirdLvlItem.withImage .imageWrapper { flex: 0 0 20%; max-width: 20%; } .menuHolder .menu .menuWrapper .first-level .secondLvl .highlitedSection { flex: 0 0 auto; } .menuHolder .menu .menuWrapper .first-level .secondLvl .highlitedSection .imageWrapper { margin-bottom: 10px; } .menuHolder .menu .menuWrapper .first-level .secondLvl .highlitedSection .highlitedInfo .title { padding-inline-end: 25px; } .menuHolder .menu .menuWrapper .first-level .secondLvl .highlitedSection .highlitedInfo .link { font-size: 16px; } .menuHolder .menu .menuWrapper .first-level .menuOverlay { display: none !important; } .menuHolder .menu .rightMenuWrapper { gap: 23px; } .menuHolder .menu #ecom-header { gap: 15px; justify-content: flex-end; } .menuHolder .menu #ecom-header.mobileEcomItems { display: flex; } .menuHolder .menu #ecom-header.desktopEcomItems { display: none; } .homepageMainCarousel .homeTopSlider .swiper-slide.ashkmanBanner .infoHolder { max-width: 38%; } .homepageMainCarousel .homeTopSlider .swiper-slide.bondsBanner .contentWrapper .infoHolder { top: 50%; } .homepageMainCarousel .homeTopSlider .swiper-slide.bondsBanner .contentWrapper .infoHolder .container-image-logo { max-width: 150px; } .homepageMainCarousel .homeTopSlider .swiper-slide.bondsBanner .contentWrapper .infoHolder .bannerInfo .text-title { display: none; } .homepageMainCarousel .homeTopSlider .swiper-slide.bondsBanner .contentWrapper .infoHolder .bannerInfo .subtitle { margin: 5px; font-size: 24px; } .homepageMainCarousel .homeTopSlider .swiper-slide.bondsBanner .contentWrapper .infoHolder .bannerInfo .bannerLink a.button { padding: 5px 24px 9px; } } @media screen and (max-width: 992px) { .homepageMainCarousel .homeTopSlider .swiper-wrapper .valentinesBanner .contentWrapper .infoHolder { --bs-aspect-ratio: 116%; } .homepageMainCarousel .homeTopSlider .swiper-wrapper .valentinesBanner .contentWrapper .infoHolder .bottomWrapper { display: none; } .homepageMainCarousel .homeTopSlider .swiper-wrapper .bonds16Banner .infoHolder { transform: translateY(45%) !important; } .homepageMainCarousel .homeTopSlider .swiper-wrapper .bonds16Banner .infoHolder .bannerInfo .text-title { text-align: start; font-size: 36px !important; } .homepageMainCarousel .homeTopSlider .swiper-wrapper .bonds16Banner .infoHolder .bannerInfo .subtitle { text-align: start; } .homepageMainCarousel .homeTopSlider .swiper-wrapper .bonds16Banner .infoHolder .bannerInfo .bannerLink { align-items: flex-start !important; } .homepageMainCarousel .homeTopSlider .swiper-wrapper .bondsBanner .contentWrapper .infoHolder { background-image: unset; top: 0%; } .homepageMainCarousel .homeTopSlider .swiper-wrapper .engraving-banner .infoHolder { padding-inline-start: 8% !important; display: flex; align-items: flex-end; } .homepageMainCarousel .homeTopSlider .swiper-wrapper .engraving-banner .infoHolder > * { margin: 0 !important; } .homepageMainCarousel .homeTopSlider .swiper-wrapper .engraving-banner .infoHolder .bannerInfo { height: 36%; text-align: start !important; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; max-width: none !important; } .homepageMainCarousel .homeTopSlider .swiper-wrapper .engraving-banner .infoHolder .bannerInfo > * { max-width: 80% !important; } .homepageMainCarousel .homeTopSlider .swiper-wrapper .engraving-banner .infoHolder .bannerInfo > * br { display: none; } .homepageMainCarousel .homeTopSlider .swiper-wrapper .engraving-banner .infoHolder .bannerInfo .text-title { margin-bottom: 5px !important; } .homepageMainCarousel .homeTopSlider .swiper-wrapper .engraving-banner .infoHolder .bannerInfo .summary { margin-bottom: 26px !important; } .homepageMainCarousel .homeTopSlider .swiper-wrapper .Unlook1000Experience .infoHolder { inset-inline-start: 0%; padding-top: 50px !important; } .homepageMainCarousel .homeTopSlider .swiper-wrapper .Unlook1000Experience .infoHolder .bannerInfo { max-width: 600px; } .homepageMainCarousel .homeTopSlider .swiper-wrapper .Unlook1000Experience .infoHolder .bannerInfo .container-image-logo { max-width: 150px; } .homepageMainCarousel .homeTopSlider .swiper-wrapper .Unlook1000Experience .bottomWrapper .disclaimer { text-align: center; } .homepageMainCarousel .homeTopSlider .swiper-wrapper .IlumaITeaserHomeBanner .mobileImage { -o-object-fit: cover !important; object-fit: cover !important; width: 100%; } .homepageMainCarousel .homeTopSlider .swiper-wrapper .IlumaITeaserHomeBanner .infoHolder { inset-inline-start: 0%; } .homepageMainCarousel .homeTopSlider .swiper-wrapper .iluma-i-launch-banner .contentWrapper .mobileImage { -o-object-fit: cover; object-fit: cover; width: 100%; } .homepageMainCarousel .homeTopSlider .swiper-wrapper .iluma-i-launch-banner .contentWrapper .infoHolder { inset-inline-start: 0%; } .homepageMainCarousel .homeTopSlider .swiper-wrapper .iluma-i-launch-banner .contentWrapper .infoHolder .bannerInfo .text-title { margin-bottom: 18px; } .homepageMainCarousel .homeTopSlider .swiper-wrapper .iluma-i-launch-banner .contentWrapper .infoHolder .bannerInfo .bannerLink { flex-direction: column; } .homepageMainCarousel .homeTopSlider .swiper-wrapper .swiper.swiperBanner .swiper-slide.circularProgram .contentWrapper .infoHolder { max-width: 400px; } .newsListing .listingHolder .listingItemLI { flex: 0 0 50%; max-width: 50%; } .newsListing .listingHolder .listingItemLI .newsListingItem:hover { box-shadow: none; } .productDeleteWrapper { margin-inline-start: 15px; } .mobileImage { display: block; } .desktopImage { display: none; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide .contentWrapper { --bs-aspect-ratio: 116%; height: auto; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide .contentWrapper > img { -o-object-position: bottom; object-position: bottom; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide .contentWrapper .infoHolder { padding-top: 30px !important; top: 0px; transform: translate(0); height: 100%; width: 100%; padding-inline: 20px; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide .contentWrapper .infoHolder .container-image-logo { padding-inline: 0; max-width: 220px; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide .contentWrapper .infoHolder .container-image-logo:last-child { position: absolute; bottom: 0; left: 10px; max-width: 185px; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide .contentWrapper .infoHolder .bannerInfo { max-width: 500px; width: 100%; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide .contentWrapper .infoHolder .bannerInfo .text-title { margin-bottom: 25px; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide .contentWrapper .infoHolder .bannerInfo .text-title .isNew { text-align: center; margin-inline: auto !important; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide .contentWrapper .infoHolder .bannerInfo .subtitle { margin-bottom: 32px; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.rewards-club .contentWrapper .infoHolder { padding-inline-start: 40px; max-width: 100%; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.rewards-club .contentWrapper .infoHolder .bannerInfo h2.text-title { text-align: center; font-size: 29px; margin-bottom: 5px; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.rewards-club .contentWrapper .infoHolder .bannerInfo p.subtitle { font-size: 12px; text-align: center; margin-bottom: 5px; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.rewards-club .contentWrapper .infoHolder .bannerInfo .bannerLink a { margin: 0 auto; font-size: 12px; padding: 5px 25px 6px; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.aokiBanner .contentWrapper .infoHolder .container-image-logo { margin: 0 auto; margin-top: 20px; max-width: 200px; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.aokiBanner .contentWrapper .infoHolder .bannerInfo .text-title { margin-bottom: 30px; text-align: center; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.aokiBanner .contentWrapper .infoHolder .bannerInfo .bannerLink { align-items: center; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.circularProgram .contentWrapper .infoHolder .bottomWrapper { margin-top: 10px; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.circularProgram .contentWrapper .infoHolder .bottomWrapper .buttonUnderlined { margin-top: 10px; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.circularProgram .contentWrapper .infoHolder .bannerInfo h2.text-title { margin-bottom: 20px; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.clubBanner .contentWrapper .infoHolder .bannerInfo ul { margin-bottom: 35px; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.clubBanner .contentWrapper .infoHolder .bannerInfo ul li { padding-inline-start: 12px; font-size: 19px; line-height: 25px; text-align: start; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.clubBanner .contentWrapper .infoHolder .bannerInfo ul li::before { content: ""; top: 12px; width: 6px; height: 6px; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.clubBanner .contentWrapper .infoHolder .bannerInfo .subtitle { color: #ffffff; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.bondsBanner .contentWrapper .infoHolder { padding: 0; background-image: none; min-width: auto; display: block; padding-inline-start: 20px !important; margin-top: 10px; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.bondsBanner .contentWrapper .infoHolder .container-image-logo { max-width: 125px; margin: 0; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.bondsBanner .contentWrapper .infoHolder .bannerInfo { text-align: start !important; margin: 0; padding: 0; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.bondsBanner .contentWrapper .infoHolder .bannerInfo .text-title { margin-bottom: 0px; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.bondsBanner .contentWrapper .infoHolder .bannerInfo .subtitle { margin-bottom: 10px; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.bondsBanner .contentWrapper .infoHolder .bannerInfo .subtitle span { display: inline; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.bondsBanner .contentWrapper .infoHolder .bannerInfo .bannerLink { align-items: flex-start; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.bondsBanner .contentWrapper .infoHolder .bannerInfo .bannerLink a { padding: 5px 32px 9px; font-size: 15px; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.bondsBanner .contentWrapper .infoHolder .bottomWrapper { gap: 20px; margin-top: 10px; margin-inline: auto; flex-direction: column-reverse; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.bondsBanner .contentWrapper .infoHolder .bottomWrapper .container-image-logo { max-width: 225px; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.bondsBanner .contentWrapper .infoHolder .bottomWrapper .disclaimer p .notice { text-align: center; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.neonBanner .contentWrapper .infoHolder .container-image-logo { max-width: 125px; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.neonBanner .contentWrapper .infoHolder .bannerInfo { max-width: 360px; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.neonBanner .contentWrapper .infoHolder .bannerInfo .text-title { margin-bottom: 8px; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.neonBanner .contentWrapper .infoHolder .bannerInfo .subtitle { margin-bottom: 12px; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.neonBanner .contentWrapper .infoHolder .bannerInfo .subtitle span { display: inline; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.neonBanner .contentWrapper .infoHolder .bannerInfo .bannerLink a:not(.button-arrow) { padding: 2px 32px 6px; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.neonBanner .contentWrapper .infoHolder .bottomWrapper { margin-inline: auto; margin-top: 8px; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.neonBanner .contentWrapper .infoHolder .bottomWrapper .disclaimer p { text-align: center; margin-inline: auto; padding-inline: 50px; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.telegramBanner .contentWrapper .infoHolder { max-width: none; padding-inline: 20px; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.telegramBanner .contentWrapper .bannerInfo { max-width: 550px; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.tradeInBanner .contentWrapper .infoHolder { max-width: none; padding-top: 10px !important; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.tradeInBanner .contentWrapper .bannerInfo { max-width: 550px; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.tradeInBanner .contentWrapper .bannerInfo .text-title { margin-bottom: 8px !important; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.tradeInBanner .contentWrapper .bannerInfo .subtitle { margin-bottom: 10px !important; font-size: 19px; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.tradeInBanner .contentWrapper .bottomWrapper { margin-top: 8px; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.engravingSlide .contentWrapper .infoHolder { max-width: none; padding-top: 10px !important; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.engravingSlide .contentWrapper .bannerInfo { max-width: 550px; padding-top: 22px; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.engravingSlide .contentWrapper .bannerInfo .text-title { margin-bottom: 8px !important; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.engravingSlide .contentWrapper .bannerInfo .subtitle { margin-bottom: 10px !important; font-size: 19px; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.engravingSlide .contentWrapper .bottomWrapper { margin-top: 8px; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.tenYearsBanner .contentWrapper .infoHolder { max-width: none; padding-top: 10px !important; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.tenYearsBanner .contentWrapper .bannerInfo { max-width: 550px; padding-top: 70px; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.tenYearsBanner .contentWrapper .bannerInfo .text-title { margin-bottom: 15px !important; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.tenYearsBanner .contentWrapper .bannerInfo .subtitle { margin-bottom: 10px !important; font-size: 19px; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.tenYearsBanner .contentWrapper .bottomWrapper { margin-top: 8px; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.ashkmanBanner .infoHolder { max-width: 100%; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.ashkmanBanner .infoHolder .container-image-logo { max-width: 380px; width: 90%; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.ashkmanBanner .contentWrapper .bannerInfo .text-title { margin-bottom: 6px !important; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.ashkmanBanner .contentWrapper .bannerInfo .subtitle { margin-bottom: 6px !important; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.ashkmanBanner .contentWrapper .bannerInfo .style-border-exclusively { margin-bottom: 10px; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.rewards-club .contentWrapper .infoHolder { padding-inline-start: 40px; max-width: 100%; top: 4%; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.rewards-club .contentWrapper .infoHolder .bannerInfo h2.text-title { text-align: center; font-size: 29px; margin-bottom: 5px; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.rewards-club .contentWrapper .infoHolder .bannerInfo p.subtitle { font-size: 12px; text-align: center; margin-bottom: 5px; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.rewards-club .contentWrapper .infoHolder .bannerInfo .bannerLink a { margin: 0 auto; font-size: 12px; padding: 5px 25px 6px; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.deliaPromoBanner .infoHolder { max-width: 100%; margin-inline-end: unset !important; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.deliaPromoBanner .contentWrapper .bannerInfo .text-title { color: #ffffff; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.deliaPromoBanner .contentWrapper .bannerInfo .subtitle { margin-bottom: 0px !important; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.deliaPromoBanner .contentWrapper .bottomWrapper { margin-top: 15px; color: #ffffff; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.iluma-i-promobanner .contentWrapper .infoHolder { padding-top: 40px !important; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.iluma-i-promobanner-new .contentWrapper .infoHolder { top: 0%; padding-top: 30px !important; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.iluma-i-promobanner-new .contentWrapper .infoHolder .bannerInfo { text-align: center; max-width: 100%; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.iluma-i-promobanner-new .contentWrapper .infoHolder .bannerInfo .bottom-info { margin-top: 50%; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.iluma-i-promobanner-new .contentWrapper .infoHolder .bannerInfo .bottom-info img { width: 80%; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.iluma-i-promobanner-new .contentWrapper .infoHolder .bannerInfo .discalmerIluma { margin-bottom: 20px; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.iluma-i-promobanner-new .contentWrapper .infoHolder .bannerInfo .bannerLink { display: block; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.unlook1000ExpPromo .contentWrapper .infoHolder { padding-top: 30px !important; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.unlook1000ExpPromo .contentWrapper .infoHolder .bannerInfo .subtitle { margin-bottom: 5px; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.unlook1000ExpPromo .contentWrapper .infoHolder .bannerInfo .container-image-logo { max-width: 160px; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.unlook1000ExpPromo .contentWrapper .infoHolder .bottomWrapper { margin-top: 15px; } .homeSwiperTabsWrapper .listingSection .listWrapper .listItem { margin-bottom: 0 !important; } .homeSwiperTabsWrapper .listingSection .listWrapper .listItem .listingInfo { padding-inline: 0 !important; } .homeSwiperTabsWrapper .listingSection .listWrapper .listItem.fullHeightImage.normalListing { padding-inline: 40px !important; } .homepageMainCarousel { margin-bottom: 40px; } .homepageMainCarousel .homeTopSlider .swiper-slide .contentWrapper { --bs-aspect-ratio: 116%; height: auto; } .homepageMainCarousel .homeTopSlider .swiper-slide .contentWrapper > img { -o-object-position: bottom; object-position: bottom; } .homepageMainCarousel .homeTopSlider .swiper-slide .contentWrapper .infoHolder { padding-top: 30px !important; top: 0px; transform: translate(0); height: 100%; width: 100%; } .homepageMainCarousel .homeTopSlider .swiper-slide .contentWrapper .infoHolder .container-image-logo { padding-inline: 0; max-width: 220px; margin-inline: auto; } .homepageMainCarousel .homeTopSlider .swiper-slide .contentWrapper .infoHolder .container-image-logo:last-child { position: absolute; bottom: 0; left: 10px; max-width: 185px; } .homepageMainCarousel .homeTopSlider .swiper-slide .contentWrapper .infoHolder .bannerInfo { max-width: 500px; text-align: center; margin: auto; padding-inline: 15px; width: 100%; } .homepageMainCarousel .homeTopSlider .swiper-slide .contentWrapper .infoHolder .bannerInfo .text-title { margin-bottom: 25px; } .homepageMainCarousel .homeTopSlider .swiper-slide .contentWrapper .infoHolder .bannerInfo .text-title .isNew { text-align: center; margin-inline: auto !important; } .homepageMainCarousel .homeTopSlider .swiper-slide .contentWrapper .infoHolder .bannerInfo .subtitle { margin-bottom: 32px; } .homepageMainCarousel .homeTopSlider .swiper-slide .contentWrapper .infoHolder .bannerInfo .bannerLink { align-items: center; } .homepageMainCarousel .homeTopSlider .swiper-slide.newYearSlide .contentWrapper .infoHolder .bannerInfo { text-align: start; } .homepageMainCarousel .homeTopSlider .swiper-slide.newYearSlide .contentWrapper .infoHolder .bannerInfo .subtitle { font-size: 21px; } .homepageMainCarousel .homeTopSlider .swiper-slide.newYearSlide .contentWrapper .infoHolder .bannerInfo .bannerLink { align-items: flex-start; } .homepageMainCarousel .homeTopSlider .swiper-slide.newYearSlide .contentWrapper .infoHolder .container-image-logo { padding-right: 20px; } .homepageMainCarousel .homeTopSlider .swiper-slide.clubBanner .contentWrapper .infoHolder .bannerInfo ul { margin-bottom: 35px; } .homepageMainCarousel .homeTopSlider .swiper-slide.clubBanner .contentWrapper .infoHolder .bannerInfo ul li { padding-inline-start: 12px; font-size: 19px; line-height: 25px; text-align: start; } .homepageMainCarousel .homeTopSlider .swiper-slide.clubBanner .contentWrapper .infoHolder .bannerInfo ul li::before { content: ""; top: 12px; width: 6px; height: 6px; } .homepageMainCarousel .homeTopSlider .swiper-slide.clubBanner .contentWrapper .infoHolder .bannerInfo .subtitle { color: #ffffff; } .homepageMainCarousel .homeTopSlider .swiper-slide.blackFridayBanner .contentWrapper .infoHolder { padding-inline-start: 20px; } .homepageMainCarousel .homeTopSlider .swiper-slide.blackFridayBanner .contentWrapper .infoHolder .bannerInfo { margin: 0px !important; } .homepageMainCarousel .homeTopSlider .swiper-slide.blackFridayBanner .contentWrapper .infoHolder .container-image-logo { margin-inline: unset !important; max-width: 50px; } .homepageMainCarousel .homeTopSlider .swiper-slide.blackFridayBanner .contentWrapper .infoHolder h2.text-title { text-align: start; margin-bottom: 10px; } .homepageMainCarousel .homeTopSlider .swiper-slide.blackFridayBanner .contentWrapper .infoHolder p.subtitle { text-align: start; margin-bottom: 10px; } .homepageMainCarousel .homeTopSlider .swiper-slide.blackFridayBanner .contentWrapper .infoHolder div.bannerLink { align-items: flex-start; } .homepageMainCarousel .homeTopSlider .swiper-slide.blackFridayBanner .contentWrapper .infoHolder div.bannerLink a.button.button-dark { margin-bottom: 10px; } .homepageMainCarousel .homeTopSlider .swiper-slide.bondsBanner .contentWrapper .infoHolder { padding: 0; background-image: none; min-width: auto; display: block; padding-inline-start: 80px !important; } .homepageMainCarousel .homeTopSlider .swiper-slide.bondsBanner .contentWrapper .infoHolder .container-image-logo { max-width: 125px; margin-inline: 0; } .homepageMainCarousel .homeTopSlider .swiper-slide.bondsBanner .contentWrapper .infoHolder .bannerInfo { text-align: start !important; margin: 0; padding: 0; } .homepageMainCarousel .homeTopSlider .swiper-slide.bondsBanner .contentWrapper .infoHolder .bannerInfo .text-title { margin-bottom: 0px; } .homepageMainCarousel .homeTopSlider .swiper-slide.bondsBanner .contentWrapper .infoHolder .bannerInfo .subtitle { margin-bottom: 10px; } .homepageMainCarousel .homeTopSlider .swiper-slide.bondsBanner .contentWrapper .infoHolder .bannerInfo .subtitle span { display: inline; } .homepageMainCarousel .homeTopSlider .swiper-slide.bondsBanner .contentWrapper .infoHolder .bannerInfo .bannerLink { align-items: flex-start; } .homepageMainCarousel .homeTopSlider .swiper-slide.bondsBanner .contentWrapper .infoHolder .bannerInfo .bannerLink a { padding: 2px 12px 6px; font-size: 15px; } .homepageMainCarousel .homeTopSlider .swiper-slide.bondsBanner .contentWrapper .infoHolder .bottomWrapper { gap: 20px; margin-top: 20px; margin-inline: auto; flex-direction: column-reverse; } .homepageMainCarousel .homeTopSlider .swiper-slide.bondsBanner .contentWrapper .infoHolder .bottomWrapper .container-image-logo { max-width: 225px; } .homepageMainCarousel .homeTopSlider .swiper-slide.bondsBanner .contentWrapper .infoHolder .bottomWrapper .disclaimer p .notice { text-align: center; } .homepageMainCarousel .homeTopSlider .swiper-slide.springBanner .contentWrapper .infoHolder { padding: 0; } .homepageMainCarousel .homeTopSlider .swiper-slide.springBanner .contentWrapper .infoHolder .bannerInfo .text-title { margin-bottom: 10px; } .homepageMainCarousel .homeTopSlider .swiper-slide.springBanner .contentWrapper .infoHolder .bannerInfo .subtitle { margin-bottom: 20px; } .homepageMainCarousel .homeTopSlider .swiper-slide.springBanner .contentWrapper .infoHolder .bannerInfo .subtitle span { display: inline; } .homepageMainCarousel .homeTopSlider .swiper-slide.springBanner .contentWrapper .infoHolder .bottomWrapper { margin-inline: auto; margin-top: 20px; } .homepageMainCarousel .homeTopSlider .swiper-slide.springBanner .contentWrapper .infoHolder .bottomWrapper .disclaimer p { text-align: center; margin-inline: auto; padding-inline: 50px; } .homepageMainCarousel .homeTopSlider .swiper-slide.neonBanner .contentWrapper .infoHolder { padding: 0; } .homepageMainCarousel .homeTopSlider .swiper-slide.neonBanner .contentWrapper .infoHolder .container-image-logo { max-width: 125px; } .homepageMainCarousel .homeTopSlider .swiper-slide.neonBanner .contentWrapper .infoHolder .bannerInfo { padding-inline: 8px; } .homepageMainCarousel .homeTopSlider .swiper-slide.neonBanner .contentWrapper .infoHolder .bannerInfo .text-title { margin-bottom: 4px; } .homepageMainCarousel .homeTopSlider .swiper-slide.neonBanner .contentWrapper .infoHolder .bannerInfo .subtitle { margin-bottom: 8px; } .homepageMainCarousel .homeTopSlider .swiper-slide.neonBanner .contentWrapper .infoHolder .bannerInfo .subtitle span { display: inline; } .homepageMainCarousel .homeTopSlider .swiper-slide.neonBanner .contentWrapper .infoHolder .bannerInfo .bannerLink a:not(.button-arrow) { padding: 2px 32px 6px; } .homepageMainCarousel .homeTopSlider .swiper-slide.neonBanner .contentWrapper .infoHolder .bottomWrapper { margin-inline: auto; margin-top: 8px; } .homepageMainCarousel .homeTopSlider .swiper-slide.neonBanner .contentWrapper .infoHolder .bottomWrapper .disclaimer p { text-align: center; margin-inline: auto; padding-inline: 50px; } .homepageMainCarousel .homeTopSlider .swiper-slide.valentinesBanner .contentWrapper .infoHolder { padding: 0px 0px 0px 0px; padding-top: 0px !important; padding-inline-start: 0px !important; } .homepageMainCarousel .homeTopSlider .swiper-slide.valentinesBanner .contentWrapper .infoHolder .bannerInfo { max-width: 100%; text-align: left; } .homepageMainCarousel .homeTopSlider .swiper-slide.valentinesBanner .contentWrapper .infoHolder .bannerInfo .bannerLink { align-items: flex-start; } .homepageMainCarousel .homeTopSlider .swiper-slide.ashkmanBanner .infoHolder { max-width: 100%; } .homepageMainCarousel .homeTopSlider .swiper-slide.ashkmanBanner .infoHolder .container-image-logo { max-width: 380px; width: 90%; } .homepageMainCarousel .homeTopSlider .swiper-slide.ashkmanBanner .contentWrapper .bannerInfo .text-title { margin-bottom: 6px !important; } .homepageMainCarousel .homeTopSlider .swiper-slide.ashkmanBanner .contentWrapper .bannerInfo .subtitle { margin-bottom: 6px !important; } .homepageMainCarousel .homeTopSlider .swiper-slide.ashkmanBanner .contentWrapper .bannerInfo .style-border-exclusively { margin-inline: auto; margin-bottom: 10px; } .homepageMainCarousel .homeTopSlider .swiper-slide.clubIcqosBanner .contentWrapper .infoHolder .bannerInfo .text-title { width: 100%; } .homepageMainCarousel .homeTopSlider .swiper-slide.clubIcqosBanner .contentWrapper .infoHolder .bannerInfo .subtitle { width: 110%; margin-left: -5%; font-size: 12px; } .homepageMainCarousel .homeTopSlider .swiper-slide.clubIcqosBanner .contentWrapper .infoHolder .bannerInfo .subtitle br { display: none !important; } .homepageMainCarousel .endOfYearBanner .contentWrapper .desktopImage { display: initial; } .homepageMainCarousel .endOfYearBanner .contentWrapper .infoHolder { flex-direction: column-reverse !important; } .homepageMainCarousel .endOfYearBanner .contentWrapper .infoHolder .container-image-logo { padding-inline-start: 50px !important; padding-block-start: 20px !important; } .listingSection .listWrapper .listItem { margin-bottom: 40px; gap: 20px; } .listingSection .listWrapper .listItem.smallImgWithText .listingInfo { padding: 40px; } .listingSection .listWrapper .listItem .listingInfo { padding-top: 40px; padding-bottom: 40px; } .listingSection .listWrapper .listItem .listingInfo .subtitle { margin-bottom: 20px; } .listingSection .listWrapper .listItem .listingInfo .titleWrapper h3 { margin-bottom: 20px; } .listingSection .listWrapper .listItem .listingImage { flex: 0 0 50%; } .listingSection .listWrapper .listItem .listingImage img { -o-object-fit: cover; object-fit: cover; } .listingSection .listWrapper .listItem.withPadding { padding: 40px 0; } .listingSection .listWrapper .listItem.rightImage { flex-direction: row-reverse; padding-inline: 40px; padding-inline-end: 0; } .listingSection .listWrapper .listItem.rightImage .listingImage { align-self: center; } .listingSection .listWrapper .listItem.imageMarginBot { background-color: #f6f4f0; padding: 40px; } .listingSection .listWrapper .listItem.imageMarginBot .listingInfo { padding: 0; } .listingSection .listWrapper .listItem.imageMarginBot .listingImage { flex: 0 0 40%; --bs-aspect-ratio: 100%; transform: translateY(0px); align-self: center; } .listingSection .listWrapper .listItem.imageMarginTop { background-color: #f6f4f0; padding-top: 40px; padding-bottom: 40px; margin-bottom: 40px; } .listingSection .listWrapper .listItem.imageMarginTop .listingInfo { padding: 0; margin-bottom: 0; } .listingSection .listWrapper .listItem.imageMarginTop .listingImage { flex: 0 0 40%; --bs-aspect-ratio: 100%; transform: translateY(0px); align-self: center; } .tereaCarousel { margin-bottom: 40px; } .disclaimer-block { max-width: 80%; margin-bottom: 40px; padding: 20px; } .compareComponent .blockHead { padding: 20px; } .compareComponent .devicesListing { margin-bottom: 30px; } .compareComponent .devicesListing .swiper-wrapper { justify-content: flex-start; } .compareComponent .devicesListing .swiper-wrapper .listingDevice .deviceInfo .descriptionWrapper { min-height: 52px; } .compareComponent .devicesListing .swiper-wrapper .listingDevice .deviceInfo .button { padding: 1px 14px 5px; } .compareComponent .devicesListing .swiper-wrapper .listingDevice .listingImage { --bs-aspect-ratio: 150%; } .compareComponent .devicesListing .swiper-wrapper .listingDevice .listingImage img { -o-object-fit: cover; object-fit: cover; } .menuHolder .menu .cart-parent #Cart-Items .cartItems .side-cart-view { padding-inline: 20px; } .footerSupportItems { padding-top: 40px; margin-bottom: 40px; } .footerSupportItems .blockDesc { margin-bottom: 40px; } .footerSupportItems .box-wrap .box { flex: 0 0 33.33%; margin-bottom: 40px; } .footerSupportItems .box-wrap .box .imageWrapper { width: 64px; height: 64px; } .footerSupportItems .box-wrap .box .imageWrapper img { max-width: 100%; -o-object-fit: contain; object-fit: contain; width: 100%; } .footerSupportItems .box-wrap .box .description a:hover { color: #34303d; } .newsListingPort { padding: 40px 0; margin-bottom: 40px; } .newsListingPort .newsWrapper .blockHeadTitle { margin-bottom: 40px; } .newsListingPort .newsWrapper .blockHeadTitle .blockTitle { margin-bottom: 20px; } .newsListing.homeNewsListing .listingHolder .listingItemLI { flex: 0 0 50%; max-width: 50%; } .bondsByIqosListingBlock { margin-bottom: 40px; } .bondsByIqosListingBlock .container .row { margin: 0; } .bondsByIqosListingBlock .container .listingHolder .listingItemLI .contentWrapper { --bs-aspect-ratio: 116%; } .bondsByIqosListingBlock .container .listingHolder .listingItemLI .contentWrapper .infoHolder { padding-top: 30px !important; top: 0px; transform: translate(0); height: 100%; width: 100%; } .bondsByIqosListingBlock .container .listingHolder .listingItemLI .contentWrapper .infoHolder .container-image-logo { margin-top: 10px; padding-inline: 0; max-width: 220px; margin-inline: auto; } .bondsByIqosListingBlock .container .listingHolder .listingItemLI .contentWrapper .infoHolder .bannerInfo { max-width: 500px; text-align: center; margin: auto; padding-inline: 15px; width: 100%; } .bondsByIqosListingBlock .container .listingHolder .listingItemLI .contentWrapper .infoHolder .bannerInfo .text-title { margin-bottom: 25px; } .bondsByIqosListingBlock .container .listingHolder .listingItemLI .contentWrapper .infoHolder .bannerInfo .subtitle { margin-bottom: 32px; font-size: 17px; } .bondsByIqosListingBlock .container .listingHolder .listingItemLI .contentWrapper .infoHolder .bannerInfo .bannerLink { align-items: center; } .footerCardsListing.homeBondsCards { padding: 40px 0 20px 0; margin-bottom: 40px; } .footerCardsListing.homeBondsCards .listingHolder .listingItemLI { flex: 0 0 50%; max-width: 50%; } } @media screen and (max-width: 585px) { .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide .contentWrapper { --bs-aspect-ratio: 150%; /*height: 75vh;*/ } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide .contentWrapper .infoHolder { padding-top: 20px !important; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide .contentWrapper .infoHolder .bannerInfo { max-width: 500px; padding-inline: 0; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide .contentWrapper .infoHolder .bannerInfo .text-title { margin-bottom: 12px; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide .contentWrapper .infoHolder .bannerInfo .subtitle { margin-bottom: 15px; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide .contentWrapper .infoHolder .bannerInfo .bannerLink .button-arrow { margin-top: 12px; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.iluma-i-promobanner-new .contentWrapper .infoHolder .bannerInfo .bottom-info { margin-top: 77%; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.iluma-i-promobanner-new .contentWrapper .infoHolder .bannerInfo .bottom-info .discalmerIluma { margin-bottom: 10px; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.iluma-i-promobanner-new .contentWrapper .infoHolder .bannerInfo .bannerLink a:not(.button-arrow) { font-size: 13px; padding: 5px 15px 5px; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.iluma-i-promobanner-new .contentWrapper .infoHolder .bannerInfo img { width: 80%; } .homepageMainCarousel { margin-bottom: 50px; } .homepageMainCarousel .homeTopSlider .swiper-slide .contentWrapper { --bs-aspect-ratio: 150%; /*height: 75vh;*/ } .homepageMainCarousel .homeTopSlider .swiper-slide .contentWrapper .infoHolder { padding-top: 20px !important; } .homepageMainCarousel .homeTopSlider .swiper-slide .contentWrapper .infoHolder .bannerInfo { max-width: 500px; text-align: center; margin: auto; padding-inline: 0; } .homepageMainCarousel .homeTopSlider .swiper-slide .contentWrapper .infoHolder .bannerInfo .text-title { margin-bottom: 12px; } .homepageMainCarousel .homeTopSlider .swiper-slide .contentWrapper .infoHolder .bannerInfo .subtitle { margin-bottom: 15px; } .homepageMainCarousel .homeTopSlider .swiper-slide .contentWrapper .infoHolder .bannerInfo .bannerLink .button-arrow { margin-top: 12px; } .homepageMainCarousel .homeTopSlider .swiper-slide.deliaBanner .contentWrapper .infoHolder { transform: translateY(45%) !important; padding-top: 65px !important; } .homepageMainCarousel .homeTopSlider .swiper-slide.deliaBanner .contentWrapper .infoHolder .bannerInfo .subtitle { display: none; } .homepageMainCarousel .homeTopSlider .swiper-slide.deliaBanner .contentWrapper .infoHolder .bannerInfo .text-title { margin-bottom: 8px; } .homepageMainCarousel .homeTopSlider .swiper-slide.bondsBanner .contentWrapper .infoHolder .bannerInfo { min-height: 100%; display: flex; align-items: end; justify-content: center; padding-bottom: 142px; } .homepageMainCarousel .homeTopSlider .swiper-slide.summerBanner .contentWrapper .infoHolder .bannerInfo { max-width: 100%; margin: 0; text-align: start; } .homepageMainCarousel .homeTopSlider .swiper-slide.summerBanner .contentWrapper .infoHolder .bannerInfo .subtitle .logo { width: 75px; height: 19px; } .homepageMainCarousel .homeTopSlider .swiper-slide.valentinesBanner .contentWrapper .infoHolder .bottomWrapper { display: none; } .homepageMainCarousel .homeTopSlider .swiper-slide.valentinesBanner .contentWrapper .infoHolder .bannerInfo { padding: 5px; padding-inline-start: 25px; padding-top: 20px; } .homepageMainCarousel .homeTopSlider .swiper-slide.valentinesBanner .contentWrapper .infoHolder .bannerInfo .subtitle, .homepageMainCarousel .homeTopSlider .swiper-slide.valentinesBanner .contentWrapper .infoHolder .bannerInfo .text-title { display: none; } .homepageMainCarousel .homeTopSlider .swiper-slide.valentinesBanner .contentWrapper .infoHolder .bannerInfo .faux-title .titleMedium { font-size: 22px; } .homepageMainCarousel .homeTopSlider .swiper-slide.valentinesBanner .contentWrapper .infoHolder .bannerInfo .faux-title .titleLarge { font-size: 32px; } .homepageMainCarousel .homeTopSlider .swiper-slide.valentinesBanner .contentWrapper .infoHolder .bannerInfo .bannerLink a { padding: 0px 16px 3px; font-size: 14px; } .homepageMainCarousel .homeTopSlider .swiper-slide.valentinesBanner .contentWrapper .infoHolder .bannerInfo p.body { font-size: 14px; } .homepageMainCarousel .homeTopSlider .swiper-slide.valentinesBanner .contentWrapper .infoHolder .bannerInfo .container-image-logo img { max-width: 150px; margin: 5px; } .homepageMainCarousel .homeTopSlider .swiper-slide.Unlook1000Experience .contentWrapper .infoHolder { inset-inline-start: 0%; padding-top: 30px !important; } .homepageMainCarousel .homeTopSlider .swiper-slide.Unlook1000Experience .contentWrapper .infoHolder .bannerInfo { max-width: 600px; } .homepageMainCarousel .homeTopSlider .swiper-slide.IlumaITeaserHomeBanner .contentWrapper .mobileImage { -o-object-fit: cover; object-fit: cover; width: 100%; } .homepageMainCarousel .homeTopSlider .swiper-slide.IlumaITeaserHomeBanner .contentWrapper .infoHolder { inset-inline-start: 0%; } .homepageMainCarousel .homeTopSlider .swiper-slide.IlumaITeaserHomeBanner .contentWrapper .infoHolder .bannerInfo { max-width: 600px; } .homepageMainCarousel .homeTopSlider .swiper-slide.IlumaITeaserHomeBanner .contentWrapper .infoHolder .bannerInfo .subtitle { margin-bottom: 0px; } .homepageMainCarousel .homeTopSlider .swiper-slide.IlumaITeaserHomeBanner .contentWrapper .infoHolder .bannerInfo .text-title { margin-bottom: 18px; } .homepageMainCarousel .homeTopSlider .swiper-slide.iluma-i-launch-banner .contentWrapper .mobileImage { -o-object-fit: cover; object-fit: cover; width: 100%; } .compareComponent .container::before { height: 60%; } .menuHolder .menu .cart-parent #Cart-Items .cartItems .side-cart-view { width: 100%; min-width: 100%; } .footerSupportItems .box-wrap .box { flex: 0 0 100%; } .tereaCarousel .tereaListing .listingItem .listingInfos .button { padding: 1px 12px 4px; } .disclaimer-block.first-disclaimer h2, .disclaimer-block.third-disclaimer h2, .disclaimer-block.second-disclaimer h2 { max-width: 100%; } .newsListing .listingHolder .listingItemLI { flex: 0 0 100%; max-width: 100%; } .newsListing .listingHolder .listingItemLI .newsListingItem .newsDescriptionMain { padding: 20px; } .newsListing .listingHolder .listingItemLI .newsListingItem .newsDescriptionMain .newsDescrition { margin-bottom: 20px; } .newsListing .listingHolder .listingItemLI .newsListingItem .newsDescriptionMain .newsTitle { margin-bottom: 20px; } .newsListing .listingSection.fullWidthImg .listingImage img:hover { filter: none; } .newsListing .listingSection.fullWidthImg .listingInfo .titleWrapper h3:hover { text-decoration-color: transparent; } .newsListing.homeNewsListing .listingHolder .listingItemLI { flex: 0 0 100%; max-width: 100%; } .homepageMainCarousel .homeTopSlider .swiper-slide.bondsBanner .contentWrapper .infoHolder { padding-inline-start: 20px !important; } .bondsByIqosListingBlock .container .listingHolder .listingItemLI .contentWrapper { --bs-aspect-ratio: 150%; } .bondsByIqosListingBlock .container .listingHolder .listingItemLI .contentWrapper .infoHolder { padding-top: 20px !important; padding-inline: 20px; } .bondsByIqosListingBlock .container .listingHolder .listingItemLI .contentWrapper .infoHolder .bannerInfo { max-width: 500px; text-align: center; margin: auto; padding-inline: 0; } .bondsByIqosListingBlock .container .listingHolder .listingItemLI .contentWrapper .infoHolder .bannerInfo .text-title { margin-bottom: 12px; } .bondsByIqosListingBlock .container .listingHolder .listingItemLI .contentWrapper .infoHolder .bannerInfo .subtitle { margin-bottom: 10px; } .bondsByIqosListingBlock .container .listingHolder .listingItemLI .contentWrapper .infoHolder .bannerInfo .bannerLink a { margin-top: 0; padding: 2px 18px 5px; } .footerCardsListing.homeBondsCards .listingHolder .listingItemLI { flex: 0 0 100%; max-width: 100%; } .discoverYourFlavor { margin-top: 40px; } .discoverYourFlavor .blockBody .listingHolder .listingItemLI .card-item { height: 500px; } } @media screen and (max-width: 768px) { .listingSection.fullWidthBanner .listWrapper .listItem.rightImage:not(.imageMarginBot) { padding-inline-start: 0px; } .listingSection.fullWidthBanner .listWrapper .listItem.normalListing .listingInfo .titleWrapper h3 { max-width: unset; } .listingSection.fullWidthBanner .listWrapper .listItem.normalListing .listingInfo .bodyWrapper { max-width: unset; } .listingSection.fullWidthBanner .listWrapper .listItem.normalListing .listingInfo .linkWrapper a.button.button-transparent { display: inline-block; background-color: #ffffff; color: #34303d; padding: 5px 32px 9px; border-radius: 24px; border: 2px solid #ffffff; letter-spacing: 0.5px; font-size: 16px; cursor: pointer; transition: all 0.3s ease-in-out; } .listingSection.fullWidthBanner .listWrapper .listItem.normalListing .listingInfo .linkWrapper a.button.button-transparent:hover { background-color: #00d1d2; color: #34303d; border-color: #00d1d2; } .listingSection.fullWidthBanner .listWrapper .listItem.normalListing .listingImage { position: absolute; height: 100%; right: 0; } .homepageMainCarousel .homeTopSlider .swiper-slide.tereaCapsules .contentWrapper .infoHolder { padding-inline-start: 40px !important; } .homepageMainCarousel .homeTopSlider .swiper-slide.tereaCapsules .contentWrapper .infoHolder .bannerInfo .text-title { font-size: 48px; margin-bottom: 20px; margin-top: 40px; } .homepageMainCarousel .homeTopSlider .swiper-slide.tereaCapsules .contentWrapper .infoHolder .bannerInfo .text-title br:first-child { display: none; } .homepageMainCarousel .aokiLaunchBanner .contentWrapper video.mobileImage { position: absolute; bottom: 0; left: 0; width: 100%; height: auto; top: unset; } .homepageMainCarousel .aokiLaunchBanner .contentWrapper .infoHolder { padding-top: 0px !important; } .homepageMainCarousel .aokiLaunchBanner .contentWrapper .infoHolder .container-image-logo { display: flex; justify-content: center; } .homepageMainCarousel .aokiLaunchBanner .contentWrapper .infoHolder .container-image-logo img { max-height: 125px; } .homepageMainCarousel .aokiLaunchBanner .contentWrapper .infoHolder h2.text-title { margin-bottom: 5px !important; margin-top: 5px !important; } .homepageMainCarousel .aokiLaunchBanner .contentWrapper .infoHolder p.subtitle { line-height: 20px !important; margin-bottom: 10px !important; } .homepageMainCarousel .valentinesBanner .contentWrapper .infoHolder { --bs-aspect-ratio: 150% !important; } .cl_c2k_btn { width: 60px !important; height: 60px !important; opacity: 1 !important; } .container { padding: 0 20px; } header { margin-top: 52px; } header .langBanner { padding: 14px 0; height: 50px; } header .langBanner .langBanner-close { right: 5px; } .menuHolder .menu { padding: 18px 0; } .menuHolder .menu .menuItems { width: 100%; padding: 55px 20px; top: 57px; height: calc(100vh - 57px); } .menuHolder .menu .headerLogo { max-width: 65px; max-height: 30px; } .menuHolder .menu #ecom-header { gap: 3px; } .menuHolder .menu #ecom-header .user-icon-parent { width: 25px; } .menuHolder .menu .menuWrapper .first-level .secondLvl { inset-inline-start: 0; } .menuHolder .menu .menuWrapper .first-level .secondLvl .itemsBlock { padding-bottom: 60px; } .menuHolder .menu .menuWrapper .first-level .secondLvl .menuBack.secondMobileTopWrapper { display: flex; position: relative; margin-bottom: -40px; } .menuHolder .menu .menuWrapper .first-level .secondLvl .menuBack.secondMobileTopWrapper .secondLvlTitle { position: absolute; top: 50%; inset-inline-start: 50%; transform: translate(-50%, -50%); } .menuHolder .menu .menuWrapper .first-level .secondLvl .highlitedSection { max-width: 500px; width: 100%; } .menuHolder .menu .menuWrapper .first-level .secondLvl .scdSection { margin-bottom: 12px; } .menuHolder .menu .menuWrapper .first-level .secondLvl .scdSection .thirdLvl { height: calc(100vh - 137px); max-height: calc(100vh - 137px); inset-inline-start: -20px; width: calc(100% + 40px); padding: 0 20px 60px 20px; } .menuHolder .menu .menuWrapper .first-level .secondLvl .scdSection .thirdLvl .highlitedSection { max-width: 500px; width: 100%; } .menuHolder .menu .menuWrapper .first-level .secondLvl .scdSection .thirdLvl .thirdLevelItemWrapper .thirdLvlImagesWrapper { display: flex; max-width: 100%; overflow-y: auto; margin-bottom: 30px; -ms-overflow-style: none; scrollbar-width: none; } .menuHolder .menu .menuWrapper .first-level .secondLvl .scdSection .thirdLvl .thirdLevelItemWrapper .thirdLvlImagesWrapper::-webkit-scrollbar { display: none; } .menuHolder .menu .menuWrapper .first-level .secondLvl .scdSection .thirdLvl .thirdLevelItemWrapper .thirdLvlImagesWrapper .thirdLvlItem { margin-bottom: 0; } .menuHolder .menu .menuWrapper .first-level .secondLvl .scdSection .thirdLvl .thirdLevelItemWrapper .thirdLvlImagesWrapper .thirdLvlItem.withImage { flex: 0 0 40%; max-width: 40%; } .menuHolder .menu .menuWrapper .first-level .secondLvl .scdSection .thirdLvl .thirdLevelItemWrapper .thirdLvlImagesWrapper .thirdLvlItem.withImage .imageWrapper { flex: 0 0 100%; max-width: 100%; display: flex; } .menuHolder .menu .menuWrapper .first-level .secondLvl .scdSection .thirdLvl .thirdLevelItemWrapper .thirdLvlImagesWrapper .thirdLvlItem.withImage .imageWrapper .menuAnchor img { width: 100%; } .menuHolder .menu .menuWrapper .first-level .secondLvl .scdSection .thirdLvl .thirdLevelItemWrapper .thirdLvlImagesWrapper .thirdLvlItem.withImage .listingInfo { flex-direction: column-reverse; } .menuHolder .menu .menuWrapper .first-level .secondLvl .scdSection .thirdLvl .thirdLevelItemWrapper .thirdLvlImagesWrapper .thirdLvlItem.withImage .listingInfo .menuAnchor { flex: 0 0 100%; max-width: 100%; } .menuHolder .menu .menuWrapper .first-level .secondLvl .scdSection .thirdLvl .thirdLevelItemWrapper .thirdLvlImagesWrapper .thirdLvlItem.withImage .listingInfo .titleWrapper { text-align: center; flex: 0 0 100%; max-width: 100%; } .menuHolder .menu .menuWrapper .first-level .secondLvl .scdSection .thirdLvl .thirdLevelItemWrapper .thirdLvlImagesWrapper .thirdLvlItem.withImage .listingInfo p { font-size: 14px; } .menuHolder .menu .menuWrapper .first-level .secondLvl .scdSection .thirdLvl .thirdLevelItemWrapper .thirdLvlImagesWrapper .thirdLvlItem .menuAnchor { padding-bottom: 15px; } .menuHolder .menu .menuWrapper .first-level .secondLvl .scdSection .thirdLvl .thirdLevelItemWrapper .thirdLvlImagesWrapper .thirdLvlItem .menuAnchor::before { display: none; } .menuHolder .menu .cart-parent #Cart-Items .cartItems .side-cart-view { top: 57px; } footer { padding-top: 30px; } footer .topFooter { padding-bottom: 30px; border-bottom: 1px solid #545454; margin-bottom: 30px; } footer .topFooter .row { gap: 0; } footer .topFooter .simpleList .simpleListTitle { margin-bottom: 10px; } footer .topFooter .simpleList .simpleListTitle a { margin-bottom: 10px; } footer .topFooter .simpleList li { margin-bottom: 15px; } footer .topFooter .simpleList li:last-child { margin-bottom: 0; } footer .topFooter .simpleList li a:hover { color: #fffdfb; } footer .topFooter .topFooterScdWrapper { align-items: flex-start; padding: 0; } footer .topFooter .topFooterScdWrapper .endSection { min-width: 115px; } footer .topFooter .topFooterScdWrapper .endSection .followWrapper { padding-bottom: 25px; } footer .topFooter .topFooterScdWrapper .endSection .followWrapper h3 { margin-bottom: 10px; } footer .topFooter .topFooterScdWrapper .endSection .followWrapper ul li { margin-bottom: 15px; } footer .topFooter .topFooterScdWrapper .endSection .followWrapper ul li:last-child { margin-bottom: 0; } footer .topFooter .topFooterScdWrapper .endSection .followWrapper ul li a:hover { color: #fffdfb; } footer .topFooter .topFooterScdWrapper .endSection .languageSelector h3 { margin-bottom: 10px; } footer .topFooter .topFooterScdWrapper .endSection .languageSelector .language-options a:hover { color: #34303d; } footer .middle-footer { flex-direction: column; align-items: center; justify-content: flex-start; margin-bottom: 15px; gap: 30px; } footer .middle-footer .footer-logo { flex-direction: column; margin-bottom: 30px; } footer .middle-footer .footer-logo p { color: #fffdfb; font-size: 14px; } footer .middle-footer .legal-menu { max-width: 100%; gap: 4%; flex-wrap: wrap; align-items: flex-start; } footer .middle-footer .legal-menu li { flex: 0 0 48%; margin-bottom: 15px; } footer .middle-footer .legal-menu li a { font-size: 14px; } footer .middle-footer .legal-menu li a:hover { color: rgba(255, 253, 251, 0.5); } footer .bottomFooter { padding: 30px 0; } footer .bottomFooter p { color: rgba(255, 253, 251, 0.5); font-size: 14px; text-align: center; } footer .bottomFooter p.arabicDir { font-family: tahoma; } .homeSwiperTabsWrapper .swiper .swiper-button-next { color: #34303d; } .homeSwiperTabsWrapper .swiper .swiper-button-prev { color: #34303d; } .homeSwiperTabsWrapper .swiper .swiper-pagination { bottom: 15px; } .homeSwiperTabsWrapper .swiper.swiperText .swiper-slide p { padding: 10px 10px 6px 10px; font-size: 15px; } .homeSwiperTabsWrapper .listingSection .listWrapper .listItem { margin-bottom: 0 !important; } .homeSwiperTabsWrapper .listingSection .listWrapper .listItem .listingInfo { padding-inline: 0 !important; } .homeSwiperTabsWrapper .listingSection .listWrapper .listItem.fullHeightImage.normalListing { padding-inline: 40px !important; } .listingSection.pdpListing .listWrapper .listItem.leftImage { flex-direction: column-reverse; } .listingSection.iqos-iluma-bottom-banner .listWrapper .listItem.rightImage:not(.imageMarginBot) { padding-inline-end: 0; padding-inline-start: 0; } .listingSection.discover-terea-image-text-slider .listWrapper .listItem.rightImage:not(.imageMarginBot) { padding-inline-end: 0; padding-inline-start: 0; flex-direction: column-reverse; } .listingSection.second-banner .listWrapper .listItem .listingInfo, .listingSection.fifth-banner .listWrapper .listItem .listingInfo { padding: 40px; width: 100%; } .listingSection.top-listing-wrapper .listWrapper .leftImage:last-child { flex-direction: column-reverse; } .listingSection.troubleshootingListing .listWrapper .listItem.rightImage { flex-direction: column; } .listingSection .listWrapper { padding: 0; } .listingSection .listWrapper .listItem { gap: 20px; flex-direction: column; } .listingSection .listWrapper .listItem.fullHeightImage.normalListing { gap: 0; } .listingSection .listWrapper .listItem.fullHeightImage.normalListing .listingImage { flex: 0 0 100%; } .listingSection .listWrapper .listItem.fullHeightImage.normalListing .listingInfo { max-width: 100%; background-color: transparent; } .listingSection .listWrapper .listItem.smallImgWithText.rightImage { flex-direction: column; } .listingSection .listWrapper .listItem.smallImgWithText .listingInfo { padding: 40px; width: 100%; } .listingSection .listWrapper .listItem:first-child.rightImage { flex-direction: column; padding-top: 0; } .listingSection .listWrapper .listItem.normalListing { margin-bottom: 40px; } .listingSection .listWrapper .listItem .listingInfo { padding-inline: 0; text-align: start; width: 100%; } .listingSection .listWrapper .listItem .listingInfo .subtitle { margin-bottom: 20px; } .listingSection .listWrapper .listItem .listingInfo .titleWrapper h3 { margin-bottom: 20px; } .listingSection .listWrapper .listItem .listingImage { flex: 0 0 50%; } .listingSection .listWrapper .listItem .listingImage img { -o-object-fit: cover; object-fit: cover; } .listingSection .listWrapper .listItem.rightImage { flex-direction: column-reverse; padding-inline: 0px; text-align: center; padding-top: 0px; gap: 0; } .listingSection .listWrapper .listItem.rightImage .listingInfo { padding-inline: 20px; } .listingSection .listWrapper .listItem.leftImage { flex-direction: column; padding-inline: 0px; text-align: center; } .listingSection .listWrapper .listItem.leftImage .listingInfo { padding-inline: 20px; } .listingSection .listWrapper .listItem.withPadding { padding-top: 0; padding-bottom: 40px; text-align: start; align-items: flex-start; flex-direction: column; } .listingSection .listWrapper .listItem.withPadding .listingInfo { padding-inline-start: 20px; padding-bottom: 0; padding-top: 40px; } .listingSection .listWrapper .listItem.imageMarginBot { padding: 40px 0px 0 0; } .listingSection .listWrapper .listItem.imageMarginBot .listingInfo { padding: 40px; text-align: center; } .listingSection .listWrapper .listItem.imageMarginBot .listingImage { flex: 0 0 40%; --bs-aspect-ratio: 100%; transform: translateY(0px); } .listingSection .listWrapper .listItem.imageMarginTop { padding: 0; } .listingSection .listWrapper .listItem.imageMarginTop .listingInfo { padding: 40px 20px; } .listingSection .listWrapper .listItem.imageMarginTop .listingImage { flex: 0 0 40%; --bs-aspect-ratio: 100%; transform: translateY(0px); } .listingSection .listWrapper .listItem.hasBodyImage { flex-direction: column; padding-bottom: 40px; } .listingSection .listWrapper .listItem.hasBodyImage .listingInfo { padding-top: 40px; } .listingSection .listWrapper .listItem.hasBodyImage.leftImage { padding-top: 0; } .listingSection .listWrapper .listItem.hasBodyImage.rightImage { padding-bottom: 40px; } .listingSection.homePageListing .listWrapper .listItem .listingInfo { text-align: center; width: 100%; } .listingSection.bannerIluma { margin-bottom: 0; } .listingSection.bannerIluma .listWrapper .listItem .listingInfo { max-width: 100%; width: 100%; padding: 40px 20px; background-color: #ffffff; } .listingSection.bannerIluma .listWrapper .listItem .listingInfo .subtitle span { background-color: #1bd9c5; color: #34303d; } .listingSection.bannerIluma .listWrapper .listItem .listingImage { --bs-aspect-ratio: 95%; } .listingSection.bannerIluma .listWrapper .listItem .listingImage img { -o-object-fit: cover; object-fit: cover; } .disclaimer-block { max-width: 90%; margin-bottom: 40px; } .disclaimer-block.full-width-disclaimer p { padding-inline: 0; } .disclaimer-block.normalTitleWithDescription { max-width: 95%; } .popUp.medium-width .container { max-width: 90vw; } .popUp.medium-width .container .controls a { display: flex !important; justify-content: center; align-items: center; } .popUp .container { max-width: 90%; padding: 20px; border-radius: 8px; } .popUp .closePopUp { width: 25px; height: 25px; } .popUp .closePopUp:hover { transform: rotate(0); } .popUp .product-title#productPrice { margin-bottom: 20px; } .updatedAgeGate .language-selector-main { position: absolute; top: 20px; inset-inline-end: 20px; } .updatedAgeGate .container .logoHolder { margin-bottom: 20px; } .updatedAgeGate .container .ageblock { margin-bottom: 20px; } .updatedAgeGate .container .ageblock .intro { margin-bottom: 20px; } .updatedAgeGate .container .ageblock .inputFields { margin-bottom: 20px; } .newsListingPort .container { padding-inline-end: 0; } .newsListingPort .newsWrapper { margin: 0; } .newsListingPort .newsWrapper .newsItem { margin-bottom: 0; } .newsListingPort .newsWrapper .newsItem:hover { box-shadow: none; } .ImageTextListing { background-color: #f6f4f0; } .ImageTextListing .blockTitle { font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.43; letter-spacing: normal; text-align: center; color: #34303d; } .ImageTextListing.clubBenefits { margin: 0 auto; padding-bottom: 40px; } .ImageTextListing.clubBenefits .listingHolder { padding: 0px; margin: 0; justify-content: center; } .ImageTextListing.clubBenefits .blockBody .listingItemLI { margin-bottom: 30px; padding-left: 15px; } .ImageTextListing.clubBenefits .blockBody .listingItemLI .listingItem h3 { font-size: 24px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; text-align: center; color: #34303d; } .ImageTextListing.clubBenefits .blockBody .listingItemLI .listingItem p { font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.43; letter-spacing: 0.4px; text-align: center; color: #34303d; } .ImageTextListing { background-color: #f6f4f0; } .ImageTextListing .blockTitle { font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.43; letter-spacing: normal; text-align: center; color: #34303d; } .ImageTextListing.clubBenefits { margin: 0 auto; padding-bottom: 40px; } .ImageTextListing.clubBenefits .listingHolder { padding: 0px; margin: 0; justify-content: center; } .ImageTextListing.clubBenefits .blockBody .listingItemLI { margin-bottom: 30px; padding-left: 15px; } .ImageTextListing.clubBenefits .blockBody .listingItemLI .listingItem h3 { font-size: 24px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; text-align: center; color: #34303d; } .ImageTextListing.clubBenefits .blockBody .listingItemLI .listingItem p { font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.43; letter-spacing: 0.4px; text-align: center; color: #34303d; } .ImageTextListing.homeBondsQuest { background-color: #ffffff; padding-top: 0; } .ImageTextListing.homeBondsQuest .blockTitle { margin-bottom: 30px; } .homepageMainCarousel .homeTopSlider .swiper-wrapper .deliaBanner .infoHolder .bannerInfo .bannerLink { margin-top: 0px; } .homepageMainCarousel .homeTopSlider .swiper-wrapper .deliaBanner .infoHolder .bannerInfo .bannerLink a:not(.button-arrow) { padding: 4px 22px 5px; font-size: 13px; } } @media screen and (min-width: 992px) and (max-height: 650px) { .menuHolder .menu .menuWrapper .first-level .secondLvl { padding: 30px 0; } } @media screen and (max-width: 450px) { .compareComponent .devicesListing .listingDevice .deviceInfo .descriptionWrapper .isNew { inset-inline-start: 14%; } .compareComponent .devicesListing .swiper-wrapper .listingDevice .deviceInfo h3 { min-height: 61px; } .homepageMainCarousel .homeTopSlider .swiper-wrapper .deliaBanner .contentWrapper { height: unset; } .homepageMainCarousel .homeTopSlider .swiper-wrapper .deliaBanner .infoHolder .bannerInfo .container-image-logo { margin-top: 0px; max-width: 100%; width: 30%; } .homepageMainCarousel .homeTopSlider .swiper-wrapper .deliaBanner .infoHolder .bannerInfo .container-image-logo:last-child { position: unset; max-width: 100%; width: 30%; } } @media screen and (max-width: 1194px) { .homepageMainCarousel .homeTopSlider .swiper-slide.deliaBanner .infoHolder { transform: translateY(-30%); padding-inline-start: 30px !important; z-index: 10000; margin-inline-end: 25%; } .homepageMainCarousel .homeTopSlider .swiper-slide.deliaBanner .infoHolder .bannerInfo .text-title { font-size: 28px; margin-bottom: 10px; } .homepageMainCarousel .homeTopSlider .swiper-slide.deliaBanner .infoHolder .bannerInfo .subtitle { display: none; } .homepageMainCarousel .homeTopSlider .swiper-slide.deliaBanner .infoHolder .bannerInfo .container-image-logo { width: 100px; } .homepageMainCarousel .homeTopSlider .swiper-slide.deliaBanner .infoHolder .bannerInfo .bannerLink a:not(.button-arrow) { padding: 4px 22px 5px; font-size: 13px; } } @media screen and (max-width: 480px) { .compareComponent .devicesListing .swiper-wrapper .listingDevice .deviceInfo h3 { min-height: 61px; } .homepageMainCarousel .homeTopSlider .swiper-wrapper .deliaBanner .contentWrapper { height: unset; } .homepageMainCarousel .homeTopSlider .swiper-wrapper .deliaBanner .contentWrapper .infoHolder .bannerInfo { max-width: 100%; } .homepageMainCarousel .homeTopSlider .swiper-wrapper .deliaBanner .contentWrapper .infoHolder .bannerInfo .text-title { font-size: 25px !important; line-height: 25px !important; } .homepageMainCarousel .homeTopSlider .swiper-wrapper .deliaBanner .contentWrapper .infoHolder .bannerInfo .container-image-logo { margin-top: 0px; max-width: 100%; width: 30%; } .homepageMainCarousel .homeTopSlider .swiper-wrapper .deliaBanner .contentWrapper .infoHolder .bannerInfo a:not(.button-arrow) { padding: 4px 22px 5px !important; font-size: 13px !important; } .homepageMainCarousel .homeTopSlider .swiper-wrapper .deliaBanner .contentWrapper .infoHolder .bannerInfo .container-image-logo:last-child { position: unset; max-width: 100%; width: 30%; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.iluma-i-promobanner-new .contentWrapper .infoHolder .bannerInfo .bottom-info { margin-top: 70%; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.iluma-i-promobanner-new .contentWrapper .infoHolder .bannerInfo img { width: 70%; } } @media screen and (max-width: 395px) { .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.iluma-i-promobanner-new .contentWrapper .infoHolder .bannerInfo .bottom-info { margin-top: 50%; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.iluma-i-promobanner-new .contentWrapper .infoHolder .bannerInfo .bottom-info .discalmerIluma { font-size: 13px; } .homeSwiperTabsWrapper .swiper.swiperBanner .swiper-slide.iluma-i-promobanner-new .contentWrapper .infoHolder .bannerInfo img { width: 70%; } } @media screen and (min-width: 1350px) { .footerSupportItems .container { max-width: 1500px; } .footerSupportItems .box-wrap .box { flex: 0 0 16.6666%; } .productsListing .leftFiltersCol .filterWrapper .filterRow .filterDiv .backgroundColor { width: 7px; height: 7px; border-radius: 50%; margin-inline-end: 5px; } .productsListing .leftFiltersCol .filterWrapper .filterRow .filterDiv .colorTitle { font-size: 11px; } } @media screen and (max-width: 1450px) { .productsListing.relatedProducts .product-arrow-swiper-button-next { inset-inline-end: 0; } .productsListing.relatedProducts .product-arrow-swiper-button-prev { inset-inline-start: 0; } } @media screen and (max-width: 1500px) and (min-width: 1350px) { .productsListing .leftFiltersCol .filterWrapper .filterRow .filterDiv .backgroundColor { width: 8px; height: 8px; border-radius: 50%; margin-inline-end: 7px; } .productsListing .leftFiltersCol .filterWrapper .filterRow .filterDiv .colorTitle { font-size: 12px; } } .productsListing .leftFiltersCol .filterWrapper .filterRow .filterDiv .backgroundColor { width: 7px; height: 7px; border-radius: 50%; margin-inline-end: 5px; } @media screen and (max-width: 1350px) { .productsListing .leftFiltersCol .filterWrapper .filterRow { flex-direction: column; } .productsListing .leftFiltersCol .filterWrapper .filterRow .filterDiv { flex: 0 0 100%; max-width: 100%; } } @media screen and (max-width: 991px) { .productsListing { margin-bottom: 40px; } .productsListing .filters-mobile { display: none; } .productsListing .filters-mobile input { border: 1px solid #34303d; border-radius: 30px; background-image: url(../../images/search.svg); background-position: 10px center; background-size: 20px 20px; background-repeat: no-repeat; font-family: "IQOS", "IQOS AR", sans-serif; width: 42px; height: 42px; padding: 0; transition: all 0.5s ease-in-out; } .productsListing .filters-mobile input::-moz-placeholder { color: transparent; } .productsListing .filters-mobile input::placeholder { color: transparent; } .productsListing .filters-mobile input.active { padding: 7px; padding-inline-start: 50px; width: 250px; background-color: #ffffff; } .productsListing .filters-mobile .filter-toggle { width: 40px; height: 40px; cursor: pointer; } .productsListing .filters-mobile .filter-toggle img { width: 100%; -o-object-fit: contain; object-fit: contain; } .productsListing .filters-list-parent { padding-inline: 20px; } .productsListing .filters-list-parent #searchInputFieldMobile { display: block; } .productsListing .filters-list-parent .filters-main { margin-bottom: 20px; margin-inline: -20px; border-bottom: none; flex-wrap: wrap; } .productsListing .filters-list-parent .filters-main .searchResu { display: none; } .productsListing .filters-list-parent .filters-main .stackedInput { display: flex; justify-content: center; gap: 0px; flex-wrap: wrap; border-bottom: 1px solid #dcdcdc; flex: 0 0 100%; margin-bottom: 20px; } .productsListing .filters-list-parent .filters-main .stackedInput .first-level { margin-inline-end: 30px; } .productsListing .filters-list-parent .filters-main .stackedInput .first-level:last-child { margin-inline-end: 0; } .productsListing .filters-list-parent .filters-main .stackedInput .first-level .filter-item a { font-size: 16px; } .productsListing .filters-list-parent .filters-main .stackedInput .first-level .filter-item a:hover { color: #34303d; } .productsListing .filters-list-parent .loadMoreBtn { margin-top: 30px; } .productsListing .product-list-title .filter-result { margin-bottom: 20px; position: relative; } .productsListing .product-list-title .filter-result .filter-result-title { display: flex; justify-content: space-between; align-items: center; width: 100%; } .productsListing .product-list-title .filter-result .filter-result-title .resultsText { flex-grow: 1; font-size: 16px; } .productsListing .product-list-title .filter-result .listingDisclaimer { margin-bottom: 20px; font-size: 16px; } .prodDetails { margin-bottom: 40px; } .prodDetails .product-details__container { padding: 0 20px; margin-bottom: 40px; } .prodDetails .product-details__wrapper { margin-bottom: 40px; padding: 40px 0 0; } .prodDetails .product-details__wrapper .higher-z-index { padding-bottom: 40px; } .prodDetails .product-details__wrapper .higher-z-index .product-details .product-details__image .product__slider { margin-bottom: 20px; } .prodDetails .product-details__wrapper .higher-z-index .product-details .product-details__info { padding: 0 15px; } .prodDetails .product-details__wrapper .higher-z-index .product-details .product-details__info .product-details__top { margin-bottom: 20px; } .prodDetails .product-details__wrapper .higher-z-index .product-details .product-details__info .product-details__price { margin-bottom: 20px; } .prodDetails .product-details__wrapper .higher-z-index .product-details .product-details__info .product-details__price .sales-price { font-size: 22px; } .prodDetails .product-details__wrapper .higher-z-index .product-details .product-details__info .bundlePRoducts .bundleProductListing .prodWrapper .product { padding: 5px 20px; } .prodDetails .product-details__wrapper .higher-z-index .product-details .product-details__info .bundlePRoducts .bundleProductListing .prodWrapper .product .productContainer .leftWrapper { gap: 15px; } .prodDetails .product-details__wrapper .higher-z-index .product-details .product-details__info .bundlePRoducts .bundleProductListing .prodWrapper .product .variations { padding-bottom: 15px; } .prodDetails .product-details__wrapper .higher-z-index .product-details .product-details__info .variations__list { margin-bottom: 20px; } .prodDetails .product-details__wrapper .higher-z-index .product-details .product-details__info .productActions { margin-bottom: 20px; } .prodDetails .product-details__wrapper .higher-z-index .product-details .product-details__info .productActions #cartDiv { gap: 20px; flex-direction: column; } .prodDetails .product-details__wrapper .higher-z-index .product-details .product-details__info .productActions #cartDiv .addToCart { width: -moz-fit-content; width: fit-content; } .ecommerceNotice { width: 80%; text-align: center; margin: 0 auto 40px auto; } .videoBanner { margin-bottom: 40px; } .videoBanner .videoBlock { padding-inline: 20px; } .videoBanner .videoIntro { padding: 20px; text-align: start; } .videoBanner .videoIntro .blockTitle { margin-bottom: 15px; } .footerSupportItems { padding-top: 40px; margin-bottom: 40px; } .footerSupportItems .blockDesc { margin-bottom: 40px; } .footerSupportItems .box-wrap .box { flex: 0 0 33.33%; margin-bottom: 40px; } .footerSupportItems .box-wrap .box .imageWrapper { width: 64px; height: 64px; } .footerSupportItems .box-wrap .box .imageWrapper img { max-width: 100%; -o-object-fit: contain; object-fit: contain; width: 100%; } .footerSupportItems .box-wrap .box .description a:hover { color: #34303d; } .product-usps { margin-bottom: 40px; } .product-usps .swiper { height: 600px; } .product-usps .swiper-wrapper .listingItem .listingImage { max-height: 100%; flex: 0 0 45%; } .product-usps .swiper-wrapper .listingItem .listingInfo { flex: 0 0 52%; padding-inline: 40px; } .product-usps .swiper-wrapper .listingItem .listingInfo .bottomText { inset-inline-start: 40px; } .pdpTextImageIluma { padding: 40px 0; margin-bottom: 40px; } .pdpTextImageIluma.bondsDescription { padding: 20px 0 40px 0; } .pdpTextImageIluma .row { flex-direction: column-reverse; } .pdpTextImageIluma .imageHolder { margin-bottom: 20px; } .pdpTextImageIluma .text .desc { margin-bottom: 20px; } .ilumaExpColSection { margin-bottom: 40px; } .ilumaExpColSection .expColItem .title .arrow { width: 30px; height: 30px; background-size: 15px 15px; } .ilumaExpColSection .expColItem .description { width: 90%; padding: 25px 0; } .ilumaExpColSection .expColItem .description .images { gap: 10px; margin-top: 20px; } .commonBanner.smallBanner { --bs-aspect-ratio: 98%; margin-bottom: 15px; } .commonBanner.textMobUp .bannerContentWrapper { align-items: flex-start !important; } .pdpdetails .videoBanner .videoBlock { padding-top: 40px; } .productsListing .consumablesProductsGraph .pointsWrapper > .d-flex { position: relative; } .productsListing .consumablesProductsGraph .tooltip { position: static; } .productsListing .consumablesProductsGraph .tooltip .tooltip-content { inset-inline-start: 50%; transform: translateX(-50%); max-width: 100%; bottom: calc(100% - 8px); } .displayFeaturesComponent .section-banner .mobileImage { width: 100%; -o-object-fit: cover; object-fit: cover; height: auto; } } @media screen and (max-width: 767px) { .commonBanner { --bs-aspect-ratio: 120%; margin-bottom: 40px; } .commonBanner.smallBanner { --bs-aspect-ratio: 98%; } .commonBanner > img { -o-object-fit: cover; object-fit: cover; } .commonBanner .bannerContentWrapper { display: flex; align-items: center; } .commonBanner .bannerContentWrapper .bannerText { flex: 0 0 100%; padding: 40px 0; } .commonBanner .bannerContentWrapper .bannerImage { justify-content: center; flex: 0 0 100%; } .commonBanner .bannerContentWrapper .bannerImage img { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; } .commonBanner.tinyBanner { --bs-aspect-ratio: 60%; } .commonBanner.tinyBanner .bannerContentWrapper .bannerText { max-width: 75%; } .product-details__wrapper .productSticky { display: none; } .pdpdetails .centeredText { width: 100%; padding-inline: 20px; margin-bottom: 40px; } .pdpdetails .videoBanner .videoBlock { padding-top: 0; } .product-usps .swiper { height: 750px; } .product-usps .swiper-wrapper .listingItem { flex-wrap: wrap; } .product-usps .swiper-wrapper .listingItem .listingImage { max-height: 500px; max-width: 500px; flex: 0 0 100%; margin-inline-start: auto; } .product-usps .swiper-wrapper .listingItem .listingImage img { display: block; } .product-usps .swiper-wrapper .listingItem .listingInfo { flex: 0 0 100%; padding-inline: 20px; padding-top: 40px; text-align: center; } .product-usps .swiper-wrapper .listingItem .listingInfo .bottomText { position: static; inset-inline-start: 0; max-width: 100%; margin-top: 15px; } .productsListing .product-list-title .itemListing { /* flex-wrap: wrap;*/ } .productsListing .product-list-title .itemListing .col-md-4 { padding-right: 7px; padding-left: 7px; flex: 0 0 50%; max-width: 50%; } .productsListing .product-list-title .itemListing .col-md-4 .productLinks .addToCartBtn { padding: 5px 18px 9px; } .productsListing .product-list-title .itemListing .col-md-4 .tile--product .imageVariationWrapper .variations .product-variations .variations__list { width: auto; } .productsListing .product-list-title .itemListing .col-md-4 .tile--product .imageVariationWrapper .variations .product-variations .colors-swiper-button-next { inset-inline-end: -15px; } .productsListing .product-list-title .itemListing .col-md-4 .tile--product .imageVariationWrapper .variations .product-variations .colors-swiper-button-prev { inset-inline-start: -15px; } .productsListing .ListingLeftFilters { visibility: hidden; opacity: 0; width: 100vw; height: 100vh; position: fixed; top: 0; background: #fffdfb; left: 0; z-index: 100; padding: 13vw; transition: 0.3s all ease-in-out; } .productsListing .ListingLeftFilters.showMobile { display: block; visibility: visible; opacity: 1; } .productsListing .ListingLeftFilters .colorWrapper p { margin-bottom: 30px; } .productsListing .closeListingFilters { background-image: url(/images/close.png); width: 15px; height: 13px; background-size: contain; background-position: center center; background-repeat: no-repeat; display: block; margin-inline-start: auto; margin-bottom: 40px; position: absolute; inset-inline-end: 20px; top: 20px; z-index: 100; } .productsListing .filterDiv { flex: 0 0 50%; } .productsListing .leftFiltersCol .mobileBtnFilters { display: inline-block; background-color: white; color: #34303d; padding: 5px 32px 9px; border-radius: 24px; border: 2px solid #34303d; letter-spacing: 0.5px; font-size: 16px; cursor: pointer; margin-bottom: 20px; } .productsListing .leftFiltersCol .mobileBtnFilters a { color: #34303d; } .footerCardsListing.LilSolidEzCardSlider { background-color: #f6f4f0; padding: 40px 0; } .footerCardsListing.LilSolidEzCardSlider .listingItem .listingImage { --bs-aspect-ratio: 120%; } .videoBanner .video-holder .iframeHolder .content { flex: 0 0 85%; } .product-usps .swiper-pagination-usps { inset-inline-end: 15px !important; } .additional-pdp-details .pdpDetailsWrapper .contentBlock.pdpdetails .pdp-video-header { margin-bottom: 30px; } .displayFeaturesComponent .section-banner { margin-bottom: 25px; } .displayFeaturesComponent .box { margin-bottom: 15px; } .newDicoverIlumaSection { margin-bottom: 40px; } .newDicoverIlumaSection .blockBody .form-intro { margin-bottom: 25px; max-width: 100%; } .newDicoverIlumaSection .blockBody .listingHolder { margin-bottom: 0px; } .newDicoverIlumaSection .blockBody .listingHolder > li { margin-bottom: 0px; } .newDicoverIlumaSection .blockBody .listingHolder .listingItemLI .listingProduct { margin-bottom: 30px; } .warrantyQaSection { margin-bottom: 40px; padding-top: 40px; } .GetReadyDisclamer { margin-bottom: 40px; } } @media screen and (max-width: 585px) { .prodDetails .product-details__wrapper .higher-z-index .product-details .product-details__image .product__slider .pdp-badge { position: absolute; width: 14%; top: 20px; z-index: 10; } .footerSupportItems .box-wrap .box { flex: 0 0 100%; } .bondsListingPdpSwiper .swiper-slide { padding-inline: 5px; } .bondsListingPdpSwiper .swiper-slide .listingInfo { padding: 15px; } } @media screen and (max-width: 430px) { #back-to-top { inset-inline-end: 100px; } } /*# sourceMappingURL=EcommerceResponsive.css.map */ /* 1- Swiper */ /* 1- Dropkick */ /** * Swiper 10.2.0 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2023 Vladimir Kharlampidi * * Released under the MIT License * * Released on: August 17, 2023 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;overflow:clip;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;-ms-touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* Dropkick */ .dk-select, .dk-select *, .dk-select *:before, .dk-select *:after, .dk-select-multi, .dk-select-multi *, .dk-select-multi *:before, .dk-select-multi *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .dk-select, .dk-select-multi { position: relative; display: inline-block; vertical-align: middle; line-height: 1.5em; width: 200px; cursor: pointer; } .dk-selected { width: 100%; white-space: nowrap; overflow: hidden; position: relative; background-color: white; border: 1px solid #CCCCCC; border-radius: 0.4em; padding: 0 1.5em 0 0.5em; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .dk-selected:before, .dk-selected:after { content: ''; display: block; position: absolute; right: 0; } .dk-selected:before { top: 50%; border: solid transparent; border-width: 0.25em 0.25em 0; border-top-color: #CCCCCC; margin: -0.125em 0.5em 0 0; } .dk-selected:after { top: 0; height: 100%; border-left: 1px solid #CCCCCC; margin: 0 1.5em 0 0; } .dk-selected-disabled { color: #BBBBBB; } .dk-select .dk-select-options { position: absolute; display: none; left: 0; right: 0; } .dk-select-open-up .dk-select-options { border-radius: 0.4em 0.4em 0 0; margin-bottom: -1px; bottom: 100%; } .dk-select-open-down .dk-select-options { border-radius: 0 0 0.4em 0.4em; margin-top: -1px; top: 100%; } .dk-select-multi .dk-select-options { max-height: 10em; } .dk-select-options { background-color: white; border: 1px solid #CCCCCC; border-radius: 0.4em; list-style: none; margin: 0; max-height: 10.5em; overflow-x: hidden; overflow-y: auto; padding: 0.25em 0; width: auto; z-index: 100; } .dk-option-selected { background-color: #3297fd; color: #fff; } .dk-select-options-highlight .dk-option-selected { background-color: transparent; color: inherit; } .dk-option { padding: 0 0.5em; } .dk-select-options .dk-option-highlight { background-color: #3297fd; color: #fff; } .dk-select-options .dk-option-disabled { color: #BBBBBB; background-color: transparent; } .dk-select-options .dk-option-hidden { display: none; } .dk-optgroup { border: solid #CCCCCC; border-width: 1px 0; padding: 0.25em 0; margin-top: 0.25em; } .dk-optgroup + .dk-option { margin-top: 0.25em; } .dk-optgroup + .dk-optgroup { border-top-width: 0; margin-top: 0; } .dk-optgroup:nth-child(2) { padding-top: 0; border-top: none; margin-top: 0; } .dk-optgroup:last-child { border-bottom-width: 0; margin-bottom: 0; padding-bottom: 0; } .dk-optgroup-disabled { opacity: 0.6; color: #BBBBBB; cursor: not-allowed; } .dk-optgroup-label { padding: 0 0.5em 0.25em; font-weight: bold; width: 100%; } .dk-optgroup-options { list-style: none; padding-left: 0; } .dk-optgroup-options li { padding-left: 1.2em; } .dk-select-open-up .dk-selected { border-top-left-radius: 0; border-top-right-radius: 0; border-color: #3297fd; } .dk-select-open-down .dk-selected { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-color: #3297fd; } .dk-select-open-up .dk-selected:before, .dk-select-open-down .dk-selected:before { border-width: 0 0.25em 0.25em; border-bottom-color: #3297fd; } .dk-select-open-up .dk-selected:after, .dk-select-open-down .dk-selected:after { border-left-color: #3297fd; } .dk-select-open-up .dk-select-options, .dk-select-open-down .dk-select-options, .dk-select-multi:focus .dk-select-options { display: block; border-color: #3297fd; } .dk-select-multi:hover, .dk-select-multi:focus { outline: none; } .dk-selected:hover, .dk-selected:focus { outline: none; border-color: #3297fd; } .dk-selected:hover:before, .dk-selected:focus:before { border-top-color: #3297fd; } .dk-selected:hover:after, .dk-selected:focus:after { border-left-color: #3297fd; } .dk-select-disabled { opacity: 0.6; color: #BBBBBB; cursor: not-allowed; } .dk-select-disabled .dk-selected:hover, .dk-select-disabled .dk-selected:focus { border-color: inherit; } .dk-select-disabled .dk-selected:hover:before, .dk-select-disabled .dk-selected:focus:before { border-top-color: inherit; } .dk-select-disabled .dk-selected:hover:after, .dk-select-disabled .dk-selected:focus:after { border-left-color: inherit; } select[data-dkcacheid] { display: none; }