@media(max-width:600px){:root, [data-bs-theme="light"] { --bs-blue: #0b69f6; --bs-indigo: #6610f2; --bs-purple: #6f42c1; --bs-pink: #d63384; --bs-red: #ff4657; --bs-orange: #fd7e14; --bs-yellow: #ffc107; --bs-green: #188251; --bs-teal: #20c997; --bs-cyan: #0dcaf0; --bs-black: #000; --bs-white: #fff; --bs-gray: #6c757d; --bs-gray-dark: #343a40; --bs-gray-100: #f8f9fa; --bs-gray-200: #e9ecef; --bs-gray-300: #dee2e6; --bs-gray-400: #ced4da; --bs-gray-500: #adb5bd; --bs-gray-600: #6c757d; --bs-gray-700: #495057; --bs-gray-800: #343a40; --bs-gray-900: #212529; --bs-primary: #0b69f6; --bs-secondary: #6c757d; --bs-success: #188251; --bs-info: #0dcaf0; --bs-warning: #ffc107; --bs-danger: #ff4657; --bs-light: #f8f9fa; --bs-dark: #212529; --bs-primary-rgb: 11,105,246; --bs-secondary-rgb: 108,117,125; --bs-success-rgb: 24,130,81; --bs-info-rgb: 13,202,240; --bs-warning-rgb: 255,193,7; --bs-danger-rgb: 255,70,87; --bs-light-rgb: 248,249,250; --bs-dark-rgb: 33,37,41; --bs-primary-text-emphasis: #0b69f6; --bs-secondary-text-emphasis: #2b2f32; --bs-success-text-emphasis: #0a3420; --bs-info-text-emphasis: #055160; --bs-warning-text-emphasis: #664d03; --bs-danger-text-emphasis: #661c23; --bs-light-text-emphasis: #495057; --bs-dark-text-emphasis: #495057; --bs-primary-bg-subtle: #cee1fd; --bs-secondary-bg-subtle: #e2e3e5; --bs-success-bg-subtle: #d1e6dc; --bs-info-bg-subtle: #cff4fc; --bs-warning-bg-subtle: #fff3cd; --bs-danger-bg-subtle: #ffdadd; --bs-light-bg-subtle: #fcfcfd; --bs-dark-bg-subtle: #ced4da; --bs-primary-border-subtle: #9dc3fb; --bs-secondary-border-subtle: #c4c8cb; --bs-success-border-subtle: #a3cdb9; --bs-info-border-subtle: #9eeaf9; --bs-warning-border-subtle: #ffe69c; --bs-danger-border-subtle: #ffb5bc; --bs-light-border-subtle: #e9ecef; --bs-dark-border-subtle: #adb5bd; --bs-white-rgb: 255,255,255; --bs-black-rgb: 0,0,0; --bs-font-sans-serif: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --bs-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; --bs-gradient: linear-gradient(180deg,hsla(0,0%,100%,.15),hsla(0,0%,100%,0)); --bs-body-font-family: "Inter",sans-serif; --bs-body-font-size: 1rem; --bs-body-font-weight: 400; --bs-body-line-height: 1.5; --bs-body-color: #212529; --bs-body-color-rgb: 33,37,41; --bs-body-bg: #fff; --bs-body-bg-rgb: 255,255,255; --bs-emphasis-color: #000; --bs-emphasis-color-rgb: 0,0,0; --bs-secondary-color: rgba(33,37,41,.75); --bs-secondary-color-rgb: 33,37,41; --bs-secondary-bg: #e9ecef; --bs-secondary-bg-rgb: 233,236,239; --bs-tertiary-color: rgba(33,37,41,.65); --bs-tertiary-color-rgb: 33,37,41; --bs-tertiary-bg: #f8f9fa; --bs-tertiary-bg-rgb: 248,249,250; --bs-heading-color: inherit; --bs-link-color: #0b69f6; --bs-link-color-rgb: 11,105,246; --bs-link-decoration: none; --bs-link-hover-color: #0954c5; --bs-link-hover-color-rgb: 9,84,197; --bs-code-color: #d63384; --bs-highlight-color: #212529; --bs-highlight-bg: #fff3cd; --bs-border-width: 1px; --bs-border-style: solid; --bs-border-color: #dee2e6; --bs-border-color-translucent: rgba(0,0,0,.175); --bs-border-radius: 0.5rem; --bs-border-radius-sm: 0.25rem; --bs-border-radius-lg: 0.5rem; --bs-border-radius-xl: 1rem; --bs-border-radius-xxl: 2rem; --bs-border-radius-2xl: var(--bs-border-radius-xxl); --bs-border-radius-pill: 50rem; --bs-box-shadow: 0 0.5rem 1rem rgba(0,0,0,.15); --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0,0,0,.075); --bs-box-shadow-lg: 0 1rem 3rem rgba(0,0,0,.175); --bs-box-shadow-inset: inset 0 1px 2px rgba(0,0,0,.075); --bs-focus-ring-width: 0.25rem; --bs-focus-ring-opacity: 0.25; --bs-focus-ring-color: rgba(11,105,246,.25); --bs-form-valid-color: #188251; --bs-form-valid-border-color: #188251; --bs-form-invalid-color: #ff4657; --bs-form-invalid-border-color: #ff4657; }
:root { --bs-transition-default: all 0.2s ease-in-out; --bs-box-shadow-md: 0 0.625rem 1.25rem rgba(var(--bs-black-rgb),0.1); }
@layer bs-base {*, ::after, ::before { box-sizing: border-box; }
body { background-color: var(--bs-body-bg); color: var(--bs-body-color); font-family: var(--bs-body-font-family); font-size: var(--bs-body-font-size); font-weight: var(--bs-body-font-weight); line-height: var(--bs-body-line-height); margin: 0px; text-align: var(--bs-body-text-align); text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }
.h1, .h2, .h3, .h4, .h5, .h6, .left-block__title, .right-block__title, h1, h2, h3, h4, h5, h6 { color: var(--bs-heading-color); font-weight: 600; line-height: 1.2; margin-bottom: 1rem; margin-top: 0px; }
.h1, h1 { font-size: calc(var(--bs-body-font-size)*2); }
.h2, h2 { font-size: calc(var(--bs-body-font-size)*1.5); }
p { margin-bottom: 1rem; margin-top: 0px; }
ol, ul { padding-left: 2rem; }
dl, ol, ul { margin-bottom: 1rem; margin-top: 0px; }
a { color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1)); text-decoration: none; }
a:hover { --bs-link-color-rgb: var(--bs-link-hover-color-rgb); }
figure { margin: 0px 0px 1rem; }
img, svg { vertical-align: middle; }
button { border-radius: 0px; }
button, input, optgroup, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; margin: 0px; }
button, select { text-transform: none; }
[list]:not([type="date"]):not([type="datetime-local"]):not([type="month"]):not([type="week"]):not([type="time"])::-webkit-calendar-picker-indicator { display: none !important; }
[type="button"], [type="reset"], [type="submit"], button { appearance: button; }
[type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled), button:not(:disabled) { cursor: pointer; }
[type="search"] { appearance: textfield; outline-offset: -2px; }
[hidden] { display: none !important; }
.checkout-steps__mobile, .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; margin-left: auto; margin-right: auto; padding-left: calc(var(--bs-gutter-x)*.5); padding-right: calc(var(--bs-gutter-x)*.5); width: 100%; }
:root { --bs-breakpoint-xxs: 0; --bs-breakpoint-xs: 360px; --bs-breakpoint-sm: 576px; --bs-breakpoint-md: 768px; --bs-breakpoint-lg: 992px; --bs-breakpoint-xl: 1200px; --bs-breakpoint-xxl: 1400px; }
.row { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-left: calc(var(--bs-gutter-x)*-.5); margin-right: calc(var(--bs-gutter-x)*-.5); margin-top: calc(var(--bs-gutter-y)*-1); }
.row > * { flex-shrink: 0; margin-top: var(--bs-gutter-y); max-width: 100%; padding-left: calc(var(--bs-gutter-x)*.5); padding-right: calc(var(--bs-gutter-x)*.5); width: 100%; }
.visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) { height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0px !important; width: 1px !important; clip: rect(0px, 0px, 0px, 0px) !important; border: 0px !important; white-space: nowrap !important; }
.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption), .visually-hidden:not(caption) { position: absolute !important; }
.collapse:not(.show) { display: none; }
}
@layer bs-components {.badge:empty { display: none; }
.breadcrumb { --bs-breadcrumb-padding-x: 0; --bs-breadcrumb-padding-y: 0.75rem; --bs-breadcrumb-margin-bottom: 0; --bs-breadcrumb-font-size: 0.875rem; --bs-breadcrumb-bg: ; --bs-breadcrumb-border-radius: ; --bs-breadcrumb-divider-color: var(--bs-body-color); --bs-breadcrumb-item-padding-x: 0.5rem; --bs-breadcrumb-item-active-color: var(--bs-body-color); background-color: var(--bs-breadcrumb-bg); border-radius: var(--bs-breadcrumb-border-radius); display: flex; flex-wrap: wrap; font-size: var(--bs-breadcrumb-font-size); list-style: none; margin-bottom: var(--bs-breadcrumb-margin-bottom); padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x); }
.breadcrumb-item + .breadcrumb-item { padding-left: var(--bs-breadcrumb-item-padding-x); }
.breadcrumb-item + .breadcrumb-item::before { color: var(--bs-breadcrumb-divider-color); content: var(--bs-breadcrumb-divider,"/"); float: left; padding-right: var(--bs-breadcrumb-item-padding-x); }
.btn { --bs-btn-padding-x: 0.75rem; --bs-btn-padding-y: 0.375rem; --bs-btn-font-family: ; --bs-btn-font-size: 1rem; --bs-btn-font-weight: 400; --bs-btn-line-height: 1.5; --bs-btn-color: var(--bs-body-color); --bs-btn-bg: transparent; --bs-btn-border-width: var(--bs-border-width); --bs-btn-border-color: transparent; --bs-btn-border-radius: 0.25rem; --bs-btn-hover-border-color: transparent; --bs-btn-box-shadow: inset 0 1px 0 hsla(0,0%,100%,.15),0 1px 1px rgba(0,0,0,.075); --bs-btn-disabled-opacity: 0.65; --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb),.5); background-color: var(--bs-btn-bg); border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius: var(--bs-btn-border-radius); color: var(--bs-btn-color); cursor: pointer; display: inline-block; font-family: var(--bs-btn-font-family); font-size: var(--bs-btn-font-size); font-weight: var(--bs-btn-font-weight); line-height: var(--bs-btn-line-height); padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); text-align: center; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; user-select: none; vertical-align: middle; }
@media (prefers-reduced-motion: reduce){.btn { transition: none; }
}
.btn:hover { background-color: var(--bs-btn-hover-bg); border-color: var(--bs-btn-hover-border-color); color: var(--bs-btn-hover-color); }
.btn:focus-visible { background-color: var(--bs-btn-hover-bg); border-color: var(--bs-btn-hover-border-color); box-shadow: var(--bs-btn-focus-box-shadow); color: var(--bs-btn-hover-color); outline: 0px; }
.btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active { background-color: var(--bs-btn-active-bg); border-color: var(--bs-btn-active-border-color); color: var(--bs-btn-active-color); }
.btn-check:checked + .btn:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible, .btn:first-child:active:focus-visible, :not(.btn-check) + .btn:active:focus-visible { box-shadow: var(--bs-btn-focus-box-shadow); }
.btn-primary { --bs-btn-color: #fff; --bs-btn-bg: #0b69f6; --bs-btn-border-color: #0b69f6; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #0959d1; --bs-btn-hover-border-color: #0954c5; --bs-btn-focus-shadow-rgb: 48,128,247; --bs-btn-active-color: #fff; --bs-btn-active-bg: #0954c5; --bs-btn-active-border-color: #084fb9; --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #0b69f6; --bs-btn-disabled-border-color: #0b69f6; }
.carousel-item { backface-visibility: hidden; display: none; float: left; margin-right: -100%; position: relative; transition: transform 0.6s ease-in-out; width: 100%; }
.dropdown-menu { --bs-dropdown-zindex: 1000; --bs-dropdown-min-width: 10rem; --bs-dropdown-padding-x: 0; --bs-dropdown-padding-y: 0; --bs-dropdown-spacer: 0.125rem; --bs-dropdown-font-size: 1rem; --bs-dropdown-color: var(--bs-body-color); --bs-dropdown-bg: var(--bs-body-bg); --bs-dropdown-border-color: var(--bs-border-color-translucent); --bs-dropdown-border-radius: var(--bs-border-radius); --bs-dropdown-border-width: var(--bs-border-width); --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width)); --bs-dropdown-divider-bg: var(--bs-border-color-translucent); --bs-dropdown-divider-margin-y: 0; --bs-dropdown-box-shadow: var(--bs-box-shadow); --bs-dropdown-link-color: var(--bs-body-color); --bs-dropdown-link-hover-color: var(--bs-body-color); --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg); --bs-dropdown-link-active-color: #fff; --bs-dropdown-link-active-bg: #0b69f6; --bs-dropdown-link-disabled-color: var(--bs-tertiary-color); --bs-dropdown-item-padding-x: 1rem; --bs-dropdown-item-padding-y: 0.75rem; --bs-dropdown-header-color: #6c757d; --bs-dropdown-header-padding-x: 1rem; --bs-dropdown-header-padding-y: 0.5rem; background-clip: padding-box; background-color: var(--bs-dropdown-bg); border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color); border-radius: var(--bs-dropdown-border-radius); color: var(--bs-dropdown-color); display: none; font-size: var(--bs-dropdown-font-size); list-style: none; margin: 0px; min-width: var(--bs-dropdown-min-width); padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x); position: absolute; text-align: left; z-index: var(--bs-dropdown-zindex); }
.dropstart .dropdown-toggle::after { display: none; }
.valid-feedback { color: var(--bs-form-valid-color); display: none; font-size: 0.875em; margin-top: 0.25rem; width: 100%; }
.valid-tooltip { background-color: var(--bs-success); border-radius: var(--bs-border-radius); color: rgb(255, 255, 255); display: none; font-size: 0.875rem; margin-top: 0.1rem; max-width: 100%; padding: 0.25rem 0.5rem; position: absolute; top: 100%; z-index: 5; }
.invalid-feedback { color: var(--bs-form-invalid-color); display: none; font-size: 0.875em; margin-top: 0.25rem; width: 100%; }
.invalid-tooltip { background-color: var(--bs-danger); border-radius: var(--bs-border-radius); color: rgb(255, 255, 255); display: none; font-size: 0.875rem; margin-top: 0.1rem; max-width: 100%; padding: 0.25rem 0.5rem; position: absolute; top: 100%; z-index: 5; }
.modal { --bs-modal-zindex: 1055; --bs-modal-width: 500px; --bs-modal-padding: 1.5rem; --bs-modal-margin: 0.5rem; --bs-modal-color: ; --bs-modal-bg: var(--bs-body-bg); --bs-modal-border-color: var(--bs-border-color-translucent); --bs-modal-border-width: 0; --bs-modal-border-radius: var(--bs-border-radius-lg); --bs-modal-box-shadow: var(--bs-box-shadow-sm); --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width)); --bs-modal-header-padding-x: 1.5rem; --bs-modal-header-padding-y: 1.5rem; --bs-modal-header-padding: 1.5rem 1.5rem; --bs-modal-header-border-color: var(--bs-border-color); --bs-modal-header-border-width: 0; --bs-modal-title-line-height: 1.5; --bs-modal-footer-gap: 0.5rem; --bs-modal-footer-bg: ; --bs-modal-footer-border-color: var(--bs-border-color); --bs-modal-footer-border-width: 0; display: none; height: 100%; left: 0px; outline: 0px; overflow: hidden auto; position: fixed; top: 0px; width: 100%; z-index: var(--bs-modal-zindex); }
@media (min-width: 360px){.navbar-expand-xs .navbar-toggler { display: none; }
.navbar-expand-xs .offcanvas .offcanvas-header { display: none; }
}
.navbar-expand .navbar-toggler { display: none; }
.navbar-expand .offcanvas .offcanvas-header { display: none; }
.tab-content > .tab-pane { display: none; }
@media (min-width: 360px){.offcanvas-xs .offcanvas-header { display: none; }
}
@media (max-width: 575.98px){.offcanvas-sm { background-clip: padding-box; background-color: var(--bs-offcanvas-bg); bottom: 0px; color: var(--bs-offcanvas-color); display: flex; flex-direction: column; max-width: 100%; outline: 0px; position: fixed; transition: var(--bs-offcanvas-transition); visibility: hidden; z-index: var(--bs-offcanvas-zindex); }
}
@media (max-width: 767.98px){.offcanvas-md { background-clip: padding-box; background-color: var(--bs-offcanvas-bg); bottom: 0px; color: var(--bs-offcanvas-color); display: flex; flex-direction: column; max-width: 100%; outline: 0px; position: fixed; transition: var(--bs-offcanvas-transition); visibility: hidden; z-index: var(--bs-offcanvas-zindex); }
}
@media (max-width: 991.98px){.offcanvas-lg { background-clip: padding-box; background-color: var(--bs-offcanvas-bg); bottom: 0px; color: var(--bs-offcanvas-color); display: flex; flex-direction: column; max-width: 100%; outline: 0px; position: fixed; transition: var(--bs-offcanvas-transition); visibility: hidden; z-index: var(--bs-offcanvas-zindex); }
}
@media (max-width: 1199.98px){.offcanvas-xl { background-clip: padding-box; background-color: var(--bs-offcanvas-bg); bottom: 0px; color: var(--bs-offcanvas-color); display: flex; flex-direction: column; max-width: 100%; outline: 0px; position: fixed; transition: var(--bs-offcanvas-transition); visibility: hidden; z-index: var(--bs-offcanvas-zindex); }
}
@media (max-width: 1399.98px){.offcanvas-xxl { background-clip: padding-box; background-color: var(--bs-offcanvas-bg); bottom: 0px; color: var(--bs-offcanvas-color); display: flex; flex-direction: column; max-width: 100%; outline: 0px; position: fixed; transition: var(--bs-offcanvas-transition); visibility: hidden; z-index: var(--bs-offcanvas-zindex); }
}
.offcanvas { background-clip: padding-box; background-color: var(--bs-offcanvas-bg); bottom: 0px; color: var(--bs-offcanvas-color); display: flex; flex-direction: column; max-width: 100%; outline: 0px; position: fixed; transition: var(--bs-offcanvas-transition); visibility: hidden; z-index: var(--bs-offcanvas-zindex); }
.popover-header:empty { display: none; }
.toast:not(.show) { display: none; }
.toast-container { --bs-toast-zindex: 1090; max-width: 100%; pointer-events: none; position: absolute; width: max-content; z-index: var(--bs-toast-zindex); }
}
@layer bs-custom-components {.breadcrumb { display: flex; flex-wrap: nowrap; gap: 0.5rem; overflow-x: scroll; scrollbar-width: none; }
.breadcrumb[data-depth="1"] { display: none; }
.breadcrumb-item { padding: 0px; white-space: nowrap; }
.breadcrumb-item + .breadcrumb-item::before { float: none; padding-inline-end: 0.25rem; }
.breadcrumb__wrapper { background-color: var(--bs-tertiary-bg); margin-bottom: 1.5rem; }
.btn { align-items: center; display: inline-flex; gap: 0.25rem; justify-content: center; }
}
@layer utilities {.d-none { display: none !important; }
.position-fixed { position: fixed !important; }
.top-0 { top: 0px !important; }
.end-0 { right: 0px !important; }
.p-3 { padding: 1rem !important; }
.invisible { visibility: hidden !important; }
@media (min-width: 360px){.d-xs-none { display: none !important; }
}
}
@font-face { font-display: swap; font-family: "Material Icons"; font-style: normal; font-weight: 400; src: url("../../../hummingbird/assets/fonts/MaterialIcons-Regular-2d8017489da689caedc1.woff2") format("woff2"), url("../../../hummingbird/assets/fonts/MaterialIcons-Regular-08cefa1bc6566a650da7.woff") format("woff"); }
@layer ps-base {body, html { min-height: 100%; }
body { direction: ltr; -webkit-font-smoothing: antialiased; }
ol, ul { list-style: none; padding-left: 0px; }
a { transition: var(--bs-transition-default); }
}
@layer ps-components {#_mobile_currency_selector:empty { display: none; }
.account-menu--sidebar { display: none; }
.order-history__header { display: none; }
.order-history__cell--actions::before { display: none; }
.order-confirmation__product-price { display: none; font-size: 1rem; font-weight: 600; }
.grid-table__header { display: none; }
.product-miniature__quickview-touch { bottom: 0.5rem; display: none; position: absolute; right: 0.5rem; z-index: 10; }
.product-miniature__add-text { display: none; line-height: normal; }
@media (hover: none) and (pointer: coarse){.product-miniature__quickview-button { display: none; }
}
.rich-text { line-height: 1.5; }
.page-loader { align-items: center; background: rgba(var(--bs-body-bg-rgb),.75); display: flex; height: 100%; justify-content: center; left: 0px; position: fixed; top: 0px; width: 100%; z-index: 999; }
.checkout-steps__step:first-of-type::before, .checkout-steps__step:last-of-type::after { display: none; }
.checkout-steps__desktop { display: none; margin-inline: auto; max-width: 45rem; width: 100%; }
.products__sort-label { align-items: center; display: none; white-space: nowrap; }
.skip-link:focus { left: 0.375rem; position: fixed; top: 0.375rem; z-index: 1090; }
.back-to-top-link:focus { bottom: 0.375rem; position: fixed; right: 0.375rem; z-index: 1090; }
}
@layer ps-modules {.wishlist-button:empty { display: none; }
@media (max-width: 991.98px){.ps-customersignin .dropdown-toggle::after { display: none; }
}
.ps-mainmenu:is(.ps-mainmenu--desktop) .ps-mainmenu__tree > li .submenu { background-color: var(--bs-body-bg); border-top: .0625rem solid var(--bs-border-color); display: none; left: 0px; position: absolute; right: 0px; top: 100%; z-index: 1060; }
.ps-mainmenu:is(.ps-mainmenu--desktop) .submenu__right-items { gap: 2rem 1.25rem; display: none; grid-template-columns: repeat(3, 1fr); }
.ps-mainmenu:is(.ps-mainmenu--desktop) .submenu__right-items.not-active { display: none; }
.ps-mainmenu:is(.ps-mainmenu--mobile) .menu { display: none; left: 100%; max-width: 25rem; padding: 0px 1rem; position: relative; transition: var(--bs-transition-default); width: 100%; }
.ps-mainmenu:is(.ps-mainmenu--mobile) .menu--parent { display: none; left: -100%; opacity: 0; }
.product-miniature .product-list-review { align-items: center; display: none; justify-content: start; padding: 0px; }
}
@layer ps-base {.header { background-color: var(--bs-body-bg); max-width: 100vw; position: sticky; top: 0px; width: 100%; z-index: 1021; }
}
@layer ps-pages {.page:not(body) { padding-bottom: 2rem; }
.page-product--quickview .product__zoom { display: none; }
}
.ui-helper-hidden { display: none; }
.coral-category-navigation { margin: 46px 0px 0px; max-width: 1200px; padding-inline: 0px; width: 100%; }
body.page-category .cat-hero h1 { text-align: left; }
.coral-category-navigation .subcat-head { align-items: center; display: flex; gap: 24px; margin-top: 8px; }
.coral-category-navigation .subcat-head__text { flex: 1 1 0%; min-width: 0px; }
.coral-category-navigation .cat-h2 { color: var(--coral-ink,#13272f); font-family: var(--coral-serif,Georgia,serif); font-size: clamp(1.8rem, 3vw, 2.35rem); font-weight: 400; line-height: 1.1; margin: 0px 0px 6px; }
@media (max-width: 760px){.coral-category-navigation { margin-top: 32px; padding-inline: 0px; }
}
.coral-category-showcase__tabs::-webkit-scrollbar { display: none; }
.coral-category-showcase__panel[hidden] { display: none; }
.coral-category-showcase__rail::-webkit-scrollbar { display: none; }
@media (max-width: 700px){.coral-category-showcase__arrow { display: none; }
}
.cat-hero__content { align-items: start; display: grid; gap: clamp(24px, 4vw, 52px); grid-template-columns: minmax(0px, 1fr) minmax(280px, 420px); }
.cat-hero h1 { text-align: left; }
.cat-hero__accent { color: var(--coral-positive-text,#2f7d32); }
@media (max-width: 760px){.cat-hero__content { align-items: stretch; gap: 20px; grid-template-columns: 1fr; }
}
.coral-cm { box-sizing: border-box; color: var(--coral-ink-soft,#34454c); margin-inline: auto; max-width: 1200px; width: 100%; }
.cat-hero__content { align-items: start; display: grid; gap: clamp(24px, 4vw, 52px); grid-template-columns: minmax(0px, 1fr); }
.cat-hero h1 { text-align: left; }
.cat-hero__accent { color: var(--coral-positive-text,#2f7d32); }
.coral-cm-intro { align-items: start; display: grid; gap: clamp(20px, 4vw, 48px); margin-top: 16px; }
.coral-cm-intro--with-image { grid-template-columns: minmax(0px, 1fr) minmax(280px, 0.75fr); }
.coral-cm-intro__content, .coral-cm-bottom, .coral-cm-faq__intro, .coral-cm-faq__answer { font-size: 1rem; line-height: 1.72; }
.coral-cm-intro__content { color: var(--coral-muted,#52646a); font-size: clamp(1rem, 1.4vw, 1.125rem); max-width: 60ch; text-align: left; text-wrap: pretty; }
.coral-cm-intro__media, .coral-cm-faq__media { margin: 0px; }
.coral-cm-intro__media img, .coral-cm-faq__media img { border-radius: var(--coral-radius,14px); display: block; height: auto; max-width: 100%; object-fit: contain; width: 100%; }
.coral-cm-faq__question::-webkit-details-marker { display: none; }
@media (max-width: 760px){.cat-hero__content { align-items: stretch; gap: 20px; grid-template-columns: 1fr; }
.coral-cm-intro--with-image, .coral-cm-faq__layout--with-image { grid-template-columns: minmax(0px, 1fr); }
.coral-cm-intro, .coral-cm-bottom, .coral-cm-faq { padding-inline: 0px; }
}
.coral-search-box { display: flex; flex: 1 1 0%; max-width: 780px; min-width: 260px; position: relative; }
.coral-search-box .search { flex: 1 1 0%; max-width: none; min-width: 0px; }
.coral-search-suggestions { background: var(--coral-surface,#fff); border: 1px solid var(--coral-line,#cad6d6); border-radius: var(--coral-radius-sm,9px); box-shadow: var(--coral-shadow-lg,0 16px 36px rgb(19 39 47 / .18)); left: 0px; max-height: min(70vh, 28rem); min-width: min(100%, 26rem); overflow-y: auto; position: absolute; top: calc(100% + 8px); width: min(100%, 38rem); z-index: 120; }
@media (max-width: 760px){.coral-search-box { grid-row: 2; min-width: 100%; max-width: none; }
.coral-search-suggestions { left: 0px; max-height: calc(-170px + 100vh); min-width: 0px; position: fixed; right: 14px; top: calc(var(--coral-topbar-h,0px) + 112px); width: auto; }
}
.coral-search-suggestions__status { height: 1px; overflow: hidden; position: absolute; width: 1px; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; }
@media (max-width: 1024px){#header .coral-search-box { min-width: 0px; max-width: none; }
#header .coral-search-box .search input { min-height: 44px; font-size: 16px; }
#header .coral-search-box .search button { min-height: 44px; min-width: 44px; flex-shrink: 0; }
}
@media (max-width: 760px){#header .coral-search-box { grid-area: 2 / 1 / auto / -1; width: 100%; min-width: 0px; }
#header .coral-search-box .search { width: 100%; }
#header .coral-search-suggestions { position: absolute; top: calc(100% + 8px); left: 0px; right: 0px; width: 100%; max-height: calc(100dvh - 150px); }
}
@font-face { font-display: swap; font-family: "Instrument Serif"; font-style: normal; font-weight: 400; src: url("../fonts/instrument-serif-latin-400-normal.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-display: swap; font-family: "Instrument Serif"; font-style: italic; font-weight: 400; src: url("../fonts/instrument-serif-latin-400-italic.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-display: swap; font-family: "Hanken Grotesk"; font-style: normal; font-weight: 100 900; src: url("../fonts/hanken-grotesk-latin-wght-normal.woff2") format("woff2-variations"); }
@font-face { font-display: swap; font-family: "Hanken Grotesk"; font-style: italic; font-weight: 100 900; src: url("../fonts/hanken-grotesk-latin-wght-italic.woff2") format("woff2-variations"); }
:root { --coral-ink: #13272f; --coral-ink-rgb: 19,39,47; --coral-ink-soft: #34454c; --coral-muted: #5f6c72; --coral-structure: #073b4c; --coral-structure-rgb: 7,59,76; --coral-interactive: #0b7a75; --coral-interactive-rgb: 11,122,117; --coral-positive: #45a700; --coral-positive-text: #2f7d32; --coral-positive-rgb: 69,167,0; --coral-commercial: #ff7a3d; --coral-commercial-rgb: 255,122,61; --coral-commercial-soft: #ffa57b; --coral-sand: #f6f3ea; --coral-sand-rgb: 246,243,234; --coral-mist: #e8f3f1; --coral-mist-rgb: 232,243,241; --coral-surface: #fff; --coral-line: #cad6d6; --coral-control-line: #7e8d90; --coral-text: #13272f; --coral-text-soft: #34454c; --coral-link: #0b7a75; --coral-focus: #0b7a75; --coral-on-dark: #fff; --coral-on-dark-soft: #f7fbfa; --coral-on-dark-faint: #f0f7f6; --coral-on-accent: #fff; --coral-hairline-light: hsla(0,0%,100%,.1); --coral-veil-1: hsla(0,0%,100%,.05); --coral-veil-2: hsla(0,0%,100%,.09); --coral-veil-line: hsla(0,0%,100%,.35); --coral-serif: Instrument Serif,Georgia,Times New Roman,serif; --coral-sans: Hanken Grotesk,system-ui,-apple-system,Segoe UI,Roboto,sans-serif; --coral-radius: 14px; --coral-radius-sm: 9px; --coral-radius-pill: 999px; --coral-shadow: 0 1px 2px rgba(19,39,47,.04),0 8px 24px -12px rgba(19,39,47,.18); --coral-shadow-lg: 0 30px 60px -24px rgba(19,39,47,.32); --coral-touch-min: 44px; --coral-section-gap: 16px; --coral-section-space-y: 40px; --coral-banner-space-y: 24px; --coral-parallax-space-y: 40px; --coral-heading-content-gap: 20px; --bs-primary: #ff7a3d; --bs-primary-rgb: 255,122,61; --bs-secondary: #073b4c; --bs-secondary-rgb: 7,59,76; --bs-body-bg: #fff; --bs-body-bg-rgb: 255,255,255; --bs-body-color: #13272f; --bs-body-color-rgb: 19,39,47; --bs-emphasis-color: #13272f; --bs-border-color: #7e8d90; --bs-link-color: #0b7a75; --bs-link-color-rgb: 11,122,117; --bs-link-hover-color: #073b4c; --bs-link-hover-color-rgb: 7,59,76; --bs-font-sans-serif: Hanken Grotesk,system-ui,-apple-system,Segoe UI,Roboto,sans-serif; --bs-body-font-family: Hanken Grotesk,system-ui,-apple-system,Segoe UI,Roboto,sans-serif; --bs-border-radius: 14px; --bs-border-radius-sm: 9px; --bs-border-radius-lg: 14px; }
@media (max-width: 760px){:root { --coral-section-gap: 8px; --coral-section-space-y: 28px; --coral-banner-space-y: 16px; --coral-parallax-space-y: 24px; --coral-heading-content-gap: 16px; }
}
body { background-color: var(--coral-sand); color: var(--coral-ink); font-family: var(--coral-sans); -webkit-font-smoothing: antialiased; }
.coral-display, .h1, .h2, .h3, h1, h2, h3 { color: var(--coral-ink); font-family: var(--coral-serif); font-weight: 400; letter-spacing: -0.01em; line-height: 1.06; }
a { text-underline-offset: 0.15em; }
a, a:hover { color: var(--coral-link); }
a:hover { text-decoration: underline 2px; }
:where(a, button, input, select, textarea, [tabindex]):focus-visible { border-radius: 2px; outline: 3px solid var(--coral-focus); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce){*, ::after, ::before { animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: 0.001ms !important; }
}
.btn { border-radius: var(--coral-radius-pill); font-weight: 700; transition: transform 0.2s, background-color 0.2s, color 0.2s; }
.btn-primary { --bs-btn-bg: var(--coral-commercial); --bs-btn-border-color: var(--coral-commercial); --bs-btn-color: var(--coral-ink); --bs-btn-hover-bg: var(--coral-structure); --bs-btn-hover-border-color: var(--coral-structure); --bs-btn-hover-color: #fff; --bs-btn-active-bg: var(--coral-structure); --bs-btn-active-border-color: var(--coral-structure); --bs-btn-active-color: #fff; --bs-btn-disabled-bg: var(--coral-line); --bs-btn-disabled-border-color: var(--coral-line); --bs-btn-disabled-color: var(--coral-muted); box-shadow: 0 10px 24px -10px rgba(var(--coral-commercial-rgb),.38); }
.btn-primary:hover { transform: translateY(-2px); }
.btn, .header-block__action-btn, .ps-mainmenu__tree-dropdown-toggle { min-height: var(--coral-touch-min); }
#header.header { backdrop-filter: blur(12px); background: rgba(var(--coral-mist-rgb),.9); }
.breadcrumb__wrapper { background: rgba(255, 255, 255, 0); border: 0px; }
.breadcrumb__wrapper > .container { margin-inline: auto; max-width: 1240px; padding-inline: 22px; }
.breadcrumb { align-items: center; color: var(--coral-muted); display: flex; flex-wrap: wrap; font-size: 0.84375rem; gap: 0.25rem 0.5rem; list-style: none; margin: 0px; padding: 1rem 0px 0px; }
.breadcrumb-item { align-items: center; display: inline-flex; min-width: 0px; }
.breadcrumb-item + .breadcrumb-item::before { content: none; display: none; }
.breadcrumb-item:not(:last-child)::after { color: var(--coral-line); content: "›"; margin-left: 0.5rem; }
.breadcrumb-link { color: var(--coral-positive-text); font-weight: 600; text-decoration: none; }
.breadcrumb-link:focus-visible, .breadcrumb-link:hover { color: rgb(47, 125, 50); text-decoration: underline; text-underline-offset: 3px; }
.breadcrumb-item:last-child span { color: var(--coral-muted); font-weight: 600; }
@media (max-width: 600px){.breadcrumb__wrapper > .container { padding-inline: 16px; }
.breadcrumb { align-items: flex-start; font-size: 0.8125rem; line-height: 1.45; padding-top: 0.875rem; }
.breadcrumb-item { overflow-wrap: anywhere; }
}
#footer.footer { color: var(--coral-on-dark-soft); font-size: 0.875rem; }
.obf { cursor: pointer; }
:root { --coral-topbar-h: 93px; }
.topbar__deco { background-color: rgb(255, 255, 255); background-image: url("/themes/coral/assets/img/topbanner.webp"); background-position: -585px bottom; background-repeat: repeat-x; background-size: auto 60px; display: block; height: 60px; }
.utility { background: rgb(255, 255, 255); border-bottom: 1px solid var(--coral-line); color: var(--coral-ink-soft); font-size: 13px; text-align: center; }
.utility__msg { font-weight: 600; margin: 0px; padding: 8px 16px; }
#header.header { backdrop-filter: blur(10px); background: rgba(var(--coral-sand-rgb),.94); border-bottom: 1px solid var(--coral-line); padding: 0px; position: sticky; top: calc(var(--coral-topbar-h)*-1); z-index: 100; }
#header.header .wrap { margin: 0px auto; max-width: 1240px; padding-left: 22px; padding-right: 22px; }
.hgrid { gap: 26px; padding-bottom: 8px; padding-top: 8px; }
.hgrid, .logo-xl { align-items: center; display: flex; }
.logo-xl { --coral-logo-size: clamp(72px,6.1vw,88px); flex: 0 0 var(--coral-logo-size); min-width: var(--coral-logo-size); text-decoration: none; }
.logo-xl, .logo-xl__image { width: var(--coral-logo-size); }
.logo-xl__image { display: block; height: auto; max-width: var(--coral-logo-size); }
.logo-xl__wordmark { color: var(--coral-commercial); display: none; font-family: var(--coral-serif); font-size: clamp(27px, 2.7vw, 39px); font-style: italic; line-height: 1; transform: rotate(-4deg); white-space: nowrap; }
.hcol { flex: 1 1 0%; min-width: 0px; }
.hrow1 { align-items: center; border-bottom: 1px solid var(--coral-line); display: flex; flex-wrap: wrap; gap: 14px; padding: 4px 0px 8px; }
.burger { background: rgb(255, 255, 255); border: 1px solid var(--coral-control-line); border-radius: 10px; display: none; min-height: 40px; padding: 8px; }
.burger svg { fill: none; height: 22px; stroke: var(--coral-ink); stroke-width: 2; width: 22px; }
.search { background: rgb(255, 255, 255); border: 1.5px solid var(--coral-control-line); border-radius: 999px; display: flex; flex: 1 1 0%; max-width: 780px; min-width: 260px; overflow: hidden; }
.search input { background: rgba(255, 255, 255, 0); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; flex: 1 1 0%; font-family: inherit; font-size: 14px; min-height: 42px; padding: 0px 16px; }
.search button { background: rgb(69, 167, 0); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; display: grid; padding: 0px 16px; place-items: center; }
.search button svg { fill: none; height: 17px; stroke: var(--coral-on-dark); stroke-width: 2; width: 17px; }
.search button:hover { background: rgb(47, 125, 50); }
.search button:hover svg { stroke: rgb(255, 255, 255); }
.quicklinks { align-items: center; display: flex; flex-wrap: wrap; gap: 2px; list-style: none; margin-bottom: 0px; margin-left: auto; padding-left: 0px; }
.quicklinks .obf { align-items: center; border-radius: 8px; color: var(--coral-ink-soft); display: inline-flex; font-size: 13.5px; font-weight: 600; min-height: 40px; padding: 9px 11px; }
.quicklinks .obf:hover { background: rgba(47, 125, 50, 0.08); color: rgb(47, 125, 50); }
.tools { align-items: center; display: flex; flex: 0 0 auto; gap: 4px; }
.icon-btn { background: rgba(255, 255, 255, 0); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 50%; color: inherit; display: grid; height: 44px; place-items: center; position: relative; text-decoration: none; width: 44px; }
.icon-btn:hover { background: rgba(47, 125, 50, 0.1); }
.icon-btn:hover svg { stroke: rgb(47, 125, 50); }
.icon-btn svg { fill: none; height: 20px; stroke: var(--coral-ink); stroke-width: 1.7; width: 20px; }
.cart-count { background: var(--coral-commercial); border-radius: 999px; color: var(--coral-ink); display: grid; font-size: 10px; font-weight: 800; height: 16px; min-width: 16px; padding: 0px 3px; place-items: center; position: absolute; right: 3px; top: 3px; }
nav.main { display: flex; flex-wrap: wrap; gap: 2px; padding-bottom: 4px; padding-top: 0px; }
nav.main > .obf, nav.main > a { align-items: center; border-radius: 9px; color: var(--coral-ink); display: inline-flex; font-size: 14.5px; font-weight: 700; letter-spacing: 0.04em; min-height: 44px; padding: 10px 14px; text-transform: uppercase; }
nav.main > .obf:hover, nav.main > a:hover { background: rgba(47, 125, 50, 0.08); color: rgb(47, 125, 50); }
@media (max-width: 1024px){:root { --coral-topbar-h: 0px; }
.topbar { display: none; }
#header.header { top: 0px; }
#header.header .wrap { padding-inline: 18px; }
.hgrid { gap: 18px; padding-block: 6px; }
.logo-xl { flex-basis: 146px; min-width: 146px; width: auto; }
.logo-xl__image { display: none; }
.logo-xl__wordmark { color: var(--coral-positive-text); display: block; font-size: 30px; }
.hrow1 { gap: 10px; padding: 0px 0px 6px; }
.search { max-width: none; }
.search input { min-height: 40px; }
.icon-btn { height: 40px; width: 40px; }
}
@media (max-width: 900px){#header.header .wrap { position: relative; }
.burger { display: inline-grid; place-items: center; }
.quicklinks { display: none; }
.search { min-width: 0px; }
nav.main { display: none; }
nav.main > .obf, nav.main > a { border-bottom: 1px solid var(--coral-line); border-radius: 0px; min-height: 46px; padding: 12px 4px; width: 100%; }
nav.main > .obf:last-child, nav.main > a:last-child { border-bottom: 0px; }
}
@media (max-width: 760px){.hgrid { display: grid; gap: 8px; grid-template-columns: 40px 1fr auto; min-height: 112px; padding-block: 6px 8px; position: relative; }
.hcol, .hrow1 { display: contents; }
.burger { grid-area: 1 / 1; }
.logo-xl { flex: 0 0 auto; left: 50%; min-width: 0px; position: absolute; top: 18px; transform: translateX(-50%); width: auto; z-index: 1; }
.logo-xl__wordmark { display: block; font-size: 27px; }
.logo-xl__image { display: none; }
.tools { gap: 0px; grid-area: 1 / 3; }
#header.header .wrap { padding-inline: 14px; }
.search { grid-row: 2; min-width: 100%; }
.search, nav.main { grid-column: 1 / -1; }
}
#footer.footer { --footer-green: #45a700; --footer-green-hover: #228b22; --footer-amber-soft: #ffb066; --footer-copy: #cccbc4; --footer-muted: #8c968a; background: var(--coral-ink); color: var(--footer-copy); font-size: 14px; margin-top: 58px; overflow: visible; }
@media (max-width: 860px){#footer.footer { margin-top: 0px; }
.reassure-foot .rf-grid::-webkit-scrollbar { display: none; }
}
.card .wishb { display: none; }
.card .addb svg { display: none; }
.coral-faq__panel[hidden] { display: none; }
.coral-faq__mascotte.faq-mascotte { align-items: center; align-self: end; display: none; flex-direction: column; gap: 8px; margin-bottom: -58px; margin-left: -150px; margin-top: -90px; position: relative; z-index: 0; }
.coral-native-slider .rslides li:not(:first-child):not(.coral-slide-active) { display: none; }
.coral-home__rail::-webkit-scrollbar { display: none; }
.coral-home__review-space { display: none; }
.coral-home__seo:empty { display: none; }
@media (max-width: 760px){.coral-home__reassurance-sub { display: none; }
}
body.page-category #left-column, body.page-category #right-column { display: none; }
.cat-hero { max-width: 880px; padding: 30px 0px 8px; text-align: center; }
.cat-hero h1 { color: var(--coral-ink); font-family: var(--coral-serif); font-size: clamp(30px, 6vw, 46px); font-weight: 400; letter-spacing: 0.01em; line-height: 1.08; margin: 0px 0px 16px; }
.cat-h2 { color: var(--coral-ink); font-family: var(--coral-serif); font-size: 26px; font-weight: 400; margin: 0px 0px 6px; padding-bottom: 12px; position: relative; }
.cat-h2::after { background: linear-gradient(90deg,var(--coral-interactive),transparent); border-radius: 2px; bottom: 0px; content: ""; height: 3px; left: 0px; position: absolute; width: 54px; }
.subcat-block { margin-top: 46px; }
.subcat-head { align-items: center; display: flex; gap: 24px; margin-top: 8px; }
.subcat-head__text { flex: 1 1 0%; min-width: 0px; }
body.page-category #center-column { flex: 0 0 100%; max-width: 100%; width: 100%; }
@media (max-width: 760px){.subcat-head { align-items: stretch; flex-direction: column; }
.cat-hero { padding: 18px 0px 4px; }
}
:root { --coral-pdp-sticky-top: 108px; }
.buybox .product__availability-icon, .buybox .ps-sharebuttons { display: none; }
body#product .pdp-faq.faqzone .faq-a[hidden] { display: none; }
body#product .pdp-faq.faqzone .faq-mascotte { align-items: center; align-self: end; display: none; flex-direction: column; gap: 8px; margin-bottom: -58px; margin-left: -150px; margin-top: -90px; position: relative; z-index: 0; }
.pdp-hook-reassurance { display: none; }
body#product .ps-categoryproducts .products > article:nth-child(n+5) { display: none; }
.coral-404__code { display: none; }
#wrapper, .coral-pack-page, .page-content, .pdp-page, body, html { background: var(--coral-surface); }
body, html { max-width: 100%; overflow-x: clip; }
@media (max-width: 1024px){#header .burger, #header .icon-btn { min-width: 44px; min-height: 44px; width: 44px; height: 44px; }
}
@media (max-width: 760px){#header .hgrid { grid-template-columns: 44px minmax(0px, 1fr) auto; column-gap: 4px; }
#header .logo-xl { position: static; transform: none; grid-area: 1 / 2; justify-self: center; min-width: 0px; max-width: 100%; width: auto; }
#header .logo-xl__wordmark { font-size: clamp(16px, -29px + 14vw, 27px); }
#header .tools { gap: 0px; }
}
body.page-category .cat-h2 { padding-bottom: 0px; }
body.page-category .cat-h2::after { content: none; display: none; }
body.page-category .subcat-head::before, body.page-category .subcat-head::after, body.page-category .subcat-head .cat-h2::before, body.page-category .subcat-head .cat-h2::after { content: none !important; display: none !important; }
body.cms-id-4 .page-header h1::after { display: none; }
body.cms-id-5 .page-header h1::after { display: none; }
body.cms-id-5 .page-content h2::after { display: none; }
body.cms-id-1 .page-header h1::after, body.cms-id-1 .page-content h2::after { display: none; }
}