/* ReefKingNova 1.4.5
 * Visual layer for JTL NOVA. Behaviour and data stay in the parent template.
 */

@font-face {
    font-family: "Inter";
    src: url("fonts/Inter-Variable-latin.woff2") format("woff2-variations");
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
}

:root {
    --rk-primary: #1268a8;
    --rk-primary-hover: #0e578d;
    --rk-navy: #0b2942;
    --rk-navy-deep: #071c2d;
    --rk-sea: #087c78;
    --rk-sea-soft: #e5f4f3;
    --rk-warm: #ca7a2c;
    --rk-danger: #b83b3b;
    --rk-success: #33895a;
    --rk-ink: #122230;
    --rk-muted: #5d6b76;
    --rk-subtle: #788691;
    --rk-page: #f4f7f9;
    --rk-surface: #ffffff;
    --rk-surface-soft: #edf3f6;
    --rk-border: #dce4e9;
    --rk-border-strong: #bdcbd3;
    --rk-card-radius: 12px;
    --rk-control-radius: 8px;
    --rk-pill: 999px;
    --rk-shadow-sm: 0 1px 2px rgba(7, 28, 45, .04), 0 8px 22px rgba(7, 28, 45, .05);
    --rk-shadow-md: 0 18px 48px -28px rgba(7, 28, 45, .34);
    --rk-focus: #0e7482;
    --rk-content: 1320px;
    /* Legacy variable name retained; UI now uses the standard shop font. */
    --rk-font-mono: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

html {
    background: var(--rk-page);
    scroll-behavior: smooth;
}

body,
button,
input,
select,
textarea,
.tooltip,
.popover {
    font-family: "Inter", Aptos, "Segoe UI", Arial, sans-serif;
}

body {
    background: var(--rk-page);
    color: var(--rk-ink);
    font-size: 1rem;
    line-height: 1.55;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

body,
#main-wrapper {
    overflow-x: clip;
}

/* Grumeria inherits ReefKing instead of looking like a foreign storefront. */
html body .mr-overlay {
    --grumeria-primary: var(--rk-primary);
    --grumeria-primary-soft: #eaf3f9;
    --grumeria-primary-soft-border: #c6dce9;
    --grumeria-dark: var(--rk-navy);
    --grumeria-success: var(--rk-success);
    --grumeria-danger: var(--rk-danger);
    --grumeria-fg: var(--rk-ink);
    --grumeria-fg-secondary: var(--rk-muted);
    --grumeria-muted: var(--rk-muted);
    --grumeria-border: var(--rk-border);
    --grumeria-border-strong: var(--rk-border-strong);
    --grumeria-card-border: var(--rk-border);
    --grumeria-radius: var(--rk-control-radius);
    --grumeria-radius-lg: var(--rk-card-radius);
    --grumeria-font: "Inter", Aptos, "Segoe UI", Arial, sans-serif;
    /* The mobile search is a full-screen dialog. Keep its input/close
       controls above the sticky header (1040), notice (1042) and buybar. */
    --grumeria-z-index: 1060;
}

body.mr-search-open {
    overflow: hidden;
}

a {
    color: var(--rk-primary);
    text-decoration-thickness: .08em;
    text-underline-offset: .16em;
}

a:hover {
    color: var(--rk-primary-hover);
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    color: var(--rk-ink);
    font-family: "Inter", Aptos, "Segoe UI", Arial, sans-serif;
    font-weight: 720;
    letter-spacing: -.025em;
    text-wrap: balance;
}

h1,
.h1 {
    font-size: clamp(1.75rem, 3vw, 2.25rem);
    line-height: 1.12;
}

h2,
.h2 {
    font-size: clamp(1.5rem, 2.3vw, 1.875rem);
    line-height: 1.2;
}

h3,
.h3 {
    font-size: 1.25rem;
    line-height: 1.3;
}

small,
.small {
    font-size: .875rem;
}

code,
kbd,
samp,
.product-sku,
.item-id,
.estimated-delivery {
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

::selection {
    background: rgba(18, 104, 168, .2);
    color: var(--rk-ink);
}

:where(a, button, input, select, textarea, [tabindex]):focus-visible {
    outline: 3px solid var(--rk-focus) !important;
    outline-offset: 2px !important;
    box-shadow: none !important;
}

header :where(a, button, input, select, textarea, [tabindex]):focus-visible,
#mainNavigation :where(a, button, [tabindex]):focus-visible,
#footer :where(a, button, input, [tabindex]):focus-visible {
    outline-color: #fff !important;
    box-shadow: 0 0 0 2px var(--rk-navy-deep) !important;
}

img {
    color: transparent;
}

.container-fluid-xl {
    max-width: var(--rk-content);
    margin-inline: auto;
}

.btn,
.form-control,
.custom-select,
.input-group-text,
.bootstrap-select > .dropdown-toggle {
    min-height: 44px;
    border-radius: var(--rk-control-radius);
}

.btn {
    border-width: 1px;
    font-size: .9375rem;
    font-weight: 680;
    letter-spacing: -.01em;
    transition: color .16s ease, background-color .16s ease, border-color .16s ease, transform .16s ease, box-shadow .16s ease;
}

.btn-primary {
    border-color: var(--rk-primary);
    background: var(--rk-primary);
    color: #fff;
}

.btn-primary:hover,
.btn-primary:focus {
    border-color: var(--rk-primary-hover);
    background: var(--rk-primary-hover);
    color: #fff;
    box-shadow: 0 10px 24px -14px rgba(18, 104, 168, .8);
}

.btn-secondary {
    border-color: var(--rk-navy);
    background: var(--rk-navy);
    color: #fff;
}

.btn-outline-primary {
    border-color: var(--rk-primary);
    color: var(--rk-primary);
}

.btn-outline-primary:hover {
    background: var(--rk-primary);
    color: #fff;
}

.form-control,
.custom-select {
    border-color: var(--rk-border-strong);
    background-color: #fff;
    color: var(--rk-ink);
    font-size: .9375rem;
}

.form-control:hover,
.custom-select:hover {
    border-color: #92a8b5;
}

.form-control:focus,
.custom-select:focus {
    border-color: var(--rk-primary);
    box-shadow: 0 0 0 3px rgba(18, 104, 168, .12);
}

.rk-beckencheck-intro {
    margin-bottom: 1.5rem;
    padding: clamp(1rem, 2.5vw, 1.5rem);
    border: 1px solid #cde4e2;
    border-radius: var(--rk-card-radius);
    background: linear-gradient(135deg, #f8fcfc, var(--rk-sea-soft));
    color: var(--rk-ink);
}

.rk-beckencheck-intro h2 {
    margin-bottom: .55rem;
    font-size: clamp(1.35rem, 2.2vw, 1.75rem);
}

.rk-beckencheck-intro p {
    max-width: 72ch;
    margin-bottom: .8rem;
    color: var(--rk-muted);
}

.rk-beckencheck-intro ul {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem .65rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.rk-beckencheck-intro li {
    padding: .35rem .6rem;
    border: 1px solid rgba(8, 124, 120, .2);
    border-radius: var(--rk-pill);
    background: rgba(255, 255, 255, .76);
    color: #225452;
    font-size: .8125rem;
}

.badge,
.ribbon {
    border-radius: var(--rk-pill);
    font-size: .75rem;
    font-weight: 700;
}

.card,
.modal-content,
.dropdown-menu,
.alert {
    border-color: var(--rk-border);
    border-radius: var(--rk-card-radius);
}

.card,
.modal-content {
    box-shadow: var(--rk-shadow-sm);
}

/* Announcement and primary shell */
.rk-announcement {
    position: relative;
    z-index: 1042;
    background: linear-gradient(90deg, var(--rk-primary), var(--rk-primary-hover) 52%, var(--rk-sea));
    color: #fff;
}

.rk-announcement__inner {
    display: flex;
    min-height: 34px;
    align-items: center;
    justify-content: center;
    padding: .35rem 1rem;
    font-size: .8125rem;
    font-weight: 650;
    text-align: center;
}

.rk-announcement a {
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 3px;
}

#header-top-bar,
.topbar-wrapper {
    min-height: 36px;
    border: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    background: var(--rk-navy-deep);
    color: #dce8ef;
}

#header-top-bar .topbar-main,
#header-top-bar .topbar-main a,
#header-top-bar .nav-link,
#header-top-bar .dropdown-toggle {
    color: #dce8ef;
    font-size: .8125rem;
}

header .topbar-wrapper .topbar-main a:not(.btn) {
    color: #dce8ef;
}

#header-top-bar a.nav-link:not(.dropdown-item):not(.btn) {
    color: #dce8ef;
}

#header-top-bar a:hover {
    color: #fff;
}

#jtl-nav-wrapper {
    z-index: 1040;
    border: 0;
    background: var(--rk-navy);
    box-shadow: 0 8px 28px rgba(3, 20, 33, .14);
    color: #fff;
}

#jtl-nav-wrapper .hide-navbar {
    max-width: none;
    padding: .5rem clamp(1rem, 2.4vw, 2.25rem);
    background: var(--rk-navy);
}

#jtl-nav-wrapper .hide-navbar > .navbar {
    max-width: var(--rk-content);
    min-height: 66px;
    margin-inline: auto;
    padding-block: 0;
}

.nav-logo-wrapper {
    padding-right: clamp(1rem, 2vw, 2rem);
}

header .navbar-brand {
    display: inline-flex;
    min-width: 128px;
    align-items: center;
    padding: 0;
}

header .navbar-brand img {
    max-width: 190px;
    object-fit: contain;
}

.main-search-wrapper {
    min-width: 260px;
    flex: 1 1 620px;
}

#search,
#search .search-wrapper,
#search form,
#search .form-icon,
#search .input-group {
    width: 100%;
}

#search .input-group,
.search-form-wrapper-fixed .input-group,
.fixed-search .input-group {
    min-height: 48px;
    overflow: visible;
    border: 2px solid rgba(110, 191, 238, .7);
    border-radius: 9px;
    background: #fff;
    box-shadow: 0 7px 22px rgba(2, 17, 29, .18);
}

#search .form-control,
.search-form-wrapper-fixed .form-control,
.fixed-search .form-control {
    min-height: 44px;
    border: 0;
    border-radius: 7px 0 0 7px;
    background: #fff;
    color: var(--rk-ink);
    font-size: .9375rem;
}

#search .form-control::placeholder,
.search-form-wrapper-fixed .form-control::placeholder {
    color: #687986;
    opacity: 1;
}

#search .input-group-append,
.search-form-wrapper-fixed .input-group-append,
.fixed-search .input-group-append {
    margin: -2px -2px -2px 0;
}

#search .btn,
.search-form-wrapper-fixed .btn,
.fixed-search .btn {
    width: 54px;
    min-height: 48px;
    border: 0;
    border-radius: 0 8px 8px 0;
    background: var(--rk-primary);
    color: #fff;
}

#search .btn .fas,
.search-form-wrapper-fixed .btn .fas {
    font-size: 1.125rem;
}

/* Search is one control group: highlight the field and submit button together.
   Keep a separate inset keyboard indicator on the button for Tab navigation. */
:is(#search, .search-form-wrapper-fixed, .fixed-search) .input-group:focus-within {
    outline: 3px solid #fff;
    outline-offset: 2px;
    box-shadow: 0 0 0 2px var(--rk-navy-deep);
}

:is(#search, .search-form-wrapper-fixed, .fixed-search) .input-group .form-control:focus {
    outline: none !important;
    box-shadow: none !important;
}

:is(#search, .search-form-wrapper-fixed, .fixed-search) .input-group .btn:focus {
    box-shadow: none !important;
}

:is(#search, .search-form-wrapper-fixed, .fixed-search) .input-group .btn:focus-visible {
    outline: 2px solid #fff !important;
    outline-offset: -5px !important;
}

/* Grumeria has its own search wrapper; the adjacent close button stays separate. */
.mr-overlay .mr-mobile-search:focus-within {
    outline: 3px solid var(--rk-focus);
    outline-offset: 2px;
}

.mr-overlay .mr-mobile-search .mr-mobile-search-input:focus {
    outline: none !important;
    box-shadow: none !important;
}

.nav-icons-wrapper {
    padding-left: clamp(.75rem, 1.8vw, 1.5rem);
}

#shop-nav {
    align-items: center;
    gap: .25rem;
}

#shop-nav .nav-item,
#shop-nav > li {
    min-width: 44px;
}

#shop-nav .nav-link,
#shop-nav .dropdown-toggle,
#shop-nav .cart-icon-dropdown,
#shop-nav .btn {
    display: inline-flex;
    min-width: 44px;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    color: #fff;
}

#shop-nav .nav-link:hover,
#shop-nav .dropdown-toggle:hover {
    background: rgba(255, 255, 255, .1);
    color: #fff;
}

#shop-nav .fas,
#shop-nav .far {
    font-size: 1.15rem;
}

#shop-nav .product-count,
#shop-nav .badge {
    border: 2px solid var(--rk-navy);
    background: #fff;
    color: var(--rk-navy);
}

#jtl-nav-wrapper > .container-fluid,
#jtl-nav-wrapper > .container,
#jtl-nav-wrapper .hide-navbar + .container-fluid,
#jtl-nav-wrapper .hide-navbar + .container {
    max-width: none;
}

.menu-center-center {
    padding-inline: clamp(1rem, 2.4vw, 2.25rem);
    background: var(--rk-primary-hover);
}

.menu-center-center > .navbar {
    max-width: var(--rk-content);
    min-height: 48px;
    margin-inline: auto;
    padding: 0;
}

#mainNavigation,
#mainNavigation .nav-scrollbar,
#mainNavigation .nav-scrollbar-inner {
    width: 100%;
}

#mainNavigation {
    flex-wrap: nowrap;
}

#mainNavigation .nav-mobile-body {
    width: auto;
    min-width: 0;
    flex: 1 1 auto;
}

#mainNavigation .nav-scrollbar-inner {
    justify-content: flex-start;
    gap: .1rem;
    min-height: 48px;
    margin: 0;
    padding-block: 0;
}

#mainNavigation > .nav-scrollbar-arrow {
    z-index: 3;
    display: flex;
    width: 44px;
    height: 48px;
    align-items: center;
    justify-content: center;
    border: 0;
    background: var(--rk-primary-hover);
    color: #fff;
    font-size: .8rem;
    cursor: pointer;
}

#mainNavigation > .nav-scrollbar-arrow.disabled {
    visibility: hidden;
    pointer-events: none;
}

#mainNavigation > .nav-scrollbar-arrow:focus-visible {
    outline: 3px solid var(--rk-focus);
    outline-offset: -3px;
}

#mainNavigation .nav-scrollbar-item > .nav-link,
#mainNavigation .nav-scrollbar-item > a {
    display: flex;
    min-height: 48px;
    align-items: center;
    padding: .55rem .8rem;
    border-radius: 0;
    color: #f4f9fc;
    font-size: .875rem;
    font-weight: 640;
    text-decoration: none;
    white-space: nowrap;
}

#mainNavigation .nav-scrollbar-item > .nav-link:hover,
#mainNavigation .nav-scrollbar-item > a:hover,
#mainNavigation .nav-scrollbar-item.active > .nav-link,
#mainNavigation .nav-scrollbar-item.active > a {
    background: rgba(255, 255, 255, .11);
    color: #fff;
}

#mainNavigation .nav-scrollbar-item.active > .nav-link::after,
#mainNavigation .nav-scrollbar-item.active > a::after {
    border-color: #8bd9e2;
}

#mainNavigation .dropdown-menu {
    left: 50%;
    width: min(calc(100vw - 32px), var(--rk-content));
    max-height: min(68vh, 560px);
    margin: 0;
    overflow: auto;
    transform: translateX(-50%);
    border: 1px solid var(--rk-border);
    border-top: 4px solid var(--rk-primary);
    border-radius: 0 0 var(--rk-card-radius) var(--rk-card-radius);
    background: #fff;
    box-shadow: 0 22px 48px -20px rgba(6, 27, 42, .42);
    color: var(--rk-ink);
}

#mainNavigation .dropdown-body {
    padding: 1.25rem clamp(1rem, 2.4vw, 2rem) 1.5rem;
}

#mainNavigation .subcategory-wrapper {
    max-width: none;
}

#mainNavigation .dropdown-menu .nav-link,
#mainNavigation .dropdown-menu a {
    color: var(--rk-ink);
    text-decoration: none;
}

#mainNavigation .dropdown-menu .submenu-headline,
#mainNavigation .dropdown-menu .nav-mobile-heading {
    display: flex;
    min-height: 40px;
    align-items: center;
    color: var(--rk-navy);
    font-size: .9375rem;
    font-weight: 720;
}

#mainNavigation .dropdown-menu .nav-link:hover,
#mainNavigation .dropdown-menu a:hover {
    color: var(--rk-primary);
}

.rk-has-scrolled #jtl-nav-wrapper {
    box-shadow: 0 10px 28px rgba(3, 20, 33, .2);
}

.rk-nav-more__toggle {
    gap: .5rem;
    border: 0;
    background: transparent;
}

.rk-nav-more__toggle .fas {
    font-size: .65rem;
}

#mainNavigation .rk-nav-more > .rk-nav-more__menu {
    right: 0;
    left: auto;
    width: min(1100px, calc(100vw - 32px));
    max-height: min(74vh, 620px);
    transform: none;
}

.rk-nav-more__body {
    padding: 1rem;
}

.rk-nav-more__links {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}

.rk-nav-more__group {
    min-width: 0;
    padding: .55rem;
    border: 1px solid var(--rk-border);
    border-radius: 10px;
    background: #1B1C19;
}

#mainNavigation .rk-nav-more__link {
    display: flex;
    min-height: 44px;
    align-items: center;
    padding: .65rem .75rem;
    border-radius: 7px;
    color: var(--rk-ink);
    font-size: .875rem;
    font-weight: 620;
}

#mainNavigation .rk-nav-more__group-link {
    margin-bottom: .35rem;
    background: transparent;
    color: #C6A15B;
    font-weight: 740;
}

#mainNavigation .rk-nav-more__categories {
    position: relative;
    min-height: 120px;
    padding: 0;
}

#mainNavigation .rk-nav-more__categories > .lg-row-lg {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

#mainNavigation .rk-nav-more__link:hover,
#mainNavigation .rk-nav-more__link:focus-visible {
    background: #211D15;
    color: var(--rk-primary-hover);
}

#mainNavigation .rk-nav-more__link.active {
    background: var(--rk-sea-soft);
    color: #DDBD78;
    font-weight: 740;
}

/* Main content, breadcrumb, notices */
#main-wrapper {
    min-height: 55vh;
}

.breadcrumb-wrapper,
.container-breadcrumbs {
    border: 0;
    background: transparent;
}

.breadcrumb {
    margin: 0;
    padding: 1rem 0 .5rem;
    background: transparent;
    color: var(--rk-muted);
    font-size: .8125rem;
}

.rk-page-heading {
    margin-block: .75rem 1.5rem;
    color: var(--rk-ink);
    font-size: clamp(1.75rem, 3vw, 2.25rem);
    font-weight: 780;
    letter-spacing: -.035em;
}

.rk-not-found {
    position: relative;
    margin-bottom: 1.5rem;
    padding: clamp(1.25rem, 3vw, 2rem);
    overflow: hidden;
    border: 1px solid var(--rk-border);
    border-radius: var(--rk-card-radius);
    background: linear-gradient(135deg, #eef6fb, #fff);
}

.rk-not-found__code {
    position: absolute;
    top: 50%;
    right: 1.25rem;
    color: rgba(18, 104, 168, .08);
    font-family: var(--rk-font-mono);
    font-size: clamp(4rem, 12vw, 8rem);
    font-weight: 600;
    transform: translateY(-50%);
}

.rk-not-found .rk-page-heading {
    position: relative;
    z-index: 1;
    margin: 0;
}

.breadcrumb a {
    color: var(--rk-muted);
}

#content-wrapper {
    padding-top: clamp(1.25rem, 2.3vw, 2.25rem);
    padding-bottom: clamp(3rem, 6vw, 5.5rem);
}

.alert {
    border-width: 1px;
    box-shadow: none;
}

.alert-info {
    border-color: #b8dfdf;
    background: var(--rk-sea-soft);
    color: #174f4d;
}

/* OPC, homepage and generic content modules */
.opc-Container,
.portlet,
.startseite .container-fluid-xl {
    scroll-margin-top: 110px;
}

.carousel,
.nivoSlider,
.slider-wrapper,
.banner,
.opc-ImageBanner {
    overflow: hidden;
    border-radius: var(--rk-card-radius);
}

.carousel-caption,
.nivo-caption {
    text-shadow: none;
}

.product-slider-wrapper,
.product-slider,
.recommendations,
.partslist,
.bundle {
    margin-top: clamp(2rem, 4vw, 3.5rem);
}

.product-slider-wrapper > h2,
.product-slider-wrapper > .h2,
.product-slider .title,
.recommendations .title {
    margin-bottom: 1.25rem;
}

.slick-arrow {
    display: inline-flex;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    padding: 0;
    overflow: hidden;
    border: 1px solid var(--rk-border);
    border-radius: 50%;
    background: #fff;
    color: var(--rk-navy);
    box-shadow: var(--rk-shadow-sm);
    font-size: 0;
    line-height: 0;
    transition: border-color .18s ease, background-color .18s ease, color .18s ease, box-shadow .18s ease;
}

.slick-arrow::before {
    display: block;
    width: 10px;
    height: 10px;
    border-top: 2px solid currentColor;
    border-right: 2px solid currentColor;
    content: "";
}
.slick-arrow::after {
    display: none !important;
    content: none !important;
}


.slick-prev::before {
    transform: rotate(-135deg);
}

.slick-next::before {
    transform: rotate(45deg);
}

.slick-arrow:hover,
.slick-arrow:focus-visible {
    border-color: var(--rk-primary);
    background: var(--rk-primary);
    color: #fff;
    box-shadow: 0 8px 22px -12px rgba(18, 104, 168, .75);
}

.slick-arrow.slick-disabled,
.slick-arrow:disabled {
    opacity: .38;
    cursor: default;
}

.slick-dots li button::before {
    color: var(--rk-primary);
}

/* Legacy SALEPIX OPC slider, progressively enhanced without SALEPIX runtime */
.opc-JtlSlider {
    padding: clamp(.75rem, 2.2vw, 2rem);
    background:
        radial-gradient(circle at 78% 12%, rgba(18, 104, 168, .22), transparent 34%),
        var(--rk-navy-deep);
}

.salepix-hero-slider {
    position: relative;
    width: min(100%, var(--rk-content));
    margin-inline: auto;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: var(--rk-card-radius);
    background: #061521;
    box-shadow: 0 26px 70px -36px rgba(0, 0, 0, .72);
}

.salepix-hero-slider.rk-hero-slider {
    height: auto !important;
}

.salepix-hero-slider > .swiper-wrapper {
    position: relative;
    width: 100%;
}

.salepix-hero-slider > .swiper-wrapper > .swiper-slide {
    width: 100%;
    margin: 0;
}

.salepix-hero-slider > .swiper-wrapper > .swiper-slide[hidden] {
    display: none !important;
}

.salepix-hero-slider .slide,
.salepix-hero-slider picture {
    display: block;
    width: 100%;
}

.salepix-hero-slider .jtl-slider-image,
.salepix-hero-slider.rk-hero-slider .swiper-slide img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 2048 / 747;
    object-fit: cover;
}

.salepix-hero-slider .is-navigation-item {
    position: absolute;
    z-index: 3;
    top: 50%;
    display: grid;
    width: 46px;
    height: 46px;
    place-items: center;
    transform: translateY(-50%);
    border: 1px solid rgba(255, 255, 255, .28);
    border-radius: 50%;
    background: rgba(4, 18, 29, .78);
    color: #fff;
    cursor: pointer;
    backdrop-filter: blur(10px);
}

.salepix-hero-slider .swiper-button-prev {
    left: 1rem;
}

.salepix-hero-slider .swiper-button-next {
    right: 1rem;
}

.salepix-hero-slider .swiper-button-prev::before,
.salepix-hero-slider .swiper-button-next::before {
    font-size: 1.75rem;
    font-weight: 400;
    line-height: 1;
}

.salepix-hero-slider .swiper-button-prev::before {
    content: "‹";
}

.salepix-hero-slider .swiper-button-next::before {
    content: "›";
}

.salepix-hero-slider > .swiper-pagination {
    position: absolute;
    z-index: 4;
    right: 0;
    bottom: .9rem;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    pointer-events: none;
}

.rk-hero-dot {
    position: relative;
    display: inline-grid;
    width: 32px;
    min-width: 32px;
    height: 32px;
    min-height: 32px;
    place-items: center;
    padding: 0;
    border: 0;
    border-radius: var(--rk-pill);
    background: transparent;
    box-shadow: none;
    pointer-events: auto;
}

.rk-hero-dot::before {
    width: 10px;
    height: 10px;
    border: 1px solid rgba(255, 255, 255, .8);
    border-radius: 50%;
    background: rgba(7, 28, 45, .68);
    content: "";
    transition: width .18s ease, background-color .18s ease;
}

.rk-hero-dot.is-active::before {
    width: 22px;
    border-radius: var(--rk-pill);
    background: #fff;
}

.salepix-hero-slider.rk-hero-all-missing {
    display: none !important;
}

.rk-hero-slide-missing {
    min-height: clamp(180px, 28vw, 320px);
    background:
        radial-gradient(circle at 78% 20%, rgba(50, 183, 200, .18), transparent 30%),
        var(--rk-navy-deep);
}

.rk-hero-media-fallback {
    display: grid;
    min-height: inherit;
    place-content: center;
    gap: .4rem;
    padding: 2rem;
    color: #dce9f0;
    text-align: center;
}

.rk-hero-media-fallback .fas {
    margin-bottom: .35rem;
    color: #77d2da;
    font-size: 1.5rem;
}

.rk-hero-media-fallback strong {
    color: #fff;
    font-size: clamp(1.05rem, 2vw, 1.35rem);
}

.rk-hero-media-fallback span:last-child {
    color: #bfd0da;
    font-size: .875rem;
}

/* Configured homepage discovery layer */
.rk-home-discovery {
    padding-block: clamp(2.5rem, 6vw, 5rem) clamp(2rem, 5vw, 4rem);
}

.rk-home-discovery__header {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(280px, .72fr);
    align-items: end;
    gap: 1.5rem clamp(2rem, 5vw, 5rem);
    margin-bottom: clamp(1.5rem, 3vw, 2.25rem);
}

.rk-home-discovery__header--visual {
    grid-template-columns: minmax(0, 1fr) minmax(220px, .58fr) minmax(280px, .72fr);
    align-items: center;
    gap: 1.25rem clamp(1.5rem, 3vw, 3rem);
}

.rk-home-visual {
    position: relative;
    min-height: 190px;
    aspect-ratio: 2 / 1;
    overflow: hidden;
    margin: 0;
    border: 1px solid var(--rk-border);
    border-radius: var(--rk-card-radius);
    background:
        radial-gradient(circle at 72% 28%, rgba(52, 185, 199, .18), transparent 32%),
        linear-gradient(135deg, var(--rk-navy), var(--rk-navy-deep));
    box-shadow: var(--rk-shadow-md);
}

.rk-home-visual::after {
    position: absolute;
    inset: 0;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: inherit;
    content: "";
    pointer-events: none;
}

.rk-home-visual img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

@media (min-width: 768px) and (max-width: 1199.98px) {
    .rk-home-discovery__header--visual {
        grid-template-columns: minmax(0, 1fr) minmax(280px, .82fr);
        align-items: start;
    }

    .rk-home-discovery__header--visual > div,
    .rk-home-discovery__header--visual > p {
        grid-column: 1;
    }

    .rk-home-discovery__header--visual > p {
        grid-row: 2;
    }

    .rk-home-discovery__header--visual .rk-home-visual {
        min-height: 210px;
        grid-column: 2;
        grid-row: 1 / span 2;
    }
}

.rk-eyebrow {
    display: inline-block;
    margin-bottom: .65rem;
    color: var(--rk-primary);
    font-family: var(--rk-font-mono);
    font-size: .75rem;
    font-weight: 600;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.rk-home-discovery__header h1 {
    max-width: 18ch;
    margin: 0;
    font-size: clamp(2rem, 4vw, 3.15rem);
    letter-spacing: -.045em;
}

.rk-home-discovery__header p {
    max-width: 48ch;
    margin: 0;
    color: var(--rk-muted);
    font-size: 1rem;
    line-height: 1.7;
}

.rk-home-paths {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .85rem;
    margin-bottom: .85rem;
}

.rk-home-path {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    gap: .35rem 1rem;
    min-height: 172px;
    padding: 1.25rem;
    border: 1px solid var(--rk-border);
    border-radius: var(--rk-card-radius);
    background: #fff;
    color: var(--rk-ink);
    box-shadow: var(--rk-shadow-sm);
    text-decoration: none;
    transition: border-color .18s ease, box-shadow .18s ease;
}

.rk-home-path--direct {
    border-color: #cde4e2;
    background: linear-gradient(135deg, #f7fbfc, var(--rk-sea-soft));
}

.rk-home-path:hover,
.rk-home-path:focus-visible {
    border-color: #73a8c6;
    color: var(--rk-ink);
    box-shadow: var(--rk-shadow-md);
}

.rk-home-path__icon {
    display: grid;
    width: 46px;
    height: 46px;
    grid-row: span 2;
    place-items: center;
    border-radius: 11px;
    background: #e8f2f8;
    color: var(--rk-primary);
    font-size: 1.05rem;
}

.rk-home-path--direct .rk-home-path__icon {
    background: #d8eeeb;
    color: #086b68;
}

.rk-home-path__body {
    display: grid;
    gap: .28rem;
}

.rk-home-path__eyebrow {
    color: var(--rk-primary);
    font-family: var(--rk-font-mono);
    font-size: .6875rem;
    font-weight: 600;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.rk-home-path__body strong {
    color: var(--rk-ink);
    font-size: 1.1rem;
    line-height: 1.25;
}

.rk-home-path__body > span:last-child {
    color: var(--rk-muted);
    font-size: .875rem;
    line-height: 1.55;
}

.rk-home-path__action {
    display: inline-flex;
    width: fit-content;
    min-height: 38px;
    grid-column: 2;
    align-items: center;
    align-self: end;
    gap: .55rem;
    margin-top: .45rem;
    padding: .45rem .75rem;
    border-radius: var(--rk-pill);
    background: var(--rk-primary);
    color: #fff;
    font-size: .8125rem;
    font-weight: 720;
}

.rk-home-path--direct .rk-home-path__action {
    background: var(--rk-sea);
}

.rk-home-proof {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .65rem 1rem;
    margin: 0 0 clamp(2rem, 4vw, 3rem);
    padding: .9rem 1rem;
    border: 1px solid var(--rk-border);
    border-radius: var(--rk-card-radius);
    background: var(--rk-surface-soft);
    color: #405461;
    font-size: .8125rem;
    list-style: none;
}

.rk-home-proof li {
    display: flex;
    align-items: center;
    gap: .55rem;
}

.rk-home-proof .fas {
    color: var(--rk-sea);
}

.rk-home-section-heading {
    margin-bottom: 1rem;
    scroll-margin-top: 180px;
}

.rk-home-section-heading .rk-eyebrow {
    margin-bottom: .35rem;
}

.rk-home-section-heading h2 {
    margin: 0;
    font-size: clamp(1.4rem, 2.4vw, 1.8rem);
}

.rk-home-categories {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .85rem;
}

.rk-home-category {
    position: relative;
    display: block;
    min-height: 184px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: var(--rk-card-radius);
    background: var(--rk-navy);
    color: #fff;
    box-shadow: var(--rk-shadow-sm);
    text-decoration: none;
    isolation: isolate;
    transition: box-shadow .2s ease, border-color .2s ease;
}

.rk-home-category--wide {
    min-height: 230px;
    grid-column: span 2;
}

.rk-home-category:hover,
.rk-home-category:focus-visible {
    transform: none;
    border-color: rgba(78, 183, 203, .72);
    color: #fff;
    box-shadow: 0 24px 56px -32px rgba(7, 28, 45, .72);
}

.rk-home-category__media,
.rk-home-category__media::after {
    position: absolute;
    inset: 0;
}

.rk-home-category__media::after {
    background: linear-gradient(180deg, rgba(4, 18, 29, .03) 28%, rgba(4, 18, 29, .86) 100%);
    content: "";
}

.rk-home-category__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .35s ease;
}

.rk-home-category__media > picture {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}

.rk-home-category__media::after {
    z-index: 1;
    pointer-events: none;
}

.rk-home-category:hover .rk-home-category__image,
.rk-home-category:focus-visible .rk-home-category__image {
    transform: scale(1.035);
}

.rk-home-category__fallback {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    background:
        radial-gradient(circle at 72% 30%, rgba(52, 185, 199, .3), transparent 28%),
        linear-gradient(135deg, #0d4267, #071c2d);
}

.rk-home-category:nth-child(3n+2) .rk-home-category__fallback {
    background:
        radial-gradient(circle at 24% 22%, rgba(54, 161, 137, .32), transparent 30%),
        linear-gradient(135deg, #0a4f51, #071c2d);
}

.rk-home-category:nth-child(3n) .rk-home-category__fallback {
    background:
        radial-gradient(circle at 72% 30%, rgba(202, 122, 44, .28), transparent 30%),
        linear-gradient(135deg, #173f58, #071c2d);
}

.rk-home-category__fallback > span {
    color: rgba(255, 255, 255, .1);
    font-family: var(--rk-font-mono);
    font-size: clamp(3rem, 8vw, 6rem);
    font-weight: 500;
}

.rk-home-category__content {
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    min-height: 66px;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.1rem;
    color: #fff;
    font-size: 1rem;
    font-weight: 720;
}

.rk-home-category__content .fas {
    display: grid;
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .34);
    border-radius: 50%;
    font-size: .8rem;
}

.rk-home-quickworlds {
    margin-top: clamp(1.5rem, 3vw, 2.25rem);
    padding: 0;
}

.rk-home-quickworlds__header {
    display: grid;
    max-width: 760px;
    gap: .4rem;
    margin-bottom: 1.25rem;
    padding: 0;
}

.rk-home-quickworlds__header .rk-eyebrow {
    width: fit-content;
    margin: 0;
    padding: .3rem .55rem;
    border-radius: var(--rk-pill);
    background: #e7f3f8;
    color: #0d5f8e;
    font-size: .72rem;
    letter-spacing: .1em;
}

.rk-home-quickworlds__header h2 {
    max-width: none;
    margin: 0;
    color: var(--rk-ink);
    font-size: clamp(1.5rem, 2.7vw, 2rem);
    font-weight: 780;
    letter-spacing: -.035em;
    line-height: 1.12;
    text-align: left;
}

.rk-home-quickworlds__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .85rem;
}

.rk-home-quickworld {
    position: relative;
    display: block;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    border-radius: var(--rk-card-radius);
    background: var(--rk-navy);
    color: #fff;
    text-decoration: none;
    isolation: isolate;
}

.rk-home-quickworld::after {
    position: absolute;
    z-index: 1;
    inset: 38% 0 0;
    background: linear-gradient(180deg, transparent, rgba(4, 18, 29, .88));
    content: "";
}

.rk-home-quickworld > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .35s cubic-bezier(.2, .72, .25, 1);
}

.rk-home-quickworld__fallback {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    background:
        radial-gradient(circle at 28% 24%, rgba(54, 161, 137, .3), transparent 30%),
        linear-gradient(135deg, #0d4267, #071c2d);
}

.rk-home-quickworld__fallback > span {
    color: rgba(255, 255, 255, .1);
    font-family: var(--rk-font-mono);
    font-size: clamp(3rem, 7vw, 5rem);
}

.rk-home-quickworld > span {
    position: absolute;
    z-index: 2;
    right: 1rem;
    bottom: .9rem;
    left: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    color: #fff;
    font-size: .9375rem;
    font-weight: 720;
}

.rk-home-quickworld > .rk-home-quickworld__fallback {
    z-index: 0;
    inset: 0;
}

.rk-home-quickworld > picture,
.rk-home-quickworld > img {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}

.rk-home-quickworld > picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.rk-home-quickworld:hover,
.rk-home-quickworld:focus-visible {
    color: #fff;
    box-shadow: 0 24px 56px -32px rgba(7, 28, 45, .72);
}

.rk-home-quickworld:hover > img,
.rk-home-quickworld:focus-visible > img {
    transform: scale(1.035);
}

.rk-home-advisor {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem 1.25rem;
    margin-top: 1rem;
    padding: clamp(1.1rem, 2.5vw, 1.6rem);
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: var(--rk-card-radius);
    background:
        radial-gradient(circle at 85% 20%, rgba(50, 183, 200, .17), transparent 30%),
        var(--rk-navy);
    color: #dce9f0;
}

.rk-home-advisor__icon {
    display: grid;
    width: 52px;
    height: 52px;
    place-items: center;
    border-radius: 12px;
    background: rgba(255, 255, 255, .1);
    color: #77d2da;
    font-size: 1.25rem;
}

.rk-home-advisor h2 {
    margin: 0 0 .25rem;
    color: #fff;
    font-size: clamp(1.15rem, 2vw, 1.45rem);
}

.rk-home-advisor p {
    margin: 0;
    color: #bfd0da;
    font-size: .9rem;
}

.rk-home-advisor__button {
    display: inline-flex;
    min-height: 48px;
    align-items: center;
    gap: .65rem;
    border-color: rgba(255, 255, 255, .2);
    background: #fff;
    color: var(--rk-navy);
}

.rk-home-advisor__button:hover {
    border-color: #fff;
    background: #eaf5f8;
    color: var(--rk-navy);
}

.rk-home-faq {
    display: grid;
    grid-template-columns: minmax(220px, .65fr) minmax(0, 1.35fr);
    gap: 1.5rem clamp(2rem, 5vw, 4rem);
    margin-top: clamp(2rem, 4vw, 3.5rem);
    padding-top: clamp(2rem, 4vw, 3rem);
    border-top: 1px solid var(--rk-border);
}

.rk-home-faq__header .rk-eyebrow {
    margin-bottom: .45rem;
}

.rk-home-faq__header h2 {
    margin: 0;
    font-size: clamp(1.4rem, 2.5vw, 1.8rem);
}

.rk-home-faq__items {
    display: grid;
    gap: .65rem;
}

.rk-home-faq details {
    border: 1px solid var(--rk-border);
    border-radius: var(--rk-control-radius);
    background: transparent;
}

.rk-home-faq summary {
    position: relative;
    display: flex;
    min-height: 52px;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .75rem 2.75rem .75rem 1rem;
    color: var(--rk-ink);
    cursor: pointer;
    font-weight: 700;
    list-style: none;
}

.rk-home-faq summary::-webkit-details-marker {
    display: none;
}

.rk-home-faq summary::after {
    position: absolute;
    right: 1rem;
    width: 9px;
    height: 9px;
    border-right: 2px solid var(--rk-primary);
    border-bottom: 2px solid var(--rk-primary);
    content: "";
    transform: rotate(45deg);
    transition: transform .16s ease;
}

.rk-home-faq details[open] summary::after {
    transform: rotate(225deg);
}

.rk-home-faq details p {
    margin: 0;
    padding: 0 1rem 1rem;
    color: var(--rk-muted);
    font-size: .9rem;
    line-height: 1.65;
}

/* Native NOVA start-page product sliders */
.product-slider-wrapper {
    max-width: var(--rk-content);
    margin-inline: auto;
    padding-inline: clamp(1rem, 2.4vw, 2rem);
}

.product-slider-wrapper .slick-slider-other-container {
    padding-inline: 0;
}

.product-slider-wrapper .slick-type-product {
    --display-count-xl: 6;
}

.product-slider-wrapper .hr-sect {
    justify-content: flex-start;
    margin-bottom: 1rem;
    color: var(--rk-ink);
}

.product-slider-wrapper .hr-sect::before {
    display: none;
}

.product-slider-wrapper .hr-sect::after {
    margin-left: 1rem;
    background: var(--rk-border);
}

.product-slider-wrapper .hr-sect a {
    color: var(--rk-ink);
    font-size: clamp(1.35rem, 2.4vw, 1.8rem);
    font-weight: 760;
    text-decoration: none !important;
}

.product-slider-wrapper .slick-track {
    display: flex;
    align-items: stretch;
}

.product-slider-wrapper .slick-slider {
    position: relative;
}

.product-slider-wrapper .slick-arrow {
    position: absolute;
    z-index: 6;
    top: 50%;
    transform: translateY(-50%);
    opacity: 1;
}

.product-slider-wrapper .slick-prev {
    left: .35rem;
}

.product-slider-wrapper .slick-next {
    right: .35rem;
}

.product-slider-wrapper .slick-slide {
    height: auto !important;
    align-self: stretch;
    padding: .35rem;
}

.product-slider-wrapper .slick-slide > div,
.product-slider-wrapper .slick-slide .product-wrapper-product {
    height: 100% !important;
}


.product-slider-wrapper .product-wrapper-product {
    display: flex;
    min-height: 324px;
    height: auto !important;
    flex-direction: column;
    flex-shrink: 0;
    padding: .75rem .75rem 1rem;
    border: 1px solid var(--rk-border);
    border-radius: var(--rk-card-radius);
    background: #fff;
    box-shadow: 0 1px 2px rgba(7, 28, 45, .035);
    text-align: left !important;
    transition: border-color .18s ease, box-shadow .18s ease;
}

.product-slider-wrapper .product-wrapper-product > a {
    display: flex;
    min-width: 0;
    height: 100%;
    flex: 1 1 auto;
    flex-direction: column;
    color: inherit;
    text-decoration: none !important;
}

.product-slider-wrapper .product-wrapper-product a,
.product-slider-wrapper .product-wrapper-product a:hover,
.product-slider-wrapper .product-wrapper-product a:focus {
    text-decoration: none !important;
}

.product-slider-wrapper .product-wrapper-product:hover,
.product-slider-wrapper .product-wrapper-product:focus-within {
    transform: none;
    border-color: #b8cad4;
    box-shadow: 0 20px 42px -28px rgba(7, 28, 45, .48);
}

.product-slider-wrapper .item-slider {
    overflow: hidden;
    border-radius: calc(var(--rk-card-radius) - 3px);
    background: #f2f6f8;
}

.product-slider-wrapper .item-slider img {
    transition: transform .24s ease;
}

.product-slider-wrapper .product-wrapper-product:hover .item-slider img,
.product-slider-wrapper .product-wrapper-product:focus-within .item-slider img {
    transform: translate(-50%, -50%) scale(1.025);
}

.product-slider-wrapper .item-slider-desc {
    display: -webkit-box;
    height: 2.8em;
    min-height: 2.8em;
    max-height: 2.8em;
    margin-top: .8rem;
    overflow: hidden;
    color: var(--rk-ink);
    font-size: .9375rem;
    font-weight: 650;
    line-height: 1.4;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.product-slider-wrapper .item-slider-price {
    min-height: 4.5rem;
    margin-top: auto;
}

.product-slider-wrapper .item-slider-price .price {
    color: var(--rk-ink);
    font-size: 1.1rem;
    font-weight: 760;
}

.product-slider-wrapper .item-slider-price .price-note {
    color: var(--rk-muted);
    font-size: .75rem;
}

/* Product cards */
.productbox,
.productbox-column,
.product-wrapper {
    min-width: 0;
}

.productbox.productbox-column {
    height: 100%;
    border: 1px solid var(--rk-border);
    border-radius: var(--rk-card-radius);
    background: var(--rk-surface);
    box-shadow: 0 1px 2px rgba(7, 28, 45, .035);
    transition: border-color .18s ease, box-shadow .18s ease;
}

.productbox.productbox-column:hover,
.productbox.productbox-column:focus-within {
    z-index: 2;
    transform: none;
    border-color: #b8cad4;
    box-shadow: 0 20px 42px -26px rgba(7, 28, 45, .5);
}

.productbox .productbox-ribbon.ribbon {
    z-index: 3;
}


@media (min-width: 768px) {
    .productbox.productbox-hover:hover .productbox-inner::before,
    .productbox.productbox-hover:focus .productbox-inner::before,
    .productbox.productbox-hover.focus .productbox-inner::before {
        inset: 0;
        border-radius: calc(var(--rk-card-radius) - 1px);
        box-shadow: none;
    }

    .productbox.productbox-hover:hover .productbox-ribbon.ribbon,
    .productbox.productbox-hover:focus .productbox-ribbon.ribbon,
    .productbox.productbox-hover.focus .productbox-ribbon.ribbon {
        top: 1rem;
        left: -.5rem;
    }

    #product-list.layout-gallery .productbox.productbox-hover.productbox-show-variations {
        position: relative;
        z-index: 2;
        width: 100%;
        margin: 0;
        padding: 0;
    }

    #product-list.layout-gallery .productbox-show-variations .productbox-variations {
        display: none !important;
    }
}


.productbox .productbox-inner {
    display: flex;
    height: 100%;
    flex-direction: column;
    padding: .75rem .75rem 1rem;
}

.productbox .productbox-image,
.productbox .square-image,
.productbox .productbox-images {
    overflow: hidden;
    border-radius: calc(var(--rk-card-radius) - 3px);
    background: #f3f6f8;
}

.product-slider-wrapper .item-slider,
.productbox .productbox-image {
    position: relative;
}

.rk-product-media-missing picture {
    visibility: hidden;
}

img[data-rk-media-missing="true"] {
    visibility: hidden !important;
}

.rk-product-media-promoted img:not([data-rk-media-missing="true"]) {
    visibility: visible !important;
    opacity: 1 !important;
}

.rk-product-media-fallback {
    position: absolute;
    z-index: 1;
    inset: 0;
    display: grid;
    place-content: center;
    justify-items: center;
    gap: .55rem;
    padding: 1rem;
    background:
        radial-gradient(circle at 72% 28%, rgba(52, 185, 199, .16), transparent 32%),
        linear-gradient(145deg, #f2f7f8, #e8f0f3);
    color: #5e7480;
    font-family: var(--rk-font-mono);
    font-size: .6875rem;
    font-weight: 500;
    letter-spacing: .06em;
    line-height: 1.35;
    text-align: center;
    text-transform: uppercase;
    pointer-events: none;
}

.rk-product-media-fallback .fas {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border: 1px solid rgba(18, 104, 168, .2);
    border-radius: 50%;
    background: rgba(255, 255, 255, .72);
    color: var(--rk-primary);
    font-size: 1rem;
}

@media (max-width: 575.98px) {
    .productbox .rk-product-media-fallback > * {
        position: relative;
        top: .5625rem;
    }
}

.productbox .productbox-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform: translate(-50%, -50%);
    transform-origin: center;
    transition: transform .28s cubic-bezier(.2, .72, .25, 1);
}

.productbox:hover .productbox-image img,
.productbox:focus-within .productbox-image img {
    transform: translate(-50%, -50%) scale(1.055);
}

.productbox .second-wrapper {
    inset: 0;
}

.productbox .productbox-title {
    min-height: 3.15rem;
    margin-top: .9rem;
    color: var(--rk-ink);
    font-size: .9375rem;
    font-weight: 650;
    line-height: 1.42;
}

.productbox .productbox-title a {
    color: inherit;
    text-decoration: none;
}

.productbox .price_wrapper,
.productbox .price {
    margin-top: .65rem;
    color: var(--rk-ink);
    font-size: 1.125rem;
    font-weight: 760;
}

.productbox .price-note,
.productbox .base-price,
.productbox .delivery-status {
    color: var(--rk-muted);
    font-size: .8125rem;
    line-height: 1.45;
}

.productbox .productbox-quick-actions {
    top: .8rem;
    right: .8rem;
    gap: .35rem;
}

.productbox .productbox-quick-actions .btn,
.productbox .productbox-quick-actions a {
    width: 42px;
    min-width: 42px;
    height: 42px;
    min-height: 42px;
    border: 1px solid var(--rk-border);
    border-radius: 50%;
    background: rgba(255, 255, 255, .94);
    color: var(--rk-navy);
    box-shadow: var(--rk-shadow-sm);
}

.ribbon > span,
.productbox .ribbon > span {
    border-radius: var(--rk-pill);
    padding: .32rem .6rem;
}

.product-list.layout-gallery {
    align-items: stretch;
}

.product-list.layout-gallery > .product-wrapper {
    display: flex;
    margin-bottom: 1.5rem !important;
}

.product-list.layout-gallery .productbox.productbox-column {
    width: 100%;
    min-height: 390px;
}

.product-list.layout-gallery .productbox > form.form-basket,
.product-list.layout-gallery .productbox .productbox-inner {
    width: 100%;
    height: 100%;
}

.product-list.layout-gallery .productbox .productbox-inner > .row {
    height: 100%;
    align-content: flex-start;
}

.product-list.layout-gallery .productbox .productbox-inner > .row > .col:last-child {
    display: flex;
    min-height: 145px;
    flex-direction: column;
}

.product-list.layout-gallery .productbox .productbox-inner > .row > .col:last-child > :last-child {
    margin-top: auto;
}

.product-list.layout-gallery .productbox .productbox-image,
.product-list.layout-gallery .productbox .square-image,
.product-list.layout-gallery .productbox .productbox-images {
    aspect-ratio: 1;
}

.product-list.layout-gallery .productbox .productbox-title {
    height: 4.05rem;
    min-height: 4.05rem;
}

/* Category and product list */
.subcategories-list,
.category-list,
.subcategory-wrapper {
    margin-bottom: 1.5rem;
}

.subcategories-list .card,
.category-list .card,
.subcategories-list .subcategories-list-item {
    height: 100%;
    overflow: hidden;
    border: 1px solid var(--rk-border);
    border-radius: var(--rk-card-radius);
    background: #fff;
    box-shadow: none;
}

.subcategories-list img,
.category-list img {
    aspect-ratio: 4 / 3;
    object-fit: cover;
}

.productlist-page-nav,
.productlist-header,
.result-options {
    border-color: var(--rk-border);
}

.productlist-page-nav {
    padding: .65rem;
    border: 1px solid var(--rk-border);
    border-radius: var(--rk-control-radius);
    background: #fff;
}

.active-filter,
.active-filter-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin-block: 1rem;
}

.active-filter .btn,
.active-filter a,
.filter-type-special {
    min-height: 36px;
    border-radius: var(--rk-pill);
    font-size: .8125rem;
}

#sidepanel_left,
.sidepanel-left,
.aside-wrapper {
    min-width: 0;
}

#sidepanel_left .box,
.sidepanel-left .box,
.filter-wrapper .card,
.sidebar-filter .card {
    margin-bottom: .75rem;
    overflow: hidden;
    border: 1px solid var(--rk-border);
    border-radius: var(--rk-card-radius);
    background: #fff;
    box-shadow: none;
}

#sidepanel_left .box-categories,
.sidepanel-left .box-categories {
    overflow: hidden;
    border-color: #cddae1;
}

.box-categories .productlist-filter-headline {
    min-height: 48px;
    align-items: center;
    margin: 0;
    padding: .75rem 1rem;
    border: 0;
    border-bottom: 1px solid var(--rk-border);
    background: linear-gradient(180deg, #f9fbfc, #f2f6f8);
    color: var(--rk-navy);
    font-size: .75rem;
    font-weight: 780;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.box-categories .nav-panel {
    padding: .4rem;
}

.box-categories .nav-panel > .nav {
    gap: .15rem;
}

.box-categories .nav-item > .nav-link,
.box-categories .nav-item > .nav-link > a {
    min-height: 40px;
    color: #2b4657;
    font-size: .875rem;
    font-weight: 560;
    line-height: 1.35;
    text-decoration: none;
}

.box-categories .nav-item > .nav-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .55rem .65rem;
    border-left: 3px solid transparent;
    border-radius: 7px;
}

.box-categories .nav-item > .nav-link:hover,
.box-categories .nav-item > .nav-link:focus-visible {
    background: #edf5f9;
    color: var(--rk-primary-hover);
}

.box-categories .nav-item.active > .nav-link {
    border-left-color: var(--rk-sea);
    border-bottom: 0 !important;
    background: var(--rk-sea-soft);
    color: #095e5b;
    font-weight: 720;
    box-shadow: none;
}

.box-categories .snippets-categories-collapse {
    margin: .15rem 0 .4rem .6rem;
    padding-left: .5rem;
    border-left: 1px solid var(--rk-border);
}

.box-categories .snippets-categories-nav-link-child {
    min-height: 36px !important;
    padding-block: .4rem !important;
    color: var(--rk-muted) !important;
    font-size: .8125rem !important;
}

#sidepanel_left .box-title,
.sidepanel-left .box-title,
.filter-wrapper .card-header,
.sidebar-filter .card-header {
    display: flex;
    min-height: 48px;
    align-items: center;
    margin: 0;
    padding: .75rem 1rem;
    border-bottom: 1px solid var(--rk-border);
    background: #f7f9fa;
    color: var(--rk-navy);
    font-size: .8125rem;
    font-weight: 760;
    letter-spacing: .07em;
    text-transform: uppercase;
}

#sidepanel_left .box-body,
.sidepanel-left .box-body,
.filter-wrapper .card-body,
.sidebar-filter .card-body {
    padding: .75rem 1rem 1rem;
}

.box-filter-item,
.filter-item,
.custom-control {
    min-height: 36px;
}

.custom-control-label {
    padding-top: .1rem;
    color: var(--rk-ink);
    font-size: .875rem;
}

.custom-control-input:checked ~ .custom-control-label::before {
    border-color: var(--rk-primary);
    background-color: var(--rk-primary);
}

.noUi-connect {
    background: var(--rk-primary);
}

.noUi-handle {
    border-color: var(--rk-primary);
    box-shadow: 0 2px 8px rgba(18, 104, 168, .24);
}

/* Compact category landing pages */
.rk-page-category body #content-wrapper,
.rk-page-pdp body #content-wrapper {
    padding-top: 1.5rem;
}

.rk-page-category #result-wrapper > .title {
    margin-bottom: .8rem;
}

.rk-page-category #result-wrapper > .desc {
    margin-bottom: 1rem;
    padding: .85rem 1rem;
    border-left: 3px solid var(--rk-warm);
    border-radius: 0 8px 8px 0;
    background: #fff;
    color: #40515d;
    box-shadow: 0 8px 24px -22px rgba(7, 28, 45, .45);
    font-size: .875rem;
    line-height: 1.5;
}

.rk-page-category #result-wrapper > .desc > :first-child:empty {
    display: none;
}

.rk-page-category #result-wrapper > .desc p {
    margin-bottom: .4rem;
}

.rk-page-category #result-wrapper > .desc p:last-child {
    margin-bottom: 0;
}

.rk-subcategory-rail {
    display: grid !important;
    grid-template-rows: repeat(2, minmax(42px, auto));
    grid-auto-flow: column;
    grid-auto-columns: minmax(178px, .72fr);
    gap: .5rem;
    margin: 0 0 1rem !important;
    padding: .25rem .15rem .7rem;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-snap-type: inline proximity;
    scrollbar-color: #a9bbc6 transparent;
    scrollbar-width: thin;
}

.rk-subcategory-rail > [class*="col"] {
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    flex: none !important;
    scroll-snap-align: start;
}

.rk-subcategory-rail .sub-categories,
.rk-subcategory-rail .sub-categories > div,
.rk-subcategory-rail .caption {
    height: 100%;
}

.rk-subcategory-rail .caption > a {
    display: flex;
    min-height: 42px;
    height: 100%;
    align-items: center;
    padding: .55rem .75rem;
    border: 1px solid var(--rk-border);
    border-radius: 8px;
    background: #fff;
    color: #294555;
    font-size: .8125rem;
    font-weight: 620;
    line-height: 1.25;
    text-decoration: none;
}

.rk-subcategory-rail .caption > a:hover,
.rk-subcategory-rail .caption > a:focus-visible {
    border-color: #9ab6c5;
    background: #edf5f9;
    color: var(--rk-primary-hover);
}

.rk-page-category #result-wrapper > .productlist-page-nav-header-m {
    min-height: 60px;
    align-items: center;
    margin-top: 1rem;
    padding: .5rem .7rem;
}

.rk-page-category #result-wrapper > .productlist-page-nav-header-m .displayoptions,
.rk-page-category #result-wrapper > .productlist-page-nav-header-m .productlist-item-info {
    align-items: center;
    margin-top: 0;
    margin-bottom: 0;
}

.rk-mobile-category-notice {
    margin-bottom: .85rem;
    overflow: hidden;
    border: 1px solid #e4d4c3;
    border-left: 3px solid var(--rk-warm);
    border-radius: 9px;
    background: #fffaf5;
}

.rk-mobile-category-notice > summary {
    display: flex;
    min-height: 50px;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .7rem .85rem;
    color: #8c4c18;
    cursor: pointer;
    font-size: .875rem;
    font-weight: 720;
    list-style: none;
}

.rk-mobile-category-notice > summary::-webkit-details-marker {
    display: none;
}

.rk-mobile-category-notice > summary::after {
    width: 8px;
    height: 8px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    content: "";
    transform: rotate(45deg);
    transition: transform .16s ease;
}

.rk-mobile-category-notice[open] > summary::after {
    transform: rotate(225deg);
}

.rk-mobile-category-notice > .desc {
    margin: 0;
    padding: .1rem .85rem .85rem;
    color: var(--rk-ink);
    font-size: .875rem;
}

.rk-mobile-category-notice > .desc p:last-child {
    margin-bottom: 0;
}

.rk-category-navigation .nav-panel {
    max-height: 540px;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-color: #a9bbc6 transparent;
    scrollbar-width: thin;
}

.rk-category-navigation .nav-item > .nav-link {
    min-height: 42px;
}

.rk-mobile-category-tree {
    margin-bottom: .85rem;
    border: 1px solid var(--rk-border);
    border-radius: 9px;
    background: #fff;
}

.rk-mobile-category-tree > summary {
    display: flex;
    min-height: 50px;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .7rem .9rem;
    color: var(--rk-navy);
    cursor: pointer;
    font-size: .9rem;
    font-weight: 720;
    list-style: none;
}

.rk-mobile-category-tree > summary::-webkit-details-marker {
    display: none;
}

.rk-mobile-category-tree > summary > span:first-child {
    display: inline-flex;
    align-items: center;
    gap: .6rem;
}

.rk-mobile-category-tree[open] > summary > .fas {
    transform: rotate(180deg);
}

.rk-mobile-category-tree__body {
    max-height: min(60vh, 520px);
    padding: 0 .55rem .55rem;
    border-top: 1px solid var(--rk-border);
    overflow-y: auto;
    overscroll-behavior: contain;
}

.rk-mobile-category-tree .box-categories {
    margin: 0;
    border: 0;
    border-radius: 0;
}

.rk-mobile-category-tree .box-categories .productlist-filter-headline {
    display: none;
}

/* The NOVA category box already contains a mobile collapse control. Inside
   the dedicated outer disclosure this would produce a confusing double
   "Kategorien" toggle, so the real tree is opened by the outer summary. */
.rk-mobile-category-tree .box-categories > .box-normal-link {
    display: none !important;
}

.rk-mobile-category-tree .box-categories > .collapse {
    display: block !important;
}

/* PDP */
#productdetails,
.product-detail {
    --rk-pdp-gap: clamp(1.25rem, 3vw, 3rem);
}

.product-detail .product-info-inner,
#productdetails .product-info-inner {
    min-width: 0;
}

#productdetails .product-primary,
.product-detail .product-primary,
#productdetails .row.product-primary {
    align-items: flex-start;
    gap: 0;
}

.product-gallery,
#gallery_wrapper,
.product-image-wrapper {
    position: relative;
    min-width: 0;
}

/* Neutralize NOVA's large generic gallery margins. The thumbnail rail, when
   present, gets its own compact gap below the main image. */
#image_wrapper {
    margin-bottom: 0;
}

#image_wrapper #gallery {
    margin-bottom: .75rem;
}

/* Keep click-to-preview, without a magnifying cursor or extra hover lens.
   !important also overrides the optional image-zoom plugin's inline cursor. */
#image_wrapper .slick-slide,
#image_wrapper .product-image,
.productbox .productbox-image img {
    cursor: pointer !important;
}

#image_wrapper .wp-iz-lens,
.productbox .wp-iz-lens {
    display: none !important;
}

#gallery,
.product-gallery .slick-list,
.product-gallery .product-image,
.product-detail .product-image {
    overflow: hidden;
    border: 0;
    border-radius: 10px;
    background: #f0f4f6;
}

/* NOVA reserves a square with ::before and offsets images by 50%.
   Use one explicit media stage; mixing both sizing systems doubles its height. */
#gallery .square-image {
    height: clamp(300px, 40vw, 540px);
    margin: 0;
}

#gallery .square-image::before,
#gallery_preview .square-image::before {
    display: none;
    padding: 0;
}

#gallery .square-image .inner {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    min-height: 0;
    padding: clamp(.75rem, 2vw, 1.5rem);
}

#gallery .inner picture,
#gallery_preview .inner picture {
    display: block;
    width: 100%;
    height: 100%;
}

#gallery .inner img,
#gallery_preview .inner img {
    position: static;
    display: block;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100% !important;
    margin: 0;
    transform: none;
    object-fit: contain;
    object-position: center;
}

#image_wrapper #gallery .slick-arrow:not(.slick-hidden) {
    display: flex !important;
    z-index: 1001;
    top: 50%;
    background: var(--rk-surface);
    opacity: 1;
    visibility: visible;
    transform: translateY(-50%);
}

#image_wrapper #gallery img:focus-visible {
    outline: 3px solid var(--rk-focus) !important;
    outline-offset: -3px;
}

#gallery .slick-prev { left: .75rem; }
#gallery .slick-next { right: .75rem; }

.rk-pdp-media-fallback {
    position: absolute;
    inset: 0;
    display: grid;
    place-content: center;
    gap: .45rem;
    padding: 1.5rem;
    background:
        radial-gradient(circle at 70% 24%, rgba(18, 104, 168, .09), transparent 30%),
        #f0f4f6;
    color: var(--rk-muted);
    text-align: center;
}

.rk-pdp-media-fallback .fas {
    margin-bottom: .25rem;
    color: #78909d;
    font-size: 1.5rem;
}

.rk-pdp-media-fallback strong {
    color: var(--rk-ink);
}

.rk-pdp-media-fallback span:last-child {
    max-width: 28ch;
    font-size: .8125rem;
}

#gallery_preview,
.gallery-preview,
.product-gallery .slick-thumbs {
    margin-top: .75rem;
}

#gallery_preview .square-image {
    height: 76px;
    margin: 0;
    cursor: pointer;
}

#gallery_preview .slick-slide {
    border: 0;
}

#gallery_preview .square-image .inner {
    position: absolute;
    inset: 4px;
    width: auto;
    height: auto;
    min-height: 0;
    padding: 4px;
    overflow: hidden;
    border: 2px solid transparent;
    border-radius: 8px;
    background: #fff;
}

.gallery-preview .slick-slide,
.product-gallery .slick-thumbs > * {
    margin-right: .5rem;
}

.gallery-preview .slick-slide > div,
.gallery-preview a {
    overflow: hidden;
    border: 2px solid transparent;
    border-radius: 8px;
    background: #fff;
}

#gallery_preview .slick-current .inner,
.gallery-preview .active,
.gallery-preview [aria-current="true"] {
    border-color: var(--rk-primary);
}

#gallery_preview .rk-pdp-media-fallback {
    padding: .25rem;
}

#gallery_preview .rk-pdp-media-fallback strong,
#gallery_preview .rk-pdp-media-fallback span:last-child {
    display: none;
}

#gallery_preview .rk-pdp-media-fallback .fas {
    margin: 0;
    font-size: 1rem;
}

#gallery_preview .square-image:focus-visible .inner {
    outline: 3px solid var(--rk-focus);
    outline-offset: -3px;
}

#image_wrapper.fullscreen #gallery .square-image {
    height: calc(100vh - 220px);
    height: calc(100dvh - 220px);
}

/* Sticky gallery columns create a stacking context: lift that context with
   the native fullscreen viewer, otherwise the buybox covers the image. */
.product-gallery:has(#image_wrapper.fullscreen) {
    z-index: 11000;
}

#image_wrapper.fullscreen #gallery_wrapper {
    position: relative;
    top: auto;
}

@media (max-height: 699px) {
    #image_wrapper.fullscreen #gallery .square-image {
        height: calc(100vh - 100px);
        height: calc(100dvh - 100px);
    }
}

.product-info-inner {
    padding: clamp(1.1rem, 2vw, 1.5rem);
    border: 0;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 18px 52px -38px rgba(7, 28, 45, .48);
}

.product-info-inner .product-title,
.product-info-inner h1 {
    margin-bottom: .65rem;
    font-size: clamp(1.5rem, 2.3vw, 2rem);
    line-height: 1.18;
}

.product-info-inner .product-info-essential,
.product-info-inner .product-id,
.product-info-inner .manufacturer {
    color: var(--rk-muted);
    font-size: .8125rem;
}

.product-info-inner .product-info-essential {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem 1rem;
    margin-bottom: .75rem;
}

.product-info-inner .info-essential {
    margin-bottom: .75rem;
    color: var(--rk-muted);
    font-size: .8125rem;
    line-height: 1.35;
}

.product-info-inner .info-essential > li {
    min-height: 0;
    margin: 0 0 .16rem;
    line-height: 1.35;
}

/* NOVA intentionally renders a hidden validation submit before the PDP.
   Global button sizing must never turn it into a 44px layout spacer. */
#buy_form > .btn-hidden-default.btn-hidden {
    display: none !important;
}

/* These selectors deliberately match the NOVA PDP specificity. */
#product-offer .product-info ul.info-essential {
    margin: .65rem 0;
}

#product-offer .product-info .product-offer {
    margin-bottom: .75rem;
}

#product-offer .product-info .product-offer > .row {
    margin-bottom: .5rem;
}

#product-offer .product-info .stock-information.stock-information-p {
    padding: .65rem .8rem;
}

.product-info-inner .short-description,
.product-info-inner .product-short-description {
    margin-block: .75rem 1rem;
    color: #40515d;
    font-size: .9375rem;
}

.product-info-inner .rating {
    margin-bottom: .75rem;
}

.product-info-inner .price_wrapper {
    margin-block: .8rem .15rem;
    color: var(--rk-ink);
}

.product-info-inner .price {
    margin: 0;
    color: var(--rk-ink);
    font-size: clamp(1.75rem, 3vw, 2.25rem);
    font-weight: 780;
    letter-spacing: -.04em;
    line-height: 1.15;
}

.product-info-inner .price-note,
.product-info-inner .vat_info,
.product-info-inner .shipping-tax-info {
    color: var(--rk-muted);
    font-size: .8125rem;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.5;
}

.product-info-inner .stock-information {
    align-items: center;
    margin-block: .65rem;
    padding: .65rem .8rem;
    border: 1px solid #cfe2db;
    border-radius: 8px;
    background: #f2f8f5;
    color: #235d42;
    font-size: .875rem;
}

.product-info-inner .stock-information .delivery-status {
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
}

.product-info-inner .stock-information .delivery-status ul {
    margin: 0;
}

.product-info-inner .stock-information .delivery-status li + li {
    margin-top: .2rem;
}

.product-info-inner .stock-information .estimated-delivery-info {
    display: inline;
    min-height: 0;
}

.product-info-inner .stock-information .question-on-item {
    align-self: center;
}

.product-info-inner .stock-information .question-on-item .btn {
    min-height: 40px;
    padding: .4rem .55rem;
    color: var(--rk-navy);
    font-size: .8125rem;
}

.product-info-inner .product-stock-info {
    margin-top: .2rem;
}

.product-info-inner .product-stock-info .btn {
    min-height: 38px;
    padding: .4rem .55rem;
    color: var(--rk-muted);
    font-size: .8125rem;
}

.product-info-inner .variation {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid var(--rk-border);
}

.product-info-inner .variation > label,
.product-info-inner .variation legend,
.product-info-inner .variation-title {
    margin-bottom: .6rem;
    color: var(--rk-navy);
    font-size: .8125rem;
    font-weight: 750;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.product-info-inner .swatches,
.product-info-inner .variation .btn-group,
.product-info-inner .variation-values {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.product-info-inner .swatches .variation,
.product-info-inner .swatches label,
.product-info-inner .variation .btn,
.product-info-inner .variation-value {
    min-width: 52px;
    min-height: 44px;
    margin: 0;
    border-radius: 8px;
}

.product-info-inner .swatches input:checked + label,
.product-info-inner .variation-value.active,
.product-info-inner .variation .btn.active {
    border-color: var(--rk-primary);
    background: #eaf4fb;
    color: var(--rk-primary-hover);
    box-shadow: inset 0 0 0 1px var(--rk-primary);
}

#add-to-cart {
    margin-top: .65rem;
    padding-top: .75rem;
    border-top: 1px solid var(--rk-border);
}

.wp-share-buttons {
    display: none !important;
}

#add-to-cart .basket-form-inline {
    display: grid;
    grid-template-columns: minmax(176px, .42fr) minmax(190px, 1fr);
    gap: .75rem;
    margin: 0;
}

#add-to-cart .basket-form-inline > [class*="col-"] {
    width: auto;
    max-width: none;
    padding: 0;
    flex: none;
}

#quantity-grp,
.choose_quantity {
    display: grid;
    min-width: 0;
    height: 52px;
    min-height: 52px;
    grid-template-columns: 44px minmax(48px, 1fr) auto;
    align-items: stretch;
    overflow: hidden;
    border: 1px solid var(--rk-border-strong);
    border-radius: 8px;
    background: #fff;
}

#quantity-grp .input-group-prepend,
#quantity-grp .input-group-append,
#quantity-grp .btn,
#quantity-grp .form-control,
#quantity-grp .input-group-text,
.choose_quantity .input-group-prepend,
.choose_quantity .input-group-append,
.choose_quantity .btn,
.choose_quantity .form-control,
.choose_quantity .input-group-text {
    min-width: 0;
    min-height: 50px;
    margin: 0;
    border: 0;
    border-radius: 0;
}

#quantity-grp .btn,
.choose_quantity .btn {
    width: 44px;
    padding: 0;
    flex: 0 0 44px;
    background: #f4f7f9;
    color: var(--rk-navy);
}

#quantity-grp .quantity,
.choose_quantity .quantity {
    width: 100%;
    min-width: 44px;
    padding-inline: .3rem;
    text-align: center;
}

#quantity-grp .unit {
    width: auto;
    padding-inline: .35rem;
    color: var(--rk-muted);
    font-size: .8125rem;
}

#add-to-cart .js-cfg-validate,
#add-to-cart [name="inWarenkorb"] {
    min-height: 52px;
    border-radius: 8px;
    font-size: 1rem;
}

#add-to-cart > .row:not(.basket-form-inline) {
    margin: .5rem 0 0;
}

#add-to-cart > .row:not(.basket-form-inline) > [class*="col-"] {
    padding-inline: 0;
}

#add-to-cart [id*="paypal-button"],
#add-to-cart [id*="ppc-"] {
    max-width: 100%;
}

.rk-loyalty-slot:empty {
    display: none;
}

.rk-loyalty-slot .wplp-product-points {
    display: flex;
    width: 100%;
    margin: .75rem 0 0;
    padding: .55rem .7rem;
    border: 1px solid #dbe8b9;
    border-radius: 8px;
    background: #f7faee;
    color: #52671f;
    font-size: .8125rem;
}

.rk-purchase-notes {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .5rem;
    margin-top: .75rem;
    padding-top: .75rem;
    border-top: 1px solid var(--rk-border);
}

.rk-purchase-notes > span {
    display: flex;
    min-height: 40px;
    align-items: center;
    gap: .5rem;
    color: var(--rk-muted);
    font-size: .8125rem;
    line-height: 1.35;
}

.rk-purchase-notes .fas {
    display: grid;
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    place-items: center;
    border-radius: 8px;
    background: var(--rk-sea-soft);
    color: var(--rk-sea);
    font-size: .8rem;
}

.rk-product-help {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .7rem;
    margin-top: .65rem;
    padding: .7rem .8rem;
    border: 1px solid #c9dfe9;
    border-radius: 8px;
    background: #f5fafc;
    color: var(--rk-ink);
    text-decoration: none;
}

.rk-product-help:hover,
.rk-product-help:focus-visible {
    border-color: var(--rk-primary);
    color: var(--rk-ink);
}

.rk-product-help > .fas:first-child {
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border-radius: 8px;
    background: #deedf5;
    color: var(--rk-primary);
}

.rk-product-help > span:nth-child(2) {
    display: grid;
    gap: .08rem;
}

.rk-product-help strong {
    font-size: .875rem;
}

.rk-product-help > span:nth-child(2) > span {
    color: var(--rk-muted);
    font-size: .75rem;
}

.rk-product-help > .fas:last-child {
    color: var(--rk-primary);
    font-size: .75rem;
}

.rk-decision-facts {
    margin-top: .75rem;
    padding: .85rem;
    border: 1px solid var(--rk-border);
    border-radius: 8px;
    background: #fff;
}

.rk-decision-facts header {
    margin-bottom: .65rem;
}

.rk-decision-facts .rk-eyebrow {
    margin-bottom: .2rem;
    font-size: .625rem;
}

.rk-decision-facts h2 {
    margin: 0;
    font-size: 1rem;
}

.rk-decision-facts dl {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 .9rem;
    margin: 0;
}

.rk-decision-facts dl > div {
    display: grid;
    grid-template-columns: minmax(110px, .8fr) minmax(0, 1fr);
    gap: .5rem;
    padding: .45rem 0;
    border-top: 1px solid var(--rk-border);
    font-size: .75rem;
}

.rk-decision-facts dt {
    color: var(--rk-muted);
    font-weight: 600;
}

.rk-decision-facts dd {
    margin: 0;
    color: var(--rk-ink);
    font-weight: 650;
    overflow-wrap: anywhere;
}

.rk-mobile-buybar {
    display: none;
}

.product-info-inner .comparelist,
.product-info-inner .wishlist,
.product-info-inner .question-on-item,
.product-info-inner .product-actions {
    min-width: 0;
}

.product-info-inner .product-actions .btn,
.product-info-inner .product-actions a {
    min-width: 44px;
    min-height: 44px;
}

.nav-tabs {
    min-height: 52px;
    border-bottom: 1px solid var(--rk-border);
}

.nav-tabs .nav-link {
    display: flex;
    min-height: 52px;
    align-items: center;
    border: 0;
    border-bottom: 3px solid transparent;
    color: var(--rk-muted);
    font-size: .9375rem;
    font-weight: 650;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    border-bottom-color: var(--rk-primary);
    background: transparent;
    color: var(--rk-navy);
}

.tab-content {
    padding-block: 1.5rem;
    color: #344651;
}

.tab-content .tab-pane > :where(p, ul, ol, table),
.product-description > :where(p, ul, ol, table) {
    max-width: 76ch;
}

.tab-content table,
.product-attributes table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;
    border: 1px solid var(--rk-border);
    border-radius: 8px;
}

.tab-content table td,
.tab-content table th,
.product-attributes table td,
.product-attributes table th {
    padding: .75rem .9rem;
    border-bottom: 1px solid var(--rk-border);
}

.tab-content table tr:last-child td,
.product-attributes table tr:last-child td {
    border-bottom: 0;
}

.rk-product-safety {
    margin-block: 1.5rem 2.5rem;
    padding: clamp(1.1rem, 2.2vw, 1.6rem);
    border: 0;
    border-radius: 10px;
    background: #edf3f6;
}

.rk-product-safety__header {
    display: flex;
    align-items: baseline;
    gap: .75rem;
    margin-bottom: 1rem;
    padding-bottom: .85rem;
    border-bottom: 1px solid #c8d6de;
    background: transparent;
}

.rk-product-safety__eyebrow {
    padding: .2rem .45rem;
    border-radius: 4px;
    background: var(--rk-navy);
    color: #fff;
    font-family: var(--rk-font-mono);
    font-size: .6875rem;
    font-weight: 600;
    letter-spacing: .06em;
}

.rk-product-safety h2 {
    flex: 1 1 auto;
    margin: 0;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: clamp(1.25rem, 2vw, 1.5rem);
}

.rk-product-safety__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem 0;
}

.rk-product-safety__card {
    min-width: 0;
    padding: .25rem 1.25rem .25rem 0;
    border: 0;
    background: transparent;
}

.rk-product-safety__card + .rk-product-safety__card:not(.rk-product-safety__card--wide) {
    padding-right: 0;
    padding-left: 1.25rem;
    border-left: 1px solid #c8d6de;
}

.rk-product-safety__card--wide {
    grid-column: 1 / -1;
    padding: 1rem 0 0;
    border-top: 1px solid #c8d6de;
}

.rk-product-safety__card h3 {
    margin-bottom: .65rem;
    color: var(--rk-navy);
    font-size: .9375rem;
}

.rk-product-safety__card address,
.rk-product-safety__card p {
    margin: 0;
    color: #40515d;
    font-size: .875rem;
    font-style: normal;
    line-height: 1.55;
}

.rk-product-safety__card p + p {
    margin-top: .3rem;
}

.rk-product-safety__name {
    margin-bottom: .35rem !important;
    color: var(--rk-ink) !important;
    font-weight: 720;
}

.rk-product-safety__contact,
.rk-product-safety__notices {
    display: grid;
    gap: .55rem;
    margin: .8rem 0 0;
}

.rk-product-safety__contact > div,
.rk-product-safety__notice {
    display: grid;
    grid-template-columns: minmax(110px, .32fr) minmax(0, 1fr);
    gap: .75rem;
}

.rk-product-safety dt {
    color: var(--rk-muted);
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.rk-product-safety dd {
    min-width: 0;
    margin: 0;
    color: #40515d;
    overflow-wrap: anywhere;
}

.rk-product-safety__notice + .rk-product-safety__notice {
    padding-top: .55rem;
    border-top: 1px solid rgba(189, 203, 211, .72);
}

.recommendations .slick-slide > div,
.partslist .slick-slide > div {
    height: 100%;
    padding: .35rem;
}

/* Basket, account and checkout */
.basket-summary,
.cart-summary,
.checkout-shipping-form,
.checkout-payment-form,
.checkout-confirmation,
.account-content,
#order_register_or_login .card {
    border: 1px solid var(--rk-border);
    border-radius: var(--rk-card-radius);
    background: #fff;
    box-shadow: var(--rk-shadow-sm);
}

.basket-item,
.cart-item,
.checkout-items .item {
    border-color: var(--rk-border);
}

.basket-summary,
.cart-summary {
    padding: clamp(1rem, 2.4vw, 1.5rem);
}

/* Keep both checkout entry points visible on their light cart surfaces. */
#cart-checkout-btn,
#cart-dropdown-container .cart-dropdown-next {
    border-color: var(--rk-primary) !important;
    background: var(--rk-primary) !important;
    color: #fff !important;
}

#cart-checkout-btn:hover,
#cart-checkout-btn:focus,
#cart-checkout-btn:focus-visible,
#cart-dropdown-container .cart-dropdown-next:hover,
#cart-dropdown-container .cart-dropdown-next:focus,
#cart-dropdown-container .cart-dropdown-next:focus-visible {
    border-color: var(--rk-primary-hover) !important;
    background: var(--rk-primary-hover) !important;
    color: #fff !important;
}

/* ReefKingNova 1.4.0 – complete Design A integration */
.rk-announcement {
    border: 0;
    background: #234678;
    color: #f7fbff;
}

.rk-announcement__inner {
    min-height: 36px;
    font-size: .8rem;
    letter-spacing: .01em;
}

.rk-nav-action-label {
    display: var(--rk-nav-label-display, inline);
    margin-left: .4rem;
    font-size: .75rem;
    font-weight: 650;
    line-height: 1;
    white-space: nowrap;
}

#shop-nav .account-icon-dropdown > .nav-link,
#shop-nav-wish > .nav-link,
#shop-nav .cart-icon-dropdown > .nav-link {
    padding-inline: .7rem;
}

#shop-nav .cart-icon-dropdown > .nav-link {
    min-width: max-content;
    background: var(--rk-primary);
}

#shop-nav .cart-icon-dropdown > .nav-link:hover,
#shop-nav .cart-icon-dropdown > .nav-link:focus-visible {
    background: var(--rk-primary-hover);
}

@media (min-width: 992px) {
    /* NOVA's legacy scroll script adds d-none after the scroll event. The
       search/logo row remains part of the sticky header in this template. */
    #jtl-nav-wrapper .hide-navbar,
    #jtl-nav-wrapper .hide-navbar.d-none,
    html.rk-has-scrolled #jtl-nav-wrapper .hide-navbar,
    html.rk-has-scrolled #jtl-nav-wrapper .hide-navbar.d-none {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        transform: none !important;
    }

    #mainNavigation .nav-scrollbar-item > .dropdown-menu {
        position: fixed !important;
        right: auto !important;
        left: 50% !important;
        width: min(calc(100vw - 64px), 1180px) !important;
        max-width: min(var(--rk-content), 1180px) !important;
        max-height: min(68vh, 560px) !important;
        transform: translateX(-50%) !important;
    }
}

html.rk-page-home,
html.rk-page-home body,
html.rk-page-home #main-wrapper,
html.rk-page-home #content-wrapper,
html.rk-page-home main {
    background: var(--rk-commerce-canvas) !important;
}

html.rk-home-has-campaign-hero .rk-home-stage--campaign-first .rk-home-hero {
    display: none;
}

html.rk-page-home:has(.rk-home-stage--design-only) .opc-JtlSlider {
    display: none !important;
}

.rk-home-layout--commerce .rk-home-module--info { order: 1; }
.rk-home-layout--commerce .rk-home-module--hero { order: 2; }
.rk-home-layout--commerce .rk-home-module--categories { order: 3; }
.rk-home-layout--commerce .rk-home-module--featured { order: 4; }
.rk-home-layout--commerce .rk-home-module--banner { order: 5; }
.rk-home-layout--commerce .rk-home-module--advisor { order: 6; }
.rk-home-layout--commerce .rk-home-module--products { order: 7; }
.rk-home-layout--commerce .rk-home-module--faq { order: 8; }

.rk-home-layout--catalog-first .rk-home-module--info { order: 1; }
.rk-home-layout--catalog-first .rk-home-module--categories { order: 2; }
.rk-home-layout--catalog-first .rk-home-module--featured { order: 3; }
.rk-home-layout--catalog-first .rk-home-module--hero { order: 4; }
.rk-home-layout--catalog-first .rk-home-module--banner { order: 5; }
.rk-home-layout--catalog-first .rk-home-module--advisor { order: 6; }
.rk-home-layout--catalog-first .rk-home-module--products { order: 7; }
.rk-home-layout--catalog-first .rk-home-module--faq { order: 8; }

.rk-home-layout--advice-first .rk-home-module--info { order: 1; }
.rk-home-layout--advice-first .rk-home-module--hero { order: 2; }
.rk-home-layout--advice-first .rk-home-module--advisor { order: 3; }
.rk-home-layout--advice-first .rk-home-module--categories { order: 4; }
.rk-home-layout--advice-first .rk-home-module--featured { order: 5; }
.rk-home-layout--advice-first .rk-home-module--banner { order: 6; }
.rk-home-layout--advice-first .rk-home-module--products { order: 7; }
.rk-home-layout--advice-first .rk-home-module--faq { order: 8; }

.rk-home-preset--design-a .rk-home-categories {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: .9rem;
}

.rk-home-preset--design-a .rk-home-category {
    aspect-ratio: 16 / 9;
}

.rk-home-featured {
    overflow: hidden;
    padding: clamp(1.4rem, 3vw, 2.25rem);
    border: 1px solid var(--rk-commerce-border);
    border-radius: 8px;
    background: var(--rk-commerce-surface);
}

.rk-home-featured__header {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1rem 2rem;
    margin-bottom: 1.25rem;
}

.rk-home-featured__header h2 {
    margin: 0;
    color: var(--rk-commerce-text);
    font-size: clamp(1.65rem, 3vw, 2.65rem);
    letter-spacing: -.045em;
}

.rk-home-featured__header p {
    max-width: 64ch;
    margin: .7rem 0 0;
    color: var(--rk-commerce-text-secondary);
    font-size: .9rem;
}

.rk-home-featured__link {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    gap: .6rem;
    padding: .65rem .9rem;
    border: 1px solid var(--rk-commerce-border);
    border-radius: 6px;
    color: var(--rk-commerce-text);
    font-size: .84rem;
    font-weight: 720;
    text-decoration: none;
    white-space: nowrap;
}

.rk-home-featured__link:hover,
.rk-home-featured__link:focus-visible {
    border-color: var(--rk-commerce-sea);
    color: #fff;
}

.rk-home-featured__products .slick-slider-other,
.rk-home-featured__products .slick-type-product {
    margin: 0;
}

.rk-home-banner--no-media {
    grid-template-columns: 1fr;
}

.rk-home-banner--no-media .rk-home-banner__copy {
    max-width: 900px;
    grid-column: 1;
}

.rk-home-commerce .rk-product-rail {
    width: 100%;
    margin: 0 auto;
    padding-inline: clamp(.75rem, 2.5vw, 2rem);
}

.rk-home-commerce .rk-product-rail .slick-slider-other-container {
    max-width: none;
    padding-inline: 0;
}

.rk-home-commerce .rk-product-rail .slick-type-product,
.rk-home-featured .slick-type-product {
    margin-inline: -.35rem;
}

.rk-home-commerce .product-wrapper-product,
.rk-home-featured .product-wrapper-product {
    padding: .35rem;
    text-align: left !important;
}

.rk-home-product-card--dark-shell .product-wrapper-product > a,
.rk-home-featured .product-wrapper-product > a {
    display: flex;
    height: 100%;
    min-height: 100%;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid var(--rk-commerce-border);
    border-radius: 7px;
    background: var(--rk-commerce-surface-two);
    color: var(--rk-commerce-text);
    text-decoration: none;
}

.rk-home-product-card--dark-shell .product-wrapper-product .item-slider,
.rk-home-featured .product-wrapper-product .item-slider {
    width: 100%;
    margin: 0;
    padding: .7rem;
    border-bottom: 1px solid var(--rk-commerce-border);
    background: #f7f9fb;
}

.rk-home-product-card--dark-shell .product-wrapper-product .item-slider-desc,
.rk-home-featured .product-wrapper-product .item-slider-desc {
    display: block;
    min-height: 3.55rem;
    padding: 1rem 1rem .35rem;
    color: var(--rk-commerce-text);
    font-size: .9rem;
    font-weight: 690;
    line-height: 1.4;
}

.rk-home-product-card--dark-shell .product-wrapper-product .item-slider-price,
.rk-home-featured .product-wrapper-product .item-slider-price {
    margin-top: auto;
    padding: .35rem 1rem 1rem;
    color: var(--rk-commerce-text);
}

.rk-home-product-card--dark-shell .product-wrapper-product .productbox-price,
.rk-home-featured .product-wrapper-product .productbox-price {
    color: var(--rk-commerce-text);
    font-size: 1.08rem;
    font-weight: 760;
}

.rk-home-product-card--dark-shell .product-wrapper-product .price-note,
.rk-home-featured .product-wrapper-product .price-note {
    color: var(--rk-commerce-text-secondary);
}

.rk-home-product-card--dark-shell .product-wrapper-product > a:hover,
.rk-home-product-card--dark-shell .product-wrapper-product > a:focus-visible,
.rk-home-featured .product-wrapper-product > a:hover,
.rk-home-featured .product-wrapper-product > a:focus-visible {
    border-color: rgba(73, 169, 164, .72);
    box-shadow: 0 18px 36px -24px rgba(0, 0, 0, .9);
}

.rk-home-product-card--minimal .product-wrapper-product > a {
    border: 0;
    background: transparent;
    box-shadow: none;
}

@media (max-width: 991.98px) {
    .rk-nav-action-label {
        display: none;
    }

    .rk-home-preset--design-a .rk-home-categories {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .rk-home-featured__header {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 575.98px) {
    .rk-home-preset--design-a .rk-home-categories {
        display: flex;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scrollbar-width: thin;
    }

    .rk-home-preset--design-a .rk-home-category {
        width: min(82vw, 330px);
        min-width: min(82vw, 330px);
        scroll-snap-align: start;
    }

    .rk-home-featured {
        padding-inline: .8rem;
    }
}

#cart-checkout-btn:focus-visible,
#cart-dropdown-container .cart-dropdown-next:focus-visible {
    outline: 3px solid var(--rk-focus) !important;
    outline-offset: 3px !important;
}

.checkout-steps {
    margin-bottom: 2rem;
}

.checkout-steps .step {
    color: var(--rk-muted);
}

.checkout-steps .step.active {
    color: var(--rk-primary);
}

.table {
    color: var(--rk-ink);
}

.table td,
.table th {
    border-color: var(--rk-border);
}

/* Service strip and footer */
.rk-service-strip {
    border-top: 1px solid rgba(255, 255, 255, .08);
    border-bottom: 1px solid rgba(255, 255, 255, .08);
    background: var(--rk-navy);
    color: #edf7fb;
}

.rk-service-strip__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.rk-service-strip__item {
    display: flex;
    min-height: 82px;
    align-items: center;
    gap: .75rem;
    padding: 1rem clamp(.75rem, 2vw, 1.5rem);
    border-right: 1px solid rgba(255, 255, 255, .09);
    font-size: .875rem;
    font-weight: 640;
    text-decoration: none;
}

.rk-service-strip__item:hover,
.rk-service-strip__item:focus-visible {
    background: rgba(255, 255, 255, .06);
    color: #fff;
}

.rk-service-strip__item > span:last-child {
    display: grid;
    gap: .12rem;
}

.rk-service-strip__item strong {
    color: #fff;
    font-size: .875rem;
}

.rk-service-strip__item small {
    color: #abc1ce;
    font-size: .6875rem;
    font-weight: 480;
    line-height: 1.35;
}

.rk-service-strip__item:last-child {
    border-right: 0;
}

.rk-service-strip__icon {
    display: inline-grid;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    place-items: center;
    border-radius: 10px;
    background: rgba(255, 255, 255, .1);
    color: #7bd3da;
    font-size: 1.05rem;
}

#footer,
footer {
    border: 0;
    background: var(--rk-navy-deep);
    color: #c9d7df;
}

#footer {
    padding-top: 0;
}

#footer > .container {
    padding-top: clamp(2.5rem, 5vw, 4rem);
}

#footer .footer-main,
footer .footer-main {
    padding-block: clamp(2.5rem, 5vw, 4rem);
}

#footer-boxes .box,
#footer-boxes .card {
    height: 100%;
}

#footer-boxes .box-body,
#footer-boxes .card-body {
    color: #b8c9d2;
    font-size: .875rem;
    line-height: 1.75;
}

#footer .productlist-filter-headline,
#footer #footer-boxes a.box-normal-link {
    margin-bottom: .75rem;
    padding-bottom: .7rem;
    border-bottom: 1px solid rgba(255, 255, 255, .12);
    color: #fff;
    font-size: .8125rem;
    font-weight: 750;
    letter-spacing: .07em;
    text-transform: uppercase;
}

#footer #footer-boxes a.nav-link,
#footer #footer-boxes a.box-normal-link {
    min-height: 38px;
    padding-block: .4rem;
}

#footer #footer-boxes a.nav-link {
    color: #c7d6de;
}

#footer #footer-boxes a.nav-link:hover,
#footer #footer-boxes a.nav-link:focus-visible {
    color: #fff;
}

#footer-boxes .newsletter-form,
#footer-boxes .subscribe-module-form {
    margin-top: 1rem;
}

#footer .footer-main,
footer .footer-main,
#footer .container,
footer .container {
    border-color: rgba(255, 255, 255, .1);
}

#footer h1,
#footer h2,
#footer h3,
#footer h4,
#footer h5,
#footer .h1,
#footer .h2,
#footer .h3,
#footer .h4,
#footer .h5,
footer h1,
footer h2,
footer h3,
footer h4,
footer h5 {
    color: #fff;
    font-size: .8125rem;
    font-weight: 750;
    letter-spacing: .08em;
    text-transform: uppercase;
}

#footer a:not(.btn),
footer#footer a:not(.btn) {
    color: #d9e5eb;
    text-decoration: none;
}

#footer a:hover,
footer a:hover {
    color: #fff;
    text-decoration: underline;
}

.product-info-inner .stock-information .status.status-2,
.product-info-inner .status.status-2 {
    color: #145a37;
}

.rk-page-category #result-wrapper > .desc [style*="font-family"] {
    font-family: inherit !important;
}

.rk-page-category #result-wrapper > .desc [style*="46, 204, 113"] {
    color: #0d6f3d !important;
}

.searchcloud a,
.jqcloud-word a {
    color: #526572 !important;
}

#footer .form-control,
footer .form-control {
    border-color: rgba(255, 255, 255, .16);
    background: rgba(255, 255, 255, .08);
    color: #fff;
}

#footer .form-control::placeholder,
footer .form-control::placeholder {
    color: #aebfc8;
}

#footer .copyright,
footer .copyright,
#copyright {
    border-top: 1px solid rgba(255, 255, 255, .09);
    background: #051522;
    color: #9eb1bc;
    font-size: .75rem;
}

#copyright .rk-footer-credits {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: .35rem .9rem;
}

#copyright .rk-footer-agency a {
    font-weight: 680;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

.smoothscroll-top {
    right: 1rem;
    bottom: 1rem;
    width: 46px;
    height: 46px;
    border: 1px solid var(--rk-border);
    border-radius: 50%;
    background: #fff;
    color: var(--rk-navy);
    box-shadow: var(--rk-shadow-md);
}

/* Desktop refinements */
@media (min-width: 992px) {
    /* NOVA reserves 4.3125rem for this collapse by default. Keep the
       dedicated category row compact so the complete header does not
       dominate the first viewport. */
    #jtl-nav-wrapper #mainNavigation,
    .menu-center-center > .navbar {
        height: 48px;
        min-height: 48px;
    }

    #jtl-nav-wrapper .hide-navbar {
        padding-block: .3rem;
    }

    #jtl-nav-wrapper .hide-navbar > .navbar {
        min-height: 58px;
    }

    #jtl-nav-wrapper .hide-navbar > .navbar {
        display: grid;
        grid-template-columns: minmax(190px, 1fr) minmax(360px, 720px) minmax(190px, 1fr);
        gap: clamp(1rem, 2vw, 2rem);
    }

    .menu-center-center > .navbar,
    #mainNavigation .nav-scrollbar-inner,
    #mainNavigation > .nav-scrollbar-arrow {
        height: 48px;
        min-height: 48px;
    }

    #mainNavigation .nav-scrollbar-item > .nav-link,
    #mainNavigation .nav-scrollbar-item > a {
        min-height: 40px;
        margin-block: 4px;
        padding: .45rem .85rem;
        border-radius: 6px;
        font-size: .875rem;
        font-weight: 660;
    }

    #mainNavigation .nav-scrollbar-item.dropdown.show > .nav-link,
    #mainNavigation .nav-scrollbar-item.active > .nav-link,
    #mainNavigation .nav-scrollbar-item.active > a {
        box-shadow: inset 0 -3px #72d1dc !important;
    }

    .rk-nav-condensed #mainNavigation,
    .rk-nav-condensed #mainNavigation .nav-scrollbar,
    .rk-nav-condensed #mainNavigation .nav-scrollbar-inner {
        overflow: visible !important;
    }

    .rk-nav-condensed #mainNavigation .nav-scrollbar-inner {
        justify-content: center;
        gap: .25rem;
    }

    .rk-nav-condensed #mainNavigation > .nav-scrollbar-arrow {
        display: none;
    }

    .rk-nav-condensed #mainNavigation .rk-nav-overflow-source {
        display: none !important;
    }

    #jtl-nav-wrapper .nav-logo-wrapper {
        width: auto;
        max-width: none;
        grid-column: 1;
        justify-self: start;
        padding-right: 0;
    }

    #jtl-nav-wrapper .main-search-wrapper {
        width: 100%;
        max-width: 720px;
        min-width: 0;
        grid-column: 2;
        justify-self: center;
    }

    #jtl-nav-wrapper #search {
        margin-right: 0;
    }

    #jtl-nav-wrapper .nav-icons-wrapper {
        grid-column: 3;
        justify-self: end;
        padding-left: 0;
    }

    #mainNavigation .dropdown.show > .dropdown-menu {
        display: block;
    }

    #mainNavigation .dropdown-body {
        position: relative;
    }

    #mainNavigation .subcategory-wrapper {
        position: relative;
    }

    #mainNavigation .subcategory-wrapper .nav-item.dropdown {
        position: relative;
    }

    #mainNavigation .subcategory-wrapper .categories-recursive-dropdown {
        position: absolute !important;
        z-index: 8;
        top: var(--rk-nested-top, 100%);
        bottom: var(--rk-nested-bottom, auto);
        right: auto;
        left: var(--rk-nested-left, 0);
        display: none !important;
        width: var(--rk-nested-width, 100%);
        max-height: var(--rk-nested-height, min(54vh, 400px));
        margin: 0;
        padding: .45rem;
        overflow-x: hidden;
        overflow-y: auto;
        transform: none;
        border: 1px solid #bfd4df;
        border-top: 3px solid var(--rk-sea);
        border-radius: 8px;
        background: #fff;
        box-shadow: 0 18px 38px -16px rgba(6, 27, 42, .48);
    }

    #mainNavigation .subcategory-wrapper .nav-item.dropdown.show > .categories-recursive-dropdown {
        display: block !important;
    }

    #mainNavigation .subcategory-wrapper .categories-recursive-dropdown > .nav {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(135px, 1fr));
        gap: .15rem .35rem;
    }

    /* Deeper levels expand inside the scrollable panel instead of opening
       another detached flyout outside the viewport. */
    #mainNavigation .categories-recursive-dropdown .nav-item.dropdown {
        grid-column: 1 / -1;
    }

    #mainNavigation .categories-recursive-dropdown .categories-recursive-dropdown {
        position: static !important;
        width: 100%;
        max-height: none;
        margin-top: .2rem;
        overflow: visible;
        box-shadow: none;
    }

    #mainNavigation .subcategory-wrapper .categories-recursive-dropdown .nav-link {
        min-height: 38px;
        padding: .48rem .6rem;
        border-radius: 5px;
        color: #4f6572;
        font-size: .8125rem;
        font-weight: 560;
        line-height: 1.35;
    }

    #mainNavigation .subcategory-wrapper .categories-recursive-dropdown .nav-link:hover,
    #mainNavigation .subcategory-wrapper .categories-recursive-dropdown .nav-link:focus-visible {
        background: #edf5f8;
        color: var(--rk-primary-hover);
    }

    #mainNavigation .subcategory-wrapper .categories-recursive-dropdown .nav-item.d-lg-none {
        display: block !important;
        grid-column: 1 / -1;
        margin-bottom: .3rem;
        border-bottom: 1px solid var(--rk-border);
    }

    #mainNavigation .subcategory-wrapper .categories-recursive-dropdown .nav-item.d-lg-none .nav-mobile-heading {
        font-size: .8125rem;
    }

    #mainNavigation .subcategory-wrapper .nav-item.dropdown.show > .submenu-headline {
        border-color: #8eb6ca;
        background: #e4f0f5;
    }

    #mainNavigation .nav-scrollbar-inner > .dropdown > .dropdown-menu.rk-has-open-nested {
        overflow: visible;
    }

    #mainNavigation .dropdown-menu .lg-row-lg {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: .35rem .75rem;
        margin-inline: 0;
        align-items: start;
    }

    #mainNavigation .dropdown-menu .lg-row-lg > [class*="col-"] {
        width: auto;
        max-width: none;
        margin-block: 0;
        padding-inline: 0;
        flex: none;
    }

    #mainNavigation .dropdown-menu .submenu-headline-image {
        display: none !important;
    }

    #mainNavigation .dropdown-menu .submenu-headline {
        display: flex !important;
        align-items: center;
        min-height: 44px;
        margin-bottom: 0;
        padding: .65rem .75rem;
        border: 1px solid transparent;
        border-radius: 7px;
        background: #f5f8fa;
        font-size: .875rem;
        font-weight: 650;
    }

    #mainNavigation .dropdown-menu .submenu-headline.dropdown-toggle::after {
        display: inline-block !important;
        margin-left: auto;
        color: var(--rk-primary);
        flex: 0 0 auto;
    }

    #mainNavigation .subcategory-wrapper .text-truncate {
        white-space: normal;
        overflow: visible;
        overflow-wrap: anywhere;
        text-overflow: clip;
    }

    #mainNavigation .dropdown-menu .submenu-headline:hover,
    #mainNavigation .dropdown-menu .submenu-headline:focus-visible {
        border-color: #bfd4df;
        background: #eaf3f7;
    }

    #mainNavigation .dropdown-menu .lg-row-lg > .d-lg-none:first-child {
        display: block !important;
        grid-column: 1 / -1;
    }

    #mainNavigation .dropdown-menu .lg-row-lg > .d-lg-none:first-child > a {
        display: flex !important;
        min-height: 44px;
        align-items: center;
        justify-content: space-between;
        padding: .55rem .75rem;
        border-bottom: 1px solid var(--rk-border);
        color: var(--rk-primary-hover);
    }

    #mainNavigation .dropdown-menu .lg-row-lg > .d-lg-none:first-child > a::after {
        color: var(--rk-primary);
        content: "Alle anzeigen  →";
        font-size: .8125rem;
        font-weight: 650;
    }

    .product-detail .product-gallery,
    #productdetails .product-gallery,
    #productdetails #gallery_wrapper {
        position: sticky;
        top: calc(var(--rk-mega-top, 194px) + 16px);
        align-self: flex-start;
    }

    #sidepanel_left,
    .sidepanel-left {
        position: sticky;
        top: calc(var(--rk-mega-top, 194px) + 16px);
        align-self: flex-start;
    }

    .rk-page-category #content > .row > #sidepanel_left {
        max-width: 300px;
        padding-right: 16px;
        flex: 0 0 300px;
    }

    .rk-page-category #content > .row > #sidepanel_left ~ .col-lg-8 {
        max-width: calc(100% - 300px);
        flex: 0 0 calc(100% - 300px);
    }

    .rk-page-pdp .breadcrumb-wrapper {
        margin-bottom: 1rem !important;
    }

    /* Match the high-specificity NOVA PDP defaults without copying its
       markup. This keeps price, availability and CTA in the first view. */
    #product-offer .product-info ul.info-essential {
        margin: .65rem 0;
    }

    #product-offer .product-info .product-offer {
        margin-bottom: .75rem;
    }

    #product-offer .product-info .product-offer > .row {
        margin-bottom: .5rem;
    }

    #product-offer .product-info .stock-information.stock-information-p {
        padding: .65rem .8rem;
    }
}

@media (min-width: 1200px) {
    .product-slider-wrapper .slick-type-product > .product-wrapper-product {
        width: 16.666667%;
        max-width: 16.666667%;
        flex: 0 0 16.666667%;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .product-slider-wrapper .slick-type-product > .product-wrapper-product {
        width: 20%;
        max-width: 20%;
        flex: 0 0 20%;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .product-slider-wrapper .slick-type-product > .product-wrapper-product {
        width: 33.333333%;
        max-width: 33.333333%;
        flex: 0 0 33.333333%;
    }
}

@media (min-width: 768px) {
    #footer-boxes > .col:first-child {
        max-width: 66.666667%;
        flex: 0 0 66.666667%;
    }

    #footer-boxes > .col:nth-child(2) {
        max-width: 33.333333%;
        flex: 0 0 33.333333%;
    }

    #footer-boxes > .col:first-child .nav {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 1.5rem;
    }

    #footer .withdrawal-link-wrapper > .col {
        max-width: 260px;
        margin-left: auto;
        flex: 0 0 260px;
    }
}

@media (min-width: 1200px) {
    #footer-boxes > .col:first-child {
        max-width: 75%;
        flex-basis: 75%;
    }

    #footer-boxes > .col:nth-child(2) {
        max-width: 25%;
        flex-basis: 25%;
    }

    #footer-boxes > .col:first-child .nav {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

/* Tablet and mobile */
@media (max-width: 1199.98px) {
    :root {
        --rk-content: 1140px;
    }

    #mainNavigation .nav-scrollbar-item > .nav-link,
    #mainNavigation .nav-scrollbar-item > a {
        padding-inline: .58rem;
        font-size: .8125rem;
    }

}

@media (min-width: 992px) and (max-width: 1199.98px) {
    #jtl-nav-wrapper .hide-navbar > .navbar {
        grid-template-columns: 190px minmax(300px, 1fr) 220px;
        gap: 1rem;
    }

    #jtl-nav-wrapper .nav-logo-wrapper {
        width: 190px;
        max-width: 190px;
    }

    #jtl-nav-wrapper .nav-icons-wrapper,
    #jtl-nav-wrapper #shop-nav {
        width: 220px;
        max-width: 220px;
    }

    #jtl-nav-wrapper #shop-nav {
        flex-wrap: nowrap;
    }
}

@media (max-width: 991.98px) {
    body {
        font-size: .96875rem;
    }

    #jtl-nav-wrapper {
        position: relative;
    }

    #jtl-nav-wrapper .hide-navbar {
        padding: .5rem 1rem;
    }

    #jtl-nav-wrapper .hide-navbar > .navbar {
        min-height: 58px;
    }

    .nav-logo-wrapper {
        order: 1;
        width: 202px;
        max-width: 202px;
        padding: 0;
        flex: 0 0 202px;
    }

    .burger-menu-wrapper {
        display: inline-grid;
        width: 44px;
        height: 44px;
        flex: 0 0 44px;
        place-items: center;
        padding: 0;
        color: #fff;
    }

    .burger-menu-wrapper .navbar-toggler-icon {
        position: relative;
        width: 22px;
        height: 2px;
        border: 0;
        border-radius: 2px;
        color: #fff !important;
        background: currentColor !important;
    }

    .burger-menu-wrapper .navbar-toggler-icon::before,
    .burger-menu-wrapper .navbar-toggler-icon::after {
        position: absolute;
        left: 0;
        width: 22px;
        height: 2px;
        border: 0;
        border-radius: 2px;
        background: currentColor !important;
        content: "";
        transform: none !important;
    }

    .burger-menu-wrapper .navbar-toggler-icon::before {
        top: -7px !important;
    }

    .burger-menu-wrapper .navbar-toggler-icon::after {
        top: 7px !important;
    }

    header .navbar-brand img {
        width: auto;
        max-width: 126px;
        height: 44px !important;
    }

    .nav-icons-wrapper {
        order: 2;
        margin-left: auto;
        padding-left: 0;
    }

    #shop-nav-wish {
        display: none !important;
    }

    .main-search-wrapper {
        display: none;
    }

    .search-form-wrapper-fixed {
        padding: .35rem 1rem .7rem;
        background: var(--rk-navy);
    }

    .search-form-wrapper-fixed .input-group {
        min-height: 46px;
    }

    .menu-center-center {
        padding: 0;
        background: var(--rk-navy);
    }

    .menu-center-center > .navbar {
        min-height: 0;
        padding: 0;
    }

    #mainNavigation {
        position: fixed;
        z-index: 1100;
        top: 0;
        left: 0;
        width: min(92vw, 420px);
        max-width: min(92vw, 420px);
        height: 100dvh;
        max-height: none;
        overflow: hidden;
        transform: translateX(-102%);
        border: 0;
        background: #fff;
        box-shadow: 20px 0 60px rgba(3, 20, 33, .24);
        color: var(--rk-ink);
        transition: transform .22s ease;
    }

    body.rk-nav-open {
        overflow: hidden;
    }

    .rk-nav-backdrop {
        position: fixed;
        z-index: 1090;
        top: 0;
        right: 0;
        bottom: 0;
        left: min(92vw, 420px);
        width: auto;
        height: auto;
        padding: 0;
        border: 0;
        background: rgba(3, 20, 33, .54);
        cursor: pointer;
    }

    .rk-nav-backdrop[hidden] {
        display: none !important;
    }

    #mainNavigation.show,
    #mainNavigation.collapsing {
        transform: translateX(0);
    }

    #mainNavigation > .nav-scrollbar-arrow {
        display: none !important;
    }

    #mainNavigation .nav-mobile-header {
        min-height: 70px;
        padding: .65rem .5rem;
        border-bottom: 1px solid var(--rk-border);
        background: #f7fafb;
    }

    #mainNavigation .rk-mobile-menu-headrow {
        display: grid;
        min-height: 44px;
        grid-template-columns: minmax(0, 1.35fr) minmax(0, .9fr) 44px;
        grid-template-areas: "back title close";
        align-items: center;
        gap: .25rem;
        margin: 0;
    }

    #mainNavigation .rk-mobile-menu-close {
        width: 44px;
        max-width: 44px;
        padding: 0;
        grid-area: close;
    }

    #mainNavigation .rk-mobile-menu-context {
        width: auto;
        max-width: none;
        min-width: 0;
        padding: 0;
        margin: 0 !important;
        grid-area: title;
        text-align: center;
    }

    #mainNavigation .nav-mobile-header-hr {
        display: none;
    }

    #mainNavigation .navbar-toggler {
        display: inline-grid;
        width: 44px;
        height: 44px;
        place-items: center;
        border-radius: 8px;
        color: var(--rk-navy);
    }

    #mainNavigation .nav-offcanvas-title {
        display: block;
        overflow: hidden;
        color: var(--rk-navy);
        font-size: .9rem;
        font-weight: 720;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    #mainNavigation .rk-mobile-menu-back {
        display: inline-flex;
        width: 100%;
        min-width: 0;
        min-height: 44px;
        align-items: center;
        gap: .35rem;
        padding: .5rem .15rem;
        grid-area: back;
        border: 0;
        background: transparent;
        color: var(--rk-navy);
        font-size: .75rem;
        font-weight: 720;
        letter-spacing: -.01em;
        line-height: 1.1;
        white-space: nowrap;
    }

    #mainNavigation .rk-mobile-menu-back:hover,
    #mainNavigation .rk-mobile-menu-back:focus-visible {
        color: var(--rk-primary-hover);
    }

    #mainNavigation .rk-mobile-menu-back > span:last-child {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    #mainNavigation .rk-mobile-menu-back > span:first-child {
        flex: 0 0 auto;
    }

    #mainNavigation .nav-mobile-body {
        height: calc(100dvh - 70px);
        overflow: auto;
        overscroll-behavior: contain;
        background: #fff;
    }

    #mainNavigation .nav-scrollbar-inner {
        display: block;
        padding: .5rem 0 1.5rem;
        transform: none !important;
    }

    #mainNavigation .nav-scrollbar-item > .nav-link,
    #mainNavigation .nav-scrollbar-item > a {
        min-height: 52px;
        justify-content: space-between;
        padding: .75rem 1rem;
        border-bottom: 1px solid #edf1f3;
        color: var(--rk-ink);
        font-size: .9375rem;
    }

    #mainNavigation .nav-scrollbar-item > .nav-link:hover,
    #mainNavigation .nav-scrollbar-item > a:hover,
    #mainNavigation .nav-scrollbar-item.active > .nav-link,
    #mainNavigation .nav-scrollbar-item.active > a {
        background: #eef6fb;
        color: var(--rk-primary-hover);
    }

    #mainNavigation .dropdown-menu {
        position: fixed;
        z-index: 2;
        top: 70px;
        right: auto;
        bottom: auto;
        left: 0;
        width: 100%;
        height: calc(100dvh - 70px);
        max-height: none;
        overflow-y: auto;
        transform: none;
        border: 0;
        border-radius: 0;
        background: #fff;
        box-shadow: none;
    }

    #mainNavigation .dropdown-menu.rk-has-open-child {
        overflow: visible;
    }

    /* Every recursive level is a stable full-width panel. JavaScript reveals
       one level at a time instead of translating NOVA's complete root list. */
    #mainNavigation .nav-scrollbar-inner > .dropdown > .dropdown-menu {
        z-index: 3;
        top: 70px;
        right: auto;
        bottom: auto;
        left: 0;
        width: 100%;
    }

    #mainNavigation .dropdown-menu .dropdown-menu {
        z-index: 4;
    }

    #mainNavigation .dropdown-menu .dropdown-menu .dropdown-menu {
        z-index: 5;
    }

    #mainNavigation .dropdown-body {
        padding: .5rem 1rem 2rem;
    }

    #mainNavigation .dropdown-menu .nav-item {
        width: 100%;
        max-width: none;
        flex: 0 0 100%;
    }

    #mainNavigation .dropdown-menu .nav-link,
    #mainNavigation .dropdown-menu a {
        min-height: 48px;
        padding-block: .65rem;
    }

    #mainNavigation .dropdown-menu .submenu-headline {
        display: flex !important;
        align-items: center;
        gap: .5rem;
    }

    #mainNavigation .dropdown-menu .submenu-headline > .text-truncate {
        min-width: 0;
        white-space: normal;
        overflow-wrap: anywhere;
    }

    #mainNavigation .dropdown-menu .submenu-headline.dropdown-toggle::after {
        margin-left: auto;
        flex: 0 0 auto;
    }

    .rk-page-category #result-wrapper > .productlist-page-nav-header-m {
        gap: .55rem;
        border-color: #cfdce3;
        background: #fff;
    }

    .rk-page-category .productlist-page-nav-header-m .displayoptions,
    .rk-page-category .productlist-page-nav-header-m #result-options {
        display: flex;
        width: 100%;
        flex-wrap: wrap;
        gap: .5rem;
    }

    .rk-page-category .filter-collapsible-control {
        display: flex;
        width: 100%;
        max-width: none;
        padding: 0;
        flex: 1 0 100%;
    }

    .rk-page-category #js-filters {
        display: inline-flex;
        min-height: 48px;
        width: 100%;
        align-items: center;
        justify-content: center;
        gap: .55rem;
        padding: .7rem 1rem;
        border-color: var(--rk-primary);
        border-radius: 8px;
        background: var(--rk-primary);
        color: #fff;
        box-shadow: 0 8px 20px -15px rgba(18, 104, 168, .8);
        font-size: .9rem;
        font-weight: 720;
        text-decoration: none;
        transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease;
    }

    .rk-page-category #js-filters:hover,
    .rk-page-category #js-filters:focus-visible {
        border-color: var(--rk-primary-hover);
        background: var(--rk-primary-hover);
        color: #fff;
        box-shadow: 0 10px 24px -14px rgba(18, 104, 168, .9);
    }
    #collapseFilter .modal-dialog {
        width: min(100%, 420px);
        max-width: 420px;
        min-height: 100%;
        height: 100%;
        margin: 0 0 0 auto;
    }

    #collapseFilter .modal-content {
        height: 100dvh;
        overflow: hidden;
        border: 0;
        border-radius: 16px 0 0 16px;
        background: var(--rk-page);
        box-shadow: -18px 0 50px rgba(3, 20, 33, .24);
    }

    #collapseFilter .modal-header {
        min-height: 64px;
        align-items: center;
        padding: .75rem 1rem;
        border-bottom: 1px solid rgba(255, 255, 255, .12);
        background: var(--rk-navy);
        color: #fff;
    }

    #collapseFilter .modal-title {
        margin: 0;
        color: #fff;
        font-size: 1rem;
        font-weight: 740;
    }

    #collapseFilter .close {
        position: static;
        inset: auto;
        transform: none;
        float: none;
        display: inline-grid;
        width: 44px;
        height: 44px;
        place-items: center;
        margin: 0 0 0 auto;
        padding: 0;
        color: #fff;
        opacity: 1;
        text-shadow: none;
    }

    #collapseFilter .modal-body {
        flex: 1 1 auto;
        padding: 1rem;
        overflow-y: auto;
        overscroll-behavior: contain;
        background: var(--rk-page);
    }

    #collapseFilter .modal-body > .jtl-spinner {
        display: flex;
        min-height: 270px;
        width: 100%;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        gap: .75rem;
        color: var(--rk-muted);
        font-size: .875rem;
        text-align: center;
    }

    #collapseFilter .modal-body > .jtl-spinner::before {
        width: 100%;
        height: 154px;
        border-radius: 10px;
        background:
            linear-gradient(90deg, #e8eef2 24%, #f7fafb 42%, #e8eef2 64%) 0 0 / 220% 46px no-repeat,
            linear-gradient(90deg, #e8eef2 24%, #f7fafb 42%, #e8eef2 64%) 0 54px / 220% 46px no-repeat,
            linear-gradient(90deg, #e8eef2 24%, #f7fafb 42%, #e8eef2 64%) 0 108px / 220% 46px no-repeat;
        content: "";
        animation: rk-filter-loading 1.25s linear infinite;
    }

    #collapseFilter .modal-body > .jtl-spinner::after {
        content: "Filter werden geladen …";
    }

    #collapseFilter .modal-body > .jtl-spinner > .fa-spinner {
        color: var(--rk-primary);
        font-size: 1.35rem;
    }

    @keyframes rk-filter-loading {
        to {
            background-position: -220% 0, -220% 54px, -220% 108px;
        }
    }

    #collapseFilter .modal-body .box,
    #collapseFilter .modal-body .card {
        margin-bottom: .75rem;
        border: 1px solid var(--rk-border);
        border-radius: var(--rk-card-radius);
        background: #fff;
    }

    .rk-page-category .productlist-page-nav-header-m .productlist-item-info {
        min-height: 40px;
        justify-content: center;
        padding: .55rem .25rem 0;
        border-top: 1px solid var(--rk-border);
        color: var(--rk-muted);
        font-size: .8125rem;
    }
    body #content-wrapper {
        padding-top: 1rem;
    }

    .rk-home-categories {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .rk-service-strip__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .rk-service-strip__item:nth-child(2) {
        border-right: 0;
    }

    .rk-service-strip__item:nth-child(-n+2) {
        border-bottom: 1px solid rgba(255, 255, 255, .09);
    }
}

@media (max-width: 767.98px) {
    #consent-manager:not(.d-none):not(.mini):not(.fading)::before {
        position: fixed;
        z-index: 1048;
        inset: 0;
        background: rgba(7, 28, 45, .58);
        content: "";
        backdrop-filter: blur(2px);
    }

    #consent-manager:not(.d-none):not(.mini):not(.fading) #consent-banner {
        z-index: 1049;
        border: 1px solid rgba(11, 41, 66, .14);
        background: #fff;
        box-shadow: 0 24px 64px -28px rgba(0, 0, 0, .65);
        opacity: 1;
    }

    #consent-manager:not(.d-none) #consent-settings-btn {
        z-index: 1050;
    }

    #mainNavigation .rk-nav-primary-start::before,
    #mainNavigation .rk-nav-secondary-start::before {
        display: block;
        padding: .7rem 1rem .45rem;
        border-top: 1px solid var(--rk-border);
        background: #f3f7f9;
        color: #5b6e7a;
        content: var(--rk-nav-primary-label, "Hauptbereiche");
        font-family: var(--rk-font-mono);
        font-size: .6875rem;
        font-weight: 500;
        letter-spacing: .08em;
        text-transform: uppercase;
    }

    #mainNavigation .rk-nav-secondary-start::before {
        content: var(--rk-nav-secondary-label, "Weiteres Sortiment");
    }

    .product-slider-wrapper .slick-type-product > .product-wrapper-product {
        width: 50%;
        max-width: 50%;
        flex: 0 0 50%;
    }

    .product-slider-wrapper .slick-type-product {
        margin-inline: 0;
        padding-right: 50px !important;
    }

    :root {
        --rk-card-radius: 10px;
    }

    .container-fluid-xl,
    #content-wrapper > .container,
    #content-wrapper > .container-fluid {
        padding-inline: 1rem;
    }

    .search-form-wrapper-fixed .input-group,
    .fixed-search .input-group {
        flex-wrap: nowrap;
    }

    .search-form-wrapper-fixed .twitter-typeahead,
    .fixed-search .twitter-typeahead {
        width: auto !important;
        min-width: 0;
        flex: 1 1 0%;
    }

    .search-form-wrapper-fixed .input-group-append,
    .fixed-search .input-group-append {
        flex: 0 0 54px;
    }

    .search-form-wrapper-fixed .input-group-append .btn,
    .fixed-search .input-group-append .btn {
        width: 54px;
    }

    .rk-announcement__inner {
        min-height: 28px;
        padding-block: .25rem;
        font-size: .75rem;
    }

    .opc-JtlSlider {
        padding: 0;
    }

    .salepix-hero-slider {
        border-inline: 0;
        border-radius: 0;
        box-shadow: none;
    }

    .salepix-hero-slider .is-navigation-item {
        display: none;
    }

    .salepix-hero-slider > .swiper-pagination {
        bottom: .55rem;
    }

    .rk-hero-dot {
        width: 32px;
        min-width: 32px;
        height: 32px;
        min-height: 32px;
    }

    .rk-hero-dot::before {
        width: 8px;
        height: 8px;
    }

    .rk-hero-dot.is-active::before {
        width: 20px;
    }

    .rk-home-discovery {
        padding-block: 1rem 2.5rem;
    }

    .rk-home-discovery__header {
        grid-template-columns: 1fr;
        gap: .5rem;
        margin-bottom: .8rem;
    }

    .rk-home-discovery__header--visual {
        grid-template-columns: 1fr;
    }

    .rk-home-visual {
        display: none;
    }

    .rk-home-discovery__header h1 {
        font-size: clamp(1.75rem, 8vw, 1.95rem);
        line-height: 1.08;
    }

    .rk-home-discovery__header p {
        font-size: .875rem;
        line-height: 1.55;
    }

    .rk-home-paths {
        grid-template-columns: 1fr;
        gap: .65rem;
    }

    .rk-home-path {
        min-height: 0;
        gap: .3rem .75rem;
        padding: .75rem .8rem;
    }

    .rk-home-path__icon {
        width: 40px;
        height: 40px;
    }

    .rk-home-path__action {
        min-height: 36px;
        margin-top: .2rem;
        padding-block: .35rem;
    }

    .rk-home-proof {
        grid-template-columns: 1fr;
        margin-bottom: 2rem;
    }

    .rk-home-section-heading {
        scroll-margin-top: 150px;
    }

    .rk-home-categories {
        gap: .65rem;
    }

    .rk-home-category {
        min-height: 150px;
    }

    .rk-home-category--wide {
        min-height: 174px;
        grid-column: 1 / -1;
    }

    .rk-home-category__content {
        min-height: 58px;
        padding: .8rem;
        font-size: .9rem;
    }

    .rk-home-category__content .fas {
        width: 32px;
        height: 32px;
        flex-basis: 32px;
    }

    .rk-home-advisor {
        grid-template-columns: auto minmax(0, 1fr);
        padding: 1rem;
    }

    .rk-home-quickworlds__header {
        display: block;
    }

    .rk-home-quickworlds__header .rk-eyebrow {
        display: block;
        margin-bottom: .4rem;
    }

    .rk-home-quickworlds__header h2 {
        text-align: left;
    }

    .rk-home-quickworlds__grid {
        grid-template-columns: none;
        grid-auto-flow: column;
        grid-auto-columns: minmax(245px, 78%);
        padding-bottom: .6rem;
        overflow-x: auto;
        scroll-snap-type: inline proximity;
        scrollbar-width: thin;
    }

    .rk-home-quickworld {
        scroll-snap-align: start;
    }

    .rk-home-advisor__button {
        grid-column: 1 / -1;
        justify-content: center;
    }

    .rk-home-faq {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .product-slider-wrapper {
        padding-inline: .65rem;
    }

    .product-slider-wrapper .slick-slide {
        padding: .25rem;
    }

    .product-slider-wrapper .product-wrapper-product {
        min-height: 324px;
        padding: .55rem .55rem .8rem;
    }

    .product-slider-wrapper .item-slider-desc {
        height: 2.8em;
        min-height: 2.8em;
        max-height: 2.8em;
        font-size: .85rem;
    }

    #shop-nav {
        gap: 0;
    }

    #shop-nav .nav-item,
    #shop-nav > li,
    #shop-nav .nav-link,
    #shop-nav .dropdown-toggle {
        min-width: 42px;
        width: 42px;
    }

    .breadcrumb {
        padding-top: .75rem;
        overflow-x: auto;
        white-space: nowrap;
        scrollbar-width: none;
    }

    .productbox .productbox-inner {
        padding: .55rem .55rem .8rem;
    }

    .productbox.productbox-column:hover,
    .productbox.productbox-column:focus-within,
    .product-slider-wrapper .product-wrapper-product:hover,
    .product-slider-wrapper .product-wrapper-product:focus-within {
        transform: none;
    }

    .product-list.layout-gallery .productbox.productbox-column {
        min-height: 330px;
    }

    .product-list.layout-gallery .productbox .productbox-title {
        height: 3.6rem;
        min-height: 3.6rem;
    }

    .product-list.layout-gallery .productbox .productbox-inner > .row > .col:last-child {
        min-height: 135px;
    }

    .productbox .productbox-title {
        min-height: 2.8rem;
        margin-top: .65rem;
        font-size: .875rem;
        line-height: 1.38;
    }

    .productbox .price_wrapper,
    .productbox .price {
        font-size: 1rem;
    }

    .productbox .price-note,
    .productbox .base-price,
    .productbox .delivery-status {
        font-size: .75rem;
    }

    .product-info-inner {
        margin-top: .65rem;
        padding: .85rem;
    }

    .product-info-inner .product-title,
    .product-info-inner h1 {
        margin-bottom: .4rem;
        font-size: 1.35rem;
        line-height: 1.15;
    }

    #gallery .square-image {
        height: clamp(240px, 65vw, 360px);
    }

    #gallery .square-image .inner {
        padding: .75rem;
    }

    #add-to-cart .basket-form-inline {
        grid-template-columns: 1fr;
    }

    #add-to-cart .btn .btn-basket-check > span {
        display: inline !important;
    }

    .product-info-inner .stock-information .question-on-item {
        max-width: 100%;
        margin-top: .45rem;
        padding-top: .35rem;
        border-top: 1px solid rgba(35, 93, 66, .14);
        flex: 0 0 100%;
    }

    .product-info-inner .stock-information .question-on-item .btn {
        justify-content: flex-start;
        padding-left: 0;
    }

    #quantity-grp,
    .choose_quantity {
        width: min(100%, 176px);
        grid-template-columns: 44px minmax(48px, 1fr) auto;
    }

    .rk-purchase-notes {
        grid-template-columns: 1fr;
    }

    .rk-decision-facts dl {
        grid-template-columns: 1fr;
    }

    .rk-mobile-buybar {
        position: fixed;
        z-index: 1055;
        right: 0;
        bottom: 0;
        left: 0;
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        gap: .75rem;
        padding: .6rem max(.75rem, env(safe-area-inset-right))
            calc(.6rem + env(safe-area-inset-bottom))
            max(.75rem, env(safe-area-inset-left));
        border-top: 1px solid #c7d5dd;
        background: rgba(255, 255, 255, .97);
        box-shadow: 0 -12px 32px -24px rgba(7, 28, 45, .72);
        backdrop-filter: blur(10px);
    }

    .rk-mobile-buybar[hidden] {
        display: none;
    }

    .rk-mobile-buybar__copy {
        display: grid;
        min-width: 0;
        gap: .05rem;
    }

    .rk-mobile-buybar__copy strong {
        overflow: hidden;
        color: var(--rk-ink);
        font-size: .75rem;
        line-height: 1.25;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .rk-mobile-buybar__copy > span {
        color: var(--rk-ink);
        font-size: .875rem;
        font-weight: 760;
    }

    .rk-mobile-buybar__button {
        min-height: 46px;
        padding-inline: .9rem;
        white-space: nowrap;
    }

    body.rk-has-mobile-buybar {
        padding-bottom: calc(72px + env(safe-area-inset-bottom));
    }

    .nav-tabs {
        flex-wrap: nowrap;
        overflow-x: auto;
        scrollbar-width: none;
    }

    .nav-tabs .nav-item {
        flex: 0 0 auto;
    }

    .nav-tabs .nav-link {
        min-height: 48px;
        padding-inline: .8rem;
        white-space: nowrap;
    }

    .tab-content table,
    .product-attributes table {
        display: block;
        max-width: 100%;
        overflow-x: auto;
    }

    .rk-product-safety {
        margin-block: 1.5rem 2rem;
    }

    .rk-product-safety__header {
        display: block;
    }

    .rk-product-safety__eyebrow {
        display: inline-block;
        margin-bottom: .5rem;
    }

    .rk-product-safety__grid {
        grid-template-columns: 1fr;
    }

    .rk-product-safety__card,
    .rk-product-safety__card + .rk-product-safety__card:not(.rk-product-safety__card--wide) {
        padding: .25rem 0;
        border-left: 0;
    }

    .rk-product-safety__card + .rk-product-safety__card:not(.rk-product-safety__card--wide),
    .rk-product-safety__card--wide {
        padding-top: .85rem;
        border-top: 1px solid #c8d6de;
    }

    .rk-product-safety__contact > div,
    .rk-product-safety__notice {
        grid-template-columns: 1fr;
        gap: .15rem;
    }

    .rk-service-strip__grid {
        grid-template-columns: 1fr;
    }

    .rk-service-strip__item,
    .rk-service-strip__item:nth-child(2) {
        min-height: 60px;
        padding: .7rem 1rem;
        border-right: 0;
        border-bottom: 1px solid rgba(255, 255, 255, .09);
    }

    .rk-service-strip__item:last-child {
        border-bottom: 0;
    }

    .rk-service-strip__icon {
        width: 34px;
        height: 34px;
        flex-basis: 34px;
    }

    .smoothscroll-top {
        width: 44px;
        height: 44px;
    }
}

@media (max-width: 389.98px) {
    #shop-nav > .language-dropdown {
        display: none !important;
    }

    .nav-logo-wrapper {
        max-width: 132px;
    }

    header .navbar-brand img {
        max-width: 126px;
    }

    #shop-nav .nav-item,
    #shop-nav > li,
    #shop-nav .nav-link,
    #shop-nav .dropdown-toggle {
        min-width: 44px;
        width: 44px;
    }

    .productbox .productbox-inner {
        padding: .45rem .45rem .7rem;
    }
}

.rk-mobile-language {
    display: none;
}

@media (max-width: 389.98px) {
    #mainNavigation .rk-mobile-language {
        display: block;
        padding: .75rem 1rem;
        border-top: 1px solid var(--rk-border);
        background: #f3f7f9;
    }

    #mainNavigation .rk-mobile-language .language-dropdown {
        display: block !important;
        width: 100%;
    }

    #mainNavigation .rk-mobile-language .dropdown-toggle {
        display: flex;
        width: 100%;
        min-height: 44px;
        align-items: center;
        justify-content: space-between;
    }
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }

    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
    }

    .productbox.productbox-column:hover,
    .productbox.productbox-column:focus-within,
    .rk-home-category:hover,
    .rk-home-category:focus-visible,
    .product-slider-wrapper .product-wrapper-product:hover,
    .product-slider-wrapper .product-wrapper-product:focus-within {
        transform: none;
    }

    .rk-home-category:hover .rk-home-category__image,
    .rk-home-category:focus-visible .rk-home-category__image,
    .rk-home-quickworld:hover > img,
    .rk-home-quickworld:focus-visible > img {
        transform: none;
    }

    .productbox:hover .productbox-image img,
    .productbox:focus-within .productbox-image img,
    .product-slider-wrapper .product-wrapper-product:hover .item-slider img,
    .product-slider-wrapper .product-wrapper-product:focus-within .item-slider img {
        transform: translate(-50%, -50%);
    }
}

@media print {
    body {
        background: #fff;
        color: #000;
    }

    .rk-announcement,
    .rk-service-strip,
    .rk-mobile-buybar,
    .smoothscroll-top {
        display: none !important;
    }
}

/* 1.2.2 — editorial media fallbacks and refined category discovery */
.rk-home-category__fallback,
.rk-home-quickworld__fallback {
    background-color: var(--rk-navy);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.rk-home-category__fallback::after,
.rk-home-quickworld__fallback::after {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(3, 17, 28, .04) 28%, rgba(3, 17, 28, .82) 100%);
    content: "";
}

.rk-home-category__fallback > span,
.rk-home-quickworld__fallback > span {
    display: none;
}

.rk-home-category:nth-child(1) .rk-home-category__fallback,
.rk-home-category:nth-child(5) .rk-home-category__fallback {
    background-image:
        linear-gradient(180deg, rgba(3, 17, 28, .02), rgba(3, 17, 28, .28)),
        url("images/home-coral-macro.webp");
}

.rk-home-category:nth-child(2) .rk-home-category__fallback,
.rk-home-category:nth-child(3) .rk-home-category__fallback {
    background-image:
        linear-gradient(180deg, rgba(3, 17, 28, .02), rgba(3, 17, 28, .32)),
        url("images/home-reef-panorama.webp");
}

.rk-home-category:nth-child(4) .rk-home-category__fallback {
    background-image:
        linear-gradient(180deg, rgba(3, 17, 28, .02), rgba(3, 17, 28, .25)),
        url("images/category-invertebrates-sprite-v1.webp");
    background-position: left top;
    background-size: 500% 200%;
}

.rk-home-category:nth-child(6) .rk-home-category__fallback {
    background-image:
        linear-gradient(180deg, rgba(3, 17, 28, .02), rgba(3, 17, 28, .34)),
        url("images/home-aquarium-interior.webp");
}

.rk-home-category:nth-child(7) .rk-home-category__fallback {
    background-image:
        linear-gradient(180deg, rgba(3, 17, 28, .02), rgba(3, 17, 28, .3)),
        url("images/home-aquarium-interior.webp");
}

.rk-home-category:nth-child(8) .rk-home-category__fallback {
    background-image:
        linear-gradient(180deg, rgba(3, 17, 28, .02), rgba(3, 17, 28, .32)),
        url("images/home-reef-panorama.webp");
}

.rk-home-quickworld:nth-child(1) .rk-home-quickworld__fallback {
    background-image:
        linear-gradient(180deg, rgba(3, 17, 28, .02), rgba(3, 17, 28, .32)),
        url("images/home-aquarium-interior.webp");
}

.rk-home-quickworld:nth-child(2) .rk-home-quickworld__fallback {
    background-image:
        linear-gradient(180deg, rgba(3, 17, 28, .02), rgba(3, 17, 28, .28)),
        url("images/home-reef-panorama.webp");
}

.rk-home-quickworld:nth-child(3) .rk-home-quickworld__fallback {
    background-image:
        linear-gradient(180deg, rgba(3, 17, 28, .02), rgba(3, 17, 28, .3)),
        url("images/home-aquarium-interior.webp");
}

/* The FAQ reads as one calm information block instead of stacked cards. */
.rk-home-faq,
.rk-home-faq details {
    box-shadow: none !important;
}

.rk-home-faq__items {
    gap: 0;
    border-top: 1px solid var(--rk-border);
}

.rk-home-faq details {
    border: 0;
    border-bottom: 1px solid var(--rk-border);
    border-radius: 0;
    background: transparent;
}

.rk-home-faq details[open] {
    background: transparent;
}

.rk-home-faq summary {
    min-height: 58px;
    padding-inline: .15rem 2.6rem;
    font-weight: 650;
    background: transparent;
    -webkit-tap-highlight-color: transparent;
}

.rk-home-faq summary:focus:not(:focus-visible) {
    outline: none;
    box-shadow: none;
}

.rk-home-faq summary:focus-visible {
    border-radius: 3px;
    outline: 2px solid var(--rk-commerce-text-secondary, var(--rk-focus));
    outline-offset: 2px;
}

.rk-home-faq details p {
    max-width: 68ch;
    padding: 0 2.6rem 1rem .15rem;
}

/* Category chooser */
.rk-category-chooser {
    margin: .9rem 0 1.45rem;
}

.rk-category-chooser__header {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1.25rem;
    margin-bottom: .85rem;
}

.rk-category-chooser__header .rk-eyebrow {
    display: block;
    margin-bottom: .25rem;
}

.rk-category-chooser__header h2 {
    margin: 0;
    color: var(--rk-navy);
    font-size: clamp(1.15rem, 1.7vw, 1.45rem);
    font-weight: 760;
    letter-spacing: -.025em;
}

.rk-category-chooser__count {
    flex: none;
    padding: .35rem .65rem;
    border: 1px solid var(--rk-border);
    border-radius: var(--rk-pill);
    color: var(--rk-muted);
    font-family: var(--rk-font-mono);
    font-size: .6875rem;
    letter-spacing: .055em;
    text-transform: uppercase;
}

.rk-category-chooser__swipe {
    display: none;
}

.rk-category-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: .7rem;
}

.rk-category-card {
    position: relative;
    display: flex;
    min-width: 0;
    overflow: hidden;
    flex-direction: column;
    border: 1px solid #dbe5ea;
    border-radius: 12px;
    background: #fff;
    color: var(--rk-navy);
    text-decoration: none;
    transition: transform .18s ease, border-color .18s ease, background-color .18s ease;
}

.rk-category-card:hover,
.rk-category-card:focus-visible {
    border-color: #9ab6c5;
    background: #fbfdfe;
    color: var(--rk-primary-hover);
    text-decoration: none;
    transform: none;
}

.rk-category-card:focus-visible {
    outline: 3px solid rgba(18, 104, 168, .2);
    outline-offset: 2px;
}

.rk-category-card__media {
    position: relative;
    display: block;
    aspect-ratio: 5 / 4;
    overflow: hidden;
    background-color: #0b2436;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.rk-category-card__media::after {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 55%, rgba(2, 16, 26, .48));
    content: "";
    pointer-events: none;
}

.rk-category-card__image,
.rk-category-card__media picture,
.rk-category-card__media picture img {
    width: 100%;
    height: 100%;
}

.rk-category-card__image,
.rk-category-card__media picture img {
    object-fit: cover;
    transition: transform .35s cubic-bezier(.2, .72, .25, 1);
}

.rk-category-card:hover .rk-category-card__image,
.rk-category-card:focus-visible .rk-category-card__image {
    transform: scale(1.025);
}

.rk-category-card__number {
    position: absolute;
    z-index: 1;
    top: .6rem;
    left: .65rem;
    color: rgba(255, 255, 255, .82);
    font-family: var(--rk-font-mono);
    font-size: .6875rem;
    letter-spacing: .08em;
    text-shadow: 0 1px 8px rgba(0, 0, 0, .45);
}

.rk-category-card__body {
    display: flex;
    min-height: 58px;
    align-items: center;
    justify-content: space-between;
    gap: .55rem;
    padding: .7rem .75rem .75rem;
}

.rk-category-card__body strong {
    display: -webkit-box;
    overflow: hidden;
    color: inherit;
    font-size: .8125rem;
    font-weight: 700;
    line-height: 1.28;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.rk-category-card__arrow {
    display: inline-grid;
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    place-items: center;
    border: 1px solid #d3e0e6;
    border-radius: 50%;
    color: var(--rk-primary);
    font-size: .625rem;
}

.rk-category-card__media--sprite {
    background-image: url("images/category-invertebrates-sprite-v1.webp");
    background-size: 500% 200%;
}

.rk-category-card__media--sprite-1 { background-position: 0 0; }
.rk-category-card__media--sprite-2 { background-position: 25% 0; }
.rk-category-card__media--sprite-3 { background-position: 50% 0; }
.rk-category-card__media--sprite-4 { background-position: 75% 0; }
.rk-category-card__media--sprite-5 { background-position: 100% 0; }
.rk-category-card__media--sprite-6 { background-position: 0 100%; }
.rk-category-card__media--sprite-7 { background-position: 25% 100%; }
.rk-category-card__media--sprite-8 { background-position: 50% 100%; }
.rk-category-card__media--sprite-9 { background-position: 75% 100%; }
.rk-category-card__media--sprite-10 { background-position: 100% 100%; }

.rk-category-card__media--fallback {
    background-image:
        linear-gradient(180deg, rgba(3, 17, 28, .02), rgba(3, 17, 28, .24)),
        url("images/home-reef-panorama.webp");
}

/* Category navigation and product controls */
.rk-page-category #result-wrapper > .productlist-page-nav-header-m {
    min-height: 0;
    align-items: center;
    gap: .65rem;
    margin-top: 0;
    padding: .65rem;
    border-color: #d8e3e9;
    border-radius: 12px;
    background: rgba(255, 255, 255, .88);
}

.rk-page-category .productlist-page-nav-header-m .displayoptions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .5rem;
}

.rk-page-category .productlist-page-nav-header-m .btn {
    min-height: 42px;
    align-items: center;
    border-color: #c8d7df;
    border-radius: 9px;
    background: #fff;
    color: #274456;
    box-shadow: none;
    font-size: .8125rem;
    font-weight: 680;
}

.rk-page-category .productlist-page-nav-header-m .btn:hover,
.rk-page-category .productlist-page-nav-header-m .btn:focus-visible {
    border-color: #8eacbc;
    background: #f2f7f9;
    color: var(--rk-primary-hover);
}

.rk-page-category .productlist-page-nav-header-m .btn-option.active {
    border-color: var(--rk-navy);
    background: var(--rk-navy);
    color: #fff;
    box-shadow: none;
}

.rk-page-category .productlist-page-nav-header-m .productlist-item-info {
    margin-left: auto;
    padding: .4rem .25rem;
    color: var(--rk-muted);
    font-family: var(--rk-font-mono);
    font-size: .6875rem;
    letter-spacing: .025em;
}

.rk-page-category #result-wrapper > .productlist-page-nav-bottom {
    display: none;
}

.rk-page-category .box-searchcloud {
    display: none !important;
}

.rk-single-result #result-wrapper > .productlist-page-nav:not(.productlist-page-nav-header-m),
.rk-single-result #result-wrapper > .productlist-page-nav-top,
.rk-single-result #result-wrapper > .productlist-page-nav-bottom,
.rk-single-result .productlist-page-nav-header-m .filter-type-FilterItemSort,
.rk-single-result .productlist-page-nav-header-m .filter-type-FilterItemLimits,
.rk-single-result .productlist-page-nav-header-m .filter-collapsible-control,
.rk-single-result .productlist-page-nav-header-m .displayoptions,
.rk-single-result .productlist-page-nav-header-m .displayoptions > .btn-group[role="group"] {
    display: none !important;
}

.rk-single-result #result-wrapper > .productlist-page-nav-header-m {
    min-height: 36px;
    justify-content: flex-end;
    padding: .2rem .55rem;
}

.rk-single-result .productlist-page-nav-header-m .productlist-item-info {
    width: 100%;
    margin: 0;
    padding: .25rem 0;
    border: 0;
    text-align: right;
}

.rk-category-navigation {
    border-color: #d6e2e8 !important;
    border-radius: 13px !important;
    background: rgba(255, 255, 255, .92) !important;
}

.rk-category-navigation .productlist-filter-headline {
    min-height: 54px;
    padding-inline: .9rem;
    background: #f4f8fa;
    color: #385363;
}

.rk-category-navigation .nav-panel {
    padding: .55rem;
}

.rk-category-navigation .nav-panel > .nav {
    gap: .2rem;
}

.rk-category-navigation .nav-item > .nav-link {
    min-height: 42px;
    padding: .55rem .65rem;
    border-left: 0;
    border-radius: 8px;
}

.rk-category-navigation .nav-item.active > .nav-link {
    background: #e9f4f3;
    color: #075b58;
}

.rk-category-navigation .nav-item.active > .nav-link::before {
    width: 5px;
    height: 5px;
    flex: 0 0 5px;
    margin-right: .45rem;
    border-radius: 50%;
    background: var(--rk-sea);
    content: "";
}

@media (min-width: 992px) and (max-width: 1299.98px) {
    .rk-category-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (min-width: 992px) {
    .rk-page-category #content > .row > #sidepanel_left {
        max-height: calc(100dvh - 78px);
        overflow-y: auto;
        overscroll-behavior: contain;
        scrollbar-color: #a9bbc6 transparent;
        scrollbar-width: thin;
    }

    .rk-page-category #sidepanel_left .rk-category-navigation .nav-panel {
        max-height: none;
        overflow: visible;
    }
}

@media (max-width: 991.98px) {
    .rk-category-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .rk-page-category #content > .row > #sidepanel_left {
        display: none !important;
    }

    .rk-mobile-category-tree {
        border-radius: 12px;
        background: #f7fafb;
    }

    .rk-mobile-category-tree > summary {
        min-height: 54px;
        padding-inline: .85rem;
    }

    .rk-page-category .productlist-page-nav-header-m #js-filters {
        min-height: 44px;
        border-color: var(--rk-primary);
        background: var(--rk-primary);
        color: #fff;
        box-shadow: none;
    }

    .rk-page-category .productlist-page-nav-header-m .productlist-item-info {
        width: 100%;
        margin: 0;
        padding: .55rem 0 0;
        border-top: 1px solid var(--rk-border);
        text-align: center;
    }

    .rk-page-category .productlist-page-nav-header-m #result-options > .row {
        margin-right: 0;
        margin-left: 0;
    }

    .rk-page-category .productlist-page-nav-header-m .filter-collapsible-control {
        padding-right: 0;
        padding-left: 0;
    }

    .rk-single-result .productlist-page-nav-header-m .filter-collapsible-control {
        max-width: 100%;
        flex-basis: 100%;
    }
}

@media (min-width: 720px) and (max-width: 991.98px) {
    .rk-category-grid {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}

@media (max-width: 575.98px) {
    .rk-category-chooser {
        margin-top: 1rem;
    }

    .rk-category-chooser__header {
        align-items: end;
    }

    .rk-category-chooser__count {
        display: none;
    }

    .rk-category-chooser__swipe {
        display: inline-flex;
        flex: none;
        align-items: center;
        gap: .35rem;
        padding-bottom: .15rem;
        color: var(--rk-muted);
        font-family: var(--rk-font-mono);
        font-size: .625rem;
        letter-spacing: .035em;
        white-space: nowrap;
    }

    .rk-category-grid {
        grid-template-columns: none;
        grid-template-rows: repeat(2, minmax(0, auto));
        grid-auto-flow: column;
        grid-auto-columns: minmax(142px, 42vw);
        gap: .6rem;
        margin-right: -1rem;
        padding: .15rem 1.35rem .55rem 0;
        overflow-x: auto;
        overscroll-behavior-inline: contain;
        scroll-padding-inline: 0 1.35rem;
        scroll-snap-type: inline proximity;
        scrollbar-color: #a9bbc6 transparent;
        scrollbar-width: thin;
    }

    .rk-category-grid::after {
        width: .25rem;
        content: "";
    }

    .rk-category-card {
        scroll-snap-align: start;
    }

    .rk-category-card__media {
        aspect-ratio: 5 / 3;
    }

    .rk-category-card__body {
        min-height: 56px;
        padding: .65rem;
    }

    .rk-category-card__body strong {
        font-size: .775rem;
    }

    .rk-page-category #result-wrapper > .productlist-page-nav-header-m {
        gap: .5rem;
        padding: .55rem;
    }

    .rk-page-category .productlist-page-nav-header-m .displayoptions,
    .rk-page-category .productlist-page-nav-header-m #result-options {
        gap: .45rem;
    }

    .rk-page-category .filter-collapsible-control {
        flex-basis: calc(55% - .25rem);
        max-width: calc(55% - .25rem);
    }

    .rk-single-result .productlist-page-nav-header-m .filter-collapsible-control {
        max-width: 100%;
        flex-basis: 100%;
    }

    .rk-page-category .productlist-page-nav-header-m .filter-type-FilterItemSort {
        flex: 1 1 calc(45% - .25rem);
    }

    .rk-page-category .productlist-page-nav-header-m .filter-type-FilterItemSort > .btn {
        width: 100%;
        justify-content: space-between;
    }

    .rk-page-category .productlist-page-nav-header-m .filter-type-FilterItemLimits {
        margin-left: 0;
    }

    .rk-home-faq summary {
        min-height: 56px;
    }

    .rk-single-result #product-list > .product-wrapper {
        width: 100%;
        max-width: 320px;
        flex: 0 1 320px;
        margin-right: auto;
        margin-left: auto;
    }
}

/* Eight distinct, license-safe category motifs, cropped without distortion. */
.rk-home-category__fallback,
.rk-home-quickworld__fallback {
    background-position: center !important;
    background-size: cover !important;
}

/* The motif follows the category, not its position in the navigation. */
.rk-home-category .rk-home-category__fallback,
.rk-home-quickworld .rk-home-quickworld__fallback { background-image: url("images/home-reef-panorama.webp") !important; }
[data-rk-category="WYSIWYG" i] :is(.rk-home-category__fallback, .rk-home-quickworld__fallback) { background-image: url("images/category-home-v1-0.webp") !important; }
[data-rk-category="Mangroven-Algen" i] :is(.rk-home-category__fallback, .rk-home-quickworld__fallback) { background-image: url("images/category-home-v1-1.webp") !important; }
[data-rk-category="Fische" i] :is(.rk-home-category__fallback, .rk-home-quickworld__fallback) { background-image: url("images/category-home-v1-2.webp") !important; }
[data-rk-category="Niedere-Tiere" i] :is(.rk-home-category__fallback, .rk-home-quickworld__fallback) { background-image: url("images/category-home-v1-3.webp") !important; }
[data-rk-category="Steinkorallen" i] :is(.rk-home-category__fallback, .rk-home-quickworld__fallback) { background-image: url("images/category-home-v1-4.webp") !important; }
[data-rk-category="Aquarien-Filterbecken" i] :is(.rk-home-category__fallback, .rk-home-quickworld__fallback) { background-image: url("images/category-home-v1-5.webp") !important; }
[data-rk-category="Einrichtung" i] :is(.rk-home-category__fallback, .rk-home-quickworld__fallback) { background-image: url("images/category-home-v1-6.webp") !important; }
[data-rk-category="Technik" i] :is(.rk-home-category__fallback, .rk-home-quickworld__fallback) { background-image: url("images/category-home-v1-7.webp") !important; }

@media (min-width: 992px) {
    .rk-home-categories {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }

    .rk-home-category--wide {
        grid-column: span 3;
    }

    .rk-home-category:not(.rk-home-category--wide) {
        grid-column: span 2;
    }
}
@media (max-width: 991.98px) {
    .rk-home-category:nth-child(5):last-child {
        grid-column: 1 / -1;
    }
}

/* Listing filter hierarchy and polish (1.2.6). */
.rk-sidebar-filter-intro {
    display: none;
}

.rk-page-category .rk-listing-filter-box {
    overflow: visible;
    border: 1px solid #d5e1e7;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 12px 30px -27px rgba(7, 28, 45, .72);
}

.rk-page-category .rk-listing-filter-box > .btn-filter-box {
    display: flex;
    min-height: 49px;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: .65rem;
    padding: .7rem .8rem;
    border: 0;
    border-radius: 11px;
    background: #fff;
    color: var(--rk-navy);
    font-size: .8125rem;
    font-weight: 760;
    letter-spacing: .025em;
    text-align: left;
    text-decoration: none;
}

.rk-page-category .rk-listing-filter-box > .btn-filter-box:hover,
.rk-page-category .rk-listing-filter-box > .btn-filter-box:focus-visible {
    background: #f3f8fa;
    color: var(--rk-primary-hover);
}

.rk-page-category .rk-listing-filter-box > .btn-filter-box::after {
    flex: 0 0 auto;
    margin-left: auto;
    color: var(--rk-primary);
}

.rk-page-category .rk-listing-filter-box > .collapse,
.rk-page-category .rk-listing-filter-box > .collapsing {
    padding: 0 .65rem .65rem;
}

.rk-page-category .rk-listing-filter-box .filter-item {
    display: block;
    min-height: 38px;
    padding: .16rem .3rem;
    border-radius: 8px;
    color: #294657;
    font-size: .8125rem;
    text-decoration: none;
    transition: background-color .16s ease, color .16s ease;
}

.rk-page-category .rk-listing-filter-box .filter-item:hover,
.rk-page-category .rk-listing-filter-box .filter-item:focus-visible {
    background: #edf5f9;
    color: var(--rk-primary-hover);
}

.rk-page-category .rk-listing-filter-box .box-link-wrapper {
    display: grid;
    min-height: 34px;
    align-items: center;
    grid-template-columns: 16px minmax(0, 1fr) auto;
    gap: .48rem;
}

.rk-page-category .rk-listing-filter-box .snippets-filter-item-icon-right {
    color: #8ba1ad;
    font-size: .82rem;
}

.rk-page-category .rk-listing-filter-box .filter-item:hover .snippets-filter-item-icon-right,
.rk-page-category .rk-listing-filter-box .filter-item:focus-visible .snippets-filter-item-icon-right {
    color: var(--rk-primary);
}

.rk-page-category .rk-listing-filter-box .word-break {
    min-width: 0;
    font-weight: 570;
    line-height: 1.3;
}

.rk-page-category .rk-listing-filter-box .badge {
    display: inline-grid;
    min-width: 25px;
    height: 24px;
    place-items: center;
    padding: 0 .42rem;
    border: 0;
    border-radius: var(--rk-pill);
    background: #e7f1f6;
    color: #36586a;
    font-family: var(--rk-font-mono);
    font-size: .6875rem;
    font-weight: 600;
}

.rk-page-category .rk-listing-filter-box .snippets-filter-show-all {
    padding-top: .3rem;
    border-top: 1px solid #e6edf1;
}

.rk-page-category .rk-listing-filter-box .snippets-filter-show-all > .btn {
    min-height: 36px;
    width: 100%;
    padding: .35rem .45rem;
    border-radius: 7px;
    color: var(--rk-primary);
    font-size: .75rem;
    font-weight: 700;
    text-align: left;
    text-decoration: none;
}

.rk-page-category .price-range-inputs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .6rem;
    margin: 0;
}

.rk-page-category .price-range-inputs > .col {
    display: block;
    width: auto;
    max-width: none;
    padding: 0;
}

.rk-page-category .price-range-inputs > .col::before {
    display: block;
    margin-bottom: .3rem;
    color: var(--rk-muted);
    content: attr(data-rk-field-label);
    font-family: var(--rk-font-mono);
    font-size: .625rem;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.rk-page-category .price-range-inputs .input-group {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
}

.rk-page-category .price-range-input {
    width: 100% !important;
    min-width: 0;
    height: 42px;
    padding: .55rem .62rem;
    border-color: #c4d3dc;
    border-radius: 8px 0 0 8px;
    box-shadow: none;
    color: var(--rk-ink);
    font-weight: 680;
}

.rk-page-category .price-range-inputs .input-group-text {
    height: 42px;
    padding-inline: .55rem;
    border-color: #c4d3dc;
    border-radius: 0 8px 8px 0;
    background: #edf3f6;
    color: #4c6270;
    font-size: .6875rem;
    font-weight: 700;
}

.rk-page-category .price-range-slide {
    margin: 1.15rem .5rem .35rem;
}

.rk-page-category .price-range-slide .noUi-connect {
    background: var(--rk-primary) !important;
}

.rk-page-category .price-range-slide .noUi-handle {
    border-color: var(--rk-primary) !important;
    background: #fff;
    box-shadow: 0 2px 8px rgba(18, 104, 168, .28);
}

.rk-page-category .box-manufacturers .productlist-filter-headline {
    min-height: 49px;
    align-items: center;
    margin: 0;
    padding: .7rem .8rem;
    border: 0;
    background: #fff;
    color: var(--rk-navy);
    font-size: .8125rem;
    font-weight: 760;
    letter-spacing: .025em;
    text-transform: none;
}

.rk-page-category .box-manufacturers > .collapse {
    padding: 0 .65rem .7rem;
}

.rk-page-category .box-manufacturers .dropdown > .dropdown-toggle {
    display: flex;
    min-height: 42px;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    padding: .55rem .7rem;
    border: 1px solid #c4d3dc;
    border-radius: 8px;
    background: #f8fafb;
    color: #294657;
    font-size: .75rem;
    text-align: left;
}

.rk-page-category .box-manufacturers .dropdown-menu {
    width: 100%;
    max-height: min(320px, 55vh);
    overflow-y: auto;
    border-color: #c9d8e0;
    border-radius: 9px;
    box-shadow: 0 18px 38px -22px rgba(7, 28, 45, .6);
}

.rk-page-category .box-manufacturers .dropdown-item {
    min-height: 40px;
    padding: .55rem .72rem;
    color: #294657;
    font-size: .8125rem;
    text-decoration: none;
}

.rk-page-category .rk-listing-filter-box > .box-filter-hr,
.rk-page-category .box-manufacturers > .box-normal-hr {
    display: none;
}

@media (min-width: 992px) {
    .rk-page-category #content > .row > #sidepanel_left {
        position: sticky;
        top: calc(var(--rk-mega-top, 194px) + 16px);
        display: flex;
        align-self: flex-start;
        flex-direction: column;
        padding-bottom: .5rem;
    }

    .rk-page-category #sidepanel_left > * {
        flex: 0 0 auto;
    }

    .rk-page-category #sidepanel_left > .rk-sidebar-filter-intro {
        order: -50;
    }

    .rk-page-category #sidepanel_left > .box-search-category {
        order: -40;
    }

    .rk-page-category #sidepanel_left > .box-filter-price {
        order: -30;
    }

    .rk-page-category #sidepanel_left > .box-manufacturers {
        order: -20;
    }

    .rk-page-category #sidepanel_left > .rk-category-navigation {
        order: 0;
    }

    .rk-page-category #sidepanel_left > .box-filter-special {
        order: 10;
    }

    .rk-page-category #sidepanel_left > .box-searchcloud {
        order: 20;
    }

    .rk-sidebar-filter-intro {
        display: flex;
        min-height: 68px;
        align-items: center;
        gap: .7rem;
        margin-bottom: .55rem;
        padding: .75rem .8rem;
        border: 1px solid rgba(18, 104, 168, .16);
        border-radius: 12px;
        background: linear-gradient(135deg, #edf6fb, #f7fbfc);
        color: var(--rk-navy);
    }

    .rk-sidebar-filter-intro > .fas {
        display: inline-grid;
        width: 34px;
        height: 34px;
        flex: 0 0 34px;
        place-items: center;
        border-radius: 9px;
        background: var(--rk-primary);
        color: #fff;
        font-size: .8rem;
    }

    .rk-sidebar-filter-intro strong,
    .rk-sidebar-filter-intro small {
        display: block;
    }

    .rk-sidebar-filter-intro strong {
        font-size: .875rem;
        font-weight: 780;
        line-height: 1.25;
    }

    .rk-sidebar-filter-intro small {
        margin-top: .14rem;
        color: var(--rk-muted);
        font-size: .6875rem;
        line-height: 1.35;
    }

    .rk-page-category #sidepanel_left > .rk-listing-filter-box {
        margin-bottom: .55rem !important;
    }
}

@media (max-width: 991.98px) {
    #collapseFilter .modal-header {
        background: linear-gradient(135deg, var(--rk-navy), #123d5c);
    }

    #collapseFilter .modal-header::after {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        height: 3px;
        background: linear-gradient(90deg, var(--rk-sea), var(--rk-primary));
        content: "";
    }

    #collapseFilter .modal-body {
        padding: .8rem;
        background: #f2f6f8;
    }

    #collapseFilter .rk-listing-filter-box {
        margin-bottom: .6rem;
        border-color: #d5e1e7;
        box-shadow: none;
    }

    #collapseFilter .modal-body .btn-primary {
        border-color: var(--rk-primary) !important;
        background: var(--rk-primary) !important;
        color: #fff !important;
    }

    #collapseFilter .modal-body .btn-primary:hover,
    #collapseFilter .modal-body .btn-primary:focus-visible {
        border-color: var(--rk-primary-hover) !important;
        background: var(--rk-primary-hover) !important;
    }

    #collapseFilter .modal-body .btn-outline-primary {
        border-color: #b9ccd7;
        background: #fff;
        color: #355264;
    }
}



@media (max-width: 575.98px) {
    .rk-page-category .productlist-page-nav-header-m .filter-collapsible-control {
        min-width: 150px;
        max-width: none;
        flex: 1 1 150px;
    }

    .rk-page-category .productlist-page-nav-header-m .filter-type-FilterItemSort {
        min-width: 150px;
        max-width: none;
        flex: 1 1 150px;
    }

    .rk-page-category .productlist-page-nav-header-m #js-filters {
        width: 100%;
        padding-inline: .75rem;
        white-space: nowrap;
    }
}

@media (max-width: 359.98px) {
    .rk-page-category .productlist-page-nav-header-m .filter-collapsible-control,
    .rk-page-category .productlist-page-nav-header-m .filter-type-FilterItemSort {
        min-width: 100%;
        max-width: 100%;
        flex-basis: 100%;
    }
}

html.rk-page-category.rk-single-result .productlist-page-nav-header-m .productlist-item-info {
    width: 100%;
    margin: 0;
    padding: .25rem 0;
    border: 0;
    text-align: right;
}

/* Deterministic hero loading and persistent search while scrolling (1.2.8). */
@media (min-width: 992px) {
    .rk-has-scrolled #jtl-nav-wrapper .hide-navbar.d-none {
        display: block !important;
    }

    .rk-has-scrolled #jtl-nav-wrapper .hide-navbar {
        padding-block: .2rem;
    }

    .rk-has-scrolled #jtl-nav-wrapper .hide-navbar > .navbar {
        min-height: 54px;
    }
}

@media (max-width: 991.98px) {
    #jtl-nav-wrapper {
        position: sticky;
        top: 0;
    }

    .rk-has-scrolled #jtl-nav-wrapper .hide-navbar {
        padding-block: .35rem;
    }

    .rk-has-scrolled #jtl-nav-wrapper .search-form-wrapper-fixed {
        padding: .25rem .75rem .55rem;
    }
}

/* ReefKingNova 1.3.1 – modular dark marine commerce system */
#jtl-nav-wrapper {
    position: sticky;
    top: 0;
    z-index: 1040;
}

#jtl-nav-wrapper .hide-navbar,
#jtl-nav-wrapper .hide-navbar.d-none,
.rk-has-scrolled #jtl-nav-wrapper .hide-navbar,
.rk-has-scrolled #jtl-nav-wrapper .hide-navbar.d-none {
    visibility: visible;
}

@media (min-width: 992px) {
    #mainNavigation .dropdown-menu {
        width: min(calc(100vw - 64px), 1180px);
        max-width: var(--rk-content);
    }
}

.startseite,
.startseite #main-wrapper,
.startseite #content-wrapper,
.startseite main {
    background: var(--rk-commerce-canvas);
}

.rk-home-commerce {
    --rk-home-gap: clamp(2.25rem, 4.5vw, 4.75rem);
    display: flex;
    flex-direction: column;
    gap: var(--rk-home-gap);
    margin-inline: calc(clamp(1rem, 2.4vw, 2rem) * -1);
    padding: clamp(1rem, 2.2vw, 2rem) clamp(1rem, 2.4vw, 2rem) clamp(3rem, 6vw, 6rem);
    overflow: clip;
    background:
        radial-gradient(circle at 9% 8%, rgba(47, 111, 196, .13), transparent 24rem),
        radial-gradient(circle at 92% 34%, rgba(73, 169, 164, .08), transparent 28rem),
        var(--rk-commerce-canvas);
    color: var(--rk-commerce-text);
}

.rk-home-spacing--compact {
    --rk-home-gap: clamp(1.5rem, 3vw, 2.75rem);
}

.rk-home-spacing--generous {
    --rk-home-gap: clamp(3rem, 6vw, 6.5rem);
}

.rk-home-module {
    width: 100%;
    max-width: var(--rk-content);
    margin-inline: auto;
}

.rk-module--boxed {
    max-width: min(1120px, calc(100% - clamp(0rem, 3vw, 3rem)));
}

.rk-module--full {
    max-width: 1760px;
}

.rk-home-layout--commerce .rk-home-module--info { order: 1; }
.rk-home-layout--commerce .rk-home-module--hero { order: 2; }
.rk-home-layout--commerce .rk-home-module--categories { order: 3; }
.rk-home-layout--commerce .rk-home-module--banner { order: 4; }
.rk-home-layout--commerce .rk-home-module--advisor { order: 5; }
.rk-home-layout--commerce .rk-home-module--faq { order: 6; }
.rk-home-layout--catalog-first .rk-home-module--info { order: 1; }
.rk-home-layout--catalog-first .rk-home-module--categories { order: 2; }
.rk-home-layout--catalog-first .rk-home-module--hero { order: 3; }
.rk-home-layout--catalog-first .rk-home-module--banner { order: 4; }
.rk-home-layout--catalog-first .rk-home-module--advisor { order: 5; }
.rk-home-layout--catalog-first .rk-home-module--faq { order: 6; }
.rk-home-layout--advice-first .rk-home-module--info { order: 1; }
.rk-home-layout--advice-first .rk-home-module--hero { order: 2; }
.rk-home-layout--advice-first .rk-home-module--advisor { order: 3; }
.rk-home-layout--advice-first .rk-home-module--categories { order: 4; }
.rk-home-layout--advice-first .rk-home-module--banner { order: 5; }
.rk-home-layout--advice-first .rk-home-module--faq { order: 6; }

.rk-home-commerce .rk-eyebrow {
    margin-bottom: .75rem;
    color: var(--rk-commerce-sea);
    font-size: .72rem;
    letter-spacing: .12em;
}

.rk-home-info {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .85rem 1rem;
    min-height: 54px;
    padding: .7rem 1rem;
    border: 1px solid var(--rk-commerce-border);
    border-radius: 6px;
    background: var(--rk-commerce-surface);
    color: var(--rk-commerce-text-secondary);
}

.rk-home-info--shipping,
.rk-home-info--service {
    border-color: rgba(73, 169, 164, .42);
    background: var(--rk-commerce-sea-surface);
}

.rk-home-info--promotion {
    border-color: rgba(226, 164, 92, .45);
    background: #342617;
}

.rk-home-info__icon {
    display: grid;
    width: 36px;
    height: 36px;
    place-items: center;
    border-radius: 6px;
    background: rgba(73, 169, 164, .13);
    color: var(--rk-commerce-sea);
}

.rk-home-info__copy {
    display: flex;
    min-width: 0;
    align-items: baseline;
    gap: .45rem .8rem;
}

.rk-home-info__copy strong {
    color: var(--rk-commerce-text);
    font-size: .9rem;
}

.rk-home-info__copy > span:not(.rk-home-info__badge) {
    color: var(--rk-commerce-text-secondary);
    font-size: .8rem;
}

.rk-home-info__badge {
    padding: .2rem .42rem;
    border: 1px solid rgba(73, 169, 164, .38);
    border-radius: var(--rk-pill);
    color: #c7efec;
    font-family: var(--rk-font-mono);
    font-size: .64rem;
    letter-spacing: .05em;
    text-transform: uppercase;
    white-space: nowrap;
}

.rk-home-info__link,
.rk-home-info__link:hover,
.rk-home-info__link:focus-visible {
    display: inline-flex;
    min-height: 38px;
    align-items: center;
    gap: .5rem;
    color: var(--rk-commerce-text);
    font-size: .8rem;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
}

.rk-home-hero {
    display: grid;
    grid-template-columns: minmax(0, 2.05fr) minmax(280px, .75fr);
    gap: clamp(.75rem, 1.5vw, 1.25rem);
}

.rk-home-hero__main,
.rk-home-hero__aside {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--rk-commerce-border);
    border-radius: 8px;
    background: var(--rk-commerce-surface);
}

.rk-home-hero__main {
    display: grid;
    min-height: 500px;
    isolation: isolate;
}

.rk-home-hero--compact .rk-home-hero__main { min-height: 400px; }
.rk-home-hero--large .rk-home-hero__main { min-height: 620px; }

.rk-home-hero__media,
.rk-home-hero__shade {
    position: absolute;
    inset: 0;
    margin: 0;
}

.rk-home-hero__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.rk-home-hero__shade {
    z-index: 1;
    background:
        linear-gradient(90deg, rgba(4, 12, 21, .94) 0%, rgba(4, 12, 21, .74) 43%, rgba(4, 12, 21, .15) 76%),
        linear-gradient(0deg, rgba(4, 12, 21, .48), transparent 52%);
}

.rk-home-hero__copy {
    position: relative;
    z-index: 2;
    display: flex;
    max-width: 720px;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: clamp(2rem, 5vw, 5rem);
}

.rk-home-hero__copy h1 {
    max-width: 15ch;
    margin: 0;
    color: var(--rk-commerce-text);
    font-size: clamp(2.25rem, 4.6vw, 4.75rem);
    font-weight: 780;
    letter-spacing: -.055em;
    line-height: .99;
}

.rk-home-hero__copy p {
    max-width: 58ch;
    margin: 1.25rem 0 0;
    color: var(--rk-commerce-text-secondary);
    font-size: clamp(.95rem, 1.4vw, 1.08rem);
    line-height: 1.7;
}

.rk-home-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
    margin-top: 1.75rem;
}

.rk-button,
.rk-home-commerce .rk-button {
    display: inline-flex;
    min-height: 46px;
    align-items: center;
    justify-content: center;
    gap: .65rem;
    padding: .7rem 1.05rem;
    border-radius: 6px;
    font-size: .86rem;
    font-weight: 730;
    text-decoration: none;
}

.rk-button--primary {
    border-color: var(--rk-primary);
    background: var(--rk-primary);
    color: #fff;
}

.rk-button--primary:hover,
.rk-button--primary:focus-visible {
    border-color: var(--rk-primary-hover);
    background: var(--rk-primary-hover);
    color: #fff;
}

.rk-button--secondary {
    border-color: rgba(240, 245, 248, .42);
    background: rgba(7, 17, 29, .44);
    color: var(--rk-commerce-text);
}

.rk-button--secondary:hover,
.rk-button--secondary:focus-visible {
    border-color: var(--rk-commerce-text);
    background: var(--rk-commerce-text);
    color: var(--rk-commerce-canvas);
}

.rk-home-hero__aside {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    padding: clamp(1.5rem, 3vw, 2.5rem);
    background:
        radial-gradient(circle at 88% 12%, rgba(73, 169, 164, .24), transparent 37%),
        linear-gradient(145deg, var(--rk-commerce-sea-surface), var(--rk-commerce-surface));
}

.rk-home-hero__aside-icon {
    display: grid;
    width: 52px;
    height: 52px;
    margin-bottom: auto;
    place-items: center;
    border: 1px solid rgba(73, 169, 164, .46);
    border-radius: 8px;
    background: rgba(73, 169, 164, .12);
    color: var(--rk-commerce-sea);
    font-size: 1.15rem;
}

.rk-home-hero__aside h2 {
    margin: 0;
    color: var(--rk-commerce-text);
    font-size: clamp(1.45rem, 2.3vw, 2.15rem);
    letter-spacing: -.035em;
    line-height: 1.08;
}

.rk-home-hero__aside p {
    margin: .85rem 0 1.35rem;
    color: var(--rk-commerce-text-secondary);
    font-size: .9rem;
    line-height: 1.65;
}

.rk-home-hero__aside a {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    gap: .6rem;
    color: var(--rk-commerce-text);
    font-size: .86rem;
    font-weight: 720;
    text-decoration: none;
}

.rk-home-hero--media-full {
    grid-template-columns: 1fr;
}

.rk-home-hero--media-full .rk-home-hero__main {
    min-height: 560px;
}

.rk-home-hero--media-full .rk-home-hero__aside {
    display: none;
}

.rk-home-hero--editorial-split .rk-home-hero__main {
    grid-template-columns: minmax(0, 1fr) minmax(320px, .9fr);
    background: var(--rk-commerce-surface);
}

.rk-home-hero--editorial-split .rk-home-hero__media {
    position: relative;
    grid-column: 2;
    grid-row: 1;
}

.rk-home-hero--editorial-split .rk-home-hero__shade {
    display: none;
}

.rk-home-hero--editorial-split .rk-home-hero__copy {
    grid-column: 1;
    grid-row: 1;
}

.rk-home-hero--align-center .rk-home-hero__copy {
    max-width: 780px;
    align-items: center;
    justify-self: center;
    text-align: center;
}

.rk-home-category-section {
    scroll-margin-top: 170px;
}

.rk-home-commerce .rk-home-section-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    margin: 0 0 1.25rem;
    padding: 0;
    min-height: 0;
    background: transparent !important;
}

.rk-home-commerce .rk-home-section-heading h2,
.rk-home-commerce .rk-home-faq__header h2 {
    margin: 0;
    color: var(--rk-commerce-text);
    font-size: clamp(1.65rem, 3vw, 2.65rem);
    letter-spacing: -.045em;
}

.rk-home-commerce .rk-home-section-heading > a {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    gap: .55rem;
    color: var(--rk-commerce-text-secondary);
    font-size: .85rem;
    font-weight: 700;
    text-decoration: none;
}

.rk-home-commerce .rk-home-categories {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .75rem;
}

.rk-home-categories--cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
.rk-home-categories--cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; }

.rk-home-commerce .rk-home-category {
    min-height: 0;
    aspect-ratio: 4 / 3;
    border-color: var(--rk-commerce-border);
    border-radius: 7px;
    background: var(--rk-commerce-surface);
    box-shadow: none;
}

.rk-home-categories--ratio-1x1 .rk-home-category { aspect-ratio: 1 / 1; }
.rk-home-categories--ratio-16x9 .rk-home-category { aspect-ratio: 16 / 9; }

.rk-home-commerce .rk-home-category--wide {
    grid-column: span 2;
    aspect-ratio: 2 / 1;
}

.rk-home-commerce .rk-home-category:hover,
.rk-home-commerce .rk-home-category:focus-visible {
    border-color: rgba(73, 169, 164, .72);
    box-shadow: 0 22px 46px -28px rgba(0, 0, 0, .85);
}

.rk-home-categories--masonry-lite .rk-home-category:nth-child(3n+1) {
    grid-row: span 2;
    aspect-ratio: auto;
}

.rk-home-categories--label-card-bottom .rk-home-category {
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto;
    aspect-ratio: auto;
    min-height: 260px;
}

.rk-home-categories--label-card-bottom .rk-home-category__media {
    position: relative;
    min-height: 190px;
}

.rk-home-categories--label-card-bottom .rk-home-category__media::after {
    background: linear-gradient(180deg, rgba(4, 18, 29, 0), rgba(4, 18, 29, .2));
}

.rk-home-categories--label-card-bottom .rk-home-category__content {
    position: relative;
    min-height: 58px;
    background: var(--rk-commerce-surface-two);
}

.rk-home-banner {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(360px, .9fr);
    min-height: 320px;
    overflow: hidden;
    border: 1px solid var(--rk-commerce-border);
    border-radius: 8px;
    background:
        radial-gradient(circle at 18% 18%, rgba(73, 169, 164, .24), transparent 34%),
        var(--rk-commerce-sea-surface);
}

.rk-home-banner--blue {
    background:
        radial-gradient(circle at 16% 12%, rgba(121, 216, 226, .14), transparent 36%),
        linear-gradient(135deg, #133b68, #0c213b);
}

.rk-home-banner--warm {
    background:
        radial-gradient(circle at 16% 12%, rgba(226, 164, 92, .2), transparent 36%),
        linear-gradient(135deg, #392819, #151d27);
}

.rk-home-banner--surface { background: var(--rk-commerce-surface); }

.rk-home-banner__media {
    min-height: 100%;
    margin: 0;
    grid-column: 2;
    grid-row: 1;
}

.rk-home-banner__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.rk-home-banner__copy {
    display: flex;
    max-width: 720px;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    grid-column: 1;
    grid-row: 1;
    padding: clamp(2rem, 5vw, 4rem);
}

.rk-home-banner__copy h2 {
    max-width: 18ch;
    margin: 0;
    color: var(--rk-commerce-text);
    font-size: clamp(1.8rem, 3.5vw, 3.4rem);
    letter-spacing: -.045em;
    line-height: 1.03;
}

.rk-home-banner__copy p {
    max-width: 56ch;
    margin: 1rem 0 1.4rem;
    color: var(--rk-commerce-text-secondary);
    line-height: 1.7;
}

.rk-button--light {
    border-color: var(--rk-commerce-text);
    background: var(--rk-commerce-text);
    color: var(--rk-commerce-canvas);
}

.rk-button--light:hover,
.rk-button--light:focus-visible {
    border-color: #fff;
    background: #fff;
    color: #07111d;
}

.rk-home-banner--wide-media {
    height: clamp(360px, 34vw, 440px);
    min-height: 0;
    grid-template-columns: 1fr;
}

.rk-home-banner--wide-media .rk-home-banner__media,
.rk-home-banner--wide-media .rk-home-banner__copy {
    grid-column: 1;
    grid-row: 1;
}

.rk-home-banner--wide-media .rk-home-banner__media::after {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(7, 17, 29, .92), rgba(7, 17, 29, .18));
    content: "";
}

.rk-home-banner--wide-media .rk-home-banner__media { position: relative; }
.rk-home-banner--wide-media .rk-home-banner__copy { z-index: 1; }

.rk-home-banner--wide-media .rk-home-banner__media,
.rk-home-banner--wide-media .rk-home-banner__media img {
    height: 100%;
    min-height: 0;
}

.rk-home-banner--wide-media .rk-home-banner__media img {
    display: block;
}

.rk-home-banner--compact-callout {
    min-height: 0;
    grid-template-columns: 1fr;
}

.rk-home-banner--compact-callout .rk-home-banner__media { display: none; }
.rk-home-banner--compact-callout .rk-home-banner__copy {
    max-width: none;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: .75rem 1.5rem;
    grid-column: 1;
    padding: 1.5rem;
}

.rk-home-banner--compact-callout .rk-home-banner__copy .rk-eyebrow { width: 100%; }
.rk-home-banner--compact-callout .rk-home-banner__copy h2 { font-size: clamp(1.35rem, 2.6vw, 2rem); }
.rk-home-banner--compact-callout .rk-home-banner__copy p { max-width: 48ch; margin: 0; }

.rk-home-commerce .rk-home-advisor {
    margin-top: 0;
    border-color: var(--rk-commerce-border);
    border-radius: 8px;
    background: var(--rk-commerce-surface-two);
}

.rk-home-commerce .rk-home-advisor .rk-eyebrow { margin-bottom: .35rem; }
.rk-home-commerce .rk-home-advisor h2 { color: var(--rk-commerce-text); }
.rk-home-commerce .rk-home-advisor p { color: var(--rk-commerce-text-secondary); }

.rk-home-advisor--slim-strip {
    padding-block: .9rem !important;
    border-radius: 6px !important;
}

.rk-home-advisor--media-split {
    min-height: 210px;
    background:
        radial-gradient(circle at 12% 48%, rgba(73, 169, 164, .2), transparent 28%),
        var(--rk-commerce-surface-two) !important;
}

.rk-home-commerce .rk-home-faq {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
}

.rk-home-commerce .rk-home-faq__header {
    min-height: 0;
    padding: 0;
    background: transparent !important;
    color: var(--rk-commerce-text);
}

.rk-home-commerce .rk-home-faq details {
    border-color: var(--rk-commerce-border);
    border-radius: 0;
    background: transparent;
}

.rk-home-commerce .rk-home-faq summary { color: var(--rk-commerce-text); }
.rk-home-commerce .rk-home-faq details p { color: var(--rk-commerce-text-secondary); }
.rk-home-commerce .rk-home-faq summary::after { border-color: var(--rk-commerce-sea); }

.rk-product-rail {
    max-width: var(--rk-content);
    margin-top: 0;
    padding-block: clamp(2rem, 4vw, 4rem);
    border-top: 1px solid var(--rk-commerce-border);
    background: var(--rk-commerce-canvas);
}

.rk-product-rail--bg-surface {
    margin-block: clamp(1rem, 3vw, 2rem);
    border: 1px solid var(--rk-commerce-border);
    border-radius: 8px;
    background: var(--rk-commerce-surface);
}

.rk-product-rail--bg-sea { background: var(--rk-commerce-sea-surface); }
.rk-product-rail--space-compact { padding-block: 1.5rem; }
.rk-product-rail--space-generous { padding-block: clamp(3rem, 6vw, 5rem); }

.rk-product-rail .hr-sect,
.rk-product-rail .hr-sect a {
    color: var(--rk-commerce-text);
}

.rk-product-rail .hr-sect::before,
.rk-product-rail .hr-sect::after {
    border-color: var(--rk-commerce-border);
}

.rk-product-rail .product-wrapper-product {
    border-color: var(--rk-commerce-border);
    border-radius: 7px;
}

.rk-product-rail--rail-4 .slick-type-product { --display-count-xl: 4; }
.rk-product-rail--rail-6 .slick-type-product { --display-count-xl: 6; }
.rk-product-rail--dense-grid .slick-type-product { --display-count-xl: 7; }

.rk-service-strip--compact .rk-service-strip__item {
    min-height: 72px;
    padding-block: .7rem;
}

.rk-service-strip--bordered .rk-service-strip__item {
    border: 0;
    border-right: 1px solid rgba(255, 255, 255, .12);
    border-radius: 0;
    background: transparent;
}

.rk-service-strip--bordered .rk-service-strip__item:last-child { border-right: 0; }

/* Purchase CTAs remain solid even when third-party styles load later. */
#cart-checkout-btn,
#cart-checkout-btn.btn,
#cart-dropdown-container .cart-dropdown-next,
#cart-dropdown-container .cart-dropdown-next.btn,
.basket-summary .btn-primary[href*="bestellvorgang"],
.cart-summary .btn-primary[href*="bestellvorgang"] {
    border-color: var(--rk-primary) !important;
    background-color: var(--rk-primary) !important;
    background-image: none !important;
    color: #fff !important;
    opacity: 1 !important;
    -webkit-text-fill-color: #fff !important;
}

#cart-checkout-btn:hover,
#cart-checkout-btn:focus-visible,
#cart-dropdown-container .cart-dropdown-next:hover,
#cart-dropdown-container .cart-dropdown-next:focus-visible,
.basket-summary .btn-primary[href*="bestellvorgang"]:hover,
.cart-summary .btn-primary[href*="bestellvorgang"]:hover {
    border-color: var(--rk-primary-hover) !important;
    background-color: var(--rk-primary-hover) !important;
    color: #fff !important;
}

@media (max-width: 1199.98px) {
    .rk-home-categories--cols-6 {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }

    .rk-home-hero {
        grid-template-columns: minmax(0, 1.65fr) minmax(260px, .8fr);
    }
}

@media (max-width: 991.98px) {
    .rk-home-commerce {
        margin-inline: -1rem;
        padding-inline: 1rem;
    }

    .rk-home-hero {
        grid-template-columns: 1fr;
    }

    .rk-home-hero__main,
    .rk-home-hero--media-full .rk-home-hero__main {
        min-height: 500px;
    }

    .rk-home-hero__aside {
        min-height: 280px;
    }

    .rk-home-hero--editorial-split .rk-home-hero__main {
        grid-template-columns: 1fr;
    }

    .rk-home-hero--editorial-split .rk-home-hero__media {
        position: absolute;
        grid-column: 1;
    }

    .rk-home-hero--editorial-split .rk-home-hero__shade {
        display: block;
    }

    .rk-home-hero--editorial-split .rk-home-hero__copy {
        grid-column: 1;
    }

    .rk-home-commerce .rk-home-categories,
    .rk-home-categories--cols-3,
    .rk-home-categories--cols-4,
    .rk-home-categories--cols-6 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .rk-home-categories--masonry-lite .rk-home-category:nth-child(3n+1) {
        grid-row: auto;
    }

    .rk-home-banner {
        grid-template-columns: 1fr;
    }

    .rk-home-banner__media {
        min-height: 260px;
        grid-column: 1;
        grid-row: 1;
    }

    .rk-home-banner__copy {
        grid-column: 1;
        grid-row: 2;
    }

    .rk-home-banner--wide-media .rk-home-banner__copy {
        grid-row: 1;
    }
}

@media (max-width: 767.98px) {
    .rk-home-commerce {
        --rk-home-gap: 2.25rem;
        padding-top: .75rem;
        padding-bottom: 3.5rem;
    }

    .rk-home-info {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .rk-home-info__copy {
        display: grid;
        gap: .2rem;
    }

    .rk-home-info__badge { width: fit-content; }
    .rk-home-info__link { grid-column: 2; }

    .rk-home-hero__main,
    .rk-home-hero--compact .rk-home-hero__main,
    .rk-home-hero--large .rk-home-hero__main,
    .rk-home-hero--media-full .rk-home-hero__main {
        min-height: 470px;
    }

    .rk-home-hero__shade {
        background:
            linear-gradient(0deg, rgba(4, 12, 21, .96) 5%, rgba(4, 12, 21, .74) 58%, rgba(4, 12, 21, .18) 100%);
    }

    .rk-home-hero__copy {
        justify-content: flex-end;
        padding: 1.4rem;
    }

    .rk-home-hero__copy h1 {
        max-width: 17ch;
        font-size: clamp(2rem, 9.7vw, 3rem);
    }

    .rk-home-hero__copy p {
        margin-top: .85rem;
        line-height: 1.55;
    }

    .rk-home-hero__actions {
        width: 100%;
        margin-top: 1.2rem;
    }

    .rk-home-hero__actions .rk-button {
        flex: 1 1 150px;
    }

    .rk-home-hero__aside {
        min-height: 245px;
    }

    .rk-home-commerce .rk-home-section-heading {
        align-items: flex-start;
        flex-direction: column;
    }

    .rk-home-commerce .rk-home-categories,
    .rk-home-categories--cols-3,
    .rk-home-categories--cols-4,
    .rk-home-categories--cols-6 {
        display: grid;
        grid-auto-columns: minmax(76vw, 1fr);
        grid-auto-flow: column;
        grid-template-columns: none !important;
        grid-template-rows: repeat(2, minmax(0, auto));
        gap: .65rem;
        margin-inline: -1rem;
        padding: 0 1rem .6rem;
        overflow-x: auto;
        scroll-padding-inline: 1rem;
        scroll-snap-type: x proximity;
        scrollbar-width: thin;
    }

    .rk-home-commerce .rk-home-category,
    .rk-home-commerce .rk-home-category--wide,
    .rk-home-categories--masonry-lite .rk-home-category:nth-child(3n+1) {
        min-height: 180px;
        grid-column: auto;
        grid-row: auto;
        aspect-ratio: 4 / 3;
        scroll-snap-align: start;
    }

    .rk-home-categories--label-card-bottom .rk-home-category {
        min-height: 250px;
        aspect-ratio: auto;
    }

    .rk-home-banner,
    .rk-home-banner--wide-media {
        height: auto;
        min-height: 0;
    }

    .rk-home-banner--wide-media {
        height: 430px;
    }

    .rk-home-banner__copy {
        padding: 1.5rem;
    }

    .rk-home-banner__copy h2 {
        font-size: clamp(1.75rem, 8vw, 2.55rem);
    }

    .rk-home-commerce .rk-home-advisor {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .rk-home-commerce .rk-home-advisor__button {
        width: 100%;
        grid-column: 1 / -1;
    }

    .rk-home-advisor--slim-strip,
    .rk-home-advisor--media-split {
        min-height: 0;
    }

    .rk-home-commerce .rk-home-faq {
        grid-template-columns: 1fr;
    }

    .rk-product-rail--bg-surface {
        margin-inline: .75rem;
    }
}

@media (max-width: 389.98px) {
    .rk-home-hero__actions .rk-button {
        flex-basis: 100%;
    }

    .rk-home-info__icon { align-self: start; }
    .rk-home-info__link { grid-column: 1 / -1; }
}

/* Final cascade for the 1.4 module order and Design A grid. */
.rk-home-layout--commerce .rk-home-module--info { order: 1; }
.rk-home-layout--commerce .rk-home-module--hero { order: 2; }
.rk-home-layout--commerce .rk-home-module--categories { order: 3; }
.rk-home-layout--commerce .rk-home-module--featured { order: 4; }
.rk-home-layout--commerce .rk-home-module--banner { order: 5; }
.rk-home-layout--commerce .rk-home-module--advisor { order: 6; }
.rk-home-layout--commerce .rk-home-module--products { order: 7; }
.rk-home-layout--commerce .rk-home-module--faq { order: 8; }
.rk-home-layout--catalog-first .rk-home-module--info { order: 1; }
.rk-home-layout--catalog-first .rk-home-module--categories { order: 2; }
.rk-home-layout--catalog-first .rk-home-module--featured { order: 3; }
.rk-home-layout--catalog-first .rk-home-module--hero { order: 4; }
.rk-home-layout--catalog-first .rk-home-module--banner { order: 5; }
.rk-home-layout--catalog-first .rk-home-module--advisor { order: 6; }
.rk-home-layout--catalog-first .rk-home-module--products { order: 7; }
.rk-home-layout--catalog-first .rk-home-module--faq { order: 8; }
.rk-home-layout--advice-first .rk-home-module--info { order: 1; }
.rk-home-layout--advice-first .rk-home-module--hero { order: 2; }
.rk-home-layout--advice-first .rk-home-module--advisor { order: 3; }
.rk-home-layout--advice-first .rk-home-module--categories { order: 4; }
.rk-home-layout--advice-first .rk-home-module--featured { order: 5; }
.rk-home-layout--advice-first .rk-home-module--banner { order: 6; }
.rk-home-layout--advice-first .rk-home-module--products { order: 7; }
.rk-home-layout--advice-first .rk-home-module--faq { order: 8; }

.rk-home-commerce.rk-home-preset--design-a .rk-home-categories {
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    grid-template-rows: none;
    gap: .9rem;
    margin-inline: 0;
    padding: 0;
    overflow: visible;
}

.rk-home-commerce.rk-home-preset--design-a .rk-home-category,
.rk-home-commerce.rk-home-preset--design-a .rk-home-category--wide {
    min-height: 0;
    grid-column: auto;
    grid-row: auto;
    aspect-ratio: 16 / 9;
}

@media (max-width: 991.98px) {
    .rk-home-commerce.rk-home-preset--design-a .rk-home-categories {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 575.98px) {
    .rk-home-commerce.rk-home-preset--design-a .rk-home-categories {
        display: flex;
        gap: .65rem;
        margin-inline: -1rem;
        padding: 0 1rem .6rem;
        overflow-x: auto;
        scroll-padding-inline: 1rem;
        scroll-snap-type: x mandatory;
    }

    .rk-home-commerce.rk-home-preset--design-a .rk-home-category,
    .rk-home-commerce.rk-home-preset--design-a .rk-home-category--wide {
        width: min(82vw, 330px);
        min-width: min(82vw, 330px);
        min-height: 180px;
        aspect-ratio: 16 / 9;
        scroll-snap-align: start;
    }
}

/* ReefKingNova 1.4.1 – live polish */
#shop-nav .cart-icon-dropdown > .nav-link {
    gap: .4rem;
}

@media (min-width: 992px) {
    /* Keep logo and search stable while NOVA toggles its legacy scroll state. */
    #jtl-nav-wrapper .hide-navbar,
    #jtl-nav-wrapper .hide-navbar.d-none,
    html.rk-has-scrolled #jtl-nav-wrapper .hide-navbar,
    html.rk-has-scrolled #jtl-nav-wrapper .hide-navbar.d-none {
        display: block !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        visibility: visible !important;
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }

    /* A fixed megamenu needs the measured sticky-header edge, not top:100%,
       because 100% would refer to the viewport and place it below the fold. */
    #mainNavigation .nav-scrollbar-inner > .nav-scrollbar-item > .dropdown-menu {
        top: var(--rk-mega-top, 194px) !important;
        bottom: auto !important;
        max-height: min(560px, calc(100vh - var(--rk-mega-top, 194px) - 12px)) !important;
        max-height: min(560px, calc(100dvh - var(--rk-mega-top, 194px) - 12px)) !important;
    }
}

.rk-home-commerce.rk-home-preset--design-a.rk-home-spacing--standard {
    --rk-home-gap: clamp(2rem, 3.5vw, 3.25rem);
}

/* NOVA's generic start-page section padding otherwise doubles the spacing
   around these two compact modules. */
.rk-home-commerce .rk-home-module--info,
.rk-home-commerce .rk-home-module--categories {
    padding-block: 0 !important;
}

/* The dark card link is the visible shell. Remove the inherited white card
   underneath so no bright frame appears around product rails. */
.rk-home-commerce .product-wrapper-product,
.rk-home-featured .product-wrapper-product {
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.rk-home-commerce .product-wrapper-product:hover,
.rk-home-commerce .product-wrapper-product:focus-within,
.rk-home-featured .product-wrapper-product:hover,
.rk-home-featured .product-wrapper-product:focus-within {
    border-color: transparent;
    box-shadow: none;
}

.rk-shortdesc {
    position: relative;
}

.rk-shortdesc--clamped {
    max-height: 9.5rem;
    overflow: hidden;
}

.rk-shortdesc--clamped::after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 3rem;
    background: linear-gradient(transparent, var(--rk-surface));
    content: "";
    pointer-events: none;
}

.rk-shortdesc-toggle {
    display: inline-flex;
    min-height: 40px;
    align-items: center;
    margin: .2rem 0 1rem;
    padding: .35rem 0;
    border: 0;
    border-bottom: 1px solid currentColor;
    background: transparent;
    color: var(--rk-primary);
    font-size: .875rem;
    font-weight: 720;
    cursor: pointer;
}

.rk-shortdesc-toggle:hover,
.rk-shortdesc-toggle:focus-visible {
    color: var(--rk-primary-hover);
}

.rk-shortdesc-toggle:focus-visible {
    outline: 3px solid var(--rk-focus);
    outline-offset: 3px;
}

/* ReefKingNova 1.4.2 – compact cart action independent of backend primary. */
#shop-nav .cart-icon-dropdown > .nav-link {
    min-height: 44px;
    padding: .5rem .65rem;
    gap: .5rem;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 8px;
    background: transparent;
    box-shadow: none;
}

#shop-nav .cart-icon-dropdown > .nav-link:hover,
#shop-nav .cart-icon-dropdown > .nav-link:focus-visible {
    border-color: rgba(255, 255, 255, .34);
    background: rgba(255, 255, 255, .08);
    color: #fff;
}

#shop-nav .cart-icon-dropdown .cart-icon-dropdown-icon,
#shop-nav .cart-icon-dropdown .rk-nav-action-label,
#shop-nav .cart-icon-dropdown .cart-icon-dropdown-price,
#shop-nav .cart-icon-dropdown.not-empty .cart-icon-dropdown-price,
#shop-nav .cart-icon-dropdown:not(.not-empty) .cart-icon-dropdown-icon {
    margin: 0;
}

/* 1.4.3: reserve real space for the actions instead of wrapping them beside
   a fixed-width search. Search may shrink; all purchase controls stay usable. */
@media (min-width: 992px) {
    #jtl-nav-wrapper .hide-navbar > .navbar {
        grid-template-columns: minmax(150px, 190px) minmax(260px, 1fr) max-content;
        gap: clamp(1rem, 2vw, 2rem);
    }

    #jtl-nav-wrapper .nav-logo-wrapper {
        width: 100%;
        max-width: 190px;
        padding: 0;
    }

    #jtl-nav-wrapper .navbar-brand {
        max-width: 100%;
        margin: 0;
    }

    #jtl-nav-wrapper .navbar-brand img {
        max-width: 100%;
        height: auto;
    }

    #jtl-nav-wrapper .nav-icons-wrapper,
    #jtl-nav-wrapper #shop-nav {
        width: auto;
        max-width: none;
        padding: 0;
        flex-wrap: nowrap;
    }

    #shop-nav > .nav-item > .nav-link {
        padding-block: .5rem;
    }

    .rk-page-category #content > .row > #sidepanel_left {
        max-height: calc(100vh - var(--rk-mega-top, 194px) - 32px);
        max-height: calc(100dvh - var(--rk-mega-top, 194px) - 32px);
        overflow-y: auto;
        scrollbar-width: thin;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    #shop-nav .rk-nav-action-label {
        display: none;
    }
}

/* Existing OPC editorial content keeps a readable surface next to our dark
   modules. Explicit inline OPC backgrounds still take precedence. */
html.rk-page-home #main-wrapper > .opc-Container,
html.rk-page-home #content > .opc-Container {
    padding: clamp(1rem, 3vw, 2.5rem);
    border-radius: var(--rk-card-radius);
    background-color: var(--rk-page);
    color: var(--rk-ink);
}

.rk-home-commerce .slick-type-product .product-wrapper-product {
    padding-inline: .4rem;
}

.rk-home-product-card--dark-shell .product-wrapper-product .item-slider,
.rk-home-featured .product-wrapper-product .item-slider {
    overflow: hidden;
}

.rk-home-product-card--dark-shell .product-wrapper-product .item-slider > .inner,
.rk-home-featured .product-wrapper-product .item-slider > .inner {
    inset: .7rem;
    width: auto;
    height: auto;
}

.rk-home-product-card--dark-shell .product-wrapper-product .item-slider-desc,
.rk-home-featured .product-wrapper-product .item-slider-desc {
    height: auto;
    min-height: calc(2.8em + 1.35rem);
    max-height: none;
    margin-top: 0;
}

.rk-home-product-card--dark-shell .item-slider-desc > span,
.rk-home-featured .item-slider-desc > span {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

@media (max-width: 991.98px) {
    #jtl-nav-wrapper .hide-navbar > .navbar {
        flex-wrap: nowrap;
    }

    #jtl-nav-wrapper .nav-logo-wrapper {
        min-width: 0;
        max-width: none;
        flex: 1 1 0;
    }

    #jtl-nav-wrapper .nav-icons-wrapper {
        padding: 0;
        flex: 0 0 auto;
    }

    #jtl-nav-wrapper .toggler-logo-wrapper {
        display: flex;
        width: 100%;
        max-width: 250px;
        min-width: 0;
        align-items: center;
    }

    #jtl-nav-wrapper .logo-wrapper,
    #jtl-nav-wrapper .navbar-brand {
        min-width: 0;
        max-width: 100%;
    }

    #jtl-nav-wrapper .toggler-logo-wrapper > .logo-wrapper {
        width: 0;
        flex: 1 1 0;
    }

    #jtl-nav-wrapper .navbar-brand {
        width: 100%;
        margin-right: 0;
    }

    #jtl-nav-wrapper .navbar-brand img {
        width: auto;
        max-width: 100%;
        height: auto;
    }

    /* One scroll region, with actions always reachable even at 320px. */
    #collapseFilter {
        width: 100vw;
        padding: 0 !important;
        overflow: hidden;
    }

    #collapseFilter .modal-dialog {
        width: 100%;
        max-width: 440px;
        height: 100vh;
        height: 100dvh;
        margin: 0;
    }

    #collapseFilter .modal-content {
        height: 100%;
        max-height: none;
        padding: 0;
        border: 0;
        border-radius: 0;
    }

    #collapseFilter .modal-header {
        flex: 0 0 auto;
    }

    #collapseFilter .close {
        background: rgba(255, 255, 255, .12);
        color: #fff;
        opacity: 1;
    }

    #collapseFilter .modal-body {
        display: flex;
        min-height: 0;
        flex-direction: column;
        overflow: hidden;
        padding: .75rem;
    }

    #collapseFilter .productlist-filter-wrapper {
        min-height: 0;
        height: auto;
        max-height: none;
        flex: 1 1 auto;
        overflow-x: hidden;
        overflow-y: auto;
        padding: 0 .25rem 0 0;
        overscroll-behavior: contain;
    }

    #collapseFilter .filter-item {
        min-height: 44px;
        white-space: normal;
        overflow-wrap: anywhere;
    }

    #collapseFilter .dropdown-item.filter-item {
        padding: .55rem .75rem;
    }

    #collapseFilter .productlist-filter-footer {
        display: block;
        flex: 0 0 auto;
        margin: 0;
        padding: .75rem 0 env(safe-area-inset-bottom, 0px);
    }

    #collapseFilter .snippets-filter-mobile-buttons {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: .5rem;
        margin: 0;
    }

    #collapseFilter .snippets-filter-mobile-buttons > .col {
        min-width: 0;
        padding: 0;
    }

    #collapseFilter .productlist-filter-footer .btn {
        width: 100%;
        min-width: 0;
        min-height: 44px;
        margin: 0;
        padding-inline: .5rem;
        white-space: normal;
    }
}

#content h1,
.rk-page-heading {
    overflow-wrap: anywhere;
}

.rk-home-commerce .rk-home-banner {
    padding-block: 0 !important;
}

/* ========================================================================== 
   ReefKing 2.1 — consolidated visual system
   One coherent layer for the approved dark premium direction.
   ========================================================================== */
:root {
  --rk2-bg:#06111a; --rk2-bg2:#081824; --rk2-panel:#0b1d2a; --rk2-panel2:#0e2432;
  --rk2-line:#17384c; --rk2-line2:#24536b; --rk2-text:#f4f7f8; --rk2-muted:#9fb2bd;
  --rk2-gold:#e6b94e; --rk2-gold2:#ffd66b; --rk2-blue:#158be8; --rk2-sea:#0f6972;
  --rk2-radius:7px; --rk2-shell:1480px;
}
html,body{background:var(--rk2-bg);color:var(--rk2-text)}
body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{transition:color .18s ease,border-color .18s ease,background .18s ease,transform .18s ease}
.rk2-shell{width:min(calc(100% - 48px),var(--rk2-shell));margin-inline:auto}
.rk2-kicker{display:block;color:var(--rk2-gold);font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;margin-bottom:.45rem}

/* top bar + NOVA header */
.rk-announcement{display:none!important}
.rk2-topbar{background:#04101a;border-bottom:1px solid #102c3c;color:#d8e2e7;font-size:.74rem}
.rk2-topbar__inner{max-width:var(--rk2-shell);min-height:34px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}
.rk2-topbar__inner span,.rk2-topbar__inner a{display:flex;align-items:center;gap:7px;color:inherit;white-space:nowrap}
.rk2-topbar__inner i{color:var(--rk2-gold)}
#jtl-nav-wrapper{background:#07151f!important;border-bottom:1px solid var(--rk2-line)!important;box-shadow:0 8px 30px rgba(0,0,0,.18)}
#jtl-nav-wrapper .container-fluid-xl{max-width:var(--rk2-shell)}
#jtl-nav-wrapper .navbar-brand img,.navbar-brand img{max-height:58px!important;width:auto}
#jtl-nav-wrapper .navbar{padding-top:10px;padding-bottom:10px}
#search .input-group,.search-form-wrapper-fixed .input-group,.fixed-search .input-group{height:46px!important;background:#0b202e!important;border:1px solid #315168!important;border-radius:5px!important;overflow:hidden}
#search .form-control,.search-form-wrapper-fixed .form-control,.fixed-search .form-control{background:transparent!important;color:#f4f7f8!important;border:0!important;height:44px!important}
#search .btn,.search-form-wrapper-fixed .btn,.fixed-search .btn{background:var(--rk2-gold)!important;color:#08131c!important;border:0!important;border-radius:0!important;min-width:54px}
#jtl-nav-wrapper .nav-link,#jtl-nav-wrapper .btn-link{color:#e9eff2!important}
#jtl-nav-wrapper .nav-link:hover{color:var(--rk2-gold2)!important}
#jtl-nav-wrapper .navbar-nav{gap:4px}
#jtl-nav-wrapper .navbar-nav > .nav-item > .nav-link{font-size:.83rem;font-weight:650;padding:.75rem .85rem!important}
header .menu-row, #jtl-nav-wrapper .menu-row{border-top:1px solid #132d3c;background:#06131d}

/* homepage canvas */
.rk2-home{background:linear-gradient(180deg,#06111a 0%,#071722 48%,#06111a 100%);color:var(--rk2-text);padding-bottom:44px}
.rk2-home h1,.rk2-home h2,.rk2-home h3{color:#fff;margin-top:0;font-weight:760;letter-spacing:-.035em}
.rk2-home p{color:#d6e0e5}
.rk2-hero{position:relative;min-height:510px;overflow:hidden;border-bottom:1px solid var(--rk2-line)}
.rk2-hero__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 55%}
.rk2-hero__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,10,16,.94) 0%,rgba(3,12,20,.78) 33%,rgba(3,13,21,.2) 66%,rgba(3,13,21,.04) 100%),linear-gradient(0deg,rgba(4,15,23,.38),transparent 45%)}
.rk2-hero__content{position:relative;z-index:2;min-height:510px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-top:40px;padding-bottom:40px}
.rk2-hero h1{font-size:clamp(2.5rem,4.3vw,4.75rem);line-height:.98;max-width:780px;margin-bottom:18px;text-shadow:0 3px 18px rgba(0,0,0,.3)}
.rk2-hero h1 em{font-style:normal;color:var(--rk2-gold2)}
.rk2-hero p{font-size:1.08rem;line-height:1.55;max-width:610px;margin-bottom:25px}
.rk2-actions{display:flex;gap:12px;flex-wrap:wrap}
.rk2-btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 20px;border:1px solid var(--rk2-gold);border-radius:4px;font-weight:800;font-size:.82rem;text-transform:uppercase;letter-spacing:.02em;text-decoration:none!important}
.rk2-btn--gold{background:var(--rk2-gold);color:#09141c!important;box-shadow:0 8px 22px rgba(230,185,78,.16)}
.rk2-btn--gold:hover{background:var(--rk2-gold2);border-color:var(--rk2-gold2);transform:translateY(-1px)}
.rk2-btn--ghost{background:rgba(4,14,22,.6);color:#fff!important;border-color:#d9b554}
.rk2-btn--ghost:hover{background:#102838}

/* categories */
.rk2-categories{margin-top:-1px;padding-top:18px;padding-bottom:18px}
.rk2-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 16px}
.rk2-section-head h2{font-size:1.75rem;margin:0}.rk2-section-head p{margin:.25rem 0 0;color:var(--rk2-muted)}
.rk2-section-head>a{color:var(--rk2-gold2);font-size:.82rem;font-weight:750}
.rk2-section-head--compact{margin-bottom:10px}.rk2-section-head--compact h2{font-size:1.45rem}
.rk2-category-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.rk2-category{position:relative;display:block;height:178px;overflow:hidden;border:1px solid var(--rk2-line2);border-radius:var(--rk2-radius);background:#0c2631;text-decoration:none!important}
.rk2-category__media,.rk2-category__shade{position:absolute;inset:0}.rk2-category__image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.rk2-category__shade{background:linear-gradient(0deg,rgba(2,10,15,.92) 0%,rgba(2,10,15,.1) 66%)}
.rk2-category__label{position:absolute;z-index:2;left:13px;right:11px;bottom:10px;display:flex;align-items:center;justify-content:space-between;color:#fff;font-size:.84rem}
.rk2-category__label>span{width:27px;height:27px;border:1px solid var(--rk2-gold);border-radius:50%;display:grid;place-items:center;color:var(--rk2-gold)}
.rk2-category:hover{border-color:var(--rk2-gold)}.rk2-category:hover .rk2-category__image{transform:scale(1.035)}

/* trust strip */
.rk2-trust{border-top:1px solid var(--rk2-line);border-bottom:1px solid var(--rk2-line);background:#071722}
.rk2-trust__grid{display:grid;grid-template-columns:repeat(4,1fr);padding-top:15px;padding-bottom:15px}
.rk2-trust__grid>a,.rk2-trust__grid>span{display:flex;align-items:center;gap:13px;min-width:0;padding:2px 22px;color:#e9f0f3!important;text-decoration:none!important;border-right:1px solid #1b3949}
.rk2-trust__grid>*:last-child{border-right:0}.rk2-trust__grid .fas{width:34px;height:34px;border:1px solid var(--rk2-gold);border-radius:50%;display:grid;place-items:center;color:var(--rk2-gold);flex:0 0 34px}
.rk2-trust__grid strong,.rk2-trust__grid small{display:block}.rk2-trust__grid strong{font-size:.82rem}.rk2-trust__grid small{font-size:.69rem;color:var(--rk2-muted);margin-top:2px}

/* native JTL product sliders */
.rk2-products{padding-top:28px;padding-bottom:28px}
.rk2-products .product-slider{margin:0!important}.rk2-products .slick-list{margin:0 -6px}.rk2-products .slick-slide{padding:0 6px}
.rk2-products .productbox,.rk2-products .productbox-inner{height:100%;background:#091a26!important;border:1px solid var(--rk2-line)!important;border-radius:6px!important;box-shadow:none!important;color:var(--rk2-text)!important;overflow:hidden}
.rk2-products .productbox:hover,.rk2-products .productbox-inner:hover{border-color:#315b70!important}
.rk2-products .productbox-image,.rk2-products .productbox .image-wrapper{background:#07151f!important;border-bottom:1px solid #173344!important;min-height:190px}
.rk2-products .productbox img{mix-blend-mode:normal}.rk2-products .productbox-title a,.rk2-products .productbox .title a{color:#f5f7f8!important;font-weight:700!important;font-size:.86rem!important;line-height:1.3}
.rk2-products .price_wrapper,.rk2-products .price{color:#fff!important;font-weight:800!important}.rk2-products .text-muted{color:#91a6b2!important}
.rk2-products .btn-primary,.rk2-products .btn-outline-primary{background:transparent!important;border:1px solid var(--rk2-gold)!important;color:var(--rk2-gold)!important;border-radius:4px!important}
.rk2-products .btn-primary:hover,.rk2-products .btn-outline-primary:hover{background:var(--rk2-gold)!important;color:#07131c!important}
.rk2-products .badge-primary,.rk2-products .badge-info{background:#168be4!important;color:#fff!important}
.rk2-products--secondary{border-top:1px solid var(--rk2-line)}

/* feature banners */
.rk2-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-top:4px;padding-bottom:26px}
.rk2-feature{position:relative;min-height:280px;border:1px solid var(--rk2-line2);border-radius:var(--rk2-radius);overflow:hidden;background:#0b1d2a}
.rk2-feature>img,.rk2-feature__shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.rk2-feature__shade{background:linear-gradient(90deg,rgba(3,12,19,.92),rgba(3,12,19,.55) 50%,rgba(3,12,19,.08))}
.rk2-feature__copy{position:relative;z-index:2;width:min(58%,520px);padding:38px 34px}.rk2-feature h2{font-size:2rem;margin-bottom:5px}.rk2-feature p{font-size:.9rem;line-height:1.5;margin-bottom:20px}

/* knowledge */
.rk2-knowledge{padding-top:4px;padding-bottom:30px}.rk2-knowledge-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.rk2-knowledge-grid a{position:relative;min-height:185px;overflow:hidden;border:1px solid var(--rk2-line);border-radius:6px;background:#0a1b27;color:#fff!important;text-decoration:none!important}
.rk2-knowledge-grid img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.rk2-knowledge-grid a:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,9,14,.95),rgba(2,9,14,.08) 75%)}
.rk2-knowledge-grid span{position:absolute;z-index:2;left:14px;right:14px;bottom:13px}.rk2-knowledge-grid strong,.rk2-knowledge-grid small{display:block}.rk2-knowledge-grid strong{font-size:.9rem}.rk2-knowledge-grid small{color:#b4c3cb;font-size:.72rem;margin-top:3px}.rk2-knowledge-grid a:hover img{transform:scale(1.04)}

/* native footer aligned with the same visual system */
.rk-service-strip{display:none!important}
footer,#footer{background:#05121c!important;color:#aabac4!important;border-top:1px solid var(--rk2-line)!important}
footer .container-fluid-xl,#footer .container-fluid-xl{max-width:var(--rk2-shell)}
footer h1,footer h2,footer h3,footer h4,footer h5,#footer h1,#footer h2,#footer h3,#footer h4,#footer h5{color:#fff!important}
footer a,#footer a{color:#b8c7cf!important}footer a:hover,#footer a:hover{color:var(--rk2-gold2)!important}
footer .form-control,#footer .form-control{background:#0b1e2b!important;border-color:#264456!important;color:#fff!important}
footer .btn-primary,#footer .btn-primary{background:var(--rk2-gold)!important;border-color:var(--rk2-gold)!important;color:#07131c!important}

/* category/list/detail/cart consistency */
.card,.modal-content,.dropdown-menu{border-color:#d7e0e5}.rk-page-category .productbox,.rk-page-search .productbox{border-radius:7px}
.btn-primary{border-radius:4px}.form-control{border-radius:4px}

@media (max-width:1199.98px){
 .rk2-category-grid{grid-template-columns:repeat(3,1fr)}.rk2-category{height:190px}.rk2-knowledge-grid{grid-template-columns:repeat(2,1fr)}
 .rk2-topbar__inner span:nth-child(3){display:none}.rk2-trust__grid{grid-template-columns:repeat(2,1fr);row-gap:14px}.rk2-trust__grid>*:nth-child(2){border-right:0}
}
@media (max-width:767.98px){
 .rk2-shell{width:min(calc(100% - 24px),var(--rk2-shell))}.rk2-topbar__inner{justify-content:center;min-height:30px}.rk2-topbar__inner>*{display:none!important}.rk2-topbar__inner>*:first-child{display:flex!important}
 .rk2-hero,.rk2-hero__content{min-height:500px}.rk2-hero__shade{background:linear-gradient(0deg,rgba(2,10,16,.94),rgba(3,12,20,.32) 85%)}.rk2-hero__content{justify-content:flex-end;padding-bottom:38px}.rk2-hero h1{font-size:2.55rem}.rk2-hero p{font-size:.95rem}
 .rk2-category-grid{grid-template-columns:repeat(2,1fr);gap:8px}.rk2-category{height:150px}.rk2-section-head h2{font-size:1.45rem}
 .rk2-trust__grid{grid-template-columns:1fr}.rk2-trust__grid>a,.rk2-trust__grid>span{border-right:0;border-bottom:1px solid #183646;padding:8px 4px}.rk2-trust__grid>*:last-child{border-bottom:0}
 .rk2-feature-grid{grid-template-columns:1fr}.rk2-feature{min-height:330px}.rk2-feature__copy{width:85%;padding:28px 24px}.rk2-feature__shade{background:linear-gradient(0deg,rgba(3,12,19,.94),rgba(3,12,19,.18) 90%)}
 .rk2-knowledge-grid{grid-template-columns:1fr 1fr}.rk2-knowledge-grid a{min-height:160px}
}
@media (max-width:479.98px){.rk2-category-grid,.rk2-knowledge-grid{grid-template-columns:1fr 1fr}.rk2-category{height:135px}.rk2-actions{width:100%}.rk2-btn{flex:1;padding-inline:12px;font-size:.73rem}.rk2-feature h2{font-size:1.7rem}}
@media (prefers-reduced-motion:reduce){.rk2-home *{scroll-behavior:auto!important;transition:none!important}}
\n\n/* ReefKing 2.1.1 — live correction pass */
/* Our curated homepage replaces legacy OPC/SALEPIX homepage content. */
html.rk-page-home #main-wrapper > .opc-Container,
html.rk-page-home #content > .opc-Container,
html.rk-page-home .opc-JtlSlider { display:none !important; }

/* Category imagery: original ReefKing ZIP assets sit underneath any valid JTL image. */
.rk2-category__fallback{position:absolute;inset:0;background-position:center;background-size:cover;background-repeat:no-repeat;transition:transform .3s ease}
.rk2-category--1 .rk2-category__fallback{background-image:url("images/category-home-v1-0.webp")}
.rk2-category--2 .rk2-category__fallback{background-image:url("images/category-home-v1-1.webp")}
.rk2-category--3 .rk2-category__fallback{background-image:url("images/category-home-v1-2.webp")}
.rk2-category--4 .rk2-category__fallback{background-image:url("images/category-home-v1-3.webp")}
.rk2-category--5 .rk2-category__fallback{background-image:url("images/category-home-v1-4.webp")}
.rk2-category--6 .rk2-category__fallback{background-image:url("images/category-home-v1-5.webp")}
.rk2-category:hover .rk2-category__fallback{transform:scale(1.035)}
.rk2-category__media{z-index:1}.rk2-category__shade{z-index:2}.rk2-category__label{z-index:3}
.rk2-category__media img[src=""],.rk2-category__media img:not([src]){display:none!important}

/* Actual NOVA product-slider markup: compact dark cards instead of loose white tiles. */
.rk2-products .product-slider-wrapper{padding:0!important;background:transparent!important}
.rk2-products .slick-track{display:flex!important}
.rk2-products .slick-slide{height:auto!important}
.rk2-products .slick-slide>div,.rk2-products .product-wrapper-product{height:100%!important}
.rk2-products .product-wrapper-product{display:flex!important;flex-direction:column!important;min-height:350px!important;padding:9px 9px 12px!important;background:#091a26!important;border:1px solid var(--rk2-line)!important;border-radius:7px!important;box-shadow:none!important;text-align:left!important}
.rk2-products .product-wrapper-product:hover{border-color:var(--rk2-gold)!important}
.rk2-products .product-wrapper-product>a{display:flex!important;flex:1 1 auto!important;flex-direction:column!important;color:inherit!important;text-decoration:none!important}
.rk2-products .item-slider{height:220px!important;min-height:220px!important;overflow:hidden!important;border-radius:5px!important;background:#eef1f2!important}
.rk2-products .item-slider img{max-width:88%!important;max-height:88%!important}
.rk2-products .item-slider-desc{height:2.75em!important;min-height:2.75em!important;margin-top:11px!important;color:#f4f7f8!important;font-size:.84rem!important;font-weight:700!important;line-height:1.35!important;-webkit-line-clamp:2!important}
.rk2-products .item-slider-price{min-height:3.7rem!important;margin-top:auto!important;color:#fff!important}
.rk2-products .item-slider-price .price{color:#fff!important;font-size:1.02rem!important;font-weight:800!important}
.rk2-products .item-slider-price .price-note,.rk2-products .small,.rk2-products small{color:#93a8b4!important}
.rk2-products .slick-arrow{border-color:var(--rk2-line2)!important;background:#0b1d2a!important;color:#fff!important}

/* Native footer / newsletter — same density and surfaces as the curated homepage. */
footer,#footer{padding-top:0!important;background:#05121c!important;border-top:1px solid var(--rk2-line)!important}
footer .newsletter-wrapper,#footer .newsletter-wrapper,footer .newsletter,#footer .newsletter{background:#071722!important;border:1px solid var(--rk2-line)!important;border-radius:7px!important;padding:18px 20px!important;margin-bottom:24px!important}
footer .form-control,#footer .form-control{min-height:44px!important;background:#0b1e2b!important;border:1px solid #29485a!important;color:#fff!important}
footer .btn-primary,#footer .btn-primary{min-height:44px!important;background:var(--rk2-gold)!important;border-color:var(--rk2-gold)!important;color:#07131c!important;font-weight:800!important}
footer .row,#footer .row{row-gap:18px}
footer hr,#footer hr{border-color:var(--rk2-line)!important}
footer .footer-social-media,#footer .footer-social-media{margin-top:14px}

@media(max-width:1199.98px){.rk2-products .item-slider{height:200px!important;min-height:200px!important}}
@media(max-width:767.98px){html.rk-page-home #main-wrapper > .opc-Container,html.rk-page-home #content > .opc-Container{display:none!important}.rk2-products .product-wrapper-product{min-height:320px!important}.rk2-products .item-slider{height:185px!important;min-height:185px!important}}


/* ========================================================================== 
   ReefKing 2.2 — black / anthracite / gold consolidation
   Fixes current-home detection at source; no new content or imagery.
   ========================================================================== */
:root{
  --rk2-bg:#0B0E0D;
  --rk2-bg2:#0F1311;
  --rk2-panel:#111614;
  --rk2-panel2:#151A18;
  --rk2-line:#2B302D;
  --rk2-line2:#434A45;
  --rk2-text:#F1EEE6;
  --rk2-muted:#AAA99F;
  --rk2-gold:#C9A45D;
  --rk2-gold2:#E0BF79;
  --rk2-blue:#C9A45D;
  --rk2-sea:#2A7E6C;
}
html,body{background:#0B0E0D!important;color:var(--rk2-text)!important}
body{background-image:none!important}

/* 2.4.121: Hide legacy sliders only; native OPC containers must remain editable. */
html.rk-page-home .opc-JtlSlider,
html.rk-page-home .salepix-hero-slider{display:none!important}

/* Header: remove inherited NOVA blue and keep the existing structure. */
.rk2-topbar{background:#090C0B!important;border-color:#252A27!important;color:#D8D5CD!important}
#jtl-nav-wrapper,
#jtl-nav-wrapper .navbar,
header .menu-row,
#jtl-nav-wrapper .menu-row,
#jtl-nav-wrapper .navbar-collapse,
#jtl-nav-wrapper .container-fluid-xl{background:#0B0E0D!important;background-image:none!important}
#jtl-nav-wrapper{border-color:#2B302D!important;box-shadow:0 8px 28px rgba(0,0,0,.28)!important}
header .menu-row,#jtl-nav-wrapper .menu-row{border-top:1px solid #2B302D!important;border-bottom:1px solid #2B302D!important}
#jtl-nav-wrapper .nav-link,#jtl-nav-wrapper .btn-link{color:#E9E5DC!important}
#jtl-nav-wrapper .nav-link:hover,#jtl-nav-wrapper .nav-link:focus{color:var(--rk2-gold2)!important}
#search .input-group,.search-form-wrapper-fixed .input-group,.fixed-search .input-group{background:#111614!important;border-color:#434A45!important}
#search .form-control,.search-form-wrapper-fixed .form-control,.fixed-search .form-control{color:#F1EEE6!important}
#search .btn,.search-form-wrapper-fixed .btn,.fixed-search .btn{background:var(--rk2-gold)!important;color:#0B0E0D!important}

/* Homepage surfaces */
.rk2-home{background:linear-gradient(180deg,#0B0E0D 0%,#0F1311 52%,#0B0E0D 100%)!important}
.rk2-hero{border-color:#2B302D!important}
.rk2-hero__shade{background:linear-gradient(90deg,rgba(6,8,7,.94) 0%,rgba(7,10,9,.76) 34%,rgba(7,10,9,.18) 68%,rgba(7,10,9,.02) 100%),linear-gradient(0deg,rgba(8,11,9,.36),transparent 48%)!important}
.rk2-categories{padding-top:22px!important;padding-bottom:22px!important}
.rk2-category{background:#111614!important;border-color:#434A45!important}
.rk2-category__fallback{z-index:0!important;filter:saturate(.96) contrast(1.04)}
.rk2-category__shade{z-index:1!important;background:linear-gradient(0deg,rgba(5,7,6,.94) 0%,rgba(5,7,6,.08) 68%)!important}
.rk2-category__label{z-index:2!important}
.rk2-category:hover{border-color:var(--rk2-gold)!important}
.rk2-trust{background:#0F1311!important;border-color:#2B302D!important}
.rk2-trust__grid>a,.rk2-trust__grid>span{border-color:#2B302D!important;color:#F1EEE6!important}
.rk2-trust__grid small{color:#AAA99F!important}

/* Product rail: dark shell around real JTL data. Product source images are left untouched. */
.rk2-products{background:transparent!important}
.rk2-products .product-wrapper-product,
.rk2-products .productbox,
.rk2-products .productbox-inner{background:#111614!important;border-color:#2B302D!important;color:#F1EEE6!important}
.rk2-products .product-wrapper-product:hover,
.rk2-products .productbox:hover,
.rk2-products .productbox-inner:hover{border-color:#C9A45D!important}
.rk2-products .item-slider,
.rk2-products .productbox-image,
.rk2-products .productbox .image-wrapper{background:#171B19!important;border-color:#2B302D!important}
.rk2-products .item-slider-desc,
.rk2-products .productbox-title a,
.rk2-products .productbox .title a{color:#F1EEE6!important}
.rk2-products .item-slider-price,.rk2-products .item-slider-price .price,.rk2-products .price_wrapper,.rk2-products .price{color:#F1EEE6!important}
.rk2-products .item-slider-price .price-note,.rk2-products .small,.rk2-products small,.rk2-products .text-muted{color:#AAA99F!important}
.rk2-products .badge-primary,.rk2-products .badge-info{background:#C9A45D!important;color:#0B0E0D!important}
.rk2-products .slick-arrow{background:#151A18!important;border-color:#434A45!important;color:#F1EEE6!important}

/* Content banners / knowledge */
.rk2-feature,.rk2-knowledge-grid a{background:#111614!important;border-color:#2B302D!important}
.rk2-feature__shade{background:linear-gradient(90deg,rgba(7,9,8,.94),rgba(7,9,8,.56) 50%,rgba(7,9,8,.08))!important}
.rk2-knowledge-grid a:hover{border-color:#C9A45D!important}

/* Remove the bright transition strip before the footer and keep footer continuous. */
.rk2-home + *,
#footer,footer,
#footer .container-fluid,#footer .container,footer .container-fluid,footer .container,
#footer .footer-wrapper,footer .footer-wrapper,
#footer .newsletter-wrapper,footer .newsletter-wrapper,
#footer .newsletter,footer .newsletter{background-color:#0B0E0D!important;background-image:none!important;color:#D8D5CD!important}
#footer,footer{border-top:1px solid #2B302D!important}
#footer::before,footer::before{background:#0B0E0D!important}
#footer hr,footer hr{border-color:#2B302D!important}
#footer a,footer a{color:#D8D5CD!important}
#footer a:hover,footer a:hover{color:#E0BF79!important}
#footer .newsletter-wrapper,footer .newsletter-wrapper,#footer .newsletter,footer .newsletter{border-color:#2B302D!important}
#footer .form-control,footer .form-control{background:#111614!important;border-color:#434A45!important;color:#F1EEE6!important}
#footer .btn-primary,footer .btn-primary{background:#C9A45D!important;border-color:#C9A45D!important;color:#0B0E0D!important}

/* Native global accents that were still visibly blue on the live screenshots. */
.btn-primary{background-color:#C9A45D!important;border-color:#C9A45D!important;color:#0B0E0D!important}
.btn-primary:hover,.btn-primary:focus{background-color:#E0BF79!important;border-color:#E0BF79!important;color:#0B0E0D!important}
.text-primary{color:#C9A45D!important}
.border-primary{border-color:#C9A45D!important}

@media(max-width:767.98px){
  .rk2-hero__shade{background:linear-gradient(0deg,rgba(6,8,7,.95),rgba(7,10,9,.30) 85%)!important}
}

/* ========================================================================== 
   ReefKing 2.2.1 — header shell correction
   Full-width header/nav surfaces stay anthracite; gold is accent only.
   ========================================================================== */
#jtl-nav-wrapper,
#jtl-nav-wrapper .hide-navbar,
#jtl-nav-wrapper > .container-fluid,
#jtl-nav-wrapper > .container,
#jtl-nav-wrapper .hide-navbar + .container-fluid,
#jtl-nav-wrapper .hide-navbar + .container,
.menu-center-center,
#mainNavigation,
#mainNavigation .nav-scrollbar,
#mainNavigation .nav-scrollbar-inner {
    background-color: #0E0F0E !important;
    background-image: none !important;
}

#jtl-nav-wrapper .hide-navbar {
    border-bottom: 1px solid #292A27 !important;
}

.menu-center-center {
    border-top: 1px solid #292A27 !important;
    border-bottom: 1px solid #292A27 !important;
}

#mainNavigation > .nav-scrollbar-arrow {
    background: #151614 !important;
    color: #F2EFE7 !important;
}

#mainNavigation > .nav-scrollbar-arrow:hover,
#mainNavigation > .nav-scrollbar-arrow:focus {
    background: #1B1C19 !important;
    color: #DDBD78 !important;
}

#mainNavigation .nav-scrollbar-item > .nav-link,
#mainNavigation .nav-scrollbar-item > a {
    background: transparent !important;
    color: #F2EFE7 !important;
}

#mainNavigation .nav-scrollbar-item > .nav-link:hover,
#mainNavigation .nav-scrollbar-item > .nav-link:focus,
#mainNavigation .nav-scrollbar-item > a:hover,
#mainNavigation .nav-scrollbar-item > a:focus,
#mainNavigation .nav-scrollbar-item.active > .nav-link {
    background: #1B1C19 !important;
    color: #DDBD78 !important;
}

#search .input-group,
.search-form-wrapper-fixed .input-group,
.fixed-search .input-group {
    border-color: #3D3D37 !important;
    background: #151614 !important;
    box-shadow: none !important;
}

#search .form-control,
.search-form-wrapper-fixed .form-control,
.fixed-search .form-control {
    background: #151614 !important;
    color: #F2EFE7 !important;
}

#search .form-control::placeholder,
.search-form-wrapper-fixed .form-control::placeholder,
.fixed-search .form-control::placeholder {
    color: #AAA79F !important;
}

#search .btn,
.search-form-wrapper-fixed .btn,
.fixed-search .btn {
    background: #C6A15B !important;
    color: #090A09 !important;
}

#search .btn:hover,
#search .btn:focus,
.search-form-wrapper-fixed .btn:hover,
.search-form-wrapper-fixed .btn:focus,
.fixed-search .btn:hover,
.fixed-search .btn:focus {
    background: #DDBD78 !important;
    color: #090A09 !important;
}

/* ========================================================================== 
   ReefKing 2.2.9 — category + PDP content scope
   Keep the header identical to the homepage. All view-specific controls live
   below #content-wrapper; product imagery itself remains neutral.
   ========================================================================== */
html.rk-page-category,
html.rk-page-category body,
html.rk-page-category #main-wrapper,
html.rk-page-category #content-wrapper,
html.rk-page-pdp,
html.rk-page-pdp body,
html.rk-page-pdp #main-wrapper,
html.rk-page-pdp #content-wrapper {
    background: #090A09 !important;
    background-image: none !important;
    color: #F2EFE7 !important;
}

/* Shared content typography — deliberately scoped below the header. */
html.rk-page-category #content-wrapper .breadcrumb,
html.rk-page-pdp #content-wrapper .breadcrumb,
html.rk-page-category #content-wrapper .breadcrumb a,
html.rk-page-pdp #content-wrapper .breadcrumb a { color: #AAA79F !important; }

html.rk-page-category #content-wrapper h1,
html.rk-page-category #content-wrapper h2,
html.rk-page-category #content-wrapper h3,
html.rk-page-category #content-wrapper h4,
html.rk-page-pdp #content-wrapper h1,
html.rk-page-pdp #content-wrapper h2,
html.rk-page-pdp #content-wrapper h3,
html.rk-page-pdp #content-wrapper h4 { color: #F2EFE7 !important; }

/* Category/list: sidebar and filter cards. */
html.rk-page-category #content-wrapper .productlist-page-nav,
html.rk-page-category #content-wrapper .productlist-header,
html.rk-page-category #content-wrapper .result-options,
html.rk-page-category #content-wrapper #sidepanel_left .box,
html.rk-page-category #content-wrapper .sidepanel-left .box,
html.rk-page-category #content-wrapper .filter-wrapper .card,
html.rk-page-category #content-wrapper .sidebar-filter .card,
html.rk-page-category #content-wrapper .rk-listing-filter-box,
html.rk-page-category #content-wrapper .box-manufacturers,
html.rk-page-category #content-wrapper .subcategories-list .card,
html.rk-page-category #content-wrapper .category-list .card,
html.rk-page-category #content-wrapper .subcategories-list .subcategories-list-item {
    border-color: #292A27 !important;
    background: #151614 !important;
    color: #F2EFE7 !important;
    box-shadow: none !important;
}

html.rk-page-category #content-wrapper .rk-listing-filter-box > .btn-filter-box,
html.rk-page-category #content-wrapper .box-manufacturers .productlist-filter-headline,
html.rk-page-category #content-wrapper .box-categories .productlist-filter-headline,
html.rk-page-category #content-wrapper #sidepanel_left .box-title,
html.rk-page-category #content-wrapper .sidepanel-left .box-title,
html.rk-page-category #content-wrapper .filter-wrapper .card-header,
html.rk-page-category #content-wrapper .sidebar-filter .card-header {
    border-color: #292A27 !important;
    background: #1B1C19 !important;
    background-image: none !important;
    color: #F2EFE7 !important;
}

html.rk-page-category #content-wrapper .rk-listing-filter-box > .btn-filter-box:hover,
html.rk-page-category #content-wrapper .rk-listing-filter-box > .btn-filter-box:focus-visible {
    background: #211D15 !important;
    color: #DDBD78 !important;
}

html.rk-page-category #content-wrapper .rk-listing-filter-box .filter-item,
html.rk-page-category #content-wrapper .box-categories .nav-item > .nav-link,
html.rk-page-category #content-wrapper .box-categories .nav-item > .nav-link > a,
html.rk-page-category #content-wrapper .custom-control-label,
html.rk-page-category #content-wrapper .filter-item,
html.rk-page-category #content-wrapper .box-filter-item { color: #D9D5CC !important; }

html.rk-page-category #content-wrapper .rk-listing-filter-box .filter-item:hover,
html.rk-page-category #content-wrapper .rk-listing-filter-box .filter-item:focus-visible,
html.rk-page-category #content-wrapper .box-categories .nav-item > .nav-link:hover,
html.rk-page-category #content-wrapper .box-categories .nav-item > .nav-link:focus-visible,
html.rk-page-category #content-wrapper .box-categories .nav-item.active > .nav-link {
    background: #211D15 !important;
    color: #DDBD78 !important;
}

html.rk-page-category #content-wrapper .rk-listing-filter-box .badge {
    background: #292A27 !important;
    color: #F2EFE7 !important;
}

html.rk-page-category #content-wrapper .rk-listing-filter-box .snippets-filter-show-all {
    border-color: #292A27 !important;
}

html.rk-page-category #content-wrapper .box-manufacturers .dropdown > .dropdown-toggle,
html.rk-page-category #content-wrapper .box-manufacturers .dropdown-menu,
html.rk-page-category #content-wrapper .price-range-input,
html.rk-page-category #content-wrapper .price-range-inputs .input-group-text {
    border-color: #3D3D37 !important;
    background: #151614 !important;
    color: #F2EFE7 !important;
}

html.rk-page-category #content-wrapper .price-range-slide .noUi-connect { background: #C6A15B !important; }
html.rk-page-category #content-wrapper .price-range-slide .noUi-handle {
    border-color: #C6A15B !important;
    background: #1B1C19 !important;
    box-shadow: none !important;
}

html.rk-page-category #content-wrapper #result-wrapper > .desc {
    border-left-color: #C6A15B !important;
    background: #151614 !important;
    color: #AAA79F !important;
    box-shadow: none !important;
}

/* Sorting / limits / listing controls only — never the header search. */
html.rk-page-category #content-wrapper .form-control,
html.rk-page-category #content-wrapper .custom-select,
html.rk-page-category #content-wrapper select,
html.rk-page-category #content-wrapper .dropdown-toggle,
html.rk-page-category #content-wrapper .productlist-page-nav-header-m .btn {
    border-color: #3D3D37 !important;
    background-color: #151614 !important;
    color: #F2EFE7 !important;
    box-shadow: none !important;
}
html.rk-page-category #content-wrapper .productlist-page-nav-header-m .btn:hover,
html.rk-page-category #content-wrapper .productlist-page-nav-header-m .btn:focus-visible,
html.rk-page-category #content-wrapper .productlist-page-nav-header-m .btn-option.active {
    border-color: #8F713C !important;
    background: #211D15 !important;
    color: #DDBD78 !important;
}

/* Product cards: dark shell; source product photography is not filtered or recoloured. */
html.rk-page-category #content-wrapper .product-list .productbox,
html.rk-page-category #content-wrapper .product-list .productbox-inner,
html.rk-page-category #content-wrapper .product-list .product-wrapper-product,
html.rk-page-category #content-wrapper .product-list .productbox .row,
html.rk-page-category #content-wrapper .product-list .productbox .col,
html.rk-page-category #content-wrapper .product-list .productbox .productbox-details,
html.rk-page-category #content-wrapper .product-list .productbox .productbox-content {
    border-color: #292A27 !important;
    background-color: #151614 !important;
    color: #F2EFE7 !important;
    box-shadow: none !important;
}
html.rk-page-category #content-wrapper .product-list .productbox:hover,
html.rk-page-category #content-wrapper .product-list .product-wrapper-product:hover { border-color: #8F713C !important; }
html.rk-page-category #content-wrapper .product-list .productbox-title,
html.rk-page-category #content-wrapper .product-list .productbox-title a,
html.rk-page-category #content-wrapper .product-list .productbox a:not(.btn) { color: #F2EFE7 !important; }
html.rk-page-category #content-wrapper .product-list .productbox-title a:hover,
html.rk-page-category #content-wrapper .product-list .productbox a:not(.btn):hover { color: #DDBD78 !important; }
html.rk-page-category #content-wrapper .product-list .productbox .price,
html.rk-page-category #content-wrapper .product-list .price_wrapper { color: #F2EFE7 !important; }
html.rk-page-category #content-wrapper .product-list .productbox .text-muted,
html.rk-page-category #content-wrapper .product-list .productbox small { color: #AAA79F !important; }

/* Keep image canvases neutral for supplier photos with transparent/white backgrounds. */
html.rk-page-category #content-wrapper .product-list .productbox-image,
html.rk-page-category #content-wrapper .product-list .productbox .image-wrapper {
    background: #F5F5F1 !important;
    border-color: #292A27 !important;
}

/* Product detail. */
html.rk-page-pdp #content-wrapper .product-info-inner {
    border: 1px solid #3D3D37 !important;
    background: #151614 !important;
    color: #F2EFE7 !important;
    box-shadow: none !important;
}
html.rk-page-pdp #content-wrapper .product-info-inner .product-title,
html.rk-page-pdp #content-wrapper .product-info-inner h1,
html.rk-page-pdp #content-wrapper .product-info-inner .price,
html.rk-page-pdp #content-wrapper .product-info-inner .price_wrapper { color: #F2EFE7 !important; }
html.rk-page-pdp #content-wrapper .product-info-inner .product-info-essential,
html.rk-page-pdp #content-wrapper .product-info-inner .product-id,
html.rk-page-pdp #content-wrapper .product-info-inner .manufacturer,
html.rk-page-pdp #content-wrapper .product-info-inner .info-essential,
html.rk-page-pdp #content-wrapper .product-info-inner .short-description,
html.rk-page-pdp #content-wrapper .product-info-inner .product-short-description,
html.rk-page-pdp #content-wrapper .product-info-inner .price-note,
html.rk-page-pdp #content-wrapper .product-info-inner .vat_info,
html.rk-page-pdp #content-wrapper .product-info-inner .shipping-tax-info { color: #AAA79F !important; }

html.rk-page-pdp #content-wrapper #gallery,
html.rk-page-pdp #content-wrapper .product-gallery .slick-list,
html.rk-page-pdp #content-wrapper .product-gallery .product-image,
html.rk-page-pdp #content-wrapper .product-detail .product-image {
    border-color: #3D3D37 !important;
    background: #151614 !important;
}

/* PDP inputs, notification panels and quantity controls. */
html.rk-page-pdp #content-wrapper .product-info-inner .form-control,
html.rk-page-pdp #content-wrapper .product-info-inner .custom-select,
html.rk-page-pdp #content-wrapper .product-info-inner select,
html.rk-page-pdp #content-wrapper .product-info-inner .input-group-text,
html.rk-page-pdp #content-wrapper .product-info-inner .input-group,
html.rk-page-pdp #content-wrapper .product-info-inner .alert,
html.rk-page-pdp #content-wrapper .product-info-inner .card,
html.rk-page-pdp #content-wrapper .product-info-inner .card-body,
html.rk-page-pdp #content-wrapper .product-info-inner .list-group-item,
html.rk-page-pdp #content-wrapper .product-info-inner .bg-light {
    border-color: #3D3D37 !important;
    background-color: #1B1C19 !important;
    color: #F2EFE7 !important;
    box-shadow: none !important;
}
html.rk-page-pdp #content-wrapper .product-info-inner .form-control::placeholder { color: #77766F !important; }
html.rk-page-pdp #content-wrapper .product-info-inner hr { border-color: #292A27 !important; }

html.rk-page-pdp #content-wrapper .product-info-inner .variation { border-top-color: #292A27 !important; }
html.rk-page-pdp #content-wrapper .product-info-inner .variation > label,
html.rk-page-pdp #content-wrapper .product-info-inner .variation legend,
html.rk-page-pdp #content-wrapper .product-info-inner .variation-title { color: #D9D5CC !important; }
html.rk-page-pdp #content-wrapper .product-info-inner .swatches input:checked + label,
html.rk-page-pdp #content-wrapper .product-info-inner .variation-value.active,
html.rk-page-pdp #content-wrapper .product-info-inner .variation .btn.active {
    border-color: #C6A15B !important;
    background: #211D15 !important;
    color: #DDBD78 !important;
    box-shadow: inset 0 0 0 1px #C6A15B !important;
}

html.rk-page-pdp #content-wrapper #add-to-cart { border-top-color: #292A27 !important; }
html.rk-page-pdp #content-wrapper #quantity-grp,
html.rk-page-pdp #content-wrapper .choose_quantity {
    border-color: #3D3D37 !important;
    background: #151614 !important;
}
html.rk-page-pdp #content-wrapper #quantity-grp .btn,
html.rk-page-pdp #content-wrapper .choose_quantity .btn {
    border-color: #3D3D37 !important;
    background: #1B1C19 !important;
    color: #F2EFE7 !important;
}

html.rk-page-pdp #content-wrapper .product-info-inner .stock-information {
    border-color: #8F713C !important;
    background: #211D15 !important;
    color: #DDBD78 !important;
}

/* Gallery action buttons: remove the remaining NOVA blue. */
html.rk-page-pdp #content-wrapper #gallery .btn,
html.rk-page-pdp #content-wrapper .product-gallery .btn,
html.rk-page-pdp #content-wrapper .product-detail .product-image .btn {
    border-color: #3D3D37 !important;
    background: #1B1C19 !important;
    color: #F2EFE7 !important;
}
html.rk-page-pdp #content-wrapper #gallery .btn:hover,
html.rk-page-pdp #content-wrapper .product-gallery .btn:hover,
html.rk-page-pdp #content-wrapper .product-detail .product-image .btn:hover {
    border-color: #C6A15B !important;
    color: #DDBD78 !important;
}

/* Tabs, specification tables, ratings and question forms below the product. */
html.rk-page-pdp #content-wrapper .card,
html.rk-page-pdp #content-wrapper .tab-content,
html.rk-page-pdp #content-wrapper .nav-tabs .nav-link,
html.rk-page-pdp #content-wrapper .table,
html.rk-page-pdp #content-wrapper table,
html.rk-page-pdp #content-wrapper table td,
html.rk-page-pdp #content-wrapper table th {
    border-color: #292A27 !important;
    background-color: #151614 !important;
    color: #D9D5CC !important;
}
html.rk-page-pdp #content-wrapper .table-striped tbody tr:nth-of-type(odd),
html.rk-page-pdp #content-wrapper table tbody tr:nth-of-type(odd) { background: #1B1C19 !important; }
html.rk-page-pdp #content-wrapper .nav-tabs .nav-link.active,
html.rk-page-pdp #content-wrapper .nav-tabs .nav-link:hover {
    border-color: #8F713C !important;
    background-color: #1B1C19 !important;
    color: #DDBD78 !important;
}
html.rk-page-pdp #content-wrapper .tab-content .form-control,
html.rk-page-pdp #content-wrapper .card .form-control,
html.rk-page-pdp #content-wrapper textarea.form-control {
    border-color: #3D3D37 !important;
    background: #151614 !important;
    color: #F2EFE7 !important;
}

/* ReefKing 2.2.11 — PDP residual surfaces only. */
html.rk-page-pdp #content-wrapper .product-info-inner .rk-loyalty-slot .wplp-product-points {
    border-color: #3D3D37 !important;
    background: #1B1C19 !important;
    color: #AAA79F !important;
    box-shadow: none !important;
}
html.rk-page-pdp #content-wrapper .product-info-inner .rk-product-help {
    border-color: #3D3D37 !important;
    background: #1B1C19 !important;
    color: #F2EFE7 !important;
    box-shadow: none !important;
}
html.rk-page-pdp #content-wrapper .product-info-inner .rk-product-help:hover,
html.rk-page-pdp #content-wrapper .product-info-inner .rk-product-help:focus-visible {
    border-color: #8F713C !important;
    background: #211D15 !important;
    color: #F2EFE7 !important;
}
html.rk-page-pdp #content-wrapper .product-info-inner .rk-product-help > .fas:first-child { background: #211D15 !important; color: #C6A15B !important; }
html.rk-page-pdp #content-wrapper .product-info-inner .rk-product-help strong { color: #F2EFE7 !important; }
html.rk-page-pdp #content-wrapper .product-info-inner .rk-product-help > span:nth-child(2) > span { color: #AAA79F !important; }
html.rk-page-pdp #content-wrapper .product-info-inner .rk-product-help > .fas:last-child { color: #C6A15B !important; }

/* ReefKing 2.2.13 — authoritative desktop header baseline.
   Restores the clean 2.2.1 shell without the experimental continuous gold rule. */
@media (min-width: 992px) {
    .menu-center-center::before {
        content: none !important;
        display: none !important;
    }
    #jtl-nav-wrapper #mainNavigation {
        border-top: 0 !important;
        border-bottom: 0 !important;
        box-shadow: none !important;
    }
    .menu-center-center {
        border-top: 1px solid #292A27 !important;
        border-bottom: 1px solid #292A27 !important;
    }
    #mainNavigation .nav-scrollbar-item.dropdown.show > .nav-link,
    #mainNavigation .nav-scrollbar-item.active > .nav-link,
    #mainNavigation .nav-scrollbar-item.active > a {
        background: transparent !important;
        color: #DDBD78 !important;
        box-shadow: inset 0 -2px #C6A15B !important;
    }
}


/* ==========================================================================
   ReefKing 2.2.14 — desktop header geometry
   Give the megamenu its own row below logo/search/actions. No page-specific
   header variants; the same geometry is used on home, category and PDP.
   ========================================================================== */
@media (min-width: 992px) {
    #jtl-nav-wrapper .menu-center-center {
        margin-top: 12px !important;
        padding-top: 2px !important;
        padding-bottom: 2px !important;
        border-top: 1px solid #292A27 !important;
        border-bottom: 1px solid #292A27 !important;
        background: #0E0F0E !important;
    }

    #jtl-nav-wrapper .menu-center-center::before {
        content: none !important;
        display: none !important;
    }

    #jtl-nav-wrapper #mainNavigation,
    #jtl-nav-wrapper #mainNavigation .nav-scrollbar,
    #jtl-nav-wrapper #mainNavigation .nav-scrollbar-inner {
        background: #0E0F0E !important;
    }
}

/* ==========================================================================
   ReefKing 2.2.15 — compact desktop header rhythm
   Keep logo/search/actions and navigation as separate rows without creating
   a tall dead band before the page content.
   ========================================================================== */
@media (min-width: 992px) {
    #jtl-nav-wrapper .menu-center-center {
        margin-top: 6px !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        border-top: 1px solid #292A27 !important;
        border-bottom: 1px solid #292A27 !important;
        background: #0E0F0E !important;
    }

    #jtl-nav-wrapper #mainNavigation,
    #jtl-nav-wrapper .menu-center-center > .navbar,
    #jtl-nav-wrapper #mainNavigation .nav-scrollbar-inner,
    #jtl-nav-wrapper #mainNavigation > .nav-scrollbar-arrow {
        height: 42px !important;
        min-height: 42px !important;
    }

    #jtl-nav-wrapper #mainNavigation .nav-scrollbar-item > .nav-link,
    #jtl-nav-wrapper #mainNavigation .nav-scrollbar-item > a {
        min-height: 36px !important;
        margin-block: 3px !important;
        padding-top: .35rem !important;
        padding-bottom: .35rem !important;
    }

    /* The homepage hero should follow the compact nav without a second
       generic content gap. Category/PDP keep their own content spacing. */
    html.rk-page-home #content-wrapper,
    body.startseite #content-wrapper {
        padding-top: 8px !important;
    }
}

/* ==========================================================================
   ReefKing 2.2.16 — single desktop header separator
   Preserve the accepted 2.2.15 geometry. Remove competing horizontal rules
   inside the header and keep one subtle full-width line below the megamenu.
   ========================================================================== */
@media (min-width: 992px) {
    #jtl-nav-wrapper {
        border-bottom: 0 !important;
    }

    #jtl-nav-wrapper .hide-navbar,
    #jtl-nav-wrapper .hide-navbar > .navbar,
    #jtl-nav-wrapper .menu-row,
    #jtl-nav-wrapper .menu-center-center,
    #jtl-nav-wrapper #mainNavigation {
        border-top: 0 !important;
    }

    #jtl-nav-wrapper .hide-navbar,
    #jtl-nav-wrapper .hide-navbar > .navbar,
    #jtl-nav-wrapper .menu-row,
    #jtl-nav-wrapper #mainNavigation {
        border-bottom: 0 !important;
    }

    #jtl-nav-wrapper .menu-center-center {
        border-bottom: 1px solid #292A27 !important;
    }
}

/* ==========================================================================
   ReefKing 2.2.17 — PDP residual surfaces
   Content-only pass: availability notification, GPSR and related products.
   Header geometry and separators stay untouched.
   ========================================================================== */
html.rk-page-pdp #content-wrapper form[id^="article_availability"],
html.rk-page-pdp #content-wrapper form[id^="article_availability"] fieldset,
html.rk-page-pdp #content-wrapper :has(> form[id^="article_availability"]) {
    border-color: #3D3D37 !important;
    background: #1B1C19 !important;
    color: #F2EFE7 !important;
    box-shadow: none !important;
}
html.rk-page-pdp #content-wrapper :has(> form[id^="article_availability"]) {
    padding: 1rem !important;
    border: 1px solid #3D3D37 !important;
    border-radius: 10px !important;
}
html.rk-page-pdp #content-wrapper :has(> form[id^="article_availability"]) > :not(form) {
    color: #AAA79F !important;
}
html.rk-page-pdp #content-wrapper form[id^="article_availability"] .form-control,
html.rk-page-pdp #content-wrapper form[id^="article_availability"] input[type="email"],
html.rk-page-pdp #content-wrapper form[id^="article_availability"] input[type="text"] {
    border-color: #3D3D37 !important;
    background: #151614 !important;
    color: #F2EFE7 !important;
    box-shadow: none !important;
}
html.rk-page-pdp #content-wrapper form[id^="article_availability"] .form-control::placeholder,
html.rk-page-pdp #content-wrapper form[id^="article_availability"] input::placeholder {
    color: #AAA79F !important;
    opacity: 1 !important;
}
html.rk-page-pdp #content-wrapper form[id^="article_availability"] .btn,
html.rk-page-pdp #content-wrapper form[id^="article_availability"] button[type="submit"] {
    border-color: #C6A15B !important;
    background: #C6A15B !important;
    color: #090A09 !important;
    box-shadow: none !important;
}
html.rk-page-pdp #content-wrapper form[id^="article_availability"] .btn:hover,
html.rk-page-pdp #content-wrapper form[id^="article_availability"] button[type="submit"]:hover {
    border-color: #DDBD78 !important;
    background: #DDBD78 !important;
    color: #090A09 !important;
}

/* GPSR / manufacturer information appended below the native detail tabs. */
html.rk-page-pdp #content-wrapper .rk-product-safety {
    border: 1px solid #292A27 !important;
    background: #151614 !important;
    color: #F2EFE7 !important;
    box-shadow: none !important;
}
html.rk-page-pdp #content-wrapper .rk-product-safety__header {
    border-bottom-color: #3D3D37 !important;
}
html.rk-page-pdp #content-wrapper .rk-product-safety__eyebrow {
    background: #211D15 !important;
    color: #DDBD78 !important;
}
html.rk-page-pdp #content-wrapper .rk-product-safety h2,
html.rk-page-pdp #content-wrapper .rk-product-safety__card h3,
html.rk-page-pdp #content-wrapper .rk-product-safety__name {
    color: #F2EFE7 !important;
}
html.rk-page-pdp #content-wrapper .rk-product-safety__card,
html.rk-page-pdp #content-wrapper .rk-product-safety__card address,
html.rk-page-pdp #content-wrapper .rk-product-safety__card p,
html.rk-page-pdp #content-wrapper .rk-product-safety dd {
    background: transparent !important;
    color: #AAA79F !important;
}
html.rk-page-pdp #content-wrapper .rk-product-safety dt {
    color: #77766F !important;
}
html.rk-page-pdp #content-wrapper .rk-product-safety a {
    color: #DDBD78 !important;
}
html.rk-page-pdp #content-wrapper .rk-product-safety a:hover {
    color: #C6A15B !important;
}
html.rk-page-pdp #content-wrapper .rk-product-safety__card + .rk-product-safety__card:not(.rk-product-safety__card--wide) {
    border-left-color: #3D3D37 !important;
}
html.rk-page-pdp #content-wrapper .rk-product-safety__card--wide,
html.rk-page-pdp #content-wrapper .rk-product-safety__notice + .rk-product-safety__notice {
    border-top-color: #3D3D37 !important;
}

/* Native related/similar-product sliders on PDP: dark card shell, unchanged images. */
html.rk-page-pdp #content-wrapper .product-slider-wrapper,
html.rk-page-pdp #content-wrapper .product-slider,
html.rk-page-pdp #content-wrapper .recommendations {
    background: transparent !important;
    color: #F2EFE7 !important;
}
html.rk-page-pdp #content-wrapper .product-slider-wrapper .hr-sect,
html.rk-page-pdp #content-wrapper .product-slider-wrapper .hr-sect a,
html.rk-page-pdp #content-wrapper .product-slider .title,
html.rk-page-pdp #content-wrapper .recommendations .title {
    color: #F2EFE7 !important;
}
html.rk-page-pdp #content-wrapper .product-slider-wrapper .hr-sect::after {
    background: #292A27 !important;
}
html.rk-page-pdp #content-wrapper .product-slider-wrapper .product-wrapper-product,
html.rk-page-pdp #content-wrapper .product-slider .product-wrapper-product,
html.rk-page-pdp #content-wrapper .recommendations .product-wrapper-product {
    border-color: #292A27 !important;
    background: #151614 !important;
    color: #F2EFE7 !important;
    box-shadow: none !important;
}
html.rk-page-pdp #content-wrapper .product-slider-wrapper .product-wrapper-product:hover,
html.rk-page-pdp #content-wrapper .product-slider-wrapper .product-wrapper-product:focus-within,
html.rk-page-pdp #content-wrapper .recommendations .product-wrapper-product:hover,
html.rk-page-pdp #content-wrapper .recommendations .product-wrapper-product:focus-within {
    border-color: #8F713C !important;
    box-shadow: none !important;
}
html.rk-page-pdp #content-wrapper .product-slider-wrapper .item-slider,
html.rk-page-pdp #content-wrapper .product-slider .item-slider,
html.rk-page-pdp #content-wrapper .recommendations .item-slider {
    background: #F5F5F1 !important;
}
html.rk-page-pdp #content-wrapper .product-slider-wrapper .item-slider-desc,
html.rk-page-pdp #content-wrapper .product-slider .item-slider-desc,
html.rk-page-pdp #content-wrapper .recommendations .item-slider-desc,
html.rk-page-pdp #content-wrapper .product-slider-wrapper .item-slider-price .price,
html.rk-page-pdp #content-wrapper .recommendations .item-slider-price .price {
    color: #F2EFE7 !important;
}
html.rk-page-pdp #content-wrapper .product-slider-wrapper .item-slider-price .price-note,
html.rk-page-pdp #content-wrapper .recommendations .item-slider-price .price-note {
    color: #AAA79F !important;
}
html.rk-page-pdp #content-wrapper .product-slider-wrapper .slick-arrow,
html.rk-page-pdp #content-wrapper .recommendations .slick-arrow {
    border-color: #3D3D37 !important;
    background: #1B1C19 !important;
    color: #F2EFE7 !important;
    box-shadow: none !important;
}
html.rk-page-pdp #content-wrapper .product-slider-wrapper .slick-arrow:hover,
html.rk-page-pdp #content-wrapper .recommendations .slick-arrow:hover {
    border-color: #C6A15B !important;
    color: #DDBD78 !important;
}


/* ==========================================================================
   ReefKing 2.2.18 — PDP variation select + availability notification shell
   Content-only. Header geometry/separators remain untouched.
   ========================================================================== */

/* JTL NOVA 5.8 variation SELECTBOX: bootstrap-select renders its own button
   beside the original .custom-select. Style both layers so no white field
   remains after the plugin initializes. */
html.rk-page-pdp #content-wrapper .product-info-inner .variations,
html.rk-page-pdp #content-wrapper .product-info-inner .variation-wrapper,
html.rk-page-pdp #content-wrapper .product-info-inner .variation-wrapper dd {
    background: transparent !important;
    color: #F2EFE7 !important;
}
html.rk-page-pdp #content-wrapper .product-info-inner .variation-wrapper dt,
html.rk-page-pdp #content-wrapper .product-info-inner .variation-wrapper .js-btn-slider-wrapper {
    color: #D9D5CC !important;
}
html.rk-page-pdp #content-wrapper .product-info-inner .variation-wrapper .custom-select,
html.rk-page-pdp #content-wrapper .product-info-inner .variation-wrapper select,
html.rk-page-pdp #content-wrapper .product-info-inner .variation-wrapper .bootstrap-select,
html.rk-page-pdp #content-wrapper .product-info-inner .variation-wrapper .bootstrap-select > .dropdown-toggle,
html.rk-page-pdp #content-wrapper .product-info-inner .variation-wrapper .bootstrap-select > .btn,
html.rk-page-pdp #content-wrapper .product-info-inner .variation-wrapper .bootstrap-select .filter-option,
html.rk-page-pdp #content-wrapper .product-info-inner .variation-wrapper .bootstrap-select .filter-option-inner,
html.rk-page-pdp #content-wrapper .product-info-inner .variation-wrapper .bootstrap-select .filter-option-inner-inner {
    border-color: #3D3D37 !important;
    background: #151614 !important;
    color: #F2EFE7 !important;
    box-shadow: none !important;
}
html.rk-page-pdp #content-wrapper .product-info-inner .variation-wrapper .bootstrap-select > .dropdown-toggle {
    min-height: 48px !important;
    border: 1px solid #3D3D37 !important;
    border-radius: 8px !important;
}
html.rk-page-pdp #content-wrapper .product-info-inner .variation-wrapper .bootstrap-select > .dropdown-toggle:focus,
html.rk-page-pdp #content-wrapper .product-info-inner .variation-wrapper .bootstrap-select.show > .dropdown-toggle {
    border-color: #C6A15B !important;
    box-shadow: 0 0 0 1px #C6A15B !important;
    outline: 0 !important;
}
html.rk-page-pdp #content-wrapper .product-info-inner .variation-wrapper .bootstrap-select .dropdown-toggle::after {
    color: #DDBD78 !important;
}
html.rk-page-pdp #content-wrapper .product-info-inner .variation-wrapper .bootstrap-select .dropdown-menu {
    border: 1px solid #3D3D37 !important;
    background: #151614 !important;
    color: #F2EFE7 !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, .35) !important;
}
html.rk-page-pdp #content-wrapper .product-info-inner .variation-wrapper .bootstrap-select .dropdown-item,
html.rk-page-pdp #content-wrapper .product-info-inner .variation-wrapper .bootstrap-select .dropdown-item span {
    color: #F2EFE7 !important;
}
html.rk-page-pdp #content-wrapper .product-info-inner .variation-wrapper .bootstrap-select .dropdown-item:hover,
html.rk-page-pdp #content-wrapper .product-info-inner .variation-wrapper .bootstrap-select .dropdown-item:focus,
html.rk-page-pdp #content-wrapper .product-info-inner .variation-wrapper .bootstrap-select .dropdown-item.active,
html.rk-page-pdp #content-wrapper .product-info-inner .variation-wrapper .bootstrap-select .dropdown-item:active {
    background: #211D15 !important;
    color: #DDBD78 !important;
}

/* Availability notification. JTL renders article_availability* with the
   availability-notification-form class. Cover the form and its immediate
   wrapper shells so the native white panel cannot remain around the form. */
html.rk-page-pdp #content-wrapper .product-info-inner .availability-notification-form,
html.rk-page-pdp #content-wrapper .product-info-inner form[id^="article_availability"],
html.rk-page-pdp #content-wrapper .product-info-inner :is(div, section, fieldset):has(> .availability-notification-form),
html.rk-page-pdp #content-wrapper .product-info-inner :is(div, section):has(> form[id^="article_availability"]),
html.rk-page-pdp #content-wrapper .product-info-inner :is(div, section):has(> div > .availability-notification-form),
html.rk-page-pdp #content-wrapper .product-info-inner :is(div, section):has(> div > form[id^="article_availability"]) {
    border-color: #3D3D37 !important;
    background: #1B1C19 !important;
    background-color: #1B1C19 !important;
    color: #F2EFE7 !important;
    box-shadow: none !important;
}
html.rk-page-pdp #content-wrapper .product-info-inner .availability-notification-form fieldset,
html.rk-page-pdp #content-wrapper .product-info-inner form[id^="article_availability"] fieldset,
html.rk-page-pdp #content-wrapper .product-info-inner .availability-notification-form .row,
html.rk-page-pdp #content-wrapper .product-info-inner form[id^="article_availability"] .row,
html.rk-page-pdp #content-wrapper .product-info-inner .availability-notification-form .form-group,
html.rk-page-pdp #content-wrapper .product-info-inner form[id^="article_availability"] .form-group {
    border-color: #3D3D37 !important;
    background: transparent !important;
    color: #F2EFE7 !important;
    box-shadow: none !important;
}
html.rk-page-pdp #content-wrapper .product-info-inner .availability-notification-form legend,
html.rk-page-pdp #content-wrapper .product-info-inner .availability-notification-form label,
html.rk-page-pdp #content-wrapper .product-info-inner form[id^="article_availability"] legend,
html.rk-page-pdp #content-wrapper .product-info-inner form[id^="article_availability"] label {
    color: #AAA79F !important;
}
html.rk-page-pdp #content-wrapper .product-info-inner .availability-notification-form .form-control,
html.rk-page-pdp #content-wrapper .product-info-inner form[id^="article_availability"] .form-control,
html.rk-page-pdp #content-wrapper .product-info-inner .availability-notification-form input[type="email"],
html.rk-page-pdp #content-wrapper .product-info-inner form[id^="article_availability"] input[type="email"] {
    border-color: #3D3D37 !important;
    background: #151614 !important;
    color: #F2EFE7 !important;
    box-shadow: none !important;
}
html.rk-page-pdp #content-wrapper .product-info-inner .availability-notification-form .form-control:focus,
html.rk-page-pdp #content-wrapper .product-info-inner form[id^="article_availability"] .form-control:focus {
    border-color: #C6A15B !important;
    box-shadow: 0 0 0 1px #C6A15B !important;
}
html.rk-page-pdp #content-wrapper .product-info-inner .availability-notification-form .btn-primary,
html.rk-page-pdp #content-wrapper .product-info-inner form[id^="article_availability"] .btn-primary,
html.rk-page-pdp #content-wrapper .product-info-inner form[id^="article_availability"] button[type="submit"] {
    border-color: #C6A15B !important;
    background: #C6A15B !important;
    color: #090A09 !important;
    box-shadow: none !important;
}
html.rk-page-pdp #content-wrapper .product-info-inner .availability-notification-form .btn-primary:hover,
html.rk-page-pdp #content-wrapper .product-info-inner form[id^="article_availability"] .btn-primary:hover,
html.rk-page-pdp #content-wrapper .product-info-inner form[id^="article_availability"] button[type="submit"]:hover {
    border-color: #DDBD78 !important;
    background: #DDBD78 !important;
    color: #090A09 !important;
}

/* ==========================================================================
   ReefKing 2.2.19 — PDP notification shell + description text colors
   Content-only correction. Header, gallery, basket and PayPal untouched.
   ========================================================================== */

/* The live shop can render the availability request through native NOVA or an
   injected wrapper. Match both native IDs/classes and semantic availability /
   notification wrappers, including their immediate shells. */
html.rk-page-pdp #content-wrapper .product-info-inner [class*="availability" i],
html.rk-page-pdp #content-wrapper .product-info-inner [class*="notification" i],
html.rk-page-pdp #content-wrapper .product-info-inner [class*="notify" i],
html.rk-page-pdp #content-wrapper .product-info-inner [class*="benach" i],
html.rk-page-pdp #content-wrapper .product-info-inner [id*="availability" i],
html.rk-page-pdp #content-wrapper .product-info-inner [id*="notification" i],
html.rk-page-pdp #content-wrapper .product-info-inner [id*="notify" i],
html.rk-page-pdp #content-wrapper .product-info-inner [id*="benach" i] {
    border-color: #3D3D37 !important;
    background-color: #1B1C19 !important;
    color: #F2EFE7 !important;
    box-shadow: none !important;
}
html.rk-page-pdp #content-wrapper .product-info-inner :is(div, section, fieldset):has([class*="availability" i]),
html.rk-page-pdp #content-wrapper .product-info-inner :is(div, section, fieldset):has([class*="notification" i]),
html.rk-page-pdp #content-wrapper .product-info-inner :is(div, section, fieldset):has([class*="notify" i]),
html.rk-page-pdp #content-wrapper .product-info-inner :is(div, section, fieldset):has([class*="benach" i]),
html.rk-page-pdp #content-wrapper .product-info-inner :is(div, section, fieldset):has([id*="article_availability" i]) {
    border-color: #3D3D37 !important;
    background-color: #1B1C19 !important;
    color: #F2EFE7 !important;
    box-shadow: none !important;
}
html.rk-page-pdp #content-wrapper .product-info-inner [class*="availability" i] fieldset,
html.rk-page-pdp #content-wrapper .product-info-inner [class*="notification" i] fieldset,
html.rk-page-pdp #content-wrapper .product-info-inner [class*="notify" i] fieldset,
html.rk-page-pdp #content-wrapper .product-info-inner [class*="benach" i] fieldset,
html.rk-page-pdp #content-wrapper .product-info-inner [id*="article_availability" i] fieldset,
html.rk-page-pdp #content-wrapper .product-info-inner [class*="availability" i] .row,
html.rk-page-pdp #content-wrapper .product-info-inner [class*="notification" i] .row,
html.rk-page-pdp #content-wrapper .product-info-inner [class*="notify" i] .row,
html.rk-page-pdp #content-wrapper .product-info-inner [class*="benach" i] .row {
    background-color: transparent !important;
    color: #F2EFE7 !important;
}
html.rk-page-pdp #content-wrapper .product-info-inner [class*="availability" i] :is(legend, label, p, small),
html.rk-page-pdp #content-wrapper .product-info-inner [class*="notification" i] :is(legend, label, p, small),
html.rk-page-pdp #content-wrapper .product-info-inner [class*="notify" i] :is(legend, label, p, small),
html.rk-page-pdp #content-wrapper .product-info-inner [class*="benach" i] :is(legend, label, p, small),
html.rk-page-pdp #content-wrapper .product-info-inner [id*="article_availability" i] :is(legend, label, p, small) {
    color: #AAA79F !important;
}
html.rk-page-pdp #content-wrapper .product-info-inner [class*="availability" i] :is(input[type="email"], input[type="text"], .form-control),
html.rk-page-pdp #content-wrapper .product-info-inner [class*="notification" i] :is(input[type="email"], input[type="text"], .form-control),
html.rk-page-pdp #content-wrapper .product-info-inner [class*="notify" i] :is(input[type="email"], input[type="text"], .form-control),
html.rk-page-pdp #content-wrapper .product-info-inner [class*="benach" i] :is(input[type="email"], input[type="text"], .form-control),
html.rk-page-pdp #content-wrapper .product-info-inner [id*="article_availability" i] :is(input[type="email"], input[type="text"], .form-control) {
    border-color: #3D3D37 !important;
    background-color: #151614 !important;
    color: #F2EFE7 !important;
}
html.rk-page-pdp #content-wrapper .product-info-inner [class*="availability" i] :is(.btn-primary, button[type="submit"]),
html.rk-page-pdp #content-wrapper .product-info-inner [class*="notification" i] :is(.btn-primary, button[type="submit"]),
html.rk-page-pdp #content-wrapper .product-info-inner [class*="notify" i] :is(.btn-primary, button[type="submit"]),
html.rk-page-pdp #content-wrapper .product-info-inner [class*="benach" i] :is(.btn-primary, button[type="submit"]),
html.rk-page-pdp #content-wrapper .product-info-inner [id*="article_availability" i] :is(.btn-primary, button[type="submit"]) {
    border-color: #C6A15B !important;
    background-color: #C6A15B !important;
    color: #090A09 !important;
}

/* Native NOVA description is .desc inside the product tabs/accordion. Product
   HTML may contain old inline/font colors, therefore color descendants with
   !important and then restore the intended gold hierarchy for headings/links. */
html.rk-page-pdp #content-wrapper .tab-navigation .desc,
html.rk-page-pdp #content-wrapper #tabAccordion .desc,
html.rk-page-pdp #content-wrapper [id^="tab-description"] .desc,
html.rk-page-pdp #content-wrapper .tab-content .desc {
    color: #F2EFE7 !important;
}
html.rk-page-pdp #content-wrapper .tab-navigation .desc *,
html.rk-page-pdp #content-wrapper #tabAccordion .desc *,
html.rk-page-pdp #content-wrapper [id^="tab-description"] .desc *,
html.rk-page-pdp #content-wrapper .tab-content .desc * {
    color: #F2EFE7 !important;
}
html.rk-page-pdp #content-wrapper .tab-navigation .desc :is(h1, h2, h3, h4, h5, h6, strong, b),
html.rk-page-pdp #content-wrapper #tabAccordion .desc :is(h1, h2, h3, h4, h5, h6, strong, b),
html.rk-page-pdp #content-wrapper [id^="tab-description"] .desc :is(h1, h2, h3, h4, h5, h6, strong, b),
html.rk-page-pdp #content-wrapper .tab-content .desc :is(h1, h2, h3, h4, h5, h6, strong, b) {
    color: #DDBD78 !important;
}
html.rk-page-pdp #content-wrapper .tab-navigation .desc a,
html.rk-page-pdp #content-wrapper #tabAccordion .desc a,
html.rk-page-pdp #content-wrapper [id^="tab-description"] .desc a,
html.rk-page-pdp #content-wrapper .tab-content .desc a {
    color: #C6A15B !important;
}
html.rk-page-pdp #content-wrapper .tab-navigation .desc a:hover,
html.rk-page-pdp #content-wrapper #tabAccordion .desc a:hover,
html.rk-page-pdp #content-wrapper [id^="tab-description"] .desc a:hover,
html.rk-page-pdp #content-wrapper .tab-content .desc a:hover {
    color: #DDBD78 !important;
}


/* ========================================================================== 
   ReefKing 2.2.20 — PDP stock-notification block, structural fallback
   The live markup does not expose the expected availability class/id. Match
   the actual e-mail form structurally and only its nearest wrapper shells.
   ========================================================================== */
html.rk-page-pdp #content-wrapper .product-info-inner form:has(input[type="email"]),
html.rk-page-pdp #content-wrapper .product-info-inner div:has(> form:has(input[type="email"])),
html.rk-page-pdp #content-wrapper .product-info-inner section:has(> form:has(input[type="email"])),
html.rk-page-pdp #content-wrapper .product-info-inner div:has(> div > form:has(input[type="email"])),
html.rk-page-pdp #content-wrapper .product-info-inner section:has(> div > form:has(input[type="email"])) {
    border-color: #3D3D37 !important;
    background: #1B1C19 !important;
    background-image: none !important;
    color: #F2EFE7 !important;
    box-shadow: none !important;
}
html.rk-page-pdp #content-wrapper .product-info-inner form:has(input[type="email"]) :is(.row, .form-row, .form-group, .input-group, .input-group-prepend, .input-group-append, [class*="col-"]) {
    background: transparent !important;
    background-image: none !important;
    color: #F2EFE7 !important;
    box-shadow: none !important;
}
html.rk-page-pdp #content-wrapper .product-info-inner form:has(input[type="email"]) :is(p, label, legend, small, .text-muted) {
    color: #AAA79F !important;
}
html.rk-page-pdp #content-wrapper .product-info-inner form:has(input[type="email"]) :is(input[type="email"], input[type="text"], .form-control) {
    border-color: #3D3D37 !important;
    background: #151614 !important;
    color: #F2EFE7 !important;
    box-shadow: none !important;
}
html.rk-page-pdp #content-wrapper .product-info-inner form:has(input[type="email"]) :is(input[type="email"], input[type="text"], .form-control)::placeholder {
    color: #AAA79F !important;
    opacity: 1 !important;
}
html.rk-page-pdp #content-wrapper .product-info-inner form:has(input[type="email"]) :is(.btn-primary, button[type="submit"], input[type="submit"]) {
    border-color: #C6A15B !important;
    background: #C6A15B !important;
    color: #090A09 !important;
    box-shadow: none !important;
}
html.rk-page-pdp #content-wrapper .product-info-inner form:has(input[type="email"]) :is(.btn-primary, button[type="submit"], input[type="submit"]):hover {
    border-color: #DDBD78 !important;
    background: #DDBD78 !important;
    color: #090A09 !important;
}

/* ========================================================================== 
   ReefKing 2.2.21 — native NOVA availability notification hook
   The child template now wraps the native notification output in a stable
   class. This removes selector guessing while preserving NOVA form logic.
   ========================================================================== */
html.rk-page-pdp #content-wrapper .rk-availability-notification,
html.rk-page-pdp #content-wrapper .rk-availability-notification form,
html.rk-page-pdp #content-wrapper .rk-availability-notification fieldset,
html.rk-page-pdp #content-wrapper :is(div, section, .card, .card-body):has(> .rk-availability-notification),
html.rk-page-pdp #content-wrapper :is(div, section, .card, .card-body):has(> :is(div, section, .card, .card-body) > .rk-availability-notification) {
    border-color: #3D3D37 !important;
    background: #1B1C19 !important;
    background-image: none !important;
    color: #F2EFE7 !important;
    box-shadow: none !important;
}
html.rk-page-pdp #content-wrapper .rk-availability-notification :is(.row, .form-row, .form-group, .input-group, [class*="col-"]) {
    background: transparent !important;
    background-image: none !important;
    color: #F2EFE7 !important;
    box-shadow: none !important;
}
html.rk-page-pdp #content-wrapper .rk-availability-notification :is(legend, label, p, small, .text-muted) {
    color: #AAA79F !important;
}
html.rk-page-pdp #content-wrapper .rk-availability-notification :is(input[type="email"], input[type="text"], .form-control) {
    border-color: #3D3D37 !important;
    background: #151614 !important;
    background-image: none !important;
    color: #F2EFE7 !important;
    box-shadow: none !important;
}
html.rk-page-pdp #content-wrapper .rk-availability-notification :is(input[type="email"], input[type="text"], .form-control)::placeholder {
    color: #AAA79F !important;
    opacity: 1 !important;
}
html.rk-page-pdp #content-wrapper .rk-availability-notification :is(.btn-primary, button[type="submit"], input[type="submit"]) {
    border-color: #C6A15B !important;
    background: #C6A15B !important;
    background-image: none !important;
    color: #090A09 !important;
    box-shadow: none !important;
}
html.rk-page-pdp #content-wrapper .rk-availability-notification :is(.btn-primary, button[type="submit"], input[type="submit"]):hover {
    border-color: #DDBD78 !important;
    background: #DDBD78 !important;
    color: #090A09 !important;
}

/* ========================================================================== 
   ReefKing 2.2.22 — category finishing pass
   Scope: filter intro and product-card shell/text only. Header, PDP and source
   product photography remain untouched.
   ========================================================================== */
html.rk-page-category #content-wrapper #sidepanel_left > .rk-sidebar-filter-intro {
    border-color: #292A27 !important;
    background: #151614 !important;
    background-image: none !important;
    color: #F2EFE7 !important;
    box-shadow: none !important;
}
html.rk-page-category #content-wrapper #sidepanel_left > .rk-sidebar-filter-intro > .fas {
    border: 1px solid #8F713C !important;
    background: #C6A15B !important;
    color: #090A09 !important;
    box-shadow: none !important;
}
html.rk-page-category #content-wrapper #sidepanel_left > .rk-sidebar-filter-intro strong {
    color: #F2EFE7 !important;
}
html.rk-page-category #content-wrapper #sidepanel_left > .rk-sidebar-filter-intro small {
    color: #AAA79F !important;
}

html.rk-page-category #content-wrapper .product-list .productbox,
html.rk-page-category #content-wrapper .product-list .productbox-inner,
html.rk-page-category #content-wrapper .product-list .productbox > form.form-basket,
html.rk-page-category #content-wrapper .product-list .productbox .productbox-options,
html.rk-page-category #content-wrapper .product-list .productbox .productbox-actions {
    background: #151614 !important;
    background-image: none !important;
}
html.rk-page-category #content-wrapper .product-list .productbox .productbox-inner::before {
    border-color: #292A27 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}
html.rk-page-category #content-wrapper .product-list .productbox :is(
    .item-list-description,
    .productbox-description,
    .productbox-name,
    .product-name,
    .caption,
    .title
) {
    color: #AAA79F !important;
}
html.rk-page-category #content-wrapper .product-list .productbox :is(
    .productbox-title,
    .productbox-title a,
    [itemprop="name"],
    [itemprop="name"] a
) {
    color: #F2EFE7 !important;
}
html.rk-page-category #content-wrapper .product-list .productbox :is(.price, .price_wrapper, .productbox-price) {
    color: #F2EFE7 !important;
}

/* ========================================================================== 
   ReefKing 2.2.23 — PDP stock question link
   Keep the native question action readable on the dark stock-information card.
   ========================================================================== */
html.rk-page-pdp #content-wrapper .product-info-inner .stock-information .question-on-item .btn,
html.rk-page-pdp #content-wrapper .product-info-inner .stock-information .question-on-item .btn:hover,
html.rk-page-pdp #content-wrapper .product-info-inner .stock-information .question-on-item .btn:focus,
html.rk-page-pdp #content-wrapper .product-info-inner .stock-information .question-on-item .btn:active,
html.rk-page-pdp #content-wrapper .product-info-inner .stock-information .question-on-item .btn > *,
html.rk-page-pdp #content-wrapper .product-info-inner .stock-information .question-on-item .btn .fas,
html.rk-page-pdp #content-wrapper .product-info-inner .stock-information .question-on-item .btn .far {
    color: #F2EFE7 !important;
}

/* ========================================================================== 
   ReefKing 2.2.24 — clean category product-card frame
   One gold outer frame per product. Inner NOVA borders/shadows are suppressed
   so image canvas and dark product body meet cleanly inside the same card.
   ========================================================================== */
html.rk-page-category #content-wrapper .product-list .product-wrapper-product {
    border: 1px solid #8F713C !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    background: #151614 !important;
    background-image: none !important;
    box-shadow: none !important;
}
html.rk-page-category #content-wrapper .product-list .product-wrapper-product:hover,
html.rk-page-category #content-wrapper .product-list .product-wrapper-product:focus-within {
    border-color: #C6A15B !important;
    box-shadow: 0 0 0 1px rgba(198, 161, 91, .16) !important;
}
html.rk-page-category #content-wrapper .product-list .product-wrapper-product :is(
    .productbox,
    .productbox-inner,
    .productbox-image,
    .image-wrapper,
    .productbox-details,
    .productbox-content,
    .productbox-options,
    .productbox-actions,
    form.form-basket
) {
    border: 0 !important;
    box-shadow: none !important;
}
html.rk-page-category #content-wrapper .product-list .product-wrapper-product .productbox,
html.rk-page-category #content-wrapper .product-list .product-wrapper-product .productbox-inner {
    border-radius: 0 !important;
    overflow: visible !important;
}
html.rk-page-category #content-wrapper .product-list .product-wrapper-product .productbox-image,
html.rk-page-category #content-wrapper .product-list .product-wrapper-product .image-wrapper {
    border-radius: 0 !important;
}
html.rk-page-category #content-wrapper .product-list .product-wrapper-product .productbox::before,
html.rk-page-category #content-wrapper .product-list .product-wrapper-product .productbox::after,
html.rk-page-category #content-wrapper .product-list .product-wrapper-product .productbox-inner::before,
html.rk-page-category #content-wrapper .product-list .product-wrapper-product .productbox-inner::after {
    border: 0 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}


/* ========================================================================== 
   ReefKing 2.2.25 — compact PDP stock row
   Keep stock status and the native "Frage zum Artikel" action on one vertical
   level on desktop, while reducing the height of the stock-information bar.
   ========================================================================== */
@media (min-width: 768px) {
    html.rk-page-pdp #content-wrapper .product-info-inner .stock-information {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: space-between !important;
        min-height: 0 !important;
        padding: .4rem .7rem !important;
    }

    html.rk-page-pdp #content-wrapper .product-info-inner .stock-information .delivery-status {
        flex: 1 1 auto !important;
        align-self: center !important;
        margin: 0 !important;
        line-height: 1.25 !important;
    }

    html.rk-page-pdp #content-wrapper .product-info-inner .stock-information .question-on-item {
        flex: 0 0 auto !important;
        align-self: center !important;
        margin: 0 0 0 .75rem !important;
        padding: 0 !important;
        border: 0 !important;
    }

    html.rk-page-pdp #content-wrapper .product-info-inner .stock-information .question-on-item .btn {
        min-height: 30px !important;
        margin: 0 !important;
        padding: .2rem .35rem !important;
        line-height: 1.2 !important;
    }
}

/* ========================================================================== 
   ReefKing 2.2.26 — category card frame on the actual NOVA productbox
   The wrapper must not draw the frame. The complete visible productbox does.
   ========================================================================== */
html.rk-page-category #content-wrapper .product-list .product-wrapper-product {
    border: 0 !important;
    border-radius: 0 !important;
    overflow: visible !important;
    background: transparent !important;
    box-shadow: none !important;
}
html.rk-page-category #content-wrapper .product-list .product-wrapper-product:hover,
html.rk-page-category #content-wrapper .product-list .product-wrapper-product:focus-within {
    border: 0 !important;
    box-shadow: none !important;
}
html.rk-page-category #content-wrapper .product-list .productbox.productbox-column {
    width: 100% !important;
    height: 100% !important;
    border: 1px solid #8F713C !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    background: #151614 !important;
    background-image: none !important;
    box-shadow: none !important;
}
html.rk-page-category #content-wrapper .product-list .productbox.productbox-column:hover,
html.rk-page-category #content-wrapper .product-list .productbox.productbox-column:focus-within {
    border-color: #C6A15B !important;
    box-shadow: 0 0 0 1px rgba(198, 161, 91, .16) !important;
}
html.rk-page-category #content-wrapper .product-list .productbox.productbox-column > form.form-basket,
html.rk-page-category #content-wrapper .product-list .productbox.productbox-column .productbox-inner {
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* ==========================================================================
   ReefKing 2.2.27 — dark expanded category tree
   Scope: desktop category navigation only. Remove NOVA light backgrounds from
   expanded child branches while preserving hierarchy and active gold state.
   ========================================================================== */
html.rk-page-category #content-wrapper #sidepanel_left .rk-category-navigation,
html.rk-page-category #content-wrapper #sidepanel_left .rk-category-navigation .nav-panel,
html.rk-page-category #content-wrapper #sidepanel_left .rk-category-navigation .nav-panel > .nav,
html.rk-page-category #content-wrapper #sidepanel_left .rk-category-navigation .snippets-categories-collapse,
html.rk-page-category #content-wrapper #sidepanel_left .rk-category-navigation .snippets-categories-collapse > .nav,
html.rk-page-category #content-wrapper #sidepanel_left .rk-category-navigation .snippets-categories-collapse > ul,
html.rk-page-category #content-wrapper #sidepanel_left .rk-category-navigation .collapse,
html.rk-page-category #content-wrapper #sidepanel_left .rk-category-navigation .collapsing {
    background: #151614 !important;
    background-image: none !important;
    color: #F2EFE7 !important;
}

html.rk-page-category #content-wrapper #sidepanel_left .rk-category-navigation .snippets-categories-collapse {
    border-left-color: #3D3D37 !important;
}

html.rk-page-category #content-wrapper #sidepanel_left .rk-category-navigation .snippets-categories-nav-link-child,
html.rk-page-category #content-wrapper #sidepanel_left .rk-category-navigation .snippets-categories-nav-link-child > a,
html.rk-page-category #content-wrapper #sidepanel_left .rk-category-navigation .snippets-categories-collapse .nav-link,
html.rk-page-category #content-wrapper #sidepanel_left .rk-category-navigation .snippets-categories-collapse .nav-link > a {
    background: transparent !important;
    background-image: none !important;
    color: #AAA79F !important;
}

html.rk-page-category #content-wrapper #sidepanel_left .rk-category-navigation .snippets-categories-nav-link-child:hover,
html.rk-page-category #content-wrapper #sidepanel_left .rk-category-navigation .snippets-categories-nav-link-child:focus-visible,
html.rk-page-category #content-wrapper #sidepanel_left .rk-category-navigation .snippets-categories-collapse .nav-link:hover,
html.rk-page-category #content-wrapper #sidepanel_left .rk-category-navigation .snippets-categories-collapse .nav-link:focus-visible {
    background: #1B1C19 !important;
    color: #F2EFE7 !important;
}

html.rk-page-category #content-wrapper #sidepanel_left .rk-category-navigation .snippets-categories-collapse .nav-item.active > .nav-link,
html.rk-page-category #content-wrapper #sidepanel_left .rk-category-navigation .snippets-categories-collapse .nav-item.active > .nav-link > a,
html.rk-page-category #content-wrapper #sidepanel_left .rk-category-navigation .snippets-categories-nav-link-child.active {
    background: #211D15 !important;
    color: #DDBD78 !important;
}


/* ========================================================================== 
   ReefKing 2.2.28 — all JTL own-content pages (PAGE_EIGENE)
   Keep commerce pages untouched. Own informational pages share one centered,
   readable dark content canvas with the ReefKing black/anthracite/gold system.
   ========================================================================== */
html.rk-page-content,
html.rk-page-content body,
html.rk-page-content #main-wrapper,
html.rk-page-content #content-wrapper,
html.rk-page-content main {
    background: #090A09 !important;
    background-image: none !important;
    color: #F2EFE7 !important;
}

html.rk-page-content #content-wrapper {
    padding-top: clamp(1rem, 2vw, 1.75rem) !important;
    padding-bottom: clamp(2.5rem, 5vw, 4.5rem) !important;
}

html.rk-page-content #content-wrapper > .container,
html.rk-page-content #content-wrapper > .container-fluid,
html.rk-page-content #content-wrapper > .container-fluid-xl,
html.rk-page-content .breadcrumb-wrapper > .container,
html.rk-page-content .breadcrumb-wrapper > .container-fluid,
html.rk-page-content .breadcrumb-wrapper > .container-fluid-xl,
html.rk-page-content .container-breadcrumbs > .container,
html.rk-page-content .container-breadcrumbs > .container-fluid,
html.rk-page-content .container-breadcrumbs > .container-fluid-xl {
    width: calc(100% - 2rem) !important;
    max-width: 1200px !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

html.rk-page-content .breadcrumb-wrapper,
html.rk-page-content .container-breadcrumbs {
    border: 0 !important;
    background: #090A09 !important;
    background-image: none !important;
}

html.rk-page-content .breadcrumb,
html.rk-page-content .breadcrumb a,
html.rk-page-content .breadcrumb-item,
html.rk-page-content .breadcrumb-item + .breadcrumb-item::before {
    color: #77766F !important;
}
html.rk-page-content .breadcrumb a:hover,
html.rk-page-content .breadcrumb a:focus-visible {
    color: #DDBD78 !important;
}

html.rk-page-content #content {
    width: 100% !important;
    max-width: 1200px !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding: clamp(1.25rem, 3vw, 2.5rem) !important;
    border: 1px solid #292A27 !important;
    border-radius: 12px !important;
    background: #151614 !important;
    background-image: none !important;
    color: #F2EFE7 !important;
    box-shadow: none !important;
}

html.rk-page-content #content :is(h1, h2, h3, h4, h5, h6) {
    color: #F2EFE7 !important;
}
html.rk-page-content #content :is(p, li, dd, dt, address, blockquote, figcaption, small) {
    color: #AAA79F !important;
}
html.rk-page-content #content :is(strong, b) {
    color: #F2EFE7 !important;
}
html.rk-page-content #content a:not(.btn) {
    color: #C6A15B !important;
    text-decoration-color: #8F713C !important;
    text-underline-offset: .18em;
}
html.rk-page-content #content a:not(.btn):hover,
html.rk-page-content #content a:not(.btn):focus-visible {
    color: #DDBD78 !important;
    text-decoration-color: #DDBD78 !important;
}
html.rk-page-content #content hr {
    border-color: #292A27 !important;
}

html.rk-page-content #content :is(.card, .card-body, .list-group, .list-group-item, .jumbotron, .well, .panel) {
    border-color: #292A27 !important;
    background: #1B1C19 !important;
    background-image: none !important;
    color: #F2EFE7 !important;
    box-shadow: none !important;
}

html.rk-page-content #content table {
    color: #F2EFE7 !important;
    background: #151614 !important;
}
html.rk-page-content #content :is(table, th, td) {
    border-color: #3D3D37 !important;
}
html.rk-page-content #content thead th {
    background: #1B1C19 !important;
    color: #F2EFE7 !important;
}
html.rk-page-content #content tbody tr:nth-child(even) {
    background: #111210 !important;
}

html.rk-page-content #content :is(input, textarea, select, .form-control, .custom-select) {
    border-color: #3D3D37 !important;
    background: #0E0F0E !important;
    color: #F2EFE7 !important;
}
html.rk-page-content #content :is(input, textarea, .form-control)::placeholder {
    color: #77766F !important;
}

@media (max-width: 767.98px) {
    html.rk-page-content #content-wrapper > .container,
    html.rk-page-content #content-wrapper > .container-fluid,
    html.rk-page-content #content-wrapper > .container-fluid-xl,
    html.rk-page-content .breadcrumb-wrapper > .container,
    html.rk-page-content .breadcrumb-wrapper > .container-fluid,
    html.rk-page-content .breadcrumb-wrapper > .container-fluid-xl,
    html.rk-page-content .container-breadcrumbs > .container,
    html.rk-page-content .container-breadcrumbs > .container-fluid,
    html.rk-page-content .container-breadcrumbs > .container-fluid-xl {
        width: calc(100% - 1.5rem) !important;
    }

    html.rk-page-content #content {
        padding: 1.1rem !important;
        border-radius: 10px !important;
    }
}

/* ========================================================================== 
   ReefKing 2.2.29 — robust own-page canvas + legacy CMS/HTML normalization
   PAGE_EIGENE only. Catch the different NOVA/custom-content wrapper shapes
   and neutralize legacy inline text/background colours without touching shop
   pages, header, product/category layouts or media itself.
   ========================================================================== */
html.rk-page-content #content-wrapper > :is(.container, .container-fluid, .container-fluid-xl),
html.rk-page-content #content-wrapper > main > :is(.container, .container-fluid, .container-fluid-xl),
html.rk-page-content #content-wrapper main > :is(.container, .container-fluid, .container-fluid-xl),
html.rk-page-content #content-wrapper .breadcrumb-wrapper > :is(.container, .container-fluid, .container-fluid-xl),
html.rk-page-content #content-wrapper .container-breadcrumbs > :is(.container, .container-fluid, .container-fluid-xl) {
    width: min(calc(100% - 48px), 1200px) !important;
    max-width: 1200px !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

/* Some own pages are rendered through an additional row/column layer. Keep
   that layer inside the same canvas instead of letting Bootstrap negative
   margins make the stored HTML appear wider than the page shell. */
html.rk-page-content #content-wrapper #content > .row,
html.rk-page-content #content-wrapper #content > form > .row {
    margin-right: 0 !important;
    margin-left: 0 !important;
}
html.rk-page-content #content-wrapper #content > .row > [class*="col-"],
html.rk-page-content #content-wrapper #content > .row > .col,
html.rk-page-content #content-wrapper #content > form > .row > [class*="col-"],
html.rk-page-content #content-wrapper #content > form > .row > .col {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

/* NOVA and older stored own-page HTML can introduce their own white content
   surfaces. Restrict the reset to structural content elements; images and
   intentional media backgrounds remain untouched. */
html.rk-page-content #content :is(article, section, main, .content, .content-wrapper, .page-content, .custom-page, .custom-content),
html.rk-page-content #content :is(div, article, section)[style*="background-color" i],
html.rk-page-content #content :is(div, article, section)[style*="background:" i] {
    background-color: transparent !important;
    border-color: #292A27 !important;
}

/* Normalize legacy editor colours. This deliberately targets text-bearing
   elements only, so embedded pictures, logos and other media are preserved. */
html.rk-page-content #content :is(p, span, li, dt, dd, address, blockquote, figcaption, small, label) {
    color: #AAA79F !important;
}
html.rk-page-content #content :is(h1, h2, h3, h4, h5, h6, strong, b, legend) {
    color: #F2EFE7 !important;
}
html.rk-page-content #content :is(p, span, li, dt, dd, address, blockquote, figcaption, small, label, h1, h2, h3, h4, h5, h6, strong, b, legend)[style*="color" i] {
    color: inherit !important;
}
html.rk-page-content #content a:not(.btn),
html.rk-page-content #content a:not(.btn) :is(span, strong, b) {
    color: #C6A15B !important;
}
html.rk-page-content #content a:not(.btn):hover,
html.rk-page-content #content a:not(.btn):focus-visible,
html.rk-page-content #content a:not(.btn):hover :is(span, strong, b),
html.rk-page-content #content a:not(.btn):focus-visible :is(span, strong, b) {
    color: #DDBD78 !important;
}

/* Keep common legacy separators and editor-generated blocks in the palette. */
html.rk-page-content #content :is(hr, fieldset) {
    border-color: #292A27 !important;
}
html.rk-page-content #content :is(pre, code) {
    border-color: #3D3D37 !important;
    background: #0E0F0E !important;
    color: #F2EFE7 !important;
}

@media (max-width: 767.98px) {
    html.rk-page-content #content-wrapper > :is(.container, .container-fluid, .container-fluid-xl),
    html.rk-page-content #content-wrapper > main > :is(.container, .container-fluid, .container-fluid-xl),
    html.rk-page-content #content-wrapper main > :is(.container, .container-fluid, .container-fluid-xl),
    html.rk-page-content #content-wrapper .breadcrumb-wrapper > :is(.container, .container-fluid, .container-fluid-xl),
    html.rk-page-content #content-wrapper .container-breadcrumbs > :is(.container, .container-fluid, .container-fluid-xl) {
        width: calc(100% - 24px) !important;
    }
}



/* ========================================================================== 
   ReefKing 2.2.30 — JTL legal-information pages
   Scope by JTL special-page link type instead of PAGE_EIGENE. This covers
   AGB, privacy, imprint, withdrawal information/forms, battery information
   and accessibility without changing normal CMS, category or product pages.
   ========================================================================== */
html.rk-page-legal,
html.rk-page-legal body,
html.rk-page-legal #main-wrapper,
html.rk-page-legal #content-wrapper,
html.rk-page-legal main {
    background: #090A09 !important;
    color: #F2EFE7 !important;
}

/* One predictable reading canvas for every legal page, independent of the
   fluid setting stored on the individual JTL special page. */
html.rk-page-legal #content-wrapper > :is(.container, .container-fluid, .container-fluid-xl),
html.rk-page-legal #content-wrapper > main > :is(.container, .container-fluid, .container-fluid-xl),
html.rk-page-legal #content-wrapper main > :is(.container, .container-fluid, .container-fluid-xl),
html.rk-page-legal .breadcrumb-wrapper > :is(.container, .container-fluid, .container-fluid-xl),
html.rk-page-legal .container-breadcrumbs > :is(.container, .container-fluid, .container-fluid-xl) {
    width: min(calc(100% - 48px), 1200px) !important;
    max-width: 1200px !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
}
html.rk-page-legal #content-wrapper {
    padding-top: 1.5rem !important;
    padding-bottom: 3rem !important;
}
html.rk-page-legal #content {
    width: 100% !important;
    max-width: 1200px !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding: clamp(1.25rem, 2.4vw, 2rem) !important;
    border: 1px solid #292A27 !important;
    border-radius: 12px !important;
    background: #151614 !important;
    color: #F2EFE7 !important;
    box-shadow: none !important;
}
html.rk-page-legal #content > .row,
html.rk-page-legal #content > form > .row {
    margin-right: 0 !important;
    margin-left: 0 !important;
}
html.rk-page-legal #content > .row > [class*="col-"],
html.rk-page-legal #content > .row > .col,
html.rk-page-legal #content > form > .row > [class*="col-"],
html.rk-page-legal #content > form > .row > .col {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

html.rk-page-legal .breadcrumb-wrapper,
html.rk-page-legal .container-breadcrumbs {
    background: #090A09 !important;
    border-color: #292A27 !important;
}
html.rk-page-legal :is(.breadcrumb, .breadcrumb-item, .breadcrumb-item + .breadcrumb-item::before) {
    color: #77766F !important;
}
html.rk-page-legal .breadcrumb a {
    color: #AAA79F !important;
}
html.rk-page-legal .breadcrumb a:hover,
html.rk-page-legal .breadcrumb a:focus-visible {
    color: #DDBD78 !important;
}

/* Native NOVA legal blocks. */
html.rk-page-legal #content :is(#tos, #data-privacy, #revocation-instruction, #revocation-form),
html.rk-page-legal #content :is(.well, .card, .card-body, .list-group, .list-group-item, .jumbotron, .panel) {
    border-color: #3D3D37 !important;
    background: #1B1C19 !important;
    color: #F2EFE7 !important;
    box-shadow: none !important;
}
html.rk-page-legal #content :is(#tos, #data-privacy, #revocation-instruction, #revocation-form) {
    margin: 0 !important;
    padding: clamp(1rem, 2vw, 1.5rem) !important;
    border: 1px solid #3D3D37 !important;
    border-radius: 10px !important;
}

/* Legal text can contain generated HTML and legacy inline colours. Keep the
   hierarchy readable while leaving the actual legal wording untouched. */
html.rk-page-legal #content h1 {
    color: #F2EFE7 !important;
}
html.rk-page-legal #content :is(h2, h3, h4, h5, h6, legend) {
    color: #C6A15B !important;
}
html.rk-page-legal #content :is(p, li, dt, dd, address, blockquote, figcaption, small, label, span) {
    color: #F2EFE7 !important;
}
html.rk-page-legal #content :is(strong, b) {
    color: #F2EFE7 !important;
}
html.rk-page-legal #content :is(p, li, dt, dd, address, blockquote, figcaption, small, label, span, h1, h2, h3, h4, h5, h6, strong, b, legend)[style*="color" i] {
    color: inherit !important;
}
html.rk-page-legal #content a:not(.btn),
html.rk-page-legal #content a:not(.btn) :is(span, strong, b) {
    color: #C6A15B !important;
    text-decoration-color: #8F713C !important;
}
html.rk-page-legal #content a:not(.btn):hover,
html.rk-page-legal #content a:not(.btn):focus-visible,
html.rk-page-legal #content a:not(.btn):hover :is(span, strong, b),
html.rk-page-legal #content a:not(.btn):focus-visible :is(span, strong, b) {
    color: #DDBD78 !important;
}
html.rk-page-legal #content :is(hr, fieldset) {
    border-color: #292A27 !important;
}

/* Tables and generated legal comparison/summary blocks. */
html.rk-page-legal #content table {
    width: 100% !important;
    color: #F2EFE7 !important;
    background: #151614 !important;
}
html.rk-page-legal #content :is(table, th, td) {
    border-color: #3D3D37 !important;
}
html.rk-page-legal #content thead th {
    background: #211D15 !important;
    color: #F2EFE7 !important;
}
html.rk-page-legal #content tbody tr:nth-child(even) {
    background: #111210 !important;
}

/* Online withdrawal form and any legal-page form controls. */
html.rk-page-legal #content :is(input, textarea, select, .form-control, .custom-select) {
    border-color: #3D3D37 !important;
    background: #0E0F0E !important;
    color: #F2EFE7 !important;
    box-shadow: none !important;
}
html.rk-page-legal #content :is(input, textarea, .form-control)::placeholder {
    color: #77766F !important;
}
html.rk-page-legal #content :is(input, textarea, select, .form-control, .custom-select):focus {
    border-color: #DDBD78 !important;
    box-shadow: 0 0 0 .2rem rgba(221, 189, 120, .14) !important;
}
html.rk-page-legal #content :is(.btn-primary, button[type="submit"], input[type="submit"]) {
    border-color: #C6A15B !important;
    background: #C6A15B !important;
    color: #090A09 !important;
}
html.rk-page-legal #content :is(.btn-primary, button[type="submit"], input[type="submit"]):hover,
html.rk-page-legal #content :is(.btn-primary, button[type="submit"], input[type="submit"]):focus-visible {
    border-color: #DDBD78 !important;
    background: #DDBD78 !important;
    color: #090A09 !important;
}

@media (max-width: 767.98px) {
    html.rk-page-legal #content-wrapper > :is(.container, .container-fluid, .container-fluid-xl),
    html.rk-page-legal #content-wrapper > main > :is(.container, .container-fluid, .container-fluid-xl),
    html.rk-page-legal #content-wrapper main > :is(.container, .container-fluid, .container-fluid-xl),
    html.rk-page-legal .breadcrumb-wrapper > :is(.container, .container-fluid, .container-fluid-xl),
    html.rk-page-legal .container-breadcrumbs > :is(.container, .container-fluid, .container-fluid-xl) {
        width: calc(100% - 24px) !important;
    }
    html.rk-page-legal #content-wrapper {
        padding-top: .75rem !important;
        padding-bottom: 2rem !important;
    }
    html.rk-page-legal #content {
        padding: 1rem !important;
        border-radius: 10px !important;
    }
    html.rk-page-legal #content table {
        display: block;
        max-width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}


/* ReefKing 2.2.31 — legal pages: PAGE_* detection + fixed reading width */
html.rk-page-legal #main-wrapper, html.rk-page-legal #content-wrapper, html.rk-page-legal #content-wrapper main { background:#090A09 !important; }
html.rk-page-legal #content-wrapper > .container,
html.rk-page-legal #content-wrapper > .container-fluid,
html.rk-page-legal #content-wrapper > .container-fluid-xl,
html.rk-page-legal #content-wrapper main > .container,
html.rk-page-legal #content-wrapper main > .container-fluid,
html.rk-page-legal #content-wrapper main > .container-fluid-xl {
 width:min(1200px,calc(100% - 48px)) !important; max-width:1200px !important; margin-left:auto !important; margin-right:auto !important; padding-left:0 !important; padding-right:0 !important;
}
html.rk-page-legal #content-wrapper #content {
 width:min(1200px,calc(100% - 48px)) !important; max-width:1200px !important; margin:24px auto 40px !important; padding:clamp(20px,3vw,40px) !important; box-sizing:border-box !important; background:#151614 !important; border:1px solid #292A27 !important; border-radius:8px !important; color:#F2EFE7 !important;
}
html.rk-page-legal #content-wrapper :is(.container,.container-fluid,.container-fluid-xl) > #content { width:100% !important; max-width:none !important; margin-left:0 !important; margin-right:0 !important; }
html.rk-page-legal #content > .row, html.rk-page-legal #content > form > .row { margin-left:0 !important; margin-right:0 !important; }
html.rk-page-legal #content > .row > [class*="col-"], html.rk-page-legal #content > .row > .col, html.rk-page-legal #content > form > .row > [class*="col-"], html.rk-page-legal #content > form > .row > .col { padding-left:0 !important; padding-right:0 !important; max-width:100% !important; }
@media(max-width:767.98px){
 html.rk-page-legal #content-wrapper > .container, html.rk-page-legal #content-wrapper > .container-fluid, html.rk-page-legal #content-wrapper > .container-fluid-xl, html.rk-page-legal #content-wrapper main > .container, html.rk-page-legal #content-wrapper main > .container-fluid, html.rk-page-legal #content-wrapper main > .container-fluid-xl, html.rk-page-legal #content-wrapper #content { width:calc(100% - 24px) !important; }
 html.rk-page-legal #content-wrapper #content { margin-top:12px !important; margin-bottom:24px !important; padding:18px !important; }
 html.rk-page-legal #content-wrapper :is(.container,.container-fluid,.container-fluid-xl) > #content { width:100% !important; }
}

/* ==========================================================================
   ReefKing 2.2.33 — desktop megamenu palette only
   Keep the accepted header/menu geometry. Replace remaining NOVA light
   surfaces in root and recursive category panels with the ReefKing palette.
   ========================================================================== */
@media (min-width: 992px) {
    #mainNavigation .nav-scrollbar-inner > .dropdown > .dropdown-menu,
    #mainNavigation .dropdown-menu .categories-recursive-dropdown,
    #mainNavigation .subcategory-wrapper .categories-recursive-dropdown {
        border-color: #3D3D37 !important;
        border-top-color: #C6A15B !important;
        background: #151614 !important;
        color: #F2EFE7 !important;
        box-shadow: 0 18px 38px -16px rgba(0, 0, 0, .72) !important;
    }

    #mainNavigation .dropdown-menu .lg-row-lg,
    #mainNavigation .dropdown-menu .subcategory-wrapper,
    #mainNavigation .dropdown-menu .dropdown-body,
    #mainNavigation .dropdown-menu .nav,
    #mainNavigation .dropdown-menu .nav-item {
        background-color: transparent !important;
    }

    #mainNavigation .dropdown-menu .submenu-headline,
    #mainNavigation .dropdown-menu .nav-mobile-heading,
    #mainNavigation .subcategory-wrapper .nav-item.dropdown > .submenu-headline {
        border-color: #292A27 !important;
        background: #1B1C19 !important;
        color: #F2EFE7 !important;
    }

    #mainNavigation .dropdown-menu .submenu-headline:hover,
    #mainNavigation .dropdown-menu .submenu-headline:focus-visible,
    #mainNavigation .subcategory-wrapper .nav-item.dropdown.show > .submenu-headline {
        border-color: #8F713C !important;
        background: #211D15 !important;
        color: #DDBD78 !important;
    }

    #mainNavigation .dropdown-menu .nav-link,
    #mainNavigation .dropdown-menu a,
    #mainNavigation .subcategory-wrapper .categories-recursive-dropdown .nav-link {
        color: #AAA79F !important;
    }

    #mainNavigation .dropdown-menu .nav-link:hover,
    #mainNavigation .dropdown-menu .nav-link:focus-visible,
    #mainNavigation .dropdown-menu a:hover,
    #mainNavigation .dropdown-menu a:focus-visible,
    #mainNavigation .subcategory-wrapper .categories-recursive-dropdown .nav-link:hover,
    #mainNavigation .subcategory-wrapper .categories-recursive-dropdown .nav-link:focus-visible {
        background: #211D15 !important;
        color: #DDBD78 !important;
    }

    #mainNavigation .dropdown-menu .submenu-headline.dropdown-toggle::after,
    #mainNavigation .dropdown-menu .dropdown-toggle::after {
        color: #C6A15B !important;
        border-top-color: #C6A15B !important;
    }

    #mainNavigation .subcategory-wrapper .categories-recursive-dropdown .nav-item.d-lg-none,
    #mainNavigation .dropdown-menu .lg-row-lg > .d-lg-none:first-child > a {
        border-color: #292A27 !important;
    }

    #mainNavigation .dropdown-menu .lg-row-lg > .d-lg-none:first-child > a {
        background: #151614 !important;
        color: #DDBD78 !important;
    }
}


/* ========================================================================== 
   ReefKing 2.2.34 — category subcategory grid
   Show every child category without a horizontal rail and keep the tiles in
   the ReefKing dark/gold palette. Product imagery and listing controls stay
   untouched.
   ========================================================================== */
html.rk-page-category #content-wrapper .rk-subcategory-rail {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)) !important;
    grid-template-rows: none !important;
    grid-auto-flow: row !important;
    grid-auto-columns: auto !important;
    gap: .5rem !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 1rem !important;
    padding: .25rem 0 .35rem !important;
    overflow: visible !important;
    overflow-x: visible !important;
    overscroll-behavior-inline: auto !important;
    scroll-snap-type: none !important;
    scrollbar-width: none !important;
}

html.rk-page-category #content-wrapper .rk-subcategory-rail::-webkit-scrollbar {
    display: none !important;
}

html.rk-page-category #content-wrapper .rk-subcategory-rail > [class*="col"] {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    flex: none !important;
    scroll-snap-align: none !important;
}

html.rk-page-category #content-wrapper .rk-subcategory-rail .sub-categories,
html.rk-page-category #content-wrapper .rk-subcategory-rail .sub-categories > div,
html.rk-page-category #content-wrapper .rk-subcategory-rail .caption {
    height: 100% !important;
    background: transparent !important;
}

html.rk-page-category #content-wrapper .rk-subcategory-rail .caption > a {
    display: flex !important;
    min-height: 46px !important;
    height: 100% !important;
    align-items: center !important;
    padding: .6rem .8rem !important;
    border: 1px solid #3D3D37 !important;
    border-radius: 8px !important;
    background: #151614 !important;
    background-image: none !important;
    color: #F2EFE7 !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

html.rk-page-category #content-wrapper .rk-subcategory-rail .caption > a:hover,
html.rk-page-category #content-wrapper .rk-subcategory-rail .caption > a:focus-visible,
html.rk-page-category #content-wrapper .rk-subcategory-rail .active .caption > a {
    border-color: #C6A15B !important;
    background: #211D15 !important;
    color: #DDBD78 !important;
}

@media (max-width: 767.98px) {
    html.rk-page-category #content-wrapper .rk-subcategory-rail {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 419.98px) {
    html.rk-page-category #content-wrapper .rk-subcategory-rail {
        grid-template-columns: 1fr !important;
    }
}

/* ========================================================================== 
   ReefKing 2.2.35 — warehouse availability modal
   Scope the native NOVA #warehouseAvailability popup only. Keep its Bootstrap
   geometry/functionality and replace the remaining light modal palette.
   ========================================================================== */
#warehouseAvailability .modal-content {
    border: 1px solid #3D3D37 !important;
    border-radius: 10px !important;
    background: #151614 !important;
    color: #F2EFE7 !important;
    box-shadow: 0 24px 60px rgba(0, 0, 0, .58) !important;
}

#warehouseAvailability .modal-header {
    border-bottom: 1px solid #292A27 !important;
    background: #1B1C19 !important;
    color: #F2EFE7 !important;
}

#warehouseAvailability .modal-title,
#warehouseAvailability .modal-header :is(h1, h2, h3, h4, h5, h6) {
    color: #F2EFE7 !important;
}

#warehouseAvailability .modal-header .close {
    color: #DDBD78 !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

#warehouseAvailability .modal-header .close:hover,
#warehouseAvailability .modal-header .close:focus-visible {
    color: #C6A15B !important;
    opacity: 1 !important;
}

#warehouseAvailability .modal-body,
#warehouseAvailability .modal-footer {
    border-color: #292A27 !important;
    background: #151614 !important;
    color: #F2EFE7 !important;
}

#warehouseAvailability .warehouse-row,
#warehouseAvailability .warehouse-row :is(.col, [class*="col-"]) {
    background: transparent !important;
    color: #F2EFE7 !important;
}

#warehouseAvailability .warehouse-row .font-weight-bold-util,
#warehouseAvailability .warehouse-row .warehouse-right,
#warehouseAvailability .warehouse-row .signal_image {
    color: #F2EFE7 !important;
}

#warehouseAvailability hr {
    margin-top: .65rem !important;
    margin-bottom: .65rem !important;
    border-top-color: #292A27 !important;
}

/* NOVA warehouse status classes: keep warning/error distinct, but remove the
   inherited green UI colour from positive stock states. */
#warehouseAvailability .status-0,
#warehouseAvailability .status-1 {
    color: #B83B3B !important;
}

#warehouseAvailability .status-2,
#warehouseAvailability .status-3 {
    color: #C6A15B !important;
}



/* ========================================================================== 
   ReefKing 2.2.36 — cart + checkout foundation
   Native NOVA checkout mechanics stay untouched. This pass only scopes the
   visual system to cart, checkout and order-complete page types.
   ========================================================================== */
html:is(.rk-page-cart,.rk-page-checkout,.rk-page-order-complete) #content-wrapper {
    background: #090A09 !important;
    color: #F2EFE7 !important;
}
html:is(.rk-page-cart,.rk-page-checkout,.rk-page-order-complete) #content-wrapper :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6) {
    color: #F2EFE7 !important;
}
html:is(.rk-page-cart,.rk-page-checkout,.rk-page-order-complete) #content-wrapper :is(.text-muted,.text-secondary,.small) {
    color: #AAA79F !important;
}
html:is(.rk-page-cart,.rk-page-checkout,.rk-page-order-complete) #content-wrapper a:not(.btn) {
    color: #C6A15B;
}
html:is(.rk-page-cart,.rk-page-checkout,.rk-page-order-complete) #content-wrapper a:not(.btn):hover {
    color: #DDBD78;
}

/* NOVA cards, summaries, accordions and checkout selection panels */
html:is(.rk-page-cart,.rk-page-checkout,.rk-page-order-complete) #content-wrapper :is(.card,.card-body,.card-header,.card-footer,.list-group-item,.checkout-shipping-form,.checkout-payment-form,.order-items,.basket-summary,.cart-summary) {
    border-color: #292A27 !important;
    background-color: #151614 !important;
    color: #F2EFE7 !important;
}
html:is(.rk-page-cart,.rk-page-checkout,.rk-page-order-complete) #content-wrapper .card-header,
html:is(.rk-page-cart,.rk-page-checkout,.rk-page-order-complete) #content-wrapper .card-footer {
    background-color: #1B1C19 !important;
}
html:is(.rk-page-cart,.rk-page-checkout,.rk-page-order-complete) #content-wrapper :is(hr,.dropdown-divider) {
    border-color: #292A27 !important;
}
html:is(.rk-page-cart,.rk-page-checkout,.rk-page-order-complete) #content-wrapper :is(.table,.table td,.table th) {
    border-color: #292A27 !important;
    color: #F2EFE7 !important;
}
html:is(.rk-page-cart,.rk-page-checkout,.rk-page-order-complete) #content-wrapper :is(.table-striped tbody tr:nth-of-type(odd),.table-hover tbody tr:hover) {
    background-color: #1B1C19 !important;
}

/* Forms — do not alter payment-provider widgets or logos. */
html:is(.rk-page-cart,.rk-page-checkout,.rk-page-order-complete) #content-wrapper :is(.form-control,.custom-select,select.form-control) {
    border-color: #3D3D37 !important;
    background-color: #0E0F0E !important;
    color: #F2EFE7 !important;
}
html:is(.rk-page-cart,.rk-page-checkout,.rk-page-order-complete) #content-wrapper :is(.form-control,.custom-select,select.form-control):focus {
    border-color: #DDBD78 !important;
    background-color: #0E0F0E !important;
    color: #F2EFE7 !important;
    box-shadow: 0 0 0 .15rem rgba(221,189,120,.18) !important;
}
html:is(.rk-page-cart,.rk-page-checkout,.rk-page-order-complete) #content-wrapper .form-control::placeholder {
    color: #77766F !important;
}
html:is(.rk-page-cart,.rk-page-checkout,.rk-page-order-complete) #content-wrapper :is(.input-group-text,.custom-control-label)::before {
    border-color: #3D3D37 !important;
    background-color: #151614 !important;
}
html:is(.rk-page-cart,.rk-page-checkout,.rk-page-order-complete) #content-wrapper .custom-control-input:checked ~ .custom-control-label::before {
    border-color: #C6A15B !important;
    background-color: #C6A15B !important;
}

/* Primary shop actions in the native checkout. */
html:is(.rk-page-cart,.rk-page-checkout,.rk-page-order-complete) #content-wrapper .btn-primary {
    border-color: #C6A15B !important;
    background: #C6A15B !important;
    color: #090A09 !important;
}
html:is(.rk-page-cart,.rk-page-checkout,.rk-page-order-complete) #content-wrapper .btn-primary:hover,
html:is(.rk-page-cart,.rk-page-checkout,.rk-page-order-complete) #content-wrapper .btn-primary:focus {
    border-color: #DDBD78 !important;
    background: #DDBD78 !important;
    color: #090A09 !important;
}
html:is(.rk-page-cart,.rk-page-checkout,.rk-page-order-complete) #content-wrapper :is(.btn-outline-primary,.btn-outline-secondary) {
    border-color: #8F713C !important;
    background: transparent !important;
    color: #F2EFE7 !important;
}
html:is(.rk-page-cart,.rk-page-checkout,.rk-page-order-complete) #content-wrapper :is(.btn-outline-primary,.btn-outline-secondary):hover {
    border-color: #C6A15B !important;
    background: #211D15 !important;
    color: #F2EFE7 !important;
}

/* Alerts and progress/step navigation. Keep errors red; neutral/success UI gold. */
html:is(.rk-page-cart,.rk-page-checkout,.rk-page-order-complete) #content-wrapper :is(.alert-info,.alert-success) {
    border-color: #8F713C !important;
    background: #211D15 !important;
    color: #F2EFE7 !important;
}
html:is(.rk-page-cart,.rk-page-checkout,.rk-page-order-complete) #content-wrapper :is(.alert-danger,.alert-warning) {
    border-color: #B83B3B !important;
    background: rgba(184,59,59,.12) !important;
    color: #F2EFE7 !important;
}
html.rk-page-checkout #content-wrapper :is(.stepper,.checkout-steps,.nav-tabs,.nav-pills) {
    border-color: #292A27 !important;
    background: #0E0F0E !important;
}
html.rk-page-checkout #content-wrapper :is(.nav-tabs,.nav-pills) .nav-link {
    border-color: transparent !important;
    color: #AAA79F !important;
}
html.rk-page-checkout #content-wrapper :is(.nav-tabs,.nav-pills) .nav-link.active {
    border-color: #8F713C !important;
    background: #211D15 !important;
    color: #DDBD78 !important;
}

/* Keep actual product/payment artwork intact. */
html:is(.rk-page-cart,.rk-page-checkout,.rk-page-order-complete) #content-wrapper img {
    filter: none !important;
}

/* ========================================================================== 
   ReefKing 2.2.37 — cart main column card
   Give the actual basket area the same visual shell as the order overview.
   Native basket markup, widths, product artwork and checkout mechanics stay intact.
   ========================================================================== */
html.rk-page-cart #content-wrapper .basket > .row > .col-lg-7 {
    border: 1px solid #292A27 !important;
    border-radius: var(--rk-card-radius) !important;
    background: #151614 !important;
    box-shadow: var(--rk-shadow-sm);
    padding: clamp(1rem, 2.4vw, 1.5rem) !important;
}

/* Keep the basket sections visually calm inside the single outer card. */
html.rk-page-cart #content-wrapper .basket > .row > .col-lg-7 > .basket-heading {
    margin-top: 0 !important;
}

@media (max-width: 991.98px) {
    html.rk-page-cart #content-wrapper .basket > .row > .col-lg-7 {
        margin-bottom: 1.25rem;
    }
}


/* ========================================================================== 
   ReefKing 2.2.38 — cart shipping postcode + free-gift frames
   Scope stays on the native basket only; product artwork and cart mechanics
   remain untouched.
   ========================================================================== */

/* NOVA's floating PLZ label can retain the light theme even when the input is dark. */
html.rk-page-cart #basket-shipping-estimate-form #plz,
html.rk-page-cart #basket-shipping-estimate-form input[name="plz"] {
    border-color: #3D3D37 !important;
    background: #1B1C19 !important;
    color: #F2EFE7 !important;
    -webkit-text-fill-color: #F2EFE7 !important;
    caret-color: #DDBD78;
}
html.rk-page-cart #basket-shipping-estimate-form #plz:focus,
html.rk-page-cart #basket-shipping-estimate-form input[name="plz"]:focus {
    border-color: #DDBD78 !important;
    background: #1B1C19 !important;
    box-shadow: 0 0 0 .2rem rgba(221,189,120,.12) !important;
}
html.rk-page-cart #basket-shipping-estimate-form label[for="plz"],
html.rk-page-cart #basket-shipping-estimate-form label[for="plz"]::before,
html.rk-page-cart #basket-shipping-estimate-form label[for="plz"]::after {
    background: #151614 !important;
    color: #AAA79F !important;
}
html.rk-page-cart #basket-shipping-estimate-form label[for="plz"] {
    padding-inline: .35rem;
}
html.rk-page-cart #basket-shipping-estimate-form #plz:-webkit-autofill,
html.rk-page-cart #basket-shipping-estimate-form #plz:-webkit-autofill:hover,
html.rk-page-cart #basket-shipping-estimate-form #plz:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px #1B1C19 inset !important;
    -webkit-text-fill-color: #F2EFE7 !important;
    border-color: #3D3D37 !important;
}

/* A fine gold keyline anchors each free-gift image without changing the artwork. */
html.rk-page-cart #freegift .product-wrapper-freegift .square.square-image {
    overflow: hidden;
    border: 1px solid #C6A15B !important;
    border-radius: 8px;
    background: #fff;
    transition: border-color .18s ease, box-shadow .18s ease;
}
html.rk-page-cart #freegift .product-wrapper-freegift:hover .square.square-image,
html.rk-page-cart #freegift .product-wrapper-freegift .custom-control-label.badge-check .square.square-image {
    border-color: #DDBD78 !important;
    box-shadow: 0 0 0 1px rgba(221,189,120,.16);
}

/* ========================================================================== 
   ReefKing 2.2.39 — coupon input + complete nested category presentation
   Scope: native basket coupon form and category-page child category structures.
   No product cards, header geometry or checkout mechanics are changed.
   ========================================================================== */

/* Coupon field: NOVA/IO can redraw this form independently of the shipping
   calculator. Force the actual coupon input and its input-group shell onto the
   same dark palette as the postcode field, including browser autofill. */
html.rk-page-cart #basket-coupon-form,
html.rk-page-cart #basket-coupon-form .form-group,
html.rk-page-cart #basket-coupon-form .input-group {
    background: transparent !important;
}
html.rk-page-cart #basket-coupon-form #couponCode,
html.rk-page-cart #basket-coupon-form input[name="Kuponcode"],
html.rk-page-cart #basket-coupon-form input[type="text"] {
    width: 100% !important;
    min-width: 0 !important;
    border-color: #3D3D37 !important;
    background: #1B1C19 !important;
    background-image: none !important;
    color: #F2EFE7 !important;
    -webkit-text-fill-color: #F2EFE7 !important;
    caret-color: #DDBD78 !important;
    box-shadow: none !important;
}
html.rk-page-cart #basket-coupon-form #couponCode::placeholder,
html.rk-page-cart #basket-coupon-form input[name="Kuponcode"]::placeholder,
html.rk-page-cart #basket-coupon-form input[type="text"]::placeholder {
    color: #77766F !important;
    -webkit-text-fill-color: #77766F !important;
    opacity: 1 !important;
}
html.rk-page-cart #basket-coupon-form #couponCode:focus,
html.rk-page-cart #basket-coupon-form input[name="Kuponcode"]:focus,
html.rk-page-cart #basket-coupon-form input[type="text"]:focus {
    border-color: #DDBD78 !important;
    background: #1B1C19 !important;
    color: #F2EFE7 !important;
    box-shadow: 0 0 0 .2rem rgba(221,189,120,.12) !important;
}
html.rk-page-cart #basket-coupon-form #couponCode:-webkit-autofill,
html.rk-page-cart #basket-coupon-form #couponCode:-webkit-autofill:hover,
html.rk-page-cart #basket-coupon-form #couponCode:-webkit-autofill:focus,
html.rk-page-cart #basket-coupon-form input[name="Kuponcode"]:-webkit-autofill,
html.rk-page-cart #basket-coupon-form input[name="Kuponcode"]:-webkit-autofill:hover,
html.rk-page-cart #basket-coupon-form input[name="Kuponcode"]:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px #1B1C19 inset !important;
    -webkit-text-fill-color: #F2EFE7 !important;
    border-color: #3D3D37 !important;
}

/* Category rows can be replaced by NOVA filtering/AJAX after our JS marker ran.
   Therefore style the native .content-cats-small structure directly as well as
   the ReefKing marker. Every direct child wraps into the grid; no horizontal rail. */
html.rk-page-category #content-wrapper :is(.content-cats-small,.rk-subcategory-rail) {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)) !important;
    grid-template-rows: none !important;
    grid-auto-flow: row !important;
    grid-auto-columns: auto !important;
    gap: .6rem !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 1rem !important;
    padding: .25rem 0 .35rem !important;
    overflow: visible !important;
    overflow-x: visible !important;
    max-height: none !important;
    scroll-snap-type: none !important;
    scrollbar-width: none !important;
}
html.rk-page-category #content-wrapper :is(.content-cats-small,.rk-subcategory-rail)::-webkit-scrollbar {
    display: none !important;
}
html.rk-page-category #content-wrapper :is(.content-cats-small,.rk-subcategory-rail) > [class*="col"] {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    flex: none !important;
    scroll-snap-align: none !important;
}

/* Complete native category tile, not only its first caption link. */
html.rk-page-category #content-wrapper :is(.content-cats-small,.rk-subcategory-rail) :is(.sub-categories,.thumbnail,.caption) {
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    border-color: #3D3D37 !important;
    background: #151614 !important;
    background-image: none !important;
    color: #F2EFE7 !important;
    box-shadow: none !important;
}
html.rk-page-category #content-wrapper :is(.content-cats-small,.rk-subcategory-rail) .thumbnail {
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid #3D3D37 !important;
    border-radius: 8px !important;
}
html.rk-page-category #content-wrapper :is(.content-cats-small,.rk-subcategory-rail) .caption {
    padding: 0 !important;
    border: 0 !important;
    border-radius: 8px !important;
}
html.rk-page-category #content-wrapper :is(.content-cats-small,.rk-subcategory-rail) .caption > a {
    display: flex !important;
    min-height: 46px !important;
    height: auto !important;
    align-items: center !important;
    padding: .65rem .8rem !important;
    border: 0 !important;
    border-radius: 7px !important;
    background: #151614 !important;
    background-image: none !important;
    color: #F2EFE7 !important;
    box-shadow: none !important;
    text-decoration: none !important;
}
html.rk-page-category #content-wrapper :is(.content-cats-small,.rk-subcategory-rail) .caption > a:hover,
html.rk-page-category #content-wrapper :is(.content-cats-small,.rk-subcategory-rail) .caption > a:focus-visible,
html.rk-page-category #content-wrapper :is(.content-cats-small,.rk-subcategory-rail) .active .caption > a {
    background: #211D15 !important;
    color: #DDBD78 !important;
}

/* NOVA renders the next category level as .subsub inside each tile. Make every
   entry visible, readable and naturally expanding instead of clipping/scrolling. */
html.rk-page-category #content-wrapper :is(.content-cats-small,.rk-subcategory-rail) :is(.subsub,ul.subsub),
html.rk-page-category #content-wrapper :is(.content-cats-small,.rk-subcategory-rail) .subsub ul {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 1px !important;
    width: 100% !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    list-style: none !important;
    border-top: 1px solid #292A27 !important;
    background: #292A27 !important;
}
html.rk-page-category #content-wrapper :is(.content-cats-small,.rk-subcategory-rail) .subsub li {
    display: block !important;
    width: 100% !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    background: #1B1C19 !important;
    color: #AAA79F !important;
}
html.rk-page-category #content-wrapper :is(.content-cats-small,.rk-subcategory-rail) .subsub a {
    display: flex !important;
    width: 100% !important;
    min-height: 38px !important;
    align-items: center !important;
    padding: .5rem .8rem !important;
    background: #1B1C19 !important;
    background-image: none !important;
    color: #AAA79F !important;
    text-decoration: none !important;
    white-space: normal !important;
}
html.rk-page-category #content-wrapper :is(.content-cats-small,.rk-subcategory-rail) .subsub a:hover,
html.rk-page-category #content-wrapper :is(.content-cats-small,.rk-subcategory-rail) .subsub a:focus-visible,
html.rk-page-category #content-wrapper :is(.content-cats-small,.rk-subcategory-rail) .subsub li.active > a {
    background: #211D15 !important;
    color: #DDBD78 !important;
}

/* The left category tree is recursive. Apply the same palette/visibility to all
   descendant levels, not only the first expanded branch handled in 2.2.27. */
html.rk-page-category #content-wrapper #sidepanel_left .rk-category-navigation :is(ul,.nav,.collapse,.collapsing,.snippets-categories-collapse) {
    max-height: none !important;
    overflow: visible !important;
    background: #151614 !important;
    background-image: none !important;
}
html.rk-page-category #content-wrapper #sidepanel_left .rk-category-navigation .nav-item {
    background: transparent !important;
    color: #AAA79F !important;
}
html.rk-page-category #content-wrapper #sidepanel_left .rk-category-navigation .nav-item > :is(a,.nav-link),
html.rk-page-category #content-wrapper #sidepanel_left .rk-category-navigation .nav-item > .nav-link > a {
    background: transparent !important;
    background-image: none !important;
    color: #AAA79F !important;
    white-space: normal !important;
}
html.rk-page-category #content-wrapper #sidepanel_left .rk-category-navigation .nav-item > :is(a,.nav-link):hover,
html.rk-page-category #content-wrapper #sidepanel_left .rk-category-navigation .nav-item > :is(a,.nav-link):focus-visible {
    background: #1B1C19 !important;
    color: #F2EFE7 !important;
}
html.rk-page-category #content-wrapper #sidepanel_left .rk-category-navigation .nav-item.active > :is(a,.nav-link),
html.rk-page-category #content-wrapper #sidepanel_left .rk-category-navigation .nav-link.active {
    background: #211D15 !important;
    color: #DDBD78 !important;
}

@media (max-width: 767.98px) {
    html.rk-page-category #content-wrapper :is(.content-cats-small,.rk-subcategory-rail) {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}
@media (max-width: 419.98px) {
    html.rk-page-category #content-wrapper :is(.content-cats-small,.rk-subcategory-rail) {
        grid-template-columns: 1fr !important;
    }
}

/* ==========================================================================
   ReefKing 2.2.40 — deep category levels + category copy + coupon label
   Deep category pages can contain only more child categories and no product
   list. Keep their native NOVA structures on the ReefKing palette as well.
   ========================================================================== */

/* The coupon input itself was already dark; NOVA's floating formgroup label
   is the remaining light strip visible inside the field. */
html.rk-page-cart #basket-coupon-form label[for="couponCode"],
html.rk-page-cart #basket-coupon-form label[for="couponCode"]::before,
html.rk-page-cart #basket-coupon-form label[for="couponCode"]::after {
    background: #151614 !important;
    background-image: none !important;
    color: #AAA79F !important;
    -webkit-text-fill-color: #AAA79F !important;
}
html.rk-page-cart #basket-coupon-form label[for="couponCode"] {
    padding-inline: .35rem !important;
}
html.rk-page-cart #basket-coupon-form .form-group:focus-within label[for="couponCode"] {
    color: #DDBD78 !important;
    -webkit-text-fill-color: #DDBD78 !important;
}

/* Category description: CMS/category HTML may carry old inline text colours.
   Override copy only; warning/error semantics remain red, availability accents
   use ReefKing gold instead of green UI. */
/* Category description: keep the dark ReefKing surface, but do NOT force
   text colours. Category/CMS content can carry colour information maintained
   in JTL-Wawi; those native/inline/status colours must remain authoritative. */
html.rk-page-category #content-wrapper .desc,
#content-wrapper.is-item-list .desc {
    color: #F2EFE7;
}
html.rk-page-category #content-wrapper .desc a:hover,
#content-wrapper.is-item-list .desc a:hover {
    text-decoration-color: currentColor;
}

/* Native NOVA category-page hook. This remains present even on category depth
   4+ where no product list exists. It prevents the deep page from falling back
   to the white NOVA surface. */
#content-wrapper.is-item-list,
#content-wrapper.is-item-list #content {
    background: #090A09 !important;
    color: #F2EFE7 !important;
}
#content-wrapper.is-item-list .title,
#content-wrapper.is-item-list .title :is(h1,h2,h3,h4,h5,h6) {
    color: #F2EFE7 !important;
}

/* Actual v5.8 native subcategory markup: .content-cats-small > columns >
   .sub-categories. Apply the same presentation at every category depth. */
#content-wrapper.is-item-list .content-cats-small {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)) !important;
    grid-auto-flow: row !important;
    gap: .6rem !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 1rem !important;
    padding: .25rem 0 .35rem !important;
    overflow: visible !important;
}
#content-wrapper.is-item-list .content-cats-small > [class*="col"] {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    flex: none !important;
}
#content-wrapper.is-item-list .content-cats-small .sub-categories {
    height: 100% !important;
    min-height: 0 !important;
    overflow: visible !important;
    border: 1px solid #3D3D37 !important;
    border-radius: 8px !important;
    background: #151614 !important;
    background-image: none !important;
    color: #F2EFE7 !important;
    box-shadow: none !important;
}
#content-wrapper.is-item-list .content-cats-small .sub-categories > div,
#content-wrapper.is-item-list .content-cats-small .caption {
    background: transparent !important;
    color: #F2EFE7 !important;
}
#content-wrapper.is-item-list .content-cats-small .caption > a {
    display: flex !important;
    min-height: 46px !important;
    align-items: center !important;
    padding: .65rem .8rem !important;
    border-radius: 7px !important;
    background: #151614 !important;
    color: #F2EFE7 !important;
    text-decoration: none !important;
}
#content-wrapper.is-item-list .content-cats-small .caption > a:hover,
#content-wrapper.is-item-list .content-cats-small .caption > a:focus-visible {
    background: #211D15 !important;
    color: #DDBD78 !important;
}
#content-wrapper.is-item-list .content-cats-small .item_desc {
    padding-inline: .8rem !important;
    color: #AAA79F !important;
}
#content-wrapper.is-item-list .content-cats-small .sub-categories hr {
    border-color: #292A27 !important;
}
#content-wrapper.is-item-list .content-cats-small .sub-categories ul {
    margin: 0 !important;
    padding: 0 0 .45rem !important;
    list-style: none !important;
    background: #1B1C19 !important;
}
#content-wrapper.is-item-list .content-cats-small .sub-categories li {
    margin: 0 !important;
    padding: 0 !important;
    background: #1B1C19 !important;
}
#content-wrapper.is-item-list .content-cats-small .sub-categories li > a {
    display: block !important;
    padding: .45rem .8rem !important;
    background: #1B1C19 !important;
    color: #AAA79F !important;
    white-space: normal !important;
    text-decoration: none !important;
}
#content-wrapper.is-item-list .content-cats-small .sub-categories li > a:hover,
#content-wrapper.is-item-list .content-cats-small .sub-categories li > a:focus-visible {
    background: #211D15 !important;
    color: #DDBD78 !important;
}

/* Native category sidebar from boxes/box_categories.tpl. Do not depend on the
   JS-added .rk-category-navigation class, so level 4+ is styled immediately. */
#content-wrapper.is-item-list #sidepanel_left .box-categories,
#content-wrapper.is-item-list #sidepanel_left .box-categories > .collapse,
#content-wrapper.is-item-list #sidepanel_left .box-categories .nav-panel,
#content-wrapper.is-item-list #sidepanel_left .box-categories :is(ul,.nav,.collapse,.collapsing,.snippets-categories-collapse) {
    background: #151614 !important;
    background-image: none !important;
    color: #AAA79F !important;
    max-height: none !important;
}
#content-wrapper.is-item-list #sidepanel_left .box-categories .nav-item {
    background: #151614 !important;
    color: #AAA79F !important;
}
#content-wrapper.is-item-list #sidepanel_left .box-categories .nav-link,
#content-wrapper.is-item-list #sidepanel_left .box-categories .nav-link > a,
#content-wrapper.is-item-list #sidepanel_left .box-categories .nav-item > a {
    background: transparent !important;
    background-image: none !important;
    color: #AAA79F !important;
    white-space: normal !important;
}
#content-wrapper.is-item-list #sidepanel_left .box-categories .nav-link:hover,
#content-wrapper.is-item-list #sidepanel_left .box-categories .nav-link:focus-visible,
#content-wrapper.is-item-list #sidepanel_left .box-categories .nav-link:hover > a,
#content-wrapper.is-item-list #sidepanel_left .box-categories .nav-link:focus-visible > a {
    background: #1B1C19 !important;
    color: #F2EFE7 !important;
}
#content-wrapper.is-item-list #sidepanel_left .box-categories .nav-item.active > .nav-link,
#content-wrapper.is-item-list #sidepanel_left .box-categories .nav-item.active > .nav-link > a,
#content-wrapper.is-item-list #sidepanel_left .box-categories .nav-link.active {
    background: #211D15 !important;
    color: #DDBD78 !important;
}
#content-wrapper.is-item-list #sidepanel_left .box-categories .dropdown-toggle::after {
    color: #C6A15B !important;
}

@media (max-width: 767.98px) {
    #content-wrapper.is-item-list .content-cats-small {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}
@media (max-width: 419.98px) {
    #content-wrapper.is-item-list .content-cats-small {
        grid-template-columns: 1fr !important;
    }
}


/* ========================================================================== 
   ReefKing 2.2.41 — mini cart + homepage trust typography + megamenu legibility
   Visual-only pass. Keep all accepted header/menu/cart geometry and mechanics.
   ========================================================================== */

/* Header mini-cart: replace NOVA's remaining light dropdown surface. */
#cart-dropdown-container,
#cart-dropdown-container .dropdown-body,
#cart-dropdown-container .dropdown-footer,
#cart-dropdown-container .cart-items,
#cart-dropdown-container .cart-item,
#cart-dropdown-container .cart-summary {
    background-color: #151614 !important;
    background-image: none !important;
    border-color: #3D3D37 !important;
    color: #F2EFE7 !important;
}

#cart-dropdown-container {
    border: 1px solid #3D3D37 !important;
    box-shadow: 0 18px 38px -16px rgba(0, 0, 0, .78) !important;
}

#cart-dropdown-container .cart-item,
#cart-dropdown-container .cart-summary,
#cart-dropdown-container :is(hr,.dropdown-divider) {
    border-color: #292A27 !important;
}

#cart-dropdown-container .cart-item :is(a,strong,.price,.cart-item-price,.cart-item-name),
#cart-dropdown-container .cart-summary :is(strong,.price,.cart-dropdown-total,.cart-dropdown-subtotal),
#cart-dropdown-container :is(.font-weight-bold,.text-body) {
    color: #F2EFE7 !important;
}

#cart-dropdown-container :is(.text-muted,.text-secondary,small,.small) {
    color: #AAA79F !important;
}

#cart-dropdown-container a:not(.btn):hover,
#cart-dropdown-container a:not(.btn):focus-visible {
    color: #DDBD78 !important;
}

#cart-dropdown-container .btn-primary,
#cart-dropdown-container .cart-dropdown-next {
    border-color: #C6A15B !important;
    background: #C6A15B !important;
    color: #090A09 !important;
    -webkit-text-fill-color: #090A09 !important;
}

#cart-dropdown-container .btn-primary:hover,
#cart-dropdown-container .btn-primary:focus-visible,
#cart-dropdown-container .cart-dropdown-next:hover,
#cart-dropdown-container .cart-dropdown-next:focus-visible {
    border-color: #DDBD78 !important;
    background: #DDBD78 !important;
    color: #090A09 !important;
    -webkit-text-fill-color: #090A09 !important;
}

#cart-dropdown-container :is(.btn-outline-primary,.btn-outline-secondary) {
    border-color: #C6A15B !important;
    background: transparent !important;
    color: #F2EFE7 !important;
}

#cart-dropdown-container :is(.btn-outline-primary,.btn-outline-secondary):hover,
#cart-dropdown-container :is(.btn-outline-primary,.btn-outline-secondary):focus-visible {
    border-color: #DDBD78 !important;
    background: #211D15 !important;
    color: #F2EFE7 !important;
}

/* Homepage trust/service points: improve readability without changing layout. */
html.rk-page-home .rk2-trust__grid strong {
    color: #F2EFE7 !important;
    font-size: .92rem !important;
    line-height: 1.3 !important;
}

html.rk-page-home .rk2-trust__grid small {
    color: #F2EFE7 !important;
    font-size: .78rem !important;
    line-height: 1.4 !important;
    opacity: .88;
}

/* Desktop megamenu: slightly larger cream-white labels; gold remains hover/active. */
@media (min-width: 992px) {
    #mainNavigation .dropdown-menu .nav-link,
    #mainNavigation .dropdown-menu a,
    #mainNavigation .subcategory-wrapper .categories-recursive-dropdown .nav-link {
        color: #F2EFE7 !important;
        font-size: .875rem !important;
        line-height: 1.4 !important;
    }

    #mainNavigation .dropdown-menu .submenu-headline,
    #mainNavigation .dropdown-menu .nav-mobile-heading,
    #mainNavigation .subcategory-wrapper .nav-item.dropdown > .submenu-headline {
        color: #F2EFE7 !important;
        font-size: .9rem !important;
        line-height: 1.35 !important;
        font-weight: 700 !important;
    }

    #mainNavigation .dropdown-menu .nav-link:hover,
    #mainNavigation .dropdown-menu .nav-link:focus-visible,
    #mainNavigation .dropdown-menu a:hover,
    #mainNavigation .dropdown-menu a:focus-visible,
    #mainNavigation .subcategory-wrapper .categories-recursive-dropdown .nav-link:hover,
    #mainNavigation .subcategory-wrapper .categories-recursive-dropdown .nav-link:focus-visible,
    #mainNavigation .dropdown-menu .submenu-headline:hover,
    #mainNavigation .dropdown-menu .submenu-headline:focus-visible,
    #mainNavigation .subcategory-wrapper .nav-item.dropdown.show > .submenu-headline {
        color: #DDBD78 !important;
    }
}


/* ==========================================================================
   ReefKing 2.2.42 — account / wishlist surfaces + native floating-label fix
   Visual-only: preserve NOVA account, wishlist and login mechanics/geometry.
   ========================================================================== */

/* Header account dropdown: NOVA's label-slide paints a small white patch
   behind the floating label. Target the native quick-login controls directly. */
.account-icon-dropdown > .dropdown-menu,
.account-icon-dropdown #account-dropdown-menu,
.account-icon-dropdown #account-dropdown-menu .dropdown-body,
.account-icon-dropdown #quick-login,
.account-icon-dropdown .dropdown-footer {
    background: #151614 !important;
    background-image: none !important;
    border-color: #3D3D37 !important;
    color: #F2EFE7 !important;
}

.account-icon-dropdown #quick-login legend,
.account-icon-dropdown #account-dropdown-menu :is(a,p,span,strong,small),
.account-icon-dropdown .dropdown-footer,
.account-icon-dropdown .dropdown-footer a {
    color: #F2EFE7 !important;
}

.account-icon-dropdown #account-dropdown-menu :is(.form-control,input[type="email"],input[type="password"]) {
    border-color: #3D3D37 !important;
    background: #1B1C19 !important;
    background-image: none !important;
    color: #F2EFE7 !important;
    -webkit-text-fill-color: #F2EFE7 !important;
    box-shadow: none !important;
}

/* This is the actual source of the white bars visible behind E-Mail/Passwort. */
.account-icon-dropdown .label-slide .form-group:not(.exclude-from-label-slide):not(.checkbox) > label,
.account-icon-dropdown #quick-login .form-group > label,
.account-icon-dropdown label[for="email_quick"],
.account-icon-dropdown label[for="password_quick"],
.account-icon-dropdown label[for="email_quick"]::before,
.account-icon-dropdown label[for="email_quick"]::after,
.account-icon-dropdown label[for="password_quick"]::before,
.account-icon-dropdown label[for="password_quick"]::after {
    background: #1B1C19 !important;
    background-color: #1B1C19 !important;
    background-image: none !important;
    color: #AAA79F !important;
    -webkit-text-fill-color: #AAA79F !important;
    box-shadow: none !important;
}

.account-icon-dropdown #account-dropdown-menu :is(.form-control,input[type="email"],input[type="password"]):focus {
    border-color: #DDBD78 !important;
    background: #1B1C19 !important;
    color: #F2EFE7 !important;
    box-shadow: 0 0 0 .12rem rgba(221,189,120,.18) !important;
}

.account-icon-dropdown #account-dropdown-menu input:-webkit-autofill,
.account-icon-dropdown #account-dropdown-menu input:-webkit-autofill:hover,
.account-icon-dropdown #account-dropdown-menu input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px #1B1C19 inset !important;
    -webkit-text-fill-color: #F2EFE7 !important;
    caret-color: #F2EFE7 !important;
}

.account-icon-dropdown #account-dropdown-menu .dropdown-item {
    background: #151614 !important;
    color: #F2EFE7 !important;
}
.account-icon-dropdown #account-dropdown-menu .dropdown-item:hover,
.account-icon-dropdown #account-dropdown-menu .dropdown-item:focus {
    background: #211D15 !important;
    color: #DDBD78 !important;
}
.account-icon-dropdown #account-dropdown-menu .dropdown-divider { border-color: #292A27 !important; }

/* Wishlist dropdown / create-wishlist call-to-action. */
#nav-wishlist-collapse,
#wishlist-dropdown-container,
#wishlist-dropdown-container .wishlist-dropdown-items,
#wishlist-dropdown-container .wishlist-dropdown-footer,
#wishlist-dropdown-container .dropdown-body,
#wishlist-dropdown-container .table-responsive {
    background: #151614 !important;
    background-image: none !important;
    border-color: #3D3D37 !important;
    color: #F2EFE7 !important;
}
#wishlist-dropdown-container .table,
#wishlist-dropdown-container .table :is(tbody,tr,td) {
    background: #151614 !important;
    color: #F2EFE7 !important;
    border-color: #292A27 !important;
}
#wishlist-dropdown-container .table tr:hover { background: #211D15 !important; }
#wishlist-dropdown-container :is(.small,small) { color: #AAA79F !important; }
#wishlist-dropdown-container .btn-primary {
    border-color: #C6A15B !important;
    background: #C6A15B !important;
    color: #090A09 !important;
    -webkit-text-fill-color: #090A09 !important;
}
#wishlist-dropdown-container .btn-primary:hover,
#wishlist-dropdown-container .btn-primary:focus-visible {
    border-color: #DDBD78 !important;
    background: #DDBD78 !important;
    color: #090A09 !important;
}

/* My-account / login pages. PAGE_MEINKONTO and PAGE_LOGIN are marked server-side
   in header.tpl so the dark canvas is present before JS executes. */
html.rk-page-account,
html.rk-page-account body,
html.rk-page-account #main-wrapper,
html.rk-page-account #content-wrapper,
html.rk-page-account main,
html.rk-page-account #content {
    background: #090A09 !important;
    background-image: none !important;
    color: #F2EFE7 !important;
}

html.rk-page-account #content-wrapper :is(h1,h2,h3,h4,h5,h6,legend,strong,th,td,p,li,address,label,.card-title) {
    color: #F2EFE7 !important;
}
html.rk-page-account #content-wrapper :is(.text-muted,.text-muted-util,small,.small,.required-info) {
    color: #AAA79F !important;
}
html.rk-page-account #content-wrapper a:not(.btn) { color: #C6A15B !important; }
html.rk-page-account #content-wrapper a:not(.btn):hover,
html.rk-page-account #content-wrapper a:not(.btn):focus-visible { color: #DDBD78 !important; }

html.rk-page-account #account :is(.card,.card-body,.card-header,.account-content,.account-head-data-credit),
html.rk-page-account #content-wrapper :is(.card,.card-body,.card-header) {
    background: #151614 !important;
    background-image: none !important;
    border-color: #3D3D37 !important;
    color: #F2EFE7 !important;
}
html.rk-page-account #content-wrapper .card-header {
    background: #1B1C19 !important;
    border-bottom-color: #292A27 !important;
}
html.rk-page-account #content-wrapper :is(.table,.table-responsive) {
    background: #151614 !important;
    color: #F2EFE7 !important;
}
html.rk-page-account #content-wrapper .table :is(thead,tbody,tr,th,td) {
    background-color: #151614 !important;
    color: #F2EFE7 !important;
    border-color: #292A27 !important;
}
html.rk-page-account #content-wrapper .table-hover tbody tr:hover :is(th,td) {
    background-color: #211D15 !important;
}

html.rk-page-account #content-wrapper :is(.form-control,.custom-select,input[type="text"],input[type="email"],input[type="password"],input[type="tel"],select,textarea) {
    border-color: #3D3D37 !important;
    background: #1B1C19 !important;
    color: #F2EFE7 !important;
    -webkit-text-fill-color: #F2EFE7 !important;
}
html.rk-page-account #content-wrapper :is(.form-control,input,textarea)::placeholder { color: #AAA79F !important; }
html.rk-page-account #content-wrapper :is(.form-control,.custom-select,input,select,textarea):focus {
    border-color: #DDBD78 !important;
    box-shadow: 0 0 0 .12rem rgba(221,189,120,.18) !important;
}
html.rk-page-account #content-wrapper .label-slide .form-group:not(.exclude-from-label-slide):not(.checkbox) > label,
html.rk-page-account #content-wrapper .form-group > label {
    background-color: #1B1C19 !important;
    color: #AAA79F !important;
}
html.rk-page-account #content-wrapper :is(hr,.dropdown-divider) { border-color: #292A27 !important; }
html.rk-page-account #content-wrapper :is(.btn-primary,button[type="submit"],input[type="submit"]) {
    border-color: #C6A15B !important;
    background: #C6A15B !important;
    color: #090A09 !important;
    -webkit-text-fill-color: #090A09 !important;
}
html.rk-page-account #content-wrapper :is(.btn-primary,button[type="submit"],input[type="submit"]):hover,
html.rk-page-account #content-wrapper :is(.btn-primary,button[type="submit"],input[type="submit"]):focus-visible {
    border-color: #DDBD78 !important;
    background: #DDBD78 !important;
    color: #090A09 !important;
}
html.rk-page-account #content-wrapper :is(.btn-outline-secondary,.btn-outline-primary) {
    border-color: #C6A15B !important;
    background: transparent !important;
    color: #F2EFE7 !important;
}
html.rk-page-account #content-wrapper :is(.btn-outline-secondary,.btn-outline-primary):hover,
html.rk-page-account #content-wrapper :is(.btn-outline-secondary,.btn-outline-primary):focus-visible {
    border-color: #DDBD78 !important;
    background: #211D15 !important;
    color: #F2EFE7 !important;
}

/* ==========================================================================
   ReefKing 2.2.43 — newsletter / shipping / sitemap + homepage newsletter hover
   Visual-only. Native JTL forms, links and page structure remain unchanged.
   ========================================================================== */

/* These three native JTL special pages are marked server-side in header.tpl,
   preventing the bright NOVA canvas from appearing before JavaScript runs. */
html.rk-page-info,
html.rk-page-info body,
html.rk-page-info #main-wrapper,
html.rk-page-info #content-wrapper,
html.rk-page-info #content-wrapper main,
html.rk-page-info #content {
    background: #090A09 !important;
    background-image: none !important;
    color: #F2EFE7 !important;
}

html.rk-page-info #content-wrapper :is(.breadcrumb-wrapper,.container-breadcrumbs) {
    background: #090A09 !important;
    border-color: #292A27 !important;
}
html.rk-page-info #content-wrapper :is(.breadcrumb,.breadcrumb-item,.breadcrumb-item + .breadcrumb-item::before) {
    color: #AAA79F !important;
}
html.rk-page-info #content-wrapper .breadcrumb a { color: #C6A15B !important; }
html.rk-page-info #content-wrapper .breadcrumb a:hover,
html.rk-page-info #content-wrapper .breadcrumb a:focus-visible { color: #DDBD78 !important; }

html.rk-page-info #content-wrapper :is(h1,h2,h3,h4,h5,h6,legend,strong,b,th,td,p,li,dt,dd,label,address) {
    color: #F2EFE7 !important;
}
html.rk-page-info #content-wrapper :is(.text-muted,.text-muted-util,small,.small,.form-text,.required-info) {
    color: #AAA79F !important;
}
html.rk-page-info #content-wrapper a:not(.btn) { color: #C6A15B !important; }
html.rk-page-info #content-wrapper a:not(.btn):hover,
html.rk-page-info #content-wrapper a:not(.btn):focus-visible { color: #DDBD78 !important; }
html.rk-page-info #content-wrapper :is(hr,fieldset,.dropdown-divider) { border-color: #292A27 !important; }

/* Native content panels and sitemap groups. */
html.rk-page-info #content-wrapper :is(.card,.card-body,.card-header,.list-group,.list-group-item,.well,.jumbotron,.panel,.table-responsive) {
    background: #151614 !important;
    background-image: none !important;
    border-color: #3D3D37 !important;
    color: #F2EFE7 !important;
}
html.rk-page-info #content-wrapper .card-header { background: #1B1C19 !important; }
html.rk-page-info #content-wrapper :is(.table,table) {
    background: #151614 !important;
    color: #F2EFE7 !important;
    border-color: #3D3D37 !important;
}
html.rk-page-info #content-wrapper :is(.table,table) :is(thead,tbody,tfoot,tr,th,td) {
    background-color: #151614 !important;
    color: #F2EFE7 !important;
    border-color: #292A27 !important;
}
html.rk-page-info #content-wrapper :is(.table,table) thead th { background: #1B1C19 !important; }
html.rk-page-info #content-wrapper :is(.table,table) tbody tr:nth-child(even) :is(th,td) { background: #181916 !important; }

/* Newsletter subscribe/unsubscribe inputs including NOVA floating labels. */
html.rk-page-newsletter #content-wrapper :is(.form-control,.custom-select,input[type="text"],input[type="email"],select,textarea),
html.rk-page-shipping #content-wrapper :is(.form-control,.custom-select,input[type="text"],input[type="email"],select,textarea) {
    background: #1B1C19 !important;
    background-image: none !important;
    border-color: #3D3D37 !important;
    color: #F2EFE7 !important;
    -webkit-text-fill-color: #F2EFE7 !important;
    box-shadow: none !important;
}
html.rk-page-newsletter #content-wrapper :is(.form-control,input,textarea)::placeholder,
html.rk-page-shipping #content-wrapper :is(.form-control,input,textarea)::placeholder { color: #AAA79F !important; }
html.rk-page-newsletter #content-wrapper :is(.form-control,.custom-select,input,select,textarea):focus,
html.rk-page-shipping #content-wrapper :is(.form-control,.custom-select,input,select,textarea):focus {
    background: #1B1C19 !important;
    border-color: #DDBD78 !important;
    color: #F2EFE7 !important;
    box-shadow: 0 0 0 .12rem rgba(221,189,120,.18) !important;
}
html.rk-page-newsletter #content-wrapper .label-slide .form-group:not(.exclude-from-label-slide):not(.checkbox) > label,
html.rk-page-newsletter #content-wrapper .form-group > label,
html.rk-page-newsletter #content-wrapper .form-group > label::before,
html.rk-page-newsletter #content-wrapper .form-group > label::after {
    background: #1B1C19 !important;
    background-color: #1B1C19 !important;
    background-image: none !important;
    color: #AAA79F !important;
    -webkit-text-fill-color: #AAA79F !important;
    box-shadow: none !important;
}
html.rk-page-newsletter #content-wrapper input:-webkit-autofill,
html.rk-page-newsletter #content-wrapper input:-webkit-autofill:hover,
html.rk-page-newsletter #content-wrapper input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px #1B1C19 inset !important;
    -webkit-text-fill-color: #F2EFE7 !important;
    caret-color: #F2EFE7 !important;
}

html.rk-page-info #content-wrapper :is(.btn-primary,button[type="submit"],input[type="submit"]) {
    background: #C6A15B !important;
    border-color: #C6A15B !important;
    color: #090A09 !important;
    -webkit-text-fill-color: #090A09 !important;
}
html.rk-page-info #content-wrapper :is(.btn-primary,button[type="submit"],input[type="submit"]):hover,
html.rk-page-info #content-wrapper :is(.btn-primary,button[type="submit"],input[type="submit"]):focus-visible {
    background: #DDBD78 !important;
    border-color: #DDBD78 !important;
    color: #090A09 !important;
}
html.rk-page-info #content-wrapper :is(.btn-outline-primary,.btn-outline-secondary) {
    background: transparent !important;
    border-color: #C6A15B !important;
    color: #F2EFE7 !important;
}
html.rk-page-info #content-wrapper :is(.btn-outline-primary,.btn-outline-secondary):hover,
html.rk-page-info #content-wrapper :is(.btn-outline-primary,.btn-outline-secondary):focus-visible {
    background: #211D15 !important;
    border-color: #DDBD78 !important;
    color: #F2EFE7 !important;
}

/* Sitemap: nested native lists stay readable without changing hierarchy. */
html.rk-page-sitemap #content-wrapper :is(ul,ol) { color: #F2EFE7 !important; }
html.rk-page-sitemap #content-wrapper :is(.nav-link,.list-group-item a) { color: #F2EFE7 !important; }
html.rk-page-sitemap #content-wrapper :is(.nav-link,.list-group-item a):hover,
html.rk-page-sitemap #content-wrapper :is(.nav-link,.list-group-item a):focus-visible { color: #DDBD78 !important; }

/* Keep NOVA's layout containers transparent on the three dark information pages. */
html.rk-page-info #content-wrapper > :is(.container,.container-fluid,.container-fluid-xl),
html.rk-page-info #content-wrapper > main > :is(.container,.container-fluid,.container-fluid-xl),
html.rk-page-info #content-wrapper main > :is(.container,.container-fluid,.container-fluid-xl),
html.rk-page-info #content-wrapper #content > .row,
html.rk-page-info #content-wrapper #content > form,
html.rk-page-info #content-wrapper #content > form > .row {
    background-color: transparent !important;
    background-image: none !important;
}


/* ========================================================================== 
   ReefKing 2.2.44 — newsletter floating labels / KingCoin / visitor counter
   Visual-only except restoring JTL's native, setting-controlled visitor count.
   ========================================================================== */

/* Newsletter: NOVA's floating label can paint only the text wrapper white.
   Neutralize the complete label subtree, not just the form-group label. */
html.rk-page-newsletter #content-wrapper .label-slide .form-group:not(.exclude-from-label-slide):not(.checkbox) > label,
html.rk-page-newsletter #content-wrapper .label-slide .form-group:not(.exclude-from-label-slide):not(.checkbox) > label *,
html.rk-page-newsletter #content-wrapper .form-group > label,
html.rk-page-newsletter #content-wrapper .form-group > label *,
html.rk-page-newsletter #content-wrapper :is(.form-control-label,.control-label) {
    background: #1B1C19 !important;
    background-color: #1B1C19 !important;
    background-image: none !important;
    color: #AAA79F !important;
    -webkit-text-fill-color: #AAA79F !important;
    box-shadow: none !important;
}
html.rk-page-newsletter #content-wrapper .label-slide .form-group:not(.exclude-from-label-slide):not(.checkbox) > label::before,
html.rk-page-newsletter #content-wrapper .label-slide .form-group:not(.exclude-from-label-slide):not(.checkbox) > label::after,
html.rk-page-newsletter #content-wrapper .form-group > label::before,
html.rk-page-newsletter #content-wrapper .form-group > label::after {
    background: #1B1C19 !important;
    background-color: #1B1C19 !important;
    background-image: none !important;
    box-shadow: none !important;
}

/* KingCoin / loyalty account plugin page. The plugin owns all calculations and
   form actions; ReefKing only supplies the dark visual surface. */
html.rk-page-kingcoin,
html.rk-page-kingcoin body,
html.rk-page-kingcoin #main-wrapper,
html.rk-page-kingcoin #content-wrapper,
html.rk-page-kingcoin #content-wrapper main,
html.rk-page-kingcoin #content {
    background: #090A09 !important;
    background-image: none !important;
    color: #F2EFE7 !important;
}
html.rk-page-kingcoin #content-wrapper :is(.breadcrumb-wrapper,.container-breadcrumbs,.container,.container-fluid,.container-fluid-xl,.row) {
    background-color: transparent !important;
    background-image: none !important;
}
html.rk-page-kingcoin #content-wrapper :is(h1,h2,h3,h4,h5,h6,legend,strong,b,th,td,p,li,dt,dd,label,address) {
    color: #F2EFE7 !important;
}
html.rk-page-kingcoin #content-wrapper :is(.text-muted,.text-muted-util,small,.small,.form-text,.required-info) {
    color: #AAA79F !important;
}
html.rk-page-kingcoin #content-wrapper a:not(.btn) { color: #C6A15B !important; }
html.rk-page-kingcoin #content-wrapper a:not(.btn):hover,
html.rk-page-kingcoin #content-wrapper a:not(.btn):focus-visible { color: #DDBD78 !important; }
html.rk-page-kingcoin #content-wrapper :is(hr,fieldset,.dropdown-divider) { border-color: #292A27 !important; }

html.rk-page-kingcoin #content-wrapper :is(.card,.card-body,.card-header,.list-group,.list-group-item,.well,.jumbotron,.panel,.alert,.table-responsive),
html.rk-page-kingcoin #content-wrapper [class*="kingcoin" i],
html.rk-page-kingcoin #content-wrapper [class*="king-coin" i],
html.rk-page-kingcoin #content-wrapper [class*="loyalty" i],
html.rk-page-kingcoin #content-wrapper [class*="points" i] {
    background: #151614 !important;
    background-image: none !important;
    border-color: #3D3D37 !important;
    color: #F2EFE7 !important;
}
html.rk-page-kingcoin #content-wrapper :is(.card-header,.panel-heading) {
    background: #1B1C19 !important;
    border-color: #292A27 !important;
}
html.rk-page-kingcoin #content-wrapper :is(.table,table) {
    background: #151614 !important;
    color: #F2EFE7 !important;
    border-color: #3D3D37 !important;
}
html.rk-page-kingcoin #content-wrapper :is(.table,table) :is(thead,tbody,tfoot,tr,th,td) {
    background-color: #151614 !important;
    color: #F2EFE7 !important;
    border-color: #292A27 !important;
}
html.rk-page-kingcoin #content-wrapper :is(.table,table) thead th { background: #1B1C19 !important; }
html.rk-page-kingcoin #content-wrapper :is(.table,table) tbody tr:nth-child(even) :is(th,td) { background: #181916 !important; }

html.rk-page-kingcoin #content-wrapper :is(.form-control,.custom-select,input[type="text"],input[type="email"],input[type="number"],select,textarea) {
    background: #1B1C19 !important;
    background-image: none !important;
    border-color: #3D3D37 !important;
    color: #F2EFE7 !important;
    -webkit-text-fill-color: #F2EFE7 !important;
    box-shadow: none !important;
}
html.rk-page-kingcoin #content-wrapper :is(.form-control,input,textarea)::placeholder { color: #AAA79F !important; }
html.rk-page-kingcoin #content-wrapper :is(.form-control,.custom-select,input,select,textarea):focus {
    background: #1B1C19 !important;
    border-color: #DDBD78 !important;
    color: #F2EFE7 !important;
    box-shadow: 0 0 0 .12rem rgba(221,189,120,.18) !important;
}
html.rk-page-kingcoin #content-wrapper :is(.btn-primary,button[type="submit"],input[type="submit"]) {
    background: #C6A15B !important;
    border-color: #C6A15B !important;
    color: #090A09 !important;
    -webkit-text-fill-color: #090A09 !important;
}
html.rk-page-kingcoin #content-wrapper :is(.btn-primary,button[type="submit"],input[type="submit"]):hover,
html.rk-page-kingcoin #content-wrapper :is(.btn-primary,button[type="submit"],input[type="submit"]):focus-visible {
    background: #DDBD78 !important;
    border-color: #DDBD78 !important;
    color: #090A09 !important;
}
html.rk-page-kingcoin #content-wrapper :is(.btn-outline-primary,.btn-outline-secondary) {
    background: transparent !important;
    border-color: #C6A15B !important;
    color: #F2EFE7 !important;
}
html.rk-page-kingcoin #content-wrapper :is(.btn-outline-primary,.btn-outline-secondary):hover,
html.rk-page-kingcoin #content-wrapper :is(.btn-outline-primary,.btn-outline-secondary):focus-visible {
    background: #211D15 !important;
    border-color: #DDBD78 !important;
    color: #F2EFE7 !important;
}

/* Native JTL visitor counter restored in the existing compact copyright row. */
#copyright .rk-footer-counter {
    color: #AAA79F !important;
    white-space: nowrap;
}
#copyright .rk-footer-counter::before {
    content: "";
    display: inline-block;
    width: .3rem;
    height: .3rem;
    margin-right: .4rem;
    border-radius: 50%;
    background: #C6A15B;
    vertical-align: .12em;
}


/* ========================================================================== 
   ReefKing 2.2.45 — exact NOVA newsletter label selector + server KingCoin marker
   ========================================================================== */

/* NOVA nests the newsletter label in some form variants. 2.2.44 used a direct
   child selector, which misses that markup. This mirrors NOVA's own label-slide
   selector and therefore removes the remaining white label patch. */
html.rk-page-newsletter #content-wrapper .label-slide .form-group:not(.exclude-from-label-slide):not(.checkbox) label,
html.rk-page-newsletter #content-wrapper .label-slide .form-group:not(.exclude-from-label-slide):not(.checkbox) label *,
html.rk-page-newsletter #content-wrapper .form-group label[for],
html.rk-page-newsletter #content-wrapper .form-group label[for] * {
    background: #1B1C19 !important;
    background-color: #1B1C19 !important;
    background-image: none !important;
    color: #AAA79F !important;
    -webkit-text-fill-color: #AAA79F !important;
    box-shadow: none !important;
}
html.rk-page-newsletter #content-wrapper .label-slide .form-group:not(.exclude-from-label-slide):not(.checkbox) label::before,
html.rk-page-newsletter #content-wrapper .label-slide .form-group:not(.exclude-from-label-slide):not(.checkbox) label::after,
html.rk-page-newsletter #content-wrapper .form-group label[for]::before,
html.rk-page-newsletter #content-wrapper .form-group label[for]::after {
    background: #1B1C19 !important;
    background-color: #1B1C19 !important;
    background-image: none !important;
    box-shadow: none !important;
}

/* ========================================================================== 
   ReefKing 2.2.46 — footer subscribe matches the header search button + counter
   ========================================================================== */

/* Footer newsletter submit: use exactly the same ReefKing colors as the
   header search submit in normal, hover and keyboard-focus states. */
#footer-boxes :is(.newsletter-form,.subscribe-module-form) :is(.btn-primary,button[type="submit"],input[type="submit"]),
#footer :is(.newsletter-form,.subscribe-module-form) :is(.btn-primary,button[type="submit"],input[type="submit"]),
footer :is(.newsletter-form,.subscribe-module-form) :is(.btn-primary,button[type="submit"],input[type="submit"]) {
    background: #C6A15B !important;
    background-color: #C6A15B !important;
    border-color: #C6A15B !important;
    color: #090A09 !important;
    -webkit-text-fill-color: #090A09 !important;
}
#footer-boxes :is(.newsletter-form,.subscribe-module-form) :is(.btn-primary,button[type="submit"],input[type="submit"]):hover,
#footer-boxes :is(.newsletter-form,.subscribe-module-form) :is(.btn-primary,button[type="submit"],input[type="submit"]):focus,
#footer :is(.newsletter-form,.subscribe-module-form) :is(.btn-primary,button[type="submit"],input[type="submit"]):hover,
#footer :is(.newsletter-form,.subscribe-module-form) :is(.btn-primary,button[type="submit"],input[type="submit"]):focus,
footer :is(.newsletter-form,.subscribe-module-form) :is(.btn-primary,button[type="submit"],input[type="submit"]):hover,
footer :is(.newsletter-form,.subscribe-module-form) :is(.btn-primary,button[type="submit"],input[type="submit"]):focus {
    background: #DDBD78 !important;
    background-color: #DDBD78 !important;
    border-color: #DDBD78 !important;
    color: #090A09 !important;
    -webkit-text-fill-color: #090A09 !important;
}

/* The counter stays in the existing copyright row; only make the supplied
   native JTL value readable in the ReefKing palette. */
.rk-footer-credits .rk-footer-counter,
#copyright .rk-footer-counter,
footer .rk-footer-counter {
    color: #AAA79F !important;
    -webkit-text-fill-color: #AAA79F !important;
    white-space: nowrap;
}

/* ==========================================================================
   ReefKing 2.2.47 — actual footer newsletter input-group button
   The NOVA footer module does not consistently expose newsletter-form /
   subscribe-module-form on the rendered form. Target its input-group submit
   directly, while keeping the rule inside #footer-boxes only.
   ========================================================================== */
#footer-boxes .input-group > .input-group-append > :is(.btn,button,input[type="submit"]),
#footer-boxes .input-group > :is(.btn,button[type="submit"],input[type="submit"]),
#footer #footer-boxes .input-group-append :is(.btn,button,input[type="submit"]) {
    background: #C6A15B !important;
    background-color: #C6A15B !important;
    background-image: none !important;
    border-color: #C6A15B !important;
    color: #090A09 !important;
    -webkit-text-fill-color: #090A09 !important;
}
#footer-boxes .input-group > .input-group-append > :is(.btn,button,input[type="submit"]):hover,
#footer-boxes .input-group > .input-group-append > :is(.btn,button,input[type="submit"]):focus,
#footer-boxes .input-group > :is(.btn,button[type="submit"],input[type="submit"]):hover,
#footer-boxes .input-group > :is(.btn,button[type="submit"],input[type="submit"]):focus,
#footer #footer-boxes .input-group-append :is(.btn,button,input[type="submit"]):hover,
#footer #footer-boxes .input-group-append :is(.btn,button,input[type="submit"]):focus {
    background: #DDBD78 !important;
    background-color: #DDBD78 !important;
    background-image: none !important;
    border-color: #DDBD78 !important;
    color: #090A09 !important;
    -webkit-text-fill-color: #090A09 !important;
}

/* ========================================================================== 
   ReefKing 2.2.48 — exact rendered NOVA footer newsletter submit
   Safari inspector confirms: #footer > .newsletter-footer ...
   .input-group-append > button.btn.btn-secondary. Keep it color-identical
   to the header search submit and override the generic .btn-secondary skin.
   ========================================================================== */
#footer.newsletter-active .newsletter-footer form .input-group-append > button.btn.btn-secondary,
#footer .newsletter-footer form .input-group-append > button[type="submit"].btn-secondary {
    background: #C6A15B !important;
    background-color: #C6A15B !important;
    background-image: none !important;
    border-color: #C6A15B !important;
    color: #090A09 !important;
    -webkit-text-fill-color: #090A09 !important;
}
#footer.newsletter-active .newsletter-footer form .input-group-append > button.btn.btn-secondary:hover,
#footer.newsletter-active .newsletter-footer form .input-group-append > button.btn.btn-secondary:focus,
#footer.newsletter-active .newsletter-footer form .input-group-append > button.btn.btn-secondary:focus-visible,
#footer .newsletter-footer form .input-group-append > button[type="submit"].btn-secondary:hover,
#footer .newsletter-footer form .input-group-append > button[type="submit"].btn-secondary:focus,
#footer .newsletter-footer form .input-group-append > button[type="submit"].btn-secondary:focus-visible {
    background: #DDBD78 !important;
    background-color: #DDBD78 !important;
    background-image: none !important;
    border-color: #DDBD78 !important;
    color: #090A09 !important;
    -webkit-text-fill-color: #090A09 !important;
}

/* ReefKing 2.2.49 — compact native delivery/stock information in product previews */
.productbox .rk-productbox-availability {
    margin-top: .45rem;
    color: #AAA79F;
    font-size: .78rem;
    line-height: 1.35;
}
.productbox .rk-productbox-availability .stock-information,
.productbox .rk-productbox-availability .delivery-status,
.productbox .rk-productbox-availability .estimated-delivery,
.productbox .rk-productbox-availability p,
.productbox .rk-productbox-availability ul {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
}
.productbox .rk-productbox-availability li {
    margin: .12rem 0 0 !important;
    list-style: none !important;
}
.productbox .rk-productbox-availability strong,
.productbox .rk-productbox-availability .status,
.productbox .rk-productbox-availability .status.status-2,
.productbox .rk-productbox-availability .a2,
.productbox .rk-productbox-availability .text-success {
    color: #C6A15B !important;
}
.productbox .rk-productbox-availability .status.status-0,
.productbox .rk-productbox-availability .a0,
.productbox .rk-productbox-availability .text-danger {
    color: #B83B3B !important;
}
.productbox .rk-productbox-availability .btn,
.productbox .rk-productbox-availability .question-on-item,
.productbox .rk-productbox-availability .product-stock-info,
.productbox .rk-productbox-availability .availability-notification {
    display: none !important;
}

/* ReefKing 2.2.50 — one compact stock + delivery line system for every product preview. */
.productbox .rk-productbox-availability,
.product-wrapper-product .rk-productbox-availability {
    margin-top: .45rem;
    min-height: 2.15rem;
    color: #AAA79F !important;
    font-size: .78rem;
    line-height: 1.35;
    text-align: left;
}
.productbox .rk-productbox-availability .item-delivery-status,
.product-wrapper-product .rk-productbox-availability .item-delivery-status {
    display: grid;
    gap: .12rem;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
}
.productbox .rk-productbox-availability .signal_image,
.productbox .rk-productbox-availability .availablefrom,
.productbox .rk-productbox-availability .attr,
.productbox .rk-productbox-availability .estimated_delivery,
.product-wrapper-product .rk-productbox-availability .signal_image,
.product-wrapper-product .rk-productbox-availability .availablefrom,
.product-wrapper-product .rk-productbox-availability .attr,
.product-wrapper-product .rk-productbox-availability .estimated_delivery {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    color: #AAA79F !important;
}
.productbox .rk-productbox-availability .signal_image::before,
.product-wrapper-product .rk-productbox-availability .signal_image::before {
    content: "";
    display: inline-block;
    width: .48rem;
    height: .48rem;
    margin-right: .34rem;
    border-radius: 50%;
    vertical-align: .03rem;
    background: currentColor;
}
.productbox .rk-productbox-availability .signal_image.status-2,
.productbox .rk-productbox-availability .signal_image.status-3,
.productbox .rk-productbox-availability .attr-preorder,
.product-wrapper-product .rk-productbox-availability .signal_image.status-2,
.product-wrapper-product .rk-productbox-availability .signal_image.status-3,
.product-wrapper-product .rk-productbox-availability .attr-preorder {
    color: #C6A15B !important;
}
.productbox .rk-productbox-availability .signal_image.status-0,
.productbox .rk-productbox-availability .signal_image.status-1,
.product-wrapper-product .rk-productbox-availability .signal_image.status-0,
.product-wrapper-product .rk-productbox-availability .signal_image.status-1 {
    color: #B83B3B !important;
}
.productbox .rk-productbox-availability .estimated_delivery,
.product-wrapper-product .rk-productbox-availability .estimated_delivery {
    color: #F2EFE7 !important;
}
.productbox .rk-productbox-availability small,
.product-wrapper-product .rk-productbox-availability small {
    color: inherit !important;
    font-size: inherit;
}


/* ReefKing 2.2.51 — expanded Grumeria search only.
   Keep normal NOVA product cards untouched. Search result cards stay light;
   product name + price use dark ink, stock is gold/red and delivery text remains readable. */
html body .mr-overlay {
    --grumeria-primary: #C6A15B !important;
    --grumeria-success: #C6A15B !important;
    --grumeria-danger: #B83B3B !important;
    --grumeria-dark: #171814 !important;
    --grumeria-fg: #171814 !important;
    --grumeria-fg-secondary: #4D4D48 !important;
    --grumeria-muted: #686861 !important;
    --grumeria-border: #D8D4C9 !important;
    --grumeria-border-strong: #BDB7A8 !important;
    --grumeria-card-border: #D8D4C9 !important;
}

/* Only cards/results rendered inside the opened Grumeria overlay. */
html body .mr-overlay :is(.mr-result,.mr-result-item,.mr-product,.mr-product-card,.mr-suggestion,.mr-suggestion-item) {
    background: #F7F5EF !important;
    color: #171814 !important;
    border-color: #D8D4C9 !important;
}
html body .mr-overlay :is(.mr-result,.mr-result-item,.mr-product,.mr-product-card,.mr-suggestion,.mr-suggestion-item):hover {
    background: #EFEADF !important;
    border-color: #C6A15B !important;
}

/* Product name and price: deliberately dark on the light search-result card. */
html body .mr-overlay :is(.mr-result,.mr-result-item,.mr-product,.mr-product-card,.mr-suggestion,.mr-suggestion-item)
:is(.mr-title,.mr-product-title,.mr-result-title,.mr-price,[class*="product-name" i],[class*="product-title" i],[class*="price" i]) {
    color: #171814 !important;
    -webkit-text-fill-color: #171814 !important;
}
html body .mr-overlay :is(.mr-result,.mr-result-item,.mr-product,.mr-product-card,.mr-suggestion,.mr-suggestion-item) a {
    color: #171814 !important;
}

/* Delivery time/meta text: enough contrast without competing with name/price. */
html body .mr-overlay :is(.mr-result,.mr-result-item,.mr-product,.mr-product-card,.mr-suggestion,.mr-suggestion-item)
:is(.mr-subtitle,.mr-description,.mr-meta,.mr-muted,.mr-secondary,[class*="delivery" i],[class*="liefer" i],[class*="estimated" i]) {
    color: #4D4D48 !important;
    -webkit-text-fill-color: #4D4D48 !important;
}

/* Stock/availability: available = ReefKing gold; unavailable/error = red. */
html body .mr-overlay :is(.mr-result,.mr-result-item,.mr-product,.mr-product-card,.mr-suggestion,.mr-suggestion-item)
:is(.mr-stock,.mr-availability,.mr-available,.mr-success,.text-success,[class*="stock" i],[class*="availability" i],[class*="verfueg" i],[class*="verfüg" i]) {
    color: #A77D2D !important;
    -webkit-text-fill-color: #A77D2D !important;
}
html body .mr-overlay :is(.mr-result,.mr-result-item,.mr-product,.mr-product-card,.mr-suggestion,.mr-suggestion-item)
:is(.mr-danger,.mr-unavailable,.mr-out-of-stock,.text-danger,.status-0,.status-1,[class*="danger" i],[class*="unavailable" i],[class*="out-of-stock" i]) {
    color: #B83B3B !important;
    -webkit-text-fill-color: #B83B3B !important;
}


/* ReefKing 2.2.51 hotfix — actual NOVA productbox markup inside opened Grumeria search only. */
html body .mr-overlay .productbox :is(.productbox-title,.productbox-title a,[itemprop="name"],[itemprop="name"] a,.productbox-name,.product-name,.title,.caption),
html body .mr-overlay .product-wrapper-product :is(.productbox-title,.productbox-title a,[itemprop="name"],[itemprop="name"] a,.productbox-name,.product-name,.title,.caption) {
    color: #171814 !important;
    -webkit-text-fill-color: #171814 !important;
    opacity: 1 !important;
}
html body .mr-overlay .productbox :is(.price,.price_wrapper,.productbox-price,.price-note,.price-note *),
html body .mr-overlay .product-wrapper-product :is(.price,.price_wrapper,.productbox-price,.price-note,.price-note *) {
    color: #171814 !important;
    -webkit-text-fill-color: #171814 !important;
    opacity: 1 !important;
}
html body .mr-overlay :is(.productbox,.product-wrapper-product) .rk-productbox-availability,
html body .mr-overlay :is(.productbox,.product-wrapper-product) .rk-productbox-availability :is(.item-delivery-status,.stock-information,.delivery-status,p,li,strong,.status,.signal_image,.availablefrom,.attr,small) {
    color: #A77D2D !important;
    -webkit-text-fill-color: #A77D2D !important;
    opacity: 1 !important;
}
html body .mr-overlay :is(.productbox,.product-wrapper-product) .rk-productbox-availability :is(.estimated_delivery,.estimated-delivery,[class*="delivery" i],[class*="liefer" i],[class*="estimated" i]) {
    color: #4D4D48 !important;
    -webkit-text-fill-color: #4D4D48 !important;
    opacity: 1 !important;
}
html body .mr-overlay :is(.productbox,.product-wrapper-product) .rk-productbox-availability :is(.status-0,.status-1,.a0,.text-danger,[class*="unavailable" i],[class*="out-of-stock" i]) {
    color: #B83B3B !important;
    -webkit-text-fill-color: #B83B3B !important;
}


/* ReefKing 2.2.53 — opened Grumeria search only.
   Megamenu-matched search surface + hard contrast reset for text inside light result cards. */
html body .mr-overlay {
    --grumeria-dark: #151614 !important;
    --grumeria-fg: #171814 !important;
    --grumeria-fg-secondary: #4D4D48 !important;
    background-color: #151614 !important;
}

/* Grumeria can render result cards with different class names depending on view.
   Keep this scoped to the overlay and only to card/result/product containers. */
html body .mr-overlay :is(
    .mr-result,.mr-result-item,.mr-product,.mr-product-card,.mr-suggestion,.mr-suggestion-item,
    .productbox,.product-wrapper-product,
    [class*="result-card" i],[class*="result-item" i],[class*="product-card" i],[class*="product-item" i]
) {
    background-color: #F7F5EF !important;
}
html body .mr-overlay :is(
    .mr-result,.mr-result-item,.mr-product,.mr-product-card,.mr-suggestion,.mr-suggestion-item,
    .productbox,.product-wrapper-product,
    [class*="result-card" i],[class*="result-item" i],[class*="product-card" i],[class*="product-item" i]
) :is(a,h1,h2,h3,h4,h5,h6,.title,.caption,[itemprop="name"],[class*="name" i],[class*="title" i],[class*="price" i]) {
    color: #171814 !important;
    -webkit-text-fill-color: #171814 !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

/* Availability remains the only coloured card text: gold for positive/order states. */
html body .mr-overlay :is(
    .mr-result,.mr-result-item,.mr-product,.mr-product-card,.mr-suggestion,.mr-suggestion-item,
    .productbox,.product-wrapper-product,
    [class*="result-card" i],[class*="result-item" i],[class*="product-card" i],[class*="product-item" i]
) :is(.rk-productbox-availability,.mr-stock,.mr-availability,.mr-available,.mr-success,.text-success,[class*="stock" i],[class*="availability" i]) {
    color: #A77D2D !important;
    -webkit-text-fill-color: #A77D2D !important;
    opacity: 1 !important;
}
html body .mr-overlay :is(
    .mr-result,.mr-result-item,.mr-product,.mr-product-card,.mr-suggestion,.mr-suggestion-item,
    .productbox,.product-wrapper-product,
    [class*="result-card" i],[class*="result-item" i],[class*="product-card" i],[class*="product-item" i]
) :is(.mr-danger,.mr-unavailable,.mr-out-of-stock,.text-danger,.status-0,.status-1,[class*="unavailable" i],[class*="out-of-stock" i]) {
    color: #B83B3B !important;
    -webkit-text-fill-color: #B83B3B !important;
    opacity: 1 !important;
}
html body .mr-overlay :is(
    .mr-result,.mr-result-item,.mr-product,.mr-product-card,.mr-suggestion,.mr-suggestion-item,
    .productbox,.product-wrapper-product,
    [class*="result-card" i],[class*="result-item" i],[class*="product-card" i],[class*="product-item" i]
) :is(.estimated_delivery,.estimated-delivery,[class*="delivery" i],[class*="liefer" i],[class*="estimated" i]) {
    color: #4D4D48 !important;
    -webkit-text-fill-color: #4D4D48 !important;
    opacity: 1 !important;
}

/* ReefKing 2.2.55 — Grumeria filter rail uses the desktop megamenu palette.
   Overlay only: cream labels, gold interaction states; light option hover stays readable. */
html body .mr-overlay :is(
    .mr-filter,.mr-filters,.mr-filter-wrapper,.mr-filter-sidebar,.mr-sidebar,.mr-facets,.mr-facet,
    [class*="filter" i],[class*="facet" i]
) :is(label,legend,button,a,span,p,strong,small,[class*="label" i],[class*="title" i],[class*="headline" i],[class*="count" i]) {
    color: #F2EFE7 !important;
    -webkit-text-fill-color: #F2EFE7 !important;
    opacity: 1 !important;
}

/* Match megamenu interaction gold without changing Grumeria layout/mechanics. */
html body .mr-overlay :is(
    .mr-filter,.mr-filters,.mr-filter-wrapper,.mr-filter-sidebar,.mr-sidebar,.mr-facets,.mr-facet,
    [class*="filter" i],[class*="facet" i]
) :is(a,button,label,[role="button"],.active,.selected,[aria-selected="true"]):is(:hover,:focus,:focus-visible),
html body .mr-overlay :is(
    .mr-filter,.mr-filters,.mr-filter-wrapper,.mr-filter-sidebar,.mr-sidebar,.mr-facets,.mr-facet,
    [class*="filter" i],[class*="facet" i]
) :is(.active,.selected,[aria-selected="true"]) {
    color: #DDBD78 !important;
    -webkit-text-fill-color: #DDBD78 !important;
}

/* Grumeria's light option-row hover/selection is intentionally retained.
   Its contents must switch dark so the hover remains legible. */
html body .mr-overlay :is(
    .mr-filter,.mr-filters,.mr-filter-wrapper,.mr-filter-sidebar,.mr-sidebar,.mr-facets,.mr-facet,
    [class*="filter" i],[class*="facet" i]
) :is(li,div,label,a,button,[role="option"],[role="button"]):is(:hover,:focus-within,.active,.selected,[aria-selected="true"]):not(.mr-filter):not(.mr-filters):not(.mr-filter-wrapper):not(.mr-filter-sidebar):not(.mr-sidebar):not(.mr-facets):not(.mr-facet) :is(span,small,strong) {
    color: #171814 !important;
    -webkit-text-fill-color: #171814 !important;
}

/* ReefKing 2.2.55 — Grumeria left filter rail, aligned with desktop megamenu.
   Normal state is cream; gold is interaction/active only. Light Grumeria hover rows stay dark for contrast. */
html body .mr-overlay :is(.mr-filter,.mr-filters,.mr-filter-wrapper,.mr-filter-sidebar,.mr-sidebar,.mr-facets,.mr-facet,[class*="filter" i],[class*="facet" i]) :is(label,legend,button,a,span,p,strong,small,[class*="label" i],[class*="title" i],[class*="headline" i],[class*="count" i]) {
    color:#F2EFE7 !important;
    -webkit-text-fill-color:#F2EFE7 !important;
    opacity:1 !important;
}
html body .mr-overlay :is(.mr-filter,.mr-filters,.mr-filter-wrapper,.mr-filter-sidebar,.mr-sidebar,.mr-facets,.mr-facet,[class*="filter" i],[class*="facet" i]) :is(a,button,label,[role="button"]):is(:hover,:focus,:focus-visible),
html body .mr-overlay :is(.mr-filter,.mr-filters,.mr-filter-wrapper,.mr-filter-sidebar,.mr-sidebar,.mr-facets,.mr-facet,[class*="filter" i],[class*="facet" i]) :is(.active,.selected,[aria-selected="true"]) {
    color:#DDBD78 !important;
    -webkit-text-fill-color:#DDBD78 !important;
}
/* Any child text in a dark-row interaction follows gold. */
html body .mr-overlay :is(.mr-filter,.mr-filters,.mr-filter-wrapper,.mr-filter-sidebar,.mr-sidebar,.mr-facets,.mr-facet,[class*="filter" i],[class*="facet" i]) :is(a,button,label,[role="button"]):is(:hover,:focus,:focus-visible) :is(span,small,strong),
html body .mr-overlay :is(.mr-filter,.mr-filters,.mr-filter-wrapper,.mr-filter-sidebar,.mr-sidebar,.mr-facets,.mr-facet,[class*="filter" i],[class*="facet" i]) :is(.active,.selected,[aria-selected="true"]) :is(span,small,strong) {
    color:#DDBD78 !important;
    -webkit-text-fill-color:#DDBD78 !important;
}
/* Grumeria paints option rows light on hover/selection: dark text wins there. */
html body .mr-overlay :is(.mr-filter,.mr-filters,.mr-filter-wrapper,.mr-filter-sidebar,.mr-sidebar,.mr-facets,.mr-facet,[class*="filter" i],[class*="facet" i]) :is(li,div,label,a,button,[role="option"],[role="button"]):is(:hover,:focus-within,.active,.selected,[aria-selected="true"]):not(.mr-filter):not(.mr-filters):not(.mr-filter-wrapper):not(.mr-filter-sidebar):not(.mr-sidebar):not(.mr-facets):not(.mr-facet) {
    --grumeria-filter-hover-text:#171814;
}
html body .mr-overlay :is(.mr-filter,.mr-filters,.mr-filter-wrapper,.mr-filter-sidebar,.mr-sidebar,.mr-facets,.mr-facet,[class*="filter" i],[class*="facet" i]) :is(li,div,label,a,button,[role="option"],[role="button"]):is(:hover,:focus-within,.active,.selected,[aria-selected="true"]):not(.mr-filter):not(.mr-filters):not(.mr-filter-wrapper):not(.mr-filter-sidebar):not(.mr-sidebar):not(.mr-facets):not(.mr-facet) :is(span,small,strong) {
    color:var(--grumeria-filter-hover-text) !important;
    -webkit-text-fill-color:var(--grumeria-filter-hover-text) !important;
}

/* ReefKing 2.2.56 — Grumeria: only the actually hovered option row may turn dark.
   Ancestor/group hover must never recolour sibling filter labels. */
html body .mr-overlay :is(.mr-filter,.mr-filters,.mr-filter-wrapper,.mr-filter-sidebar,.mr-sidebar,.mr-facets,.mr-facet,[class*="filter" i],[class*="facet" i]) :is(label,legend,button,a,span,p,strong,small,[class*="label" i],[class*="title" i],[class*="headline" i],[class*="count" i]) {
    color:#F2EFE7 !important;
    -webkit-text-fill-color:#F2EFE7 !important;
}
/* Direct hover target only — no :focus-within and no broad div/li ancestor propagation. */
html body .mr-overlay :is(.mr-filter,.mr-filters,.mr-filter-wrapper,.mr-filter-sidebar,.mr-sidebar,.mr-facets,.mr-facet,[class*="filter" i],[class*="facet" i]) :is(label,a,button,[role="option"],[role="button"]):hover,
html body .mr-overlay :is(.mr-filter,.mr-filters,.mr-filter-wrapper,.mr-filter-sidebar,.mr-sidebar,.mr-facets,.mr-facet,[class*="filter" i],[class*="facet" i]) :is(label,a,button,[role="option"],[role="button"]):hover :is(span,small,strong,[class*="label" i],[class*="count" i]) {
    color:#171814 !important;
    -webkit-text-fill-color:#171814 !important;
}
/* Keyboard focus gets the same local treatment, without affecting siblings. */
html body .mr-overlay :is(.mr-filter,.mr-filters,.mr-filter-wrapper,.mr-filter-sidebar,.mr-sidebar,.mr-facets,.mr-facet,[class*="filter" i],[class*="facet" i]) :is(label,a,button,[role="option"],[role="button"]):focus-visible,
html body .mr-overlay :is(.mr-filter,.mr-filters,.mr-filter-wrapper,.mr-filter-sidebar,.mr-sidebar,.mr-facets,.mr-facet,[class*="filter" i],[class*="facet" i]) :is(label,a,button,[role="option"],[role="button"]):focus-visible :is(span,small,strong,[class*="label" i],[class*="count" i]) {
    color:#171814 !important;
    -webkit-text-fill-color:#171814 !important;
}


/* ========================================================================== 
   ReefKing 2.2.57 — complete Grumeria search chrome = desktop megamenu palette
   Scope: opened Grumeria overlay only. Product result cards intentionally stay
   light for contrast; every dark search/filter/control state follows megamenu.
   ========================================================================== */
html body .mr-overlay {
    --grumeria-primary: #DDBD78 !important;
    --grumeria-success: #C6A15B !important;
    --grumeria-danger: #B83B3B !important;
    --grumeria-dark: #151614 !important;
    --grumeria-fg: #F2EFE7 !important;
    --grumeria-fg-secondary: #AAA79F !important;
    --grumeria-muted: #AAA79F !important;
    --grumeria-border: #292A27 !important;
    --grumeria-border-strong: #3D3D37 !important;
    background: #151614 !important;
    color: #F2EFE7 !important;
}

/* Dark search chrome, filter rail and controls. */
html body .mr-overlay :is(
    .mr-sidebar,.mr-filter-sidebar,.mr-filters,.mr-filter,.mr-filter-wrapper,.mr-facets,.mr-facet,
    .mr-mobile-search,.mr-search,.mr-search-wrapper,.mr-header,.mr-toolbar,
    [class*="filter" i],[class*="facet" i]
) {
    color: #F2EFE7 !important;
    border-color: #292A27 !important;
}
html body .mr-overlay :is(input[type="search"],input[type="text"],select,textarea) {
    background: #1B1C19 !important;
    border-color: #3D3D37 !important;
    color: #F2EFE7 !important;
    -webkit-text-fill-color: #F2EFE7 !important;
}
html body .mr-overlay :is(input[type="search"],input[type="text"],textarea)::placeholder {
    color: #AAA79F !important;
    opacity: 1 !important;
}
html body .mr-overlay :is(input[type="search"],input[type="text"],select,textarea):focus {
    border-color: #C6A15B !important;
    box-shadow: 0 0 0 1px #8F713C !important;
    outline: 0 !important;
}

/* Headings = cream; ordinary option/meta text = megamenu muted grey. */
html body .mr-overlay :is(
    .mr-sidebar,.mr-filter-sidebar,.mr-filters,.mr-filter,.mr-filter-wrapper,.mr-facets,.mr-facet,
    [class*="filter" i],[class*="facet" i]
) :is(legend,h1,h2,h3,h4,h5,h6,[class*="headline" i],[class*="heading" i],[class*="title" i]) {
    color: #F2EFE7 !important;
    -webkit-text-fill-color: #F2EFE7 !important;
}
html body .mr-overlay :is(
    .mr-sidebar,.mr-filter-sidebar,.mr-filters,.mr-filter,.mr-filter-wrapper,.mr-facets,.mr-facet,
    [class*="filter" i],[class*="facet" i]
) :is(label,a,button,[role="button"],[role="option"],span,p,small,strong,[class*="label" i],[class*="count" i]) {
    color: #AAA79F !important;
    -webkit-text-fill-color: #AAA79F !important;
    opacity: 1 !important;
}

/* Megamenu hover: dark warm surface + gold text. Never a white hover row. */
html body .mr-overlay :is(
    .mr-sidebar,.mr-filter-sidebar,.mr-filters,.mr-filter,.mr-filter-wrapper,.mr-facets,.mr-facet,
    [class*="filter" i],[class*="facet" i]
) :is(label,a,button,[role="button"],[role="option"]):hover,
html body .mr-overlay :is(
    .mr-sidebar,.mr-filter-sidebar,.mr-filters,.mr-filter,.mr-filter-wrapper,.mr-facets,.mr-facet,
    [class*="filter" i],[class*="facet" i]
) :is(label,a,button,[role="button"],[role="option"]):focus-visible {
    background: #211D15 !important;
    border-color: #8F713C !important;
    color: #DDBD78 !important;
    -webkit-text-fill-color: #DDBD78 !important;
}
html body .mr-overlay :is(
    .mr-sidebar,.mr-filter-sidebar,.mr-filters,.mr-filter,.mr-filter-wrapper,.mr-facets,.mr-facet,
    [class*="filter" i],[class*="facet" i]
) :is(label,a,button,[role="button"],[role="option"]):is(:hover,:focus-visible) * {
    color: #DDBD78 !important;
    -webkit-text-fill-color: #DDBD78 !important;
}

/* Selected/active filter values use the same gold language without turning light. */
html body .mr-overlay :is(
    .mr-sidebar,.mr-filter-sidebar,.mr-filters,.mr-filter,.mr-filter-wrapper,.mr-facets,.mr-facet,
    [class*="filter" i],[class*="facet" i]
) :is(.active,.selected,[aria-selected="true"],[aria-checked="true"]) {
    background-color: #211D15 !important;
    border-color: #8F713C !important;
    color: #DDBD78 !important;
    -webkit-text-fill-color: #DDBD78 !important;
}
html body .mr-overlay :is(
    .mr-sidebar,.mr-filter-sidebar,.mr-filters,.mr-filter,.mr-filter-wrapper,.mr-facets,.mr-facet,
    [class*="filter" i],[class*="facet" i]
) :is(.active,.selected,[aria-selected="true"],[aria-checked="true"]) * {
    color: #DDBD78 !important;
    -webkit-text-fill-color: #DDBD78 !important;
}

/* Dividers, chevrons and native controls echo the menu border/gold accents. */
html body .mr-overlay :is(hr,[class*="divider" i],[class*="separator" i]) {
    border-color: #3D3D37 !important;
    background-color: #3D3D37 !important;
}
html body .mr-overlay :is(input[type="checkbox"],input[type="radio"],input[type="range"]) {
    accent-color: #C6A15B !important;
}
html body .mr-overlay :is(svg,path,[class*="chevron" i],[class*="arrow" i]) {
    color: #C6A15B !important;
}

/* Product cards remain the deliberate light content surface. Their hover only
   gains the megamenu gold border; text contrast from 2.2.53 stays intact. */
html body .mr-overlay :is(
    .mr-result,.mr-result-item,.mr-product,.mr-product-card,.mr-suggestion,.mr-suggestion-item,
    .productbox,.product-wrapper-product,
    [class*="result-card" i],[class*="result-item" i],[class*="product-card" i],[class*="product-item" i]
) {
    background: #F7F5EF !important;
    border-color: #D8D4C9 !important;
}
html body .mr-overlay :is(
    .mr-result,.mr-result-item,.mr-product,.mr-product-card,.mr-suggestion,.mr-suggestion-item,
    .productbox,.product-wrapper-product,
    [class*="result-card" i],[class*="result-item" i],[class*="product-card" i],[class*="product-item" i]
):hover {
    background: #F7F5EF !important;
    border-color: #C6A15B !important;
}

/* ReefKing 2.2.58 — readability hardening for JTL/NOVA navigation and product surfaces. */
:root {
    --rk-read-nav-bg: #081722;
    --rk-read-nav-text: #eef4f6;
    --rk-read-nav-border: #284556;
    --rk-read-nav-hover-bg: #102d3c;
    --rk-read-nav-hover: #f5be3c;
    --rk-read-nav-muted: #b7c8d0;
    --rk-read-card-bg: #091a26;
    --rk-read-card-text: #eef4f6;
    --rk-read-card-title: #ffffff;
    --rk-read-card-muted: #c3d0d6;
    --rk-read-light-text: #172c38;
    --rk-read-available: #76e6aa;
}

/* Desktop + mobile mega menu, including recursive brand/category flyouts. */
html body #mainNavigation .dropdown-menu,
html body #mainNavigation .dropdown-menu .dropdown-body,
html body #mainNavigation .subcategory-wrapper .categories-recursive-dropdown,
html body #mainNavigation .dropdown-menu .dropdown-menu {
    border-color: var(--rk-read-nav-border) !important;
    background: var(--rk-read-nav-bg) !important;
    color: var(--rk-read-nav-text) !important;
}
html body #mainNavigation .dropdown-menu :is(.nav-link, .submenu-headline, .nav-mobile-heading, a, button),
html body #mainNavigation .dropdown-menu :is(.nav-link, .submenu-headline, .nav-mobile-heading, a, button) :is(span, strong, small, .text-truncate) {
    color: var(--rk-read-nav-text) !important;
    -webkit-text-fill-color: var(--rk-read-nav-text) !important;
}
html body #mainNavigation .dropdown-menu :is(.text-muted, small, .small, .description, [class*="description" i], [class*="subtitle" i]) {
    color: var(--rk-read-nav-muted) !important;
    -webkit-text-fill-color: var(--rk-read-nav-muted) !important;
}
html body #mainNavigation .dropdown-menu :is(.nav-link, .submenu-headline, .nav-mobile-heading, a, button):is(:hover, :focus-visible),
html body #mainNavigation .dropdown-menu .nav-item.show > :is(.nav-link, .submenu-headline),
html body #mainNavigation .dropdown-menu .nav-item.active > :is(.nav-link, .submenu-headline) {
    border-color: var(--rk-read-nav-border) !important;
    background: var(--rk-read-nav-hover-bg) !important;
    color: var(--rk-read-nav-hover) !important;
    -webkit-text-fill-color: var(--rk-read-nav-hover) !important;
    outline-color: var(--rk-read-nav-hover) !important;
}
html body #mainNavigation .dropdown-menu :is(.nav-link, .submenu-headline, .nav-mobile-heading, a, button):is(:hover, :focus-visible) *,
html body #mainNavigation .dropdown-menu .nav-item.show > :is(.nav-link, .submenu-headline) *,
html body #mainNavigation .dropdown-menu .nav-item.active > :is(.nav-link, .submenu-headline) * {
    color: var(--rk-read-nav-hover) !important;
    -webkit-text-fill-color: var(--rk-read-nav-hover) !important;
}

/* Explicit dark product-card zones: homepage product modules and category/list cards. */
html body :is(.rk2-products, .rk2-home-featured) .productbox,
html body :is(.rk2-products, .rk2-home-featured) .productbox-inner,
html.rk-page-category body #content-wrapper .product-list :is(.productbox, .productbox-inner, .product-wrapper-product, .productbox-details, .productbox-content) {
    background-color: var(--rk-read-card-bg) !important;
    color: var(--rk-read-card-text) !important;
}
html body :is(.rk2-products, .rk2-home-featured) .productbox :is(.productbox-title, .productbox-title a, .title, .title a, .price, .price_wrapper),
html.rk-page-category body #content-wrapper .product-list .productbox :is(.productbox-title, .productbox-title a, .title, .title a, .price, .price_wrapper) {
    color: var(--rk-read-card-title) !important;
    -webkit-text-fill-color: var(--rk-read-card-title) !important;
}
html body :is(.rk2-products, .rk2-home-featured) .productbox :is(.text-muted, small, .small, .productbox-footer, .price-note, .base-price, .delivery-status),
html.rk-page-category body #content-wrapper .product-list .productbox :is(.text-muted, small, .small, .productbox-footer, .price-note, .base-price, .delivery-status) {
    color: var(--rk-read-card-muted) !important;
    -webkit-text-fill-color: var(--rk-read-card-muted) !important;
}
/* Availability/status colours are intentionally not overridden here.
   JTL/Wawi status classes and configured colours remain authoritative. */

/* PDP is an explicit dark product surface. */
html.rk-page-pdp body #content-wrapper .product-info-inner {
    background-color: var(--rk-read-card-bg) !important;
    color: var(--rk-read-card-text) !important;
}
html.rk-page-pdp body #content-wrapper .product-info-inner :is(.product-title, h1, .price, .price_wrapper) {
    color: var(--rk-read-card-title) !important;
    -webkit-text-fill-color: var(--rk-read-card-title) !important;
}
html.rk-page-pdp body #content-wrapper .product-info-inner :is(.text-muted, small, .small, .product-info-essential, .product-id, .manufacturer, .info-essential, .short-description, .product-short-description, .price-note, .vat_info, .shipping-tax-info, .estimated-delivery-info) {
    color: var(--rk-read-card-muted) !important;
    -webkit-text-fill-color: var(--rk-read-card-muted) !important;
}

/* Light product/content surfaces must never inherit the global light product text. */
html body .mr-overlay :is(.mr-result, .mr-result-item, .mr-product, .mr-product-card, .mr-suggestion, .mr-suggestion-item, .productbox, .product-wrapper-product, [class*="result-card" i], [class*="result-item" i], [class*="product-card" i], [class*="product-item" i]),
html body .productbox.bg-white,
html body .productbox-inner.bg-white,
html body .card.bg-white {
    color: var(--rk-read-light-text) !important;
}
html body .mr-overlay :is(.mr-result, .mr-result-item, .mr-product, .mr-product-card, .mr-suggestion, .mr-suggestion-item, .productbox, .product-wrapper-product, [class*="result-card" i], [class*="result-item" i], [class*="product-card" i], [class*="product-item" i]) :is(.productbox-title, .productbox-title a, .title, .title a, .price, .price_wrapper, h1, h2, h3, a:not(.btn)) {
    color: var(--rk-read-light-text) !important;
    -webkit-text-fill-color: var(--rk-read-light-text) !important;
}
html body .mr-overlay :is(.mr-result, .mr-result-item, .mr-product, .mr-product-card, .mr-suggestion, .mr-suggestion-item, .productbox, .product-wrapper-product, [class*="result-card" i], [class*="result-item" i], [class*="product-card" i], [class*="product-item" i]) :is(.text-muted, small, .small, .price-note, .base-price, .delivery-status, .estimated-delivery, .estimated-delivery-info) {
    color: #536b77 !important;
    -webkit-text-fill-color: #536b77 !important;
}

/* ReefKing 2.2.59 — restore 2.2.56 megamenu palette, contact readability, Grumeria light-card contrast. */
/* Megamenu: restore the established 2.2.56 dark/warm surfaces. */
html body #mainNavigation .dropdown-menu,
html body #mainNavigation .dropdown-menu .dropdown-body,
html body #mainNavigation .subcategory-wrapper .categories-recursive-dropdown,
html body #mainNavigation .dropdown-menu .dropdown-menu {
    background: #151614 !important;
    border-color: #292A27 !important;
    color: #F2EFE7 !important;
}
html body #mainNavigation .dropdown-menu :is(.nav-link,.submenu-headline,.nav-mobile-heading,a,button) {
    color: #F2EFE7 !important;
    -webkit-text-fill-color: #F2EFE7 !important;
}
html body #mainNavigation .dropdown-menu :is(.text-muted,small,.small,.description,[class*="description" i],[class*="subtitle" i]) {
    color: #AAA79F !important;
    -webkit-text-fill-color: #AAA79F !important;
}
html body #mainNavigation .dropdown-menu :is(.nav-link,.submenu-headline,.nav-mobile-heading,a,button):is(:hover,:focus-visible),
html body #mainNavigation .dropdown-menu .nav-item.show > :is(.nav-link,.submenu-headline),
html body #mainNavigation .dropdown-menu .nav-item.active > :is(.nav-link,.submenu-headline) {
    background: #211D15 !important;
    border-color: #8F713C !important;
    color: #DDBD78 !important;
    -webkit-text-fill-color: #DDBD78 !important;
}
html body #mainNavigation .dropdown-menu :is(.nav-link,.submenu-headline,.nav-mobile-heading,a,button):is(:hover,:focus-visible) *,
html body #mainNavigation .dropdown-menu .nav-item.show > :is(.nav-link,.submenu-headline) *,
html body #mainNavigation .dropdown-menu .nav-item.active > :is(.nav-link,.submenu-headline) * {
    color: #DDBD78 !important;
    -webkit-text-fill-color: #DDBD78 !important;
}

/* Contact page/forms: dark shell, readable controls and labels without touching checkout/account forms. */
html.rk-page-content #content :is(.contact-form,#contact-form,.contact-form-wrapper,[class*="contact-form" i]) {
    color: #F2EFE7 !important;
}
html.rk-page-content #content :is(.contact-form,#contact-form,.contact-form-wrapper,[class*="contact-form" i]) :is(label,legend,h1,h2,h3,h4,h5,h6,.form-label) {
    color: #F2EFE7 !important;
    -webkit-text-fill-color: #F2EFE7 !important;
}
html.rk-page-content #content :is(.contact-form,#contact-form,.contact-form-wrapper,[class*="contact-form" i]) :is(.text-muted,.form-text,small,.small) {
    color: #AAA79F !important;
    -webkit-text-fill-color: #AAA79F !important;
}
html.rk-page-content #content :is(.contact-form,#contact-form,.contact-form-wrapper,[class*="contact-form" i]) :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea,.form-control,.custom-select) {
    background: #F7F5EF !important;
    border-color: #B9B5AA !important;
    color: #172C38 !important;
    -webkit-text-fill-color: #172C38 !important;
}
html.rk-page-content #content :is(.contact-form,#contact-form,.contact-form-wrapper,[class*="contact-form" i]) :is(input,textarea)::placeholder {
    color: #65747C !important;
    -webkit-text-fill-color: #65747C !important;
    opacity: 1 !important;
}
html.rk-page-content #content :is(.contact-form,#contact-form,.contact-form-wrapper,[class*="contact-form" i]) :is(input,select,textarea,.form-control,.custom-select):focus {
    border-color: #C6A15B !important;
    box-shadow: 0 0 0 .2rem rgba(198,161,91,.22) !important;
    outline: 0 !important;
}

/* Grumeria: light result/product cards always use dark typography. */
html body .mr-overlay :is(.mr-result,.mr-result-item,.mr-product,.mr-product-card,.mr-suggestion,.mr-suggestion-item,.productbox,.product-wrapper-product,[class*="result-card" i],[class*="result-item" i],[class*="product-card" i],[class*="product-item" i]) {
    color: #172C38 !important;
}
html body .mr-overlay :is(.mr-result,.mr-result-item,.mr-product,.mr-product-card,.mr-suggestion,.mr-suggestion-item,.productbox,.product-wrapper-product,[class*="result-card" i],[class*="result-item" i],[class*="product-card" i],[class*="product-item" i]) :is(.productbox-title,.productbox-title a,.title,.title a,.price,.price_wrapper,h1,h2,h3,a:not(.btn)) {
    color: #172C38 !important;
    -webkit-text-fill-color: #172C38 !important;
}
html body .mr-overlay :is(.mr-result,.mr-result-item,.mr-product,.mr-product-card,.mr-suggestion,.mr-suggestion-item,.productbox,.product-wrapper-product,[class*="result-card" i],[class*="result-item" i],[class*="product-card" i],[class*="product-item" i]) :is(.text-muted,small,.small,.price-note,.base-price,.delivery-status,.estimated-delivery,.estimated-delivery-info) {
    color: #536B77 !important;
    -webkit-text-fill-color: #536B77 !important;
}


/* ReefKing 2.2.60 — cache-safe contact scope + Grumeria light-card contrast. */
html body .rk-contact-scope { color:#F2EFE7 !important; }
html body .rk-contact-scope :is(label,legend,h1,h2,h3,h4,h5,h6,.form-label) { color:#F2EFE7 !important; -webkit-text-fill-color:#F2EFE7 !important; }
html body .rk-contact-scope :is(.text-muted,.form-text,small,.small,.help-block) { color:#AAA79F !important; -webkit-text-fill-color:#AAA79F !important; }
html body .rk-contact-scope :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea,.form-control,.custom-select) { background:#F7F5EF !important; border-color:#B9B5AA !important; color:#172C38 !important; -webkit-text-fill-color:#172C38 !important; opacity:1 !important; }
html body .rk-contact-scope :is(input,textarea)::placeholder { color:#65747C !important; -webkit-text-fill-color:#65747C !important; opacity:1 !important; }
html body .rk-contact-scope :is(input,select,textarea,.form-control,.custom-select):focus { background:#fff !important; color:#172C38 !important; -webkit-text-fill-color:#172C38 !important; border-color:#C6A15B !important; box-shadow:0 0 0 .2rem rgba(198,161,91,.22) !important; }

/* Grumeria result cards are light: force dark text only inside those cards. */
html body .mr-overlay :is(.productbox,.product-wrapper-product,.mr-result,.mr-result-item,.mr-product,.mr-product-card,.mr-suggestion,.mr-suggestion-item) :is(a,span,p,div,strong,small,h1,h2,h3,h4,h5,h6,.title,.productbox-title,.price,.price_wrapper,.text-muted) { color:#172C38 !important; -webkit-text-fill-color:#172C38 !important; opacity:1 !important; }
html body .mr-overlay :is(.productbox,.product-wrapper-product,.mr-result,.mr-result-item,.mr-product,.mr-product-card,.mr-suggestion,.mr-suggestion-item) :is(.text-muted,small,.small,.price-note,.base-price,.estimated_delivery,.estimated-delivery,.estimated-delivery-info,[class*="liefer" i],[class*="estimated" i]) { color:#536B77 !important; -webkit-text-fill-color:#536B77 !important; }
html body .mr-overlay :is(.productbox,.product-wrapper-product,.mr-result,.mr-result-item,.mr-product,.mr-product-card) :is(.rk-productbox-availability,.delivery-status,.stock-information,.item-delivery-status,.available,.in-stock,.status-2) { color:#A77D2D !important; -webkit-text-fill-color:#A77D2D !important; }
html body .mr-overlay :is(.productbox,.product-wrapper-product,.mr-result,.mr-result-item,.mr-product,.mr-product-card) :is(.status-0,.status-1,.a0,.text-danger,[class*="unavailable" i],[class*="out-of-stock" i]) { color:#B83B3B !important; -webkit-text-fill-color:#B83B3B !important; }


/* ReefKing 2.2.61 — Grumeria light result tiles: final inner-node contrast override.
   Deliberately excludes the filter/facet rail; only result-grid/card descendants are affected. */
html body .mr-overlay :is(
  .mr-results,.mr-result-list,.mr-result-grid,.mr-products,.mr-product-list,.mr-product-grid,
  [class*="results" i],[class*="result-list" i],[class*="result-grid" i],[class*="product-list" i],[class*="product-grid" i]
) :is(
  .mr-result,.mr-result-item,.mr-product,.mr-product-card,.mr-suggestion,.mr-suggestion-item,
  .productbox,.product-wrapper-product,[class*="result-card" i],[class*="result-item" i],
  [class*="product-card" i],[class*="product-item" i]
) :is(a,span,p,div,strong,b,small,h1,h2,h3,h4,h5,h6) {
  color:#172C38 !important;
  -webkit-text-fill-color:#172C38 !important;
  opacity:1 !important;
  text-shadow:none !important;
}
/* Fallback for Grumeria builds whose individual tile has no semantic card class.
   A link containing an image is the product tile/link; recolor all of its textual descendants. */
html body .mr-overlay :is(
  .mr-results,.mr-result-list,.mr-result-grid,.mr-products,.mr-product-list,.mr-product-grid,
  [class*="results" i],[class*="result-list" i],[class*="result-grid" i],[class*="product-list" i],[class*="product-grid" i]
) a:has(img) :is(span,p,div,strong,b,small,h1,h2,h3,h4,h5,h6) {
  color:#172C38 !important;
  -webkit-text-fill-color:#172C38 !important;
  opacity:1 !important;
  text-shadow:none !important;
}
/* Availability/delivery colors are restored after the broad inner-node rule. */
html body .mr-overlay :is(.mr-results,.mr-result-list,.mr-result-grid,.mr-products,.mr-product-list,.mr-product-grid,[class*="results" i],[class*="result-grid" i],[class*="product-grid" i]) :is(.rk-productbox-availability,.delivery-status,.stock-information,.item-delivery-status,.available,.in-stock,.status-2,[class*="available" i]) {
  color:#A77D2D !important;
  -webkit-text-fill-color:#A77D2D !important;
}
html body .mr-overlay :is(.mr-results,.mr-result-list,.mr-result-grid,.mr-products,.mr-product-list,.mr-product-grid,[class*="results" i],[class*="result-grid" i],[class*="product-grid" i]) :is(.status-0,.status-1,.a0,.text-danger,[class*="unavailable" i],[class*="out-of-stock" i]) {
  color:#B83B3B !important;
  -webkit-text-fill-color:#B83B3B !important;
}

/* ReefKing 2.2.67 — single authoritative Grumeria facet palette.
   Replaces the accumulated 2.2.62–2.2.66 facet patches. */
html body div.mr-overlay div.mr-sidebar details.mr-facet:not([data-facet-type="best_price"]) div.mr-facet-options > button.mr-facet-opt,
html body div.mr-overlay div.mr-sidebar details.mr-facet:not([data-facet-type="best_price"]) div.mr-facet-options > button.mr-facet-opt[data-selected="true"],
html body div.mr-overlay div.mr-sidebar details.mr-facet:not([data-facet-type="best_price"]) div.mr-facet-options > button.mr-facet-opt[aria-pressed="true"] {
    background:#151614 !important;
    border:1px solid #292A27 !important;
    color:#F2EFE7 !important;
    -webkit-text-fill-color:#F2EFE7 !important;
    opacity:1 !important;
    box-shadow:none !important;
}
html body div.mr-overlay div.mr-sidebar details.mr-facet:not([data-facet-type="best_price"]) div.mr-facet-options > button.mr-facet-opt > *,
html body div.mr-overlay div.mr-sidebar details.mr-facet:not([data-facet-type="best_price"]) div.mr-facet-options > button.mr-facet-opt[data-selected="true"] > *,
html body div.mr-overlay div.mr-sidebar details.mr-facet:not([data-facet-type="best_price"]) div.mr-facet-options > button.mr-facet-opt[aria-pressed="true"] > * {
    color:#F2EFE7 !important;
    -webkit-text-fill-color:#F2EFE7 !important;
    opacity:1 !important;
}
html body div.mr-overlay div.mr-sidebar details.mr-facet:not([data-facet-type="best_price"]) div.mr-facet-options > button.mr-facet-opt:is(:hover,:focus-visible) {
    background:#211D15 !important;
    border-color:#8F713C !important;
    color:#DDBD78 !important;
    -webkit-text-fill-color:#DDBD78 !important;
    outline:none !important;
}
html body div.mr-overlay div.mr-sidebar details.mr-facet:not([data-facet-type="best_price"]) div.mr-facet-options > button.mr-facet-opt:is(:hover,:focus-visible) > * {
    color:#DDBD78 !important;
    -webkit-text-fill-color:#DDBD78 !important;
    opacity:1 !important;
}

/* Price facet remains light with dark text. */
html body div.mr-overlay div.mr-sidebar details.mr-facet[data-facet-type="best_price"] div.mr-facet-options > button.mr-facet-opt {
    background:#F2EFE7 !important;
    border:1px solid #D7D3C8 !important;
    color:#172C38 !important;
    -webkit-text-fill-color:#172C38 !important;
}
html body div.mr-overlay div.mr-sidebar details.mr-facet[data-facet-type="best_price"] div.mr-facet-options > button.mr-facet-opt > * {
    color:#172C38 !important;
    -webkit-text-fill-color:#172C38 !important;
    opacity:1 !important;
}
html body div.mr-overlay div.mr-sidebar details.mr-facet[data-facet-type="best_price"] div.mr-facet-options > button.mr-facet-opt:is(:hover,:focus-visible) {
    background:#E6E1D5 !important;
    border-color:#8F713C !important;
    color:#172C38 !important;
    -webkit-text-fill-color:#172C38 !important;
    outline:none !important;
}

/* ReefKing 2.2.68 — FINAL Grumeria facet hover text lock.
   Exact live DOM from Safari Web Inspector: button.mr-facet-opt > span.mr-opt-label + span.mr-count.
   Keep the Megamenu hover surface; never allow Grumeria/NOVA to turn hover text black. */
html body div.mr-overlay div.mr-body div.mr-sidebar details.mr-facet div.mr-facet-options > button.mr-facet-opt:hover > span.mr-opt-label,
html body div.mr-overlay div.mr-body div.mr-sidebar details.mr-facet div.mr-facet-options > button.mr-facet-opt:hover > span.mr-count,
html body div.mr-overlay div.mr-body div.mr-sidebar details.mr-facet div.mr-facet-options > button.mr-facet-opt:focus-visible > span.mr-opt-label,
html body div.mr-overlay div.mr-body div.mr-sidebar details.mr-facet div.mr-facet-options > button.mr-facet-opt:focus-visible > span.mr-count {
    color:#DDBD78 !important;
    -webkit-text-fill-color:#DDBD78 !important;
    opacity:1 !important;
    text-shadow:none !important;
}
html body div.mr-overlay div.mr-body div.mr-sidebar details.mr-facet:not([data-facet-type="best_price"]) div.mr-facet-options > button.mr-facet-opt:hover,
html body div.mr-overlay div.mr-body div.mr-sidebar details.mr-facet:not([data-facet-type="best_price"]) div.mr-facet-options > button.mr-facet-opt:focus-visible {
    background-color:#211D15 !important;
    color:#DDBD78 !important;
    -webkit-text-fill-color:#DDBD78 !important;
    border-color:#8F713C !important;
}
/* Price choices stay light/dark even on hover. */
html body div.mr-overlay div.mr-body div.mr-sidebar details.mr-facet[data-facet-type="best_price"] div.mr-facet-options > button.mr-facet-opt:hover > span.mr-opt-label,
html body div.mr-overlay div.mr-body div.mr-sidebar details.mr-facet[data-facet-type="best_price"] div.mr-facet-options > button.mr-facet-opt:hover > span.mr-count,
html body div.mr-overlay div.mr-body div.mr-sidebar details.mr-facet[data-facet-type="best_price"] div.mr-facet-options > button.mr-facet-opt:focus-visible > span.mr-opt-label,
html body div.mr-overlay div.mr-body div.mr-sidebar details.mr-facet[data-facet-type="best_price"] div.mr-facet-options > button.mr-facet-opt:focus-visible > span.mr-count {
    color:#172C38 !important;
    -webkit-text-fill-color:#172C38 !important;
}

/* ReefKing 2.2.69 — category facet text: explicit live-DOM override.
   Keep category text readable in every non-hover state; only actual hover/focus becomes gold. */
html body div.mr-overlay div.mr-body div.mr-sidebar details.mr-facet[data-facet-type="categories"] div.mr-facet-options > button.mr-facet-opt,
html body div.mr-overlay div.mr-body div.mr-sidebar details.mr-facet[data-facet-type="categories"] div.mr-facet-options > button.mr-facet-opt *,
html body div.mr-overlay div.mr-body div.mr-sidebar details.mr-facet[data-facet-type="categories"] div.mr-facet-options > button.mr-facet-opt[data-selected="true"] *,
html body div.mr-overlay div.mr-body div.mr-sidebar details.mr-facet[data-facet-type="categories"] div.mr-facet-options > button.mr-facet-opt[aria-pressed="true"] * {
  color: #F2EFE7 !important;
  -webkit-text-fill-color: #F2EFE7 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}
html body div.mr-overlay div.mr-body div.mr-sidebar details.mr-facet[data-facet-type="categories"] div.mr-facet-options > button.mr-facet-opt:hover,
html body div.mr-overlay div.mr-body div.mr-sidebar details.mr-facet[data-facet-type="categories"] div.mr-facet-options > button.mr-facet-opt:hover *,
html body div.mr-overlay div.mr-body div.mr-sidebar details.mr-facet[data-facet-type="categories"] div.mr-facet-options > button.mr-facet-opt:focus-visible,
html body div.mr-overlay div.mr-body div.mr-sidebar details.mr-facet[data-facet-type="categories"] div.mr-facet-options > button.mr-facet-opt:focus-visible * {
  color: #DDBD78 !important;
  -webkit-text-fill-color: #DDBD78 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

/* ReefKing 2.2.70 — Safari/Grumeria category hover target fix.
   Safari Web Inspector shows :hover can sit on span.mr-opt-label rather than the parent button.
   :has(*:hover) promotes that descendant hover to the complete option. */
html body div.mr-overlay div.mr-body div.mr-sidebar details.mr-facet[data-facet-type="categories"] div.mr-facet-options > button.mr-facet-opt:has(*:hover),
html body div.mr-overlay div.mr-body div.mr-sidebar details.mr-facet[data-facet-type="categories"] div.mr-facet-options > button.mr-facet-opt:focus-within {
  background-color:#211D15 !important;
  border-color:#8F713C !important;
  color:#DDBD78 !important;
  -webkit-text-fill-color:#DDBD78 !important;
}
html body div.mr-overlay div.mr-body div.mr-sidebar details.mr-facet[data-facet-type="categories"] div.mr-facet-options > button.mr-facet-opt:has(*:hover) *,
html body div.mr-overlay div.mr-body div.mr-sidebar details.mr-facet[data-facet-type="categories"] div.mr-facet-options > button.mr-facet-opt:focus-within * {
  color:#DDBD78 !important;
  -webkit-text-fill-color:#DDBD78 !important;
  opacity:1 !important;
  text-shadow:none !important;
}


/* ReefKing 2.2.71 — Contact page only.
   Scope is emitted by contact/index.tpl; no checkout/account/search selectors are touched. */
html body .rk-contact-heading {
  color:#F2EFE7 !important;
  -webkit-text-fill-color:#F2EFE7 !important;
}
html body .rk-contact-scope {
  background:#151614 !important;
  border:1px solid #292A27 !important;
  border-radius:12px !important;
  color:#F2EFE7 !important;
  padding:clamp(18px,3vw,36px) !important;
}
html body .rk-contact-scope :is(h1,h2,h3,h4,h5,h6,legend,label,.form-label,.col-form-label,strong,b) {
  color:#F2EFE7 !important;
  -webkit-text-fill-color:#F2EFE7 !important;
  opacity:1 !important;
}
html body .rk-contact-scope :is(p,.form-text,.text-muted,.small,small,.help-block,.invalid-feedback,.valid-feedback) {
  color:#AAA79F !important;
  -webkit-text-fill-color:#AAA79F !important;
  opacity:1 !important;
}
html body .rk-contact-scope hr { border-color:#292A27 !important; opacity:1 !important; }
html body .rk-contact-scope :is(input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]),textarea,select,.form-control,.custom-select) {
  background:#F7F5EF !important;
  border:1px solid #B9B5AA !important;
  color:#172C38 !important;
  -webkit-text-fill-color:#172C38 !important;
  caret-color:#172C38 !important;
  opacity:1 !important;
  box-shadow:none !important;
}
html body .rk-contact-scope :is(input,textarea)::placeholder {
  color:#65747C !important;
  -webkit-text-fill-color:#65747C !important;
  opacity:1 !important;
}
html body .rk-contact-scope :is(input:not([type=checkbox]):not([type=radio]),textarea,select,.form-control,.custom-select):focus {
  background:#FFFFFF !important;
  border-color:#DDBD78 !important;
  color:#172C38 !important;
  -webkit-text-fill-color:#172C38 !important;
  outline:0 !important;
  box-shadow:0 0 0 .2rem rgba(221,189,120,.22) !important;
}
html body .rk-contact-scope :is(.custom-control-label,.form-check-label) {
  color:#F2EFE7 !important;
  -webkit-text-fill-color:#F2EFE7 !important;
}
html body .rk-contact-scope a:not(.btn) {
  color:#DDBD78 !important;
  -webkit-text-fill-color:#DDBD78 !important;
}
html body .rk-contact-scope a:not(.btn):is(:hover,:focus-visible) {
  color:#F2EFE7 !important;
  -webkit-text-fill-color:#F2EFE7 !important;
}
html body .rk-contact-scope :is(.btn-primary,button[type=submit],input[type=submit]) {
  background:#DDBD78 !important;
  border-color:#DDBD78 !important;
  color:#151614 !important;
  -webkit-text-fill-color:#151614 !important;
}
html body .rk-contact-scope :is(.btn-primary,button[type=submit],input[type=submit]):is(:hover,:focus-visible) {
  background:#F2EFE7 !important;
  border-color:#F2EFE7 !important;
  color:#151614 !important;
  -webkit-text-fill-color:#151614 !important;
}
html body .rk-contact-scope :is(.alert,.card,.card-body,.form-group) {
  color:inherit;
}
@media (max-width:767.98px) {
  html body .rk-contact-scope { padding:18px 14px !important; border-radius:8px !important; }
}

/* ReefKing 2.2.72 — visible contact-page correction from live screenshot.
   The form scope is already active; fix the elements that were still unreadable/too faint. */
html body .rk-contact-heading {
  color:#172C38 !important;
  -webkit-text-fill-color:#172C38 !important;
  opacity:1 !important;
  font-weight:700 !important;
}
html body .rk-contact-scope {
  font-size:1rem !important;
}
html body .rk-contact-scope :is(h2,h3,h4,h5,h6,legend,label,.form-label,.col-form-label,strong,b) {
  color:#F2EFE7 !important;
  -webkit-text-fill-color:#F2EFE7 !important;
  opacity:1 !important;
}
html body .rk-contact-scope :is(label,.form-label,.col-form-label,legend) {
  font-size:.95rem !important;
  line-height:1.4 !important;
  font-weight:600 !important;
}
html body .rk-contact-scope :is(p,.form-text,.text-muted,.small,small,.help-block) {
  color:#C9C4B9 !important;
  -webkit-text-fill-color:#C9C4B9 !important;
  opacity:1 !important;
}
html body .rk-contact-scope :is(input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]),textarea,select,.form-control,.custom-select) {
  font-size:1rem !important;
  min-height:44px !important;
}
html body .rk-contact-scope textarea,
html body .rk-contact-scope textarea.form-control {
  min-height:150px !important;
}
html body .rk-contact-scope :is(.btn-primary,button[type=submit],input[type=submit]) {
  min-height:44px !important;
  padding:.65rem 1.4rem !important;
  font-size:.95rem !important;
  font-weight:700 !important;
}

/* ReefKing 2.2.73 — Contact visual correction.
   Remove the white input bars and use the established ReefKing warm-dark palette. */
html body .rk-contact-scope {
  background:#211D15 !important;
  border-color:#8F713C !important;
}
html body .rk-contact-scope :is(input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]),textarea,select,.form-control,.custom-select) {
  background:#151614 !important;
  background-color:#151614 !important;
  border-color:#5F5138 !important;
  color:#F2EFE7 !important;
  -webkit-text-fill-color:#F2EFE7 !important;
  caret-color:#DDBD78 !important;
  box-shadow:none !important;
}
html body .rk-contact-scope :is(input,textarea)::placeholder {
  color:#AAA79F !important;
  -webkit-text-fill-color:#AAA79F !important;
  opacity:1 !important;
}
html body .rk-contact-scope :is(input:not([type=checkbox]):not([type=radio]),textarea,select,.form-control,.custom-select):focus {
  background:#151614 !important;
  background-color:#151614 !important;
  border-color:#DDBD78 !important;
  color:#F2EFE7 !important;
  -webkit-text-fill-color:#F2EFE7 !important;
  box-shadow:0 0 0 .2rem rgba(221,189,120,.18) !important;
}
html body .rk-contact-scope select option {
  background:#151614 !important;
  color:#F2EFE7 !important;
}

/* ReefKing 2.2.74 — Contact final palette correction.
   Dark ReefKing surface, neutral anthracite fields, gold only on real focus. */
html body .rk-contact-scope {
  background:#151614 !important;
  border:1px solid #292A27 !important;
  box-shadow:none !important;
}
html body .rk-contact-scope :is(input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]),textarea,select,.form-control,.custom-select) {
  background:#23282D !important;
  background-color:#23282D !important;
  color:#F2EFE7 !important;
  -webkit-text-fill-color:#F2EFE7 !important;
  border:1px solid #4A5054 !important;
  box-shadow:none !important;
  caret-color:#F2EFE7 !important;
}
html body .rk-contact-scope :is(input,textarea)::placeholder {
  color:#AAA79F !important;
  -webkit-text-fill-color:#AAA79F !important;
  opacity:1 !important;
}
html body .rk-contact-scope :is(input:not([type=checkbox]):not([type=radio]),textarea,select,.form-control,.custom-select):focus {
  background:#23282D !important;
  background-color:#23282D !important;
  color:#F2EFE7 !important;
  -webkit-text-fill-color:#F2EFE7 !important;
  border-color:#DDBD78 !important;
  box-shadow:0 0 0 .15rem rgba(221,189,120,.16) !important;
  outline:0 !important;
}
html body .rk-contact-scope select option {
  background:#23282D !important;
  color:#F2EFE7 !important;
  -webkit-text-fill-color:#F2EFE7 !important;
}

/* ReefKing 2.2.75 — Contact page aligned with ReefKing information pages.
   The contact page uses the same outer canvas/content card as PAGE_EIGENE.
   Bootstrap floating-label paint patches are made transparent to remove the
   small white rectangles visible above/inside the dark fields. */
html:has(.rk-contact-scope),
html:has(.rk-contact-scope) body,
html:has(.rk-contact-scope) #main-wrapper,
html:has(.rk-contact-scope) #content-wrapper,
html:has(.rk-contact-scope) main {
  background:#090A09 !important;
  background-image:none !important;
  color:#F2EFE7 !important;
}
html:has(.rk-contact-scope) #content-wrapper {
  padding-top:clamp(1rem,2vw,1.75rem) !important;
  padding-bottom:clamp(2.5rem,5vw,4.5rem) !important;
}
html:has(.rk-contact-scope) #content-wrapper > :is(.container,.container-fluid,.container-fluid-xl),
html:has(.rk-contact-scope) .breadcrumb-wrapper > :is(.container,.container-fluid,.container-fluid-xl),
html:has(.rk-contact-scope) .container-breadcrumbs > :is(.container,.container-fluid,.container-fluid-xl) {
  width:min(calc(100% - 48px),1200px) !important;
  max-width:1200px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
html:has(.rk-contact-scope) .breadcrumb-wrapper,
html:has(.rk-contact-scope) .container-breadcrumbs {
  background:#090A09 !important;
  background-image:none !important;
  border:0 !important;
}
html:has(.rk-contact-scope) :is(.breadcrumb,.breadcrumb a,.breadcrumb-item,.breadcrumb-item + .breadcrumb-item::before) {
  color:#77766F !important;
}
html:has(.rk-contact-scope) #content {
  width:min(calc(100% - 48px),1200px) !important;
  max-width:1200px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding:clamp(1.25rem,3vw,2.5rem) !important;
  border:1px solid #292A27 !important;
  border-radius:12px !important;
  background:#151614 !important;
  background-image:none !important;
  color:#F2EFE7 !important;
  box-shadow:none !important;
}
html:has(.rk-contact-scope) .rk-contact-heading {
  color:#F2EFE7 !important;
  -webkit-text-fill-color:#F2EFE7 !important;
}
html:has(.rk-contact-scope) .rk-contact-scope {
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
}
html:has(.rk-contact-scope) .rk-contact-scope :is(input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]),textarea,select,.form-control,.custom-select) {
  background:#0E0F0E !important;
  background-color:#0E0F0E !important;
  border:1px solid #3D3D37 !important;
  color:#F2EFE7 !important;
  -webkit-text-fill-color:#F2EFE7 !important;
  box-shadow:none !important;
}
/* Bootstrap/NOVA floating labels paint a light rectangle behind the label.
   Neutralise both the label itself and Bootstrap 5.3's ::after paint layer. */
html:has(.rk-contact-scope) .rk-contact-scope .form-floating > label,
html:has(.rk-contact-scope) .rk-contact-scope .form-floating > label::before,
html:has(.rk-contact-scope) .rk-contact-scope .form-floating > label::after,
html:has(.rk-contact-scope) .rk-contact-scope :is(.form-label,.col-form-label,label) > span,
html:has(.rk-contact-scope) .rk-contact-scope :is(.form-label,.col-form-label,label) > span::before,
html:has(.rk-contact-scope) .rk-contact-scope :is(.form-label,.col-form-label,label) > span::after {
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
}
html:has(.rk-contact-scope) .rk-contact-scope .form-floating > label {
  color:#AAA79F !important;
  -webkit-text-fill-color:#AAA79F !important;
}
html:has(.rk-contact-scope) .rk-contact-scope .form-floating > .form-control:focus ~ label,
html:has(.rk-contact-scope) .rk-contact-scope .form-floating > .form-control:not(:placeholder-shown) ~ label,
html:has(.rk-contact-scope) .rk-contact-scope .form-floating > .form-select ~ label {
  color:#DDBD78 !important;
  -webkit-text-fill-color:#DDBD78 !important;
}
html:has(.rk-contact-scope) .rk-contact-scope :is(input:not([type=checkbox]):not([type=radio]),textarea,select,.form-control,.custom-select):focus {
  background:#0E0F0E !important;
  background-color:#0E0F0E !important;
  border-color:#DDBD78 !important;
  color:#F2EFE7 !important;
  -webkit-text-fill-color:#F2EFE7 !important;
  box-shadow:0 0 0 .15rem rgba(221,189,120,.16) !important;
}
@media (max-width:767.98px) {
  html:has(.rk-contact-scope) #content,
  html:has(.rk-contact-scope) #content-wrapper > :is(.container,.container-fluid,.container-fluid-xl) {
    width:calc(100% - 1.5rem) !important;
  }
  html:has(.rk-contact-scope) #content { padding:1.1rem !important; border-radius:10px !important; }
}

/* ReefKing 2.2.76 — Contact: remove NOVA label-slide white paint blocks.
   Contact uses NOVA's older .label-slide/.form-group markup, not Bootstrap .form-floating. */
html:has(.rk-contact-scope) .rk-contact-scope .label-slide .form-group:not(.exclude-from-label-slide):not(.checkbox) > label,
html:has(.rk-contact-scope) .rk-contact-scope .label-slide .form-group:not(.exclude-from-label-slide):not(.checkbox) > label *,
html:has(.rk-contact-scope) .rk-contact-scope .form-group > label,
html:has(.rk-contact-scope) .rk-contact-scope .form-group > label *,
html:has(.rk-contact-scope) .rk-contact-scope :is(.form-control-label,.control-label) {
  background:#0E0F0E !important;
  background-color:#0E0F0E !important;
  background-image:none !important;
  color:#AAA79F !important;
  -webkit-text-fill-color:#AAA79F !important;
  box-shadow:none !important;
}
html:has(.rk-contact-scope) .rk-contact-scope .label-slide .form-group:not(.exclude-from-label-slide):not(.checkbox) > label::before,
html:has(.rk-contact-scope) .rk-contact-scope .label-slide .form-group:not(.exclude-from-label-slide):not(.checkbox) > label::after,
html:has(.rk-contact-scope) .rk-contact-scope .form-group > label::before,
html:has(.rk-contact-scope) .rk-contact-scope .form-group > label::after,
html:has(.rk-contact-scope) .rk-contact-scope .form-group label[for]::before,
html:has(.rk-contact-scope) .rk-contact-scope .form-group label[for]::after {
  background:#0E0F0E !important;
  background-color:#0E0F0E !important;
  background-image:none !important;
  box-shadow:none !important;
}
/* Active/focused floating label remains readable without a white backing strip. */
html:has(.rk-contact-scope) .rk-contact-scope .form-group:focus-within > label,
html:has(.rk-contact-scope) .rk-contact-scope .form-group:focus-within > label * {
  background:#0E0F0E !important;
  background-color:#0E0F0E !important;
  color:#DDBD78 !important;
  -webkit-text-fill-color:#DDBD78 !important;
}

/* ReefKing 2.2.77 — Contact: exact NOVA nested label-slide selector.
   Some contact fields nest the label, so the previous direct-child selector missed the white paint strip. */
html:has(.rk-contact-scope) .rk-contact-scope .label-slide .form-group:not(.exclude-from-label-slide):not(.checkbox) label,
html:has(.rk-contact-scope) .rk-contact-scope .label-slide .form-group:not(.exclude-from-label-slide):not(.checkbox) label *,
html:has(.rk-contact-scope) .rk-contact-scope .form-group label[for],
html:has(.rk-contact-scope) .rk-contact-scope .form-group label[for] * {
  background:#0E0F0E !important;
  background-color:#0E0F0E !important;
  background-image:none !important;
  color:#AAA79F !important;
  -webkit-text-fill-color:#AAA79F !important;
  box-shadow:none !important;
}
html:has(.rk-contact-scope) .rk-contact-scope .label-slide .form-group:not(.exclude-from-label-slide):not(.checkbox) label::before,
html:has(.rk-contact-scope) .rk-contact-scope .label-slide .form-group:not(.exclude-from-label-slide):not(.checkbox) label::after,
html:has(.rk-contact-scope) .rk-contact-scope .form-group label[for]::before,
html:has(.rk-contact-scope) .rk-contact-scope .form-group label[for]::after {
  background:#0E0F0E !important;
  background-color:#0E0F0E !important;
  background-image:none !important;
  box-shadow:none !important;
}

/* ========================================================================== 
   ReefKing 2.2.78 — cart merge confirmation modal
   NOVA appends confirmation dialogs outside #content-wrapper, so the existing
   cart theme did not reach the "Warenkorb zusammenführen" popup.
   ========================================================================== */
html.rk-page-cart .modal .modal-content {
    background: #151614 !important;
    border: 1px solid #292A27 !important;
    color: #F2EFE7 !important;
    box-shadow: 0 18px 55px rgba(0,0,0,.48) !important;
}
html.rk-page-cart .modal .modal-header,
html.rk-page-cart .modal .modal-body,
html.rk-page-cart .modal .modal-footer {
    background: #151614 !important;
    border-color: #292A27 !important;
    color: #F2EFE7 !important;
}
html.rk-page-cart .modal :is(.modal-title,h1,h2,h3,h4,h5,h6,p,span,label,strong) {
    color: #F2EFE7 !important;
    -webkit-text-fill-color: #F2EFE7 !important;
}
html.rk-page-cart .modal .close,
html.rk-page-cart .modal button.close {
    color: #F2EFE7 !important;
    -webkit-text-fill-color: #F2EFE7 !important;
    opacity: .85 !important;
    text-shadow: none !important;
}
html.rk-page-cart .modal .close:hover,
html.rk-page-cart .modal button.close:hover {
    color: #DDBD78 !important;
    -webkit-text-fill-color: #DDBD78 !important;
    opacity: 1 !important;
}
html.rk-page-cart .modal .btn-primary,
html.rk-page-cart .modal .btn-success {
    background: #C6A15B !important;
    border-color: #C6A15B !important;
    color: #090A09 !important;
    -webkit-text-fill-color: #090A09 !important;
}
html.rk-page-cart .modal .btn-primary:hover,
html.rk-page-cart .modal .btn-success:hover,
html.rk-page-cart .modal .btn-primary:focus-visible,
html.rk-page-cart .modal .btn-success:focus-visible {
    background: #DDBD78 !important;
    border-color: #DDBD78 !important;
    color: #090A09 !important;
    -webkit-text-fill-color: #090A09 !important;
}
html.rk-page-cart .modal :is(.btn-secondary,.btn-danger,.btn-outline-secondary) {
    background: #0E0F0E !important;
    border-color: #8F713C !important;
    color: #F2EFE7 !important;
    -webkit-text-fill-color: #F2EFE7 !important;
}
html.rk-page-cart .modal :is(.btn-secondary,.btn-danger,.btn-outline-secondary):hover,
html.rk-page-cart .modal :is(.btn-secondary,.btn-danger,.btn-outline-secondary):focus-visible {
    background: #211D15 !important;
    border-color: #DDBD78 !important;
    color: #DDBD78 !important;
    -webkit-text-fill-color: #DDBD78 !important;
}
html.rk-page-cart .modal-backdrop.show {
    opacity: .68 !important;
}

/* ========================================================================== 
   ReefKing 2.2.79 — JTL 5.8 authenticated/system pages pass
   Covers NOVA account/login/order/cart/checkout components inherited from the
   parent template. Keep functionality/markup intact; normalize visual states.
   ========================================================================== */
html:is(.rk-page-account,.rk-page-cart,.rk-page-checkout,.rk-page-order-complete) body,
html:is(.rk-page-account,.rk-page-cart,.rk-page-checkout,.rk-page-order-complete) #main-wrapper,
html:is(.rk-page-account,.rk-page-cart,.rk-page-checkout,.rk-page-order-complete) #content-wrapper,
html:is(.rk-page-account,.rk-page-cart,.rk-page-checkout,.rk-page-order-complete) main,
html:is(.rk-page-account,.rk-page-cart,.rk-page-checkout,.rk-page-order-complete) #content {
  background:#090A09 !important;
  color:#F2EFE7 !important;
}
html:is(.rk-page-account,.rk-page-cart,.rk-page-checkout,.rk-page-order-complete) #content-wrapper :is(.card,.card-body,.card-header,.card-footer,.list-group,.list-group-item,.table-responsive,.dropdown-menu,.modal-content,.alert:not(.alert-danger):not(.alert-success),fieldset) {
  background:#151614 !important;
  border-color:#292A27 !important;
  color:#F2EFE7 !important;
}
html:is(.rk-page-account,.rk-page-cart,.rk-page-checkout,.rk-page-order-complete) #content-wrapper :is(h1,h2,h3,h4,h5,h6,legend,label,strong,th,td,p,li,address,.card-title,.form-text) {
  color:#F2EFE7 !important;
  -webkit-text-fill-color:#F2EFE7 !important;
}
html:is(.rk-page-account,.rk-page-cart,.rk-page-checkout,.rk-page-order-complete) #content-wrapper :is(.text-muted,.text-muted-util,small,.small,.required-info) {
  color:#AAA79F !important;
  -webkit-text-fill-color:#AAA79F !important;
}
/* NOVA label-slide/floating labels: remove every white paint strip, including nested wrappers/pseudo elements. */
html:is(.rk-page-account,.rk-page-cart,.rk-page-checkout,.rk-page-order-complete) #content-wrapper .label-slide .form-group:not(.exclude-from-label-slide):not(.checkbox) label,
html:is(.rk-page-account,.rk-page-cart,.rk-page-checkout,.rk-page-order-complete) #content-wrapper .label-slide .form-group:not(.exclude-from-label-slide):not(.checkbox) label *,
html:is(.rk-page-account,.rk-page-cart,.rk-page-checkout,.rk-page-order-complete) #content-wrapper .form-group label[for],
html:is(.rk-page-account,.rk-page-cart,.rk-page-checkout,.rk-page-order-complete) #content-wrapper .form-group label[for] *,
html:is(.rk-page-account,.rk-page-cart,.rk-page-checkout,.rk-page-order-complete) #content-wrapper .form-floating label,
html:is(.rk-page-account,.rk-page-cart,.rk-page-checkout,.rk-page-order-complete) #content-wrapper .form-floating label * {
  background:#0E0F0E !important;
  background-color:#0E0F0E !important;
  background-image:none !important;
  color:#AAA79F !important;
  -webkit-text-fill-color:#AAA79F !important;
  box-shadow:none !important;
}
html:is(.rk-page-account,.rk-page-cart,.rk-page-checkout,.rk-page-order-complete) #content-wrapper .label-slide .form-group:not(.exclude-from-label-slide):not(.checkbox) label::before,
html:is(.rk-page-account,.rk-page-cart,.rk-page-checkout,.rk-page-order-complete) #content-wrapper .label-slide .form-group:not(.exclude-from-label-slide):not(.checkbox) label::after,
html:is(.rk-page-account,.rk-page-cart,.rk-page-checkout,.rk-page-order-complete) #content-wrapper .form-group label[for]::before,
html:is(.rk-page-account,.rk-page-cart,.rk-page-checkout,.rk-page-order-complete) #content-wrapper .form-group label[for]::after,
html:is(.rk-page-account,.rk-page-cart,.rk-page-checkout,.rk-page-order-complete) #content-wrapper .form-floating label::before,
html:is(.rk-page-account,.rk-page-cart,.rk-page-checkout,.rk-page-order-complete) #content-wrapper .form-floating label::after {
  background:#0E0F0E !important;
  background-color:#0E0F0E !important;
  background-image:none !important;
  box-shadow:none !important;
}
html:is(.rk-page-account,.rk-page-cart,.rk-page-checkout,.rk-page-order-complete) #content-wrapper :is(.form-control,.custom-select,.form-select,input[type="text"],input[type="email"],input[type="password"],input[type="tel"],input[type="number"],input[type="search"],select,textarea) {
  background:#0E0F0E !important;
  background-color:#0E0F0E !important;
  color:#F2EFE7 !important;
  -webkit-text-fill-color:#F2EFE7 !important;
  border-color:#4A4B47 !important;
  box-shadow:none !important;
}
html:is(.rk-page-account,.rk-page-cart,.rk-page-checkout,.rk-page-order-complete) #content-wrapper :is(.form-control,.custom-select,.form-select,input,select,textarea):focus {
  background:#0E0F0E !important;
  border-color:#DDBD78 !important;
  box-shadow:0 0 0 .12rem rgba(221,189,120,.18) !important;
}
html:is(.rk-page-account,.rk-page-cart,.rk-page-checkout,.rk-page-order-complete) #content-wrapper :is(input,textarea)::placeholder {
  color:#AAA79F !important;
  -webkit-text-fill-color:#AAA79F !important;
  opacity:1 !important;
}
html:is(.rk-page-account,.rk-page-cart,.rk-page-checkout,.rk-page-order-complete) #content-wrapper :is(.table,table) {
  color:#F2EFE7 !important;
  background:#151614 !important;
}
html:is(.rk-page-account,.rk-page-cart,.rk-page-checkout,.rk-page-order-complete) #content-wrapper :is(.table,table) :is(thead,tbody,tfoot,tr,th,td) {
  background:transparent !important;
  border-color:#292A27 !important;
  color:#F2EFE7 !important;
}
html:is(.rk-page-account,.rk-page-cart,.rk-page-checkout,.rk-page-order-complete) #content-wrapper :is(.nav-tabs,.nav-pills) .nav-link:not(.active) {
  color:#F2EFE7 !important;
  background:transparent !important;
  border-color:#292A27 !important;
}
html:is(.rk-page-account,.rk-page-cart,.rk-page-checkout,.rk-page-order-complete) #content-wrapper :is(.nav-tabs,.nav-pills) .nav-link.active {
  color:#090A09 !important;
  -webkit-text-fill-color:#090A09 !important;
  background:#C6A15B !important;
  border-color:#C6A15B !important;
}
html:is(.rk-page-account,.rk-page-cart,.rk-page-checkout,.rk-page-order-complete) #content-wrapper a:not(.btn) {
  color:#C6A15B !important;
}
html:is(.rk-page-account,.rk-page-cart,.rk-page-checkout,.rk-page-order-complete) #content-wrapper a:not(.btn):hover,
html:is(.rk-page-account,.rk-page-cart,.rk-page-checkout,.rk-page-order-complete) #content-wrapper a:not(.btn):focus-visible {
  color:#DDBD78 !important;
}

/* ReefKing 2.2.82 — mobile/responsive QA pass.
   Conservative layout hardening only: no desktop palette or Grumeria changes. */
@media (max-width: 991.98px) {
  html:is(.rk-page-account,.rk-page-cart,.rk-page-checkout,.rk-page-order-complete) #content-wrapper {
    overflow-x: hidden;
  }
  html:is(.rk-page-account,.rk-page-cart,.rk-page-checkout,.rk-page-order-complete) #content-wrapper :is(.container,.container-fluid,.row,[class*="col-"]) {
    min-width: 0;
  }
  html:is(.rk-page-account,.rk-page-cart,.rk-page-checkout,.rk-page-order-complete) #content-wrapper :is(.card,.card-body,.panel,.box,.form-group,fieldset) {
    max-width: 100%;
  }
  html:is(.rk-page-account,.rk-page-cart,.rk-page-checkout,.rk-page-order-complete) #content-wrapper :is(img,svg,video,iframe) {
    max-width: 100%;
    height: auto;
  }
}
@media (max-width: 767.98px) {
  html:is(.rk-page-account,.rk-page-cart,.rk-page-checkout,.rk-page-order-complete) #content-wrapper {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  html:is(.rk-page-account,.rk-page-cart,.rk-page-checkout,.rk-page-order-complete) #content-wrapper :is(.card-body,.panel-body,.box-body) {
    padding: 1rem !important;
  }
  html:is(.rk-page-account,.rk-page-cart,.rk-page-checkout,.rk-page-order-complete) #content-wrapper :is(.form-control,.custom-select,.form-select,input[type="text"],input[type="email"],input[type="password"],input[type="tel"],input[type="number"],input[type="search"],select,textarea) {
    width: 100%;
    max-width: 100%;
    min-height: 44px;
    font-size: 16px; /* prevents iOS form zoom */
  }
  html:is(.rk-page-account,.rk-page-cart,.rk-page-checkout,.rk-page-order-complete) #content-wrapper textarea {
    min-height: 120px;
  }
  html:is(.rk-page-account,.rk-page-cart,.rk-page-checkout,.rk-page-order-complete) #content-wrapper :is(.btn,button,[role="button"]) {
    min-height: 44px;
  }
  html:is(.rk-page-account,.rk-page-cart,.rk-page-checkout,.rk-page-order-complete) #content-wrapper :is(.table-responsive,[class*="table-responsive"]) {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  html:is(.rk-page-account,.rk-page-cart,.rk-page-checkout,.rk-page-order-complete) #content-wrapper :is(.nav-tabs,.nav-pills) {
    flex-wrap: wrap;
    gap: .35rem;
  }
  html:is(.rk-page-account,.rk-page-cart,.rk-page-checkout,.rk-page-order-complete) #content-wrapper :is(.nav-tabs,.nav-pills) .nav-link {
    white-space: normal;
    min-height: 44px;
  }
  html:is(.rk-page-account,.rk-page-cart,.rk-page-checkout,.rk-page-order-complete) #content-wrapper :is(h1,.h1) {
    font-size: clamp(1.65rem, 7vw, 2.15rem);
    overflow-wrap: anywhere;
  }
  html:is(.rk-page-account,.rk-page-cart,.rk-page-checkout,.rk-page-order-complete) #content-wrapper :is(h2,.h2,h3,.h3,p,a,label,td,th) {
    overflow-wrap: break-word;
  }
  .modal-dialog {
    margin: .75rem !important;
    max-width: calc(100% - 1.5rem) !important;
  }
  .modal-content {
    max-height: calc(100dvh - 1.5rem);
    overflow-y: auto;
  }
}
@media (max-width: 419.98px) {
  html:is(.rk-page-account,.rk-page-cart,.rk-page-checkout,.rk-page-order-complete) #content-wrapper :is(.card-body,.panel-body,.box-body) {
    padding: .8rem !important;
  }
  html:is(.rk-page-account,.rk-page-cart,.rk-page-checkout,.rk-page-order-complete) #content-wrapper .btn-group:not(.btn-group-sm) {
    max-width: 100%;
    flex-wrap: wrap;
  }
}

/* ReefKing 2.2.83 — mobile navigation + category selector visual pass.
   Mobile-only: align both navigation surfaces with the accepted dark ReefKing palette. */
@media (max-width: 991.98px) {
  /* Offcanvas main menu: remove NOVA's white header/group surfaces. */
  html body #mainNavigation,
  html body #mainNavigation .nav-mobile-header,
  html body #mainNavigation .nav-mobile-body,
  html body #mainNavigation .nav-scrollbar-inner,
  html body #mainNavigation .dropdown-menu,
  html body #mainNavigation .dropdown-body,
  html body #mainNavigation .subcategory-wrapper,
  html body #mainNavigation .categories-recursive-dropdown {
    background:#151614 !important;
    background-image:none !important;
    color:#F2EFE7 !important;
  }
  html body #mainNavigation .nav-mobile-header {
    border-bottom-color:#292A27 !important;
  }
  html body #mainNavigation :is(.nav-offcanvas-title,.navbar-toggler,.rk-mobile-menu-back,.rk-mobile-menu-close,.close) {
    color:#F2EFE7 !important;
    -webkit-text-fill-color:#F2EFE7 !important;
  }
  html body #mainNavigation :is(.nav-mobile-heading,.submenu-headline,[class*="headline" i]) {
    background:#1B1C19 !important;
    background-image:none !important;
    border-color:#292A27 !important;
    color:#DDBD78 !important;
    -webkit-text-fill-color:#DDBD78 !important;
  }
  html body #mainNavigation :is(.nav-link,a,button):not(.rk-mobile-menu-close) {
    color:#F2EFE7 !important;
    -webkit-text-fill-color:#F2EFE7 !important;
  }
  html body #mainNavigation .nav-scrollbar-item > :is(.nav-link,a) {
    min-height:54px;
    border-bottom-color:#3D3D37 !important;
    background:#151614 !important;
  }
  html body #mainNavigation :is(.nav-link,a,button):is(:hover,:focus-visible),
  html body #mainNavigation .nav-item.show > :is(.nav-link,a,.submenu-headline),
  html body #mainNavigation .nav-item.active > :is(.nav-link,a,.submenu-headline) {
    background:#211D15 !important;
    color:#DDBD78 !important;
    -webkit-text-fill-color:#DDBD78 !important;
  }

  /* Category page mobile category disclosure: no white card / white-on-white links. */
  html.rk-page-category body .rk-mobile-category-tree {
    overflow:hidden;
    border-color:#3D3D37 !important;
    background:#151614 !important;
    box-shadow:none !important;
  }
  html.rk-page-category body .rk-mobile-category-tree > summary {
    min-height:52px;
    background:#1B1C19 !important;
    color:#F2EFE7 !important;
    -webkit-text-fill-color:#F2EFE7 !important;
  }
  html.rk-page-category body .rk-mobile-category-tree__body,
  html.rk-page-category body .rk-mobile-category-tree .box-categories,
  html.rk-page-category body .rk-mobile-category-tree .nav-panel,
  html.rk-page-category body .rk-mobile-category-tree .nav,
  html.rk-page-category body .rk-mobile-category-tree .collapse {
    background:#151614 !important;
    background-image:none !important;
    border-color:#292A27 !important;
  }
  html.rk-page-category body .rk-mobile-category-tree__body {
    max-height:min(58dvh,520px);
    padding:.5rem !important;
  }
  html.rk-page-category body .rk-mobile-category-tree .nav-item > .nav-link,
  html.rk-page-category body .rk-mobile-category-tree .nav-item > .nav-link > a,
  html.rk-page-category body .rk-mobile-category-tree .nav-item a {
    min-height:48px;
    margin:0 0 .35rem !important;
    padding:.7rem .8rem !important;
    border:1px solid #292A27 !important;
    border-radius:8px !important;
    background:#1B1C19 !important;
    color:#F2EFE7 !important;
    -webkit-text-fill-color:#F2EFE7 !important;
    font-size:1rem !important;
    line-height:1.25 !important;
  }
  html.rk-page-category body .rk-mobile-category-tree .nav-item > .nav-link *,
  html.rk-page-category body .rk-mobile-category-tree .nav-item a * {
    color:inherit !important;
    -webkit-text-fill-color:inherit !important;
  }
  html.rk-page-category body .rk-mobile-category-tree .nav-item > .nav-link:is(:hover,:focus-visible),
  html.rk-page-category body .rk-mobile-category-tree .nav-item.active > .nav-link,
  html.rk-page-category body .rk-mobile-category-tree .nav-item.show > .nav-link {
    border-color:#8F713C !important;
    background:#211D15 !important;
    color:#DDBD78 !important;
    -webkit-text-fill-color:#DDBD78 !important;
  }
}

/* ReefKing 2.2.85 — PDP surface correction after Wawi/JTL status-colour release.
   Layout backgrounds stay ReefKing dark; semantic status text colours remain untouched. */
html.rk-page-pdp body #content-wrapper .product-info-inner,
html.rk-page-pdp body #content-wrapper #product-offer,
html.rk-page-pdp body #content-wrapper #product-offer .product-info,
html.rk-page-pdp body #content-wrapper #product-offer .product-offer,
html.rk-page-pdp body #content-wrapper #buy_form {
  background:#151614 !important;
  background-color:#151614 !important;
  background-image:none !important;
  border-color:#3D3D37 !important;
}
html.rk-page-pdp body #content-wrapper .product-info-inner :is(.card,.card-body,.list-group-item,.bg-light,.input-group,.input-group-text),
html.rk-page-pdp body #content-wrapper #product-offer :is(.card,.card-body,.list-group-item,.bg-light,.input-group,.input-group-text) {
  background:#1B1C19 !important;
  background-color:#1B1C19 !important;
  background-image:none !important;
  border-color:#3D3D37 !important;
}
/* Do not set color/text-fill here: availability, warning and delivery status colours belong to JTL/Wawi. */

/* ReefKing 2.2.86 — mobile main-menu cleanup.
   Keep group captions and normal links visually flat; gold only for real active/interaction states. */
@media (max-width: 991.98px) {
  html body #mainNavigation :is(.nav-mobile-heading,.submenu-headline,[class*="headline" i]) {
    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;
    border:0 !important;
    box-shadow:none !important;
    color:#AAA79F !important;
    -webkit-text-fill-color:#AAA79F !important;
  }
  html body #mainNavigation :is(.nav-mobile-heading,.submenu-headline,[class*="headline" i])::before,
  html body #mainNavigation :is(.nav-mobile-heading,.submenu-headline,[class*="headline" i])::after {
    background:transparent !important;
    background-image:none !important;
    box-shadow:none !important;
  }
  html body #mainNavigation .nav-scrollbar-item > :is(.nav-link,a),
  html body #mainNavigation .nav-scrollbar-item > :is(.nav-link,a) > span,
  html body #mainNavigation .nav-scrollbar-item > :is(.nav-link,a) > strong {
    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;
    box-shadow:none !important;
    color:#F2EFE7 !important;
    -webkit-text-fill-color:#F2EFE7 !important;
  }
  html body #mainNavigation .nav-scrollbar-item > :is(.nav-link,a)::before,
  html body #mainNavigation .nav-scrollbar-item > :is(.nav-link,a)::after,
  html body #mainNavigation .nav-scrollbar-item > :is(.nav-link,a) > :is(span,strong)::before,
  html body #mainNavigation .nav-scrollbar-item > :is(.nav-link,a) > :is(span,strong)::after {
    background:transparent !important;
    background-image:none !important;
    box-shadow:none !important;
  }
  html body #mainNavigation .nav-scrollbar-item > :is(.nav-link,a):is(:hover,:focus-visible),
  html body #mainNavigation .nav-scrollbar-item.active > :is(.nav-link,a),
  html body #mainNavigation .nav-scrollbar-item.show > :is(.nav-link,a) {
    background:#211D15 !important;
    color:#DDBD78 !important;
    -webkit-text-fill-color:#DDBD78 !important;
  }
  html body #mainNavigation .nav-scrollbar-item > :is(.nav-link,a):is(:hover,:focus-visible) *,
  html body #mainNavigation .nav-scrollbar-item.active > :is(.nav-link,a) *,
  html body #mainNavigation .nav-scrollbar-item.show > :is(.nav-link,a) * {
    color:#DDBD78 !important;
    -webkit-text-fill-color:#DDBD78 !important;
  }
}

/* ReefKing 2.2.87 — mobile open-items cleanup.
   iOS offcanvas: fixed shell + independently scrolling body.
   Remove residual NOVA white paint from nested mobile menu/category labels. */
@media (max-width: 991.98px) {
  html body #mainNavigation {
    position: fixed !important;
    inset: 0 auto 0 0 !important;
    display: flex !important;
    flex-direction: column !important;
    width: min(92vw, 420px) !important;
    max-width: min(92vw, 420px) !important;
    height: 100vh !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    overflow: hidden !important;
    overscroll-behavior: none !important;
  }
  html body #mainNavigation .nav-mobile-header {
    position: relative !important;
    z-index: 20 !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    background:#151614 !important;
  }
  html body #mainNavigation .nav-mobile-body {
    position: relative !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior-y: contain !important;
    background:#151614 !important;
  }
  html body #mainNavigation .nav-scrollbar-inner {
    min-height: 100% !important;
    padding-bottom: max(2rem, env(safe-area-inset-bottom)) !important;
  }

  /* NOVA paints parts of the mobile group captions on nested children. */
  html body #mainNavigation :is(.nav-mobile-heading,.submenu-headline,[class*="headline" i]),
  html body #mainNavigation :is(.nav-mobile-heading,.submenu-headline,[class*="headline" i]) * {
    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;
    box-shadow:none !important;
  }

  /* Keep the category row dark, but strip white paint from nested label wrappers. */
  html.rk-page-category body .rk-mobile-category-tree .nav-item > :is(.nav-link,a) > *,
  html.rk-page-category body .rk-mobile-category-tree .nav-item > :is(.nav-link,a) > *::before,
  html.rk-page-category body .rk-mobile-category-tree .nav-item > :is(.nav-link,a) > *::after {
    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;
    box-shadow:none !important;
  }
  html.rk-page-category body .rk-mobile-category-tree .nav-item > :is(.nav-link,a) {
    background:#1B1C19 !important;
    background-image:none !important;
  }
}

/* ReefKing 2.2.88 — mobile menu: restore original width; remove only group-caption white bars. */
@media (max-width: 991.98px) {
  /* Undo the 2.2.87 shell sizing/scroll experiment and let NOVA keep its original offcanvas geometry. */
  html body #mainNavigation {
    position: fixed !important;
    inset: 0 0 0 auto !important;
    display: block !important;
    width: var(--mobile-menu-width, 100%) !important;
    max-width: none !important;
    height: 100% !important;
    max-height: none !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    overscroll-behavior: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }
  html body #mainNavigation .nav-mobile-header {
    position: static !important;
    width: auto !important;
  }
  html body #mainNavigation .nav-mobile-body {
    display: block !important;
    min-height: initial !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }
  html body #mainNavigation .nav-scrollbar-inner {
    min-height: initial !important;
    padding-bottom: max(2rem, env(safe-area-inset-bottom)) !important;
  }

  /* These two bars are generated pseudo-elements, not real headings. */
  html body #mainNavigation .rk-nav-primary-start::before,
  html body #mainNavigation .rk-nav-secondary-start::before {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #AAA79F !important;
    -webkit-text-fill-color: #AAA79F !important;
    padding: .7rem 1rem .45rem !important;
  }
}

/* ReefKing 2.2.90 — desktop language switcher: readable dropdown + language flags. */
@media (min-width: 390px) {
    #shop-nav > .language-dropdown {
        display: list-item !important;
        position: relative;
    }
    #shop-nav > .language-dropdown > .dropdown-toggle {
        gap: .38rem;
        padding-inline: .65rem;
        width: auto;
        min-width: 58px;
        background: transparent;
        color: #F2EFE7 !important;
        -webkit-text-fill-color: #F2EFE7 !important;
    }
    #shop-nav > .language-dropdown > .dropdown-menu {
        min-width: 190px;
        padding: .4rem;
        border: 1px solid #3B3C38 !important;
        border-radius: 10px;
        background: #151614 !important;
        box-shadow: 0 12px 30px rgba(0,0,0,.38);
    }
    #shop-nav > .language-dropdown > .dropdown-menu.show {
        display: block !important;
    }
    #shop-nav > .language-dropdown .dropdown-menu a,
    #shop-nav > .language-dropdown .dropdown-menu .dropdown-item {
        display: flex !important;
        align-items: center;
        gap: .65rem;
        min-height: 42px;
        padding: .55rem .7rem;
        border-radius: 7px;
        background: transparent !important;
        color: #F2EFE7 !important;
        -webkit-text-fill-color: #F2EFE7 !important;
        opacity: 1 !important;
        white-space: nowrap;
    }
    #shop-nav > .language-dropdown .dropdown-menu a:hover,
    #shop-nav > .language-dropdown .dropdown-menu a:focus-visible,
    #shop-nav > .language-dropdown .dropdown-menu .dropdown-item:hover,
    #shop-nav > .language-dropdown .dropdown-menu .dropdown-item:focus-visible,
    #shop-nav > .language-dropdown .dropdown-menu .active {
        background: #211D15 !important;
        color: #DDBD78 !important;
        -webkit-text-fill-color: #DDBD78 !important;
    }
    #shop-nav > .language-dropdown [data-rk-lang]::before {
        display: inline-block;
        width: 1.35em;
        flex: 0 0 1.35em;
        font-size: 1.05em;
        line-height: 1;
        text-align: center;
    }
    #shop-nav > .language-dropdown [data-rk-lang="de"]::before { content: "🇩🇪"; }
    #shop-nav > .language-dropdown [data-rk-lang="en"]::before { content: "🇬🇧"; }
    #shop-nav > .language-dropdown [data-rk-lang="pl"]::before { content: "🇵🇱"; }
}

/* ReefKing 2.2.91 — JTL desktop language dropdown, keyed to native data-iso values. */
@media (min-width: 992px) {
  html body li.language-dropdown { position: relative !important; }
  html body li.language-dropdown .dropdown-menu {
    min-width: 190px !important;
    padding: .4rem !important;
    border: 1px solid #3B3C38 !important;
    border-radius: 10px !important;
    background-color: #151614 !important;
    color: #F2EFE7 !important;
    box-shadow: 0 12px 30px rgba(0,0,0,.38) !important;
    opacity: 1 !important;
  }
  html body li.language-dropdown .dropdown-menu.show { display: block !important; }
  html body li.language-dropdown .dropdown-menu > a.dropdown-item,
  html body li.language-dropdown .dropdown-menu > a.link-lang {
    display: flex !important;
    align-items: center !important;
    gap: .65rem !important;
    min-height: 42px !important;
    padding: .55rem .7rem !important;
    background-color: transparent !important;
    color: #F2EFE7 !important;
    -webkit-text-fill-color: #F2EFE7 !important;
    opacity: 1 !important;
    white-space: nowrap !important;
  }
  html body li.language-dropdown .dropdown-menu > a:hover,
  html body li.language-dropdown .dropdown-menu > a:focus-visible,
  html body li.language-dropdown .dropdown-menu > a.active {
    background-color: #211D15 !important;
    color: #DDBD78 !important;
    -webkit-text-fill-color: #DDBD78 !important;
  }
  html body li.language-dropdown a[data-iso]::before {
    display: inline-block !important;
    width: 1.35em !important;
    flex: 0 0 1.35em !important;
    font-size: 1.05em !important;
    line-height: 1 !important;
    text-align: center !important;
    -webkit-text-fill-color: initial !important;
  }
  html body li.language-dropdown a[data-iso="ger"]::before { content: "🇩🇪" !important; }
  html body li.language-dropdown a[data-iso="eng"]::before { content: "🇬🇧" !important; }
  html body li.language-dropdown a[data-iso="pol"]::before { content: "🇵🇱" !important; }
}

/* ReefKing 2.2.97 — Wawi attribute care profile */
.rk-care-profile{margin:1.75rem 0;padding:1.35rem 1.5rem;border:1px solid #46515a;border-radius:14px;background:#151614;color:#f2efe7;box-shadow:0 10px 30px rgba(0,0,0,.16)}
.rk-care-profile h2{margin:0 0 1rem;color:#f2efe7!important;font-size:1.35rem;font-weight:800}
.rk-care-profile__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:2rem;row-gap:.7rem}
.rk-care-meter,.rk-care-fact{min-width:0;padding:.25rem 0 .55rem;border-bottom:1px solid rgba(242,239,231,.16)}
.rk-care-row,.rk-care-fact{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.rk-care-row>span,.rk-care-fact>span{font-weight:700;color:#f2efe7!important}
.rk-care-row>strong,.rk-care-fact>strong{margin-left:auto;text-align:right;color:#f2efe7!important;font-weight:800}
.rk-care-track{display:block;height:7px;margin-top:.35rem;border-radius:999px;background:#8190a0;overflow:hidden}
.rk-care-track>i{display:block;width:66%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#37c8ef,#62e7ff)}
.rk-care-meter--difficulty .rk-care-track>i{background:linear-gradient(90deg,#ff8a00,#ffc928)}
.rk-care-meter--growth .rk-care-track>i{background:linear-gradient(90deg,#8ee53f,#c8f35b)}
.rk-care-profile__note{margin:1rem 0 0;color:#f2efe7!important;font-weight:600;line-height:1.55}
.rk-care-meter[data-rk-care-value="niedrig"] .rk-care-track>i,.rk-care-meter[data-rk-care-value="low"] .rk-care-track>i,.rk-care-meter[data-rk-care-value="łatwy"] .rk-care-track>i{width:33%}
.rk-care-meter[data-rk-care-value="mittel"] .rk-care-track>i,.rk-care-meter[data-rk-care-value="medium"] .rk-care-track>i,.rk-care-meter[data-rk-care-value="średni"] .rk-care-track>i{width:66%}
.rk-care-meter[data-rk-care-value="hoch"] .rk-care-track>i,.rk-care-meter[data-rk-care-value="stark"] .rk-care-track>i,.rk-care-meter[data-rk-care-value="high"] .rk-care-track>i,.rk-care-meter[data-rk-care-value="strong"] .rk-care-track>i,.rk-care-meter[data-rk-care-value="wysoki"] .rk-care-track>i,.rk-care-meter[data-rk-care-value="silny"] .rk-care-track>i{width:92%}
.rk-care-meter[data-rk-care-value="schnell"] .rk-care-track>i,.rk-care-meter[data-rk-care-value="fast"] .rk-care-track>i,.rk-care-meter[data-rk-care-value="szybki"] .rk-care-track>i{width:82%}
@media(max-width:767.98px){.rk-care-profile{padding:1rem}.rk-care-profile__grid{grid-template-columns:1fr;row-gap:.55rem}.rk-care-row,.rk-care-fact{gap:.75rem}.rk-care-profile h2{font-size:1.2rem}}

/* ReefKing 2.3.00 — real Wawi coral attributes */
.rk-care-profile__wide{margin-top:.9rem;padding:.75rem 0 0;border-top:1px solid rgba(242,239,231,.16);display:grid;grid-template-columns:minmax(120px,180px) 1fr;gap:1rem;color:#f2efe7}
.rk-care-profile__wide>span{font-weight:700}.rk-care-profile__wide>strong{font-weight:600;line-height:1.5}
.rk-care-meter[data-rk-care-value="schwer"] .rk-care-track>i,.rk-care-meter[data-rk-care-value="hard"] .rk-care-track>i,.rk-care-meter[data-rk-care-value="trudny"] .rk-care-track>i{width:88%}
.rk-care-meter[data-rk-care-value="leicht"] .rk-care-track>i,.rk-care-meter[data-rk-care-value="easy"] .rk-care-track>i{width:32%}
@media(max-width:767.98px){.rk-care-profile__wide{grid-template-columns:1fr;gap:.25rem}}

/* ReefKing 2.3.01 — premium care card built from native NOVA attribute rows */
.rk-care-profile--native{border-color:#8f713c;background:linear-gradient(145deg,#1b1c19 0%,#151614 72%);box-shadow:0 16px 38px rgba(0,0,0,.22),inset 0 1px 0 rgba(221,189,120,.08)}
.rk-care-profile--native h2{color:#ddbd78!important;letter-spacing:.01em}
.rk-care-profile--native .rk-care-track{background:rgba(242,239,231,.16);height:6px}
.rk-care-profile--native .rk-care-fact>strong{color:#ddbd78!important}
.rk-care-profile--native .rk-care-profile__wide>span{color:#ddbd78!important}


/* ReefKing 2.3.07 — deterministic mobile menu section labels.
   Use real DOM labels instead of pseudo-elements so NOVA cannot paint white bars behind them. */
@media (max-width: 991.98px) {
  html body #mainNavigation .rk-nav-primary-start::before,
  html body #mainNavigation .rk-nav-secondary-start::before {
    content: none !important;
    display: none !important;
  }
  html body #mainNavigation .rk-mobile-nav-section-label {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: .7rem 1rem .45rem !important;
    border: 0 !important;
    border-top: 1px solid #292A27 !important;
    border-radius: 0 !important;
    background: #151614 !important;
    background-image: none !important;
    box-shadow: none !important;
    color: #AAA79F !important;
    -webkit-text-fill-color: #AAA79F !important;
    font-family: var(--rk-font-mono) !important;
    font-size: .6875rem !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
  }
  html body #mainNavigation .rk-mobile-nav-section-label::before,
  html body #mainNavigation .rk-mobile-nav-section-label::after {
    content: none !important;
    display: none !important;
  }
}

/* ReefKing 2.3.08 — JTL-backed homepage product switcher */
.rk2-product-tabs__head{align-items:flex-end;gap:1.25rem;flex-wrap:wrap}
.rk2-product-tabs{display:flex;align-items:center;gap:.35rem;max-width:100%;overflow-x:auto;padding:.2rem 0;scrollbar-width:thin}
.rk2-product-tab{appearance:none;border:1px solid #8F713C;background:#151614;color:#F2EFE7;border-radius:999px;padding:.58rem .9rem;font:inherit;font-size:.82rem;font-weight:700;line-height:1.15;white-space:nowrap;cursor:pointer;transition:background-color .18s ease,color .18s ease,border-color .18s ease}
.rk2-product-tab:hover,.rk2-product-tab:focus-visible,.rk2-product-tab.is-active{background:#211D15;color:#DDBD78;border-color:#DDBD78;outline:none}
.rk2-product-panel[hidden]{display:none!important}
.rk2-product-panel__all{text-align:right;margin-top:.7rem}
.rk2-product-panel__all a{color:#DDBD78;font-weight:700}
@media(max-width:767.98px){.rk2-product-tabs__head{align-items:stretch}.rk2-product-tabs{width:100%;padding-bottom:.4rem}.rk2-product-tab{font-size:.76rem;padding:.55rem .75rem}}

/* ReefKing 2.3.14 — real OPC image cards on homepage.
   JS marks the actual rendered JTL image-portlet container/card nodes, so this
   does not depend on a guessed OPC wrapper class. */
.rk2-opc-feature-grid{padding-top:4px;padding-bottom:26px}
html.rk-page-home .rk2-opc-feature-grid .rk-opc-card-grid{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;
  width:100%;max-width:none;margin:0;padding:0!important;background:transparent!important;
}
html.rk-page-home .rk2-opc-feature-grid .rk-opc-card{
  min-width:0;margin:0!important;border:1px solid #8F713C!important;border-radius:14px!important;
  overflow:hidden;background:#151614;box-shadow:0 10px 28px rgba(0,0,0,.16);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
html.rk-page-home .rk2-opc-feature-grid .rk-opc-card:hover{transform:translateY(-2px);border-color:#DDBD78!important;box-shadow:0 14px 34px rgba(0,0,0,.24)}
html.rk-page-home .rk2-opc-feature-grid .rk-opc-card a{display:block;color:#F2EFE7;text-decoration:none}
html.rk-page-home .rk2-opc-feature-grid .rk-opc-card img{display:block;width:100%!important;height:auto!important;aspect-ratio:16/9;object-fit:cover;border:0!important;border-radius:0!important;margin:0!important}
@media(max-width:767.98px){html.rk-page-home .rk2-opc-feature-grid .rk-opc-card-grid{grid-template-columns:1fr;gap:12px}.rk2-opc-feature-grid{padding-bottom:20px}}
@media(prefers-reduced-motion:reduce){html.rk-page-home .rk2-opc-feature-grid .rk-opc-card{transition:none}}

/* ReefKing 2.3.15 — OPC Banner cards */
html.rk-page-home .rk2-opc-feature-grid .rk-opc-banner-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:transparent!important}
html.rk-page-home .rk2-opc-feature-grid .rk-opc-banner-card{position:relative!important;display:block!important;width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;padding:0!important;overflow:hidden!important;border:1px solid #8F713C!important;border-radius:14px!important;background:#151614!important;box-shadow:0 10px 28px rgba(0,0,0,.18);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
html.rk-page-home .rk2-opc-feature-grid .rk-opc-banner-card:hover{transform:translateY(-2px);border-color:#DDBD78!important;box-shadow:0 14px 34px rgba(0,0,0,.26)}
html.rk-page-home .rk2-opc-feature-grid .rk-opc-banner-card img{display:block!important;width:100%!important;height:clamp(240px,25vw,360px)!important;object-fit:cover!important;margin:0!important;border:0!important;border-radius:0!important}
html.rk-page-home .rk2-opc-feature-grid .rk-opc-banner-card:after{content:"";position:absolute;z-index:1;inset:35% 0 0;pointer-events:none;background:linear-gradient(to bottom,rgba(21,22,20,0),rgba(21,22,20,.55) 35%,rgba(14,15,14,.94) 100%)}
html.rk-page-home .rk2-opc-feature-grid .rk-opc-banner-card :is(.caption,.banner-caption,.carousel-caption,.caption-body,.text,.content,[class*="caption"],[class*="content"]){z-index:2}
html.rk-page-home .rk2-opc-feature-grid .rk-opc-banner-card :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.headline,.title){color:#F2EFE7!important;-webkit-text-fill-color:#F2EFE7!important;font-weight:700!important}
html.rk-page-home .rk2-opc-feature-grid .rk-opc-banner-card :is(p,small,.subtitle,.description){color:#F2EFE7!important;-webkit-text-fill-color:#F2EFE7!important}
html.rk-page-home .rk2-opc-feature-grid .rk-opc-banner-card :is(.btn,button,[class*="button"]){position:relative;z-index:3;border:1px solid #DDBD78!important;background:#DDBD78!important;color:#151614!important;-webkit-text-fill-color:#151614!important;border-radius:7px!important;font-weight:700!important}
html.rk-page-home .rk2-opc-feature-grid .rk-opc-banner-card a{color:#F2EFE7;text-decoration:none}
@media(max-width:767.98px){html.rk-page-home .rk2-opc-feature-grid .rk-opc-banner-grid{grid-template-columns:1fr!important;gap:12px!important}html.rk-page-home .rk2-opc-feature-grid .rk-opc-banner-card img{height:auto!important;aspect-ratio:16/9;object-fit:cover!important}}

/* ReefKing 2.3.16 — actual JTL banner DOM: banners are direct children of the moved OPC section. */
html.rk-page-home section.rk2-opc-feature-grid.rk2-shell{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
  width:100%!important;
  align-items:stretch!important;
}
html.rk-page-home section.rk2-opc-feature-grid.rk2-shell > .banner{
  position:relative!important;display:block!important;width:100%!important;max-width:none!important;min-width:0!important;
  height:100%!important;margin:0!important;padding:0!important;overflow:hidden!important;
  border:1px solid #8F713C!important;border-radius:14px!important;background:#151614!important;
  box-shadow:0 10px 28px rgba(0,0,0,.18);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
html.rk-page-home section.rk2-opc-feature-grid.rk2-shell > .banner:hover{transform:translateY(-2px);border-color:#DDBD78!important;box-shadow:0 14px 34px rgba(0,0,0,.26)}
html.rk-page-home section.rk2-opc-feature-grid.rk2-shell > .banner picture{display:block!important;width:100%!important;height:100%!important;margin:0!important}
html.rk-page-home section.rk2-opc-feature-grid.rk2-shell > .banner img.img-fluid,
html.rk-page-home section.rk2-opc-feature-grid.rk2-shell > .banner picture > img{
  display:block!important;width:100%!important;max-width:none!important;height:clamp(260px,28vw,390px)!important;
  aspect-ratio:auto!important;object-fit:cover!important;margin:0!important;border:0!important;border-radius:0!important;
}
html.rk-page-home section.rk2-opc-feature-grid.rk2-shell > .banner:after{content:"";position:absolute;z-index:1;inset:42% 0 0;pointer-events:none;background:linear-gradient(to bottom,rgba(21,22,20,0),rgba(21,22,20,.55) 35%,rgba(14,15,14,.94) 100%)}
html.rk-page-home section.rk2-opc-feature-grid.rk2-shell > .banner :is(.caption,.banner-caption,.caption-body,.text,.content,.banner-text,[class*="caption"]){position:absolute!important;z-index:2!important;left:24px!important;right:24px!important;bottom:22px!important;color:#F2EFE7!important}
html.rk-page-home section.rk2-opc-feature-grid.rk2-shell > .banner :is(h1,h2,h3,h4,h5,h6,.headline,.title){color:#F2EFE7!important;-webkit-text-fill-color:#F2EFE7!important;font-weight:700!important;margin-bottom:6px!important}
html.rk-page-home section.rk2-opc-feature-grid.rk2-shell > .banner :is(p,small,.subtitle,.description){color:#F2EFE7!important;-webkit-text-fill-color:#F2EFE7!important;margin-bottom:10px!important}
html.rk-page-home section.rk2-opc-feature-grid.rk2-shell > .banner :is(.btn,button,[class*="button"]){position:relative!important;z-index:3!important;display:inline-flex!important;width:auto!important;border:1px solid #DDBD78!important;background:#DDBD78!important;color:#151614!important;-webkit-text-fill-color:#151614!important;border-radius:7px!important;font-weight:700!important;padding:.55rem .9rem!important}
@media(max-width:767.98px){html.rk-page-home section.rk2-opc-feature-grid.rk2-shell{grid-template-columns:1fr!important;gap:12px!important}html.rk-page-home section.rk2-opc-feature-grid.rk2-shell > .banner img.img-fluid,html.rk-page-home section.rk2-opc-feature-grid.rk2-shell > .banner picture > img{height:auto!important;aspect-ratio:16/9!important;object-fit:cover!important}}

/* ReefKing 2.3.17 — compact OPC banner cards */
html.rk-page-home section.rk2-opc-feature-grid.rk2-shell{max-width:1320px!important;margin-left:auto!important;margin-right:auto!important;gap:16px!important;padding-top:8px!important;padding-bottom:28px!important}
html.rk-page-home section.rk2-opc-feature-grid.rk2-shell > .banner{height:auto!important;aspect-ratio:16/9!important;border-radius:12px!important}
html.rk-page-home section.rk2-opc-feature-grid.rk2-shell > .banner picture{height:100%!important;overflow:hidden!important}
html.rk-page-home section.rk2-opc-feature-grid.rk2-shell > .banner img.img-fluid,
html.rk-page-home section.rk2-opc-feature-grid.rk2-shell > .banner picture > img{width:100%!important;height:100%!important;max-width:100%!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:center!important}
@media(max-width:767.98px){html.rk-page-home section.rk2-opc-feature-grid.rk2-shell{gap:12px!important;padding-bottom:20px!important}html.rk-page-home section.rk2-opc-feature-grid.rk2-shell > .banner{aspect-ratio:16/9!important}}

/* ReefKing 2.3.18 — restore generous original card proportions */
html.rk-page-home section.rk2-opc-feature-grid.rk2-shell{
  max-width:none!important;
  width:100%!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
  padding-top:10px!important;
  padding-bottom:34px!important;
}
html.rk-page-home section.rk2-opc-feature-grid.rk2-shell > .banner{
  height:clamp(340px,30vw,420px)!important;
  aspect-ratio:auto!important;
  border-radius:14px!important;
}
html.rk-page-home section.rk2-opc-feature-grid.rk2-shell > .banner picture{
  display:block!important;width:100%!important;height:100%!important;overflow:hidden!important;
}
html.rk-page-home section.rk2-opc-feature-grid.rk2-shell > .banner img.img-fluid,
html.rk-page-home section.rk2-opc-feature-grid.rk2-shell > .banner picture > img{
  display:block!important;width:100%!important;height:100%!important;max-width:none!important;
  aspect-ratio:auto!important;object-fit:cover!important;object-position:center!important;
}
@media(max-width:767.98px){
  html.rk-page-home section.rk2-opc-feature-grid.rk2-shell{grid-template-columns:1fr!important;gap:14px!important;padding-bottom:24px!important}
  html.rk-page-home section.rk2-opc-feature-grid.rk2-shell > .banner{height:clamp(230px,62vw,330px)!important;aspect-ratio:auto!important}
  html.rk-page-home section.rk2-opc-feature-grid.rk2-shell > .banner img.img-fluid,
  html.rk-page-home section.rk2-opc-feature-grid.rk2-shell > .banner picture > img{height:100%!important;aspect-ratio:auto!important}
}

/* ReefKing 2.3.19 — OPC feature cards aligned to the normal homepage content shell */
html.rk-page-home section.rk2-opc-feature-grid.rk2-shell{
  width:min(calc(100% - 48px),var(--rk2-shell))!important;
  max-width:var(--rk2-shell)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:16px!important;
}
html.rk-page-home section.rk2-opc-feature-grid.rk2-shell > .banner{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  height:clamp(280px,24vw,340px)!important;
}
@media(max-width:767.98px){
  html.rk-page-home section.rk2-opc-feature-grid.rk2-shell{
    width:min(calc(100% - 24px),var(--rk2-shell))!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  html.rk-page-home section.rk2-opc-feature-grid.rk2-shell > .banner{
    height:auto!important;
    aspect-ratio:16/9!important;
  }
}

/* ReefKing 2.3.20 — homepage OPC banner title + CTA overlay */
html.rk-page-home section.rk2-opc-feature-grid.rk2-shell > .banner{position:relative!important}
html.rk-page-home section.rk2-opc-feature-grid.rk2-shell > .banner > a{display:block!important;position:relative!important;width:100%!important;height:100%!important;color:inherit!important;text-decoration:none!important}
html.rk-page-home section.rk2-opc-feature-grid.rk2-shell > .banner.rk-opc-card-has-overlay:after{
  content:"";position:absolute!important;z-index:2!important;inset:35% 0 0!important;pointer-events:none!important;
  background:linear-gradient(to bottom,rgba(14,15,14,0),rgba(14,15,14,.42) 36%,rgba(14,15,14,.90) 100%)!important;
}
html.rk-page-home section.rk2-opc-feature-grid.rk2-shell .rk-opc-card-overlay{
  position:absolute!important;z-index:4!important;left:24px!important;right:24px!important;bottom:22px!important;
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:11px!important;
  pointer-events:none!important;color:#F2EFE7!important;-webkit-text-fill-color:#F2EFE7!important;
}
html.rk-page-home section.rk2-opc-feature-grid.rk2-shell .rk-opc-card-title{
  display:block!important;margin:0!important;color:#F2EFE7!important;-webkit-text-fill-color:#F2EFE7!important;
  font-size:clamp(1.35rem,2vw,2rem)!important;line-height:1.08!important;font-weight:750!important;letter-spacing:-.02em!important;
  text-shadow:0 2px 12px rgba(0,0,0,.55)!important;
}
html.rk-page-home section.rk2-opc-feature-grid.rk2-shell .rk-opc-card-cta{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:40px!important;
  padding:.58rem 1rem!important;border:1px solid #DDBD78!important;border-radius:7px!important;
  background:#DDBD78!important;color:#151614!important;-webkit-text-fill-color:#151614!important;
  font-size:.92rem!important;line-height:1!important;font-weight:750!important;box-shadow:0 4px 14px rgba(0,0,0,.22)!important;
}
html.rk-page-home section.rk2-opc-feature-grid.rk2-shell > .banner:hover .rk-opc-card-cta{background:#F2EFE7!important;border-color:#F2EFE7!important}
@media(max-width:767.98px){
  html.rk-page-home section.rk2-opc-feature-grid.rk2-shell .rk-opc-card-overlay{left:18px!important;right:18px!important;bottom:17px!important;gap:8px!important}
  html.rk-page-home section.rk2-opc-feature-grid.rk2-shell .rk-opc-card-title{font-size:1.35rem!important}
  html.rk-page-home section.rk2-opc-feature-grid.rk2-shell .rk-opc-card-cta{min-height:36px!important;padding:.5rem .82rem!important;font-size:.86rem!important}
}

/* ReefKing 2.3.22 — native OPC Button portlets over their preceding banner cards */
html.rk-page-home section.rk2-opc-feature-grid.rk2-shell > .rk-opc-paired-banner,
html.rk-page-home section.rk2-opc-feature-grid.rk2-shell > .rk-opc-button-overlay{
  grid-column:var(--rk-opc-col)!important;grid-row:var(--rk-opc-row)!important;
}
html.rk-page-home section.rk2-opc-feature-grid.rk2-shell > .rk-opc-button-overlay{
  position:relative!important;z-index:8!important;align-self:end!important;justify-self:start!important;
  width:auto!important;max-width:calc(100% - 48px)!important;margin:0 0 22px 24px!important;padding:0!important;
  pointer-events:none!important;background:transparent!important;
}
html.rk-page-home section.rk2-opc-feature-grid.rk2-shell > .rk-opc-button-overlay :is(a,button,.btn){
  position:relative!important;z-index:9!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  width:auto!important;min-height:40px!important;margin:0!important;padding:.58rem 1rem!important;
  border:1px solid #DDBD78!important;border-radius:7px!important;background:#DDBD78!important;
  color:#151614!important;-webkit-text-fill-color:#151614!important;font-weight:750!important;line-height:1!important;
  text-decoration:none!important;box-shadow:0 4px 14px rgba(0,0,0,.22)!important;pointer-events:auto!important;cursor:pointer!important;
}
html.rk-page-home section.rk2-opc-feature-grid.rk2-shell > .rk-opc-button-overlay :is(a,button,.btn):hover{
  background:#F2EFE7!important;border-color:#F2EFE7!important;color:#151614!important;-webkit-text-fill-color:#151614!important;
}
@media(max-width:767.98px){
  html.rk-page-home section.rk2-opc-feature-grid.rk2-shell > .rk-opc-paired-banner,
  html.rk-page-home section.rk2-opc-feature-grid.rk2-shell > .rk-opc-button-overlay{grid-column:1!important;grid-row:var(--rk-opc-mobile-row)!important}
  html.rk-page-home section.rk2-opc-feature-grid.rk2-shell > .rk-opc-button-overlay{max-width:calc(100% - 36px)!important;margin:0 0 17px 18px!important}
  html.rk-page-home section.rk2-opc-feature-grid.rk2-shell > .rk-opc-button-overlay :is(a,button,.btn){min-height:36px!important;padding:.5rem .82rem!important;font-size:.86rem!important}
}
\n\n/* ReefKing 2.3.23 — native OPC heading + text + button as editable banner overlay */\nhtml.rk-page-home section.rk2-opc-feature-grid.rk2-shell > :is(.rk-opc-title-overlay,.rk-opc-description-overlay){\n  grid-column:var(--rk-opc-col)!important;grid-row:var(--rk-opc-row)!important;position:relative!important;z-index:8!important;\n  justify-self:start!important;width:auto!important;max-width:calc(100% - 48px)!important;margin-left:24px!important;pointer-events:none!important;\n}\nhtml.rk-page-home section.rk2-opc-feature-grid.rk2-shell > .rk-opc-title-overlay{\n  align-self:end!important;margin-bottom:94px!important;color:#F2EFE7!important;-webkit-text-fill-color:#F2EFE7!important;\n  font-size:clamp(1.25rem,1.8vw,1.85rem)!important;line-height:1.08!important;font-weight:750!important;letter-spacing:-.02em!important;\n  text-shadow:0 2px 12px rgba(0,0,0,.72)!important;\n}\nhtml.rk-page-home section.rk2-opc-feature-grid.rk2-shell > .rk-opc-description-overlay{\n  align-self:end!important;margin-bottom:66px!important;color:#F2EFE7!important;-webkit-text-fill-color:#F2EFE7!important;\n  font-size:.92rem!important;line-height:1.3!important;font-weight:500!important;text-shadow:0 2px 10px rgba(0,0,0,.8)!important;\n}\nhtml.rk-page-home section.rk2-opc-feature-grid.rk2-shell > .rk-opc-description-overlay :is(p,div,span){margin:0!important;color:inherit!important;-webkit-text-fill-color:inherit!important;}\nhtml.rk-page-home section.rk2-opc-feature-grid.rk2-shell > .rk-opc-paired-banner::after{\n  content:\"\";position:absolute;z-index:3;left:0;right:0;bottom:0;height:48%;pointer-events:none;\n  background:linear-gradient(to top,rgba(14,15,14,.82),rgba(14,15,14,.18),transparent);\n}\nhtml.rk-page-home section.rk2-opc-feature-grid.rk2-shell > .rk-opc-paired-banner{position:relative!important;}\n@media(max-width:767.98px){\n  html.rk-page-home section.rk2-opc-feature-grid.rk2-shell > :is(.rk-opc-title-overlay,.rk-opc-description-overlay){\n    grid-column:1!important;grid-row:var(--rk-opc-mobile-row)!important;max-width:calc(100% - 36px)!important;margin-left:18px!important;\n  }\n  html.rk-page-home section.rk2-opc-feature-grid.rk2-shell > .rk-opc-title-overlay{margin-bottom:84px!important;font-size:1.25rem!important;}\n  html.rk-page-home section.rk2-opc-feature-grid.rk2-shell > .rk-opc-description-overlay{margin-bottom:58px!important;font-size:.84rem!important;}\n}\n
/* ReefKing 2.3.24 — keep native OPC heading/text/button in the same grid cell as its banner */
html.rk-page-home section.rk2-opc-feature-grid.rk2-shell > .rk-opc-paired-banner,
html.rk-page-home section.rk2-opc-feature-grid.rk2-shell > .rk-opc-title-overlay,
html.rk-page-home section.rk2-opc-feature-grid.rk2-shell > .rk-opc-description-overlay,
html.rk-page-home section.rk2-opc-feature-grid.rk2-shell > .rk-opc-button-overlay{
  grid-column:var(--rk-opc-col)!important;
  grid-row:var(--rk-opc-row)!important;
}
html.rk-page-home section.rk2-opc-feature-grid.rk2-shell > .rk-opc-title-overlay{align-self:end!important;justify-self:start!important;margin:0 24px 96px!important;z-index:9!important;pointer-events:none!important}
html.rk-page-home section.rk2-opc-feature-grid.rk2-shell > .rk-opc-description-overlay{align-self:end!important;justify-self:start!important;margin:0 24px 68px!important;z-index:9!important;pointer-events:none!important}
html.rk-page-home section.rk2-opc-feature-grid.rk2-shell > .rk-opc-button-overlay{align-self:end!important;justify-self:start!important;margin:0 0 20px 24px!important;z-index:10!important}
@media(max-width:767.98px){
 html.rk-page-home section.rk2-opc-feature-grid.rk2-shell > .rk-opc-paired-banner,
 html.rk-page-home section.rk2-opc-feature-grid.rk2-shell > .rk-opc-title-overlay,
 html.rk-page-home section.rk2-opc-feature-grid.rk2-shell > .rk-opc-description-overlay,
 html.rk-page-home section.rk2-opc-feature-grid.rk2-shell > .rk-opc-button-overlay{grid-column:1!important;grid-row:var(--rk-opc-mobile-row)!important}
 html.rk-page-home section.rk2-opc-feature-grid.rk2-shell > .rk-opc-title-overlay{margin:0 18px 86px!important}
 html.rk-page-home section.rk2-opc-feature-grid.rk2-shell > .rk-opc-description-overlay{margin:0 18px 60px!important}
 html.rk-page-home section.rk2-opc-feature-grid.rk2-shell > .rk-opc-button-overlay{margin:0 0 17px 18px!important}
}

/* ReefKing 2.3.25 — mobile OPC card typography/spacing only */
@media(max-width:767.98px){
  html.rk-page-home section.rk2-opc-feature-grid.rk2-shell > .rk-opc-title-overlay{
    margin:0 18px 126px!important;
    width:calc(100% - 36px)!important;max-width:calc(100% - 36px)!important;
    font-size:clamp(1.28rem,6vw,1.62rem)!important;line-height:1.04!important;font-weight:750!important;
    letter-spacing:-.025em!important;
  }
  html.rk-page-home section.rk2-opc-feature-grid.rk2-shell > .rk-opc-title-overlay:is(h1,h2,h3,h4,h5,h6),
  html.rk-page-home section.rk2-opc-feature-grid.rk2-shell > .rk-opc-title-overlay :is(h1,h2,h3,h4,h5,h6){
    margin:0!important;font-size:inherit!important;line-height:inherit!important;font-weight:inherit!important;letter-spacing:inherit!important;
  }
  html.rk-page-home section.rk2-opc-feature-grid.rk2-shell > .rk-opc-description-overlay{
    margin:0 18px 82px!important;
    width:calc(100% - 36px)!important;max-width:calc(100% - 36px)!important;
    font-size:clamp(.78rem,3.5vw,.92rem)!important;line-height:1.22!important;font-weight:500!important;
  }
  html.rk-page-home section.rk2-opc-feature-grid.rk2-shell > .rk-opc-description-overlay,
  html.rk-page-home section.rk2-opc-feature-grid.rk2-shell > .rk-opc-description-overlay :is(p,div,span){
    margin-top:0!important;margin-bottom:0!important;
  }
  html.rk-page-home section.rk2-opc-feature-grid.rk2-shell > .rk-opc-button-overlay{
    margin:0 0 20px 18px!important;max-width:calc(100% - 36px)!important;
  }
  html.rk-page-home section.rk2-opc-feature-grid.rk2-shell > .rk-opc-button-overlay :is(a,button,.btn){
    min-height:40px!important;padding:.55rem .9rem!important;font-size:.9rem!important;line-height:1.1!important;
  }
}

/* ReefKing 2.3.26 — mobile OPC cards: one flow-based overlay stack per banner */
@media(max-width:767.98px){
  html.rk-page-home section.rk2-opc-feature-grid.rk2-shell > .rk-opc-mobile-stack{
    grid-column:1!important;grid-row:var(--rk-opc-mobile-row)!important;
    align-self:end!important;justify-self:stretch!important;position:relative!important;z-index:12!important;
    display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:6px!important;
    width:auto!important;max-width:none!important;margin:0!important;padding:56px 18px 18px!important;
    pointer-events:none!important;
    background:linear-gradient(to top,rgba(14,15,14,.90) 0%,rgba(14,15,14,.62) 48%,rgba(14,15,14,0) 100%)!important;
  }
  html.rk-page-home section.rk2-opc-feature-grid.rk2-shell > .rk-opc-mobile-stack > .rk-opc-title-overlay,
  html.rk-page-home section.rk2-opc-feature-grid.rk2-shell > .rk-opc-mobile-stack > .rk-opc-description-overlay,
  html.rk-page-home section.rk2-opc-feature-grid.rk2-shell > .rk-opc-mobile-stack > .rk-opc-button-overlay{
    position:static!important;align-self:auto!important;justify-self:auto!important;
    width:auto!important;max-width:100%!important;margin:0!important;padding:0!important;
    transform:none!important;
  }
  html.rk-page-home section.rk2-opc-feature-grid.rk2-shell > .rk-opc-mobile-stack > .rk-opc-title-overlay{
    order:1!important;color:#F2EFE7!important;-webkit-text-fill-color:#F2EFE7!important;
    font-size:clamp(1.18rem,5.4vw,1.48rem)!important;line-height:1.06!important;font-weight:750!important;letter-spacing:-.02em!important;
    text-shadow:0 2px 10px rgba(0,0,0,.85)!important;
  }
  html.rk-page-home section.rk2-opc-feature-grid.rk2-shell > .rk-opc-mobile-stack > .rk-opc-title-overlay:is(h1,h2,h3,h4,h5,h6),
  html.rk-page-home section.rk2-opc-feature-grid.rk2-shell > .rk-opc-mobile-stack > .rk-opc-title-overlay :is(h1,h2,h3,h4,h5,h6){
    margin:0!important;font-size:inherit!important;line-height:inherit!important;font-weight:inherit!important;letter-spacing:inherit!important;
  }
  html.rk-page-home section.rk2-opc-feature-grid.rk2-shell > .rk-opc-mobile-stack > .rk-opc-description-overlay{
    order:2!important;color:#F2EFE7!important;-webkit-text-fill-color:#F2EFE7!important;
    font-size:clamp(.78rem,3.45vw,.9rem)!important;line-height:1.24!important;font-weight:500!important;
    text-shadow:0 2px 9px rgba(0,0,0,.9)!important;
  }
  html.rk-page-home section.rk2-opc-feature-grid.rk2-shell > .rk-opc-mobile-stack > .rk-opc-description-overlay,
  html.rk-page-home section.rk2-opc-feature-grid.rk2-shell > .rk-opc-mobile-stack > .rk-opc-description-overlay :is(p,div,span){margin:0!important;color:inherit!important;-webkit-text-fill-color:inherit!important;}
  html.rk-page-home section.rk2-opc-feature-grid.rk2-shell > .rk-opc-mobile-stack > .rk-opc-button-overlay{
    order:3!important;margin-top:7px!important;pointer-events:none!important;background:transparent!important;
  }
  html.rk-page-home section.rk2-opc-feature-grid.rk2-shell > .rk-opc-mobile-stack > .rk-opc-button-overlay :is(a,button,.btn){
    display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;min-height:40px!important;
    margin:0!important;padding:.55rem .9rem!important;border:1px solid #DDBD78!important;border-radius:7px!important;background:#DDBD78!important;
    color:#151614!important;-webkit-text-fill-color:#151614!important;font-size:.9rem!important;line-height:1.1!important;font-weight:750!important;
    text-decoration:none!important;pointer-events:auto!important;cursor:pointer!important;
  }
}


/* ReefKing 2.4.10 — lower OPC cards 5-8: desktop 1x4, mobile 4x1. */
html.rk-page-home section.rk2-opc-feature-grid.rk2-shell > .rk-opc-lower-row{
  grid-column:1 / -1!important;
  grid-row:auto!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}
html.rk-page-home .rk-opc-lower-card{
  position:relative!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:1fr!important;
  min-width:0!important;
  aspect-ratio:16/10!important;
  overflow:hidden!important;
  border:1px solid #8F713C!important;
  border-radius:12px!important;
  background:#151614!important;
}
html.rk-page-home .rk-opc-lower-card > *{
  grid-column:1!important;
  grid-row:1!important;
  min-width:0!important;
}
html.rk-page-home .rk-opc-lower-card-banner{
  position:relative!important;
  z-index:1!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  overflow:hidden!important;
}
html.rk-page-home .rk-opc-lower-card-banner picture,
html.rk-page-home .rk-opc-lower-card-banner img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
html.rk-page-home .rk-opc-lower-card-banner::after{
  content:""!important;
  position:absolute!important;
  inset:28% 0 0!important;
  z-index:2!important;
  pointer-events:none!important;
  background:linear-gradient(180deg,rgba(14,15,14,0),rgba(14,15,14,.96))!important;
}
html.rk-page-home .rk-opc-lower-card-title{
  align-self:end!important;
  justify-self:start!important;
  z-index:5!important;
  margin:0 16px 72px!important;
  max-width:calc(100% - 32px)!important;
  color:#F2EFE7!important;
  font-size:clamp(1rem,1.15vw,1.3rem)!important;
  line-height:1.08!important;
  font-weight:750!important;
  pointer-events:none!important;
}
html.rk-page-home .rk-opc-lower-card-description{
  align-self:end!important;
  justify-self:start!important;
  z-index:5!important;
  margin:0 16px 45px!important;
  max-width:calc(100% - 32px)!important;
  color:#F2EFE7!important;
  font-size:.8rem!important;
  line-height:1.25!important;
  pointer-events:none!important;
}
html.rk-page-home .rk-opc-lower-card-description p{margin:0!important;color:inherit!important}
html.rk-page-home .rk-opc-lower-card-button{
  align-self:end!important;
  justify-self:start!important;
  z-index:6!important;
  margin:0 0 12px 16px!important;
}
@media(max-width:767.98px){
  html.rk-page-home section.rk2-opc-feature-grid.rk2-shell > .rk-opc-lower-row{
    grid-template-columns:1fr!important;
    gap:16px!important;
  }
  html.rk-page-home .rk-opc-lower-card{aspect-ratio:16/9!important}
  html.rk-page-home .rk-opc-lower-card-title{margin:0 16px 72px!important;font-size:1.12rem!important}
  html.rk-page-home .rk-opc-lower-card-description{margin:0 16px 44px!important;font-size:.82rem!important}
  html.rk-page-home .rk-opc-lower-card-button{margin:0 0 11px 16px!important}
}

/* ReefKing 2.4.11 fallback — lower row only */
html.rk-page-home .rk-opc-lower-row{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-column:1/-1!important;width:100%!important;gap:14px!important}
html.rk-page-home .rk-opc-lower-row>.rk-opc-lower-card{min-width:0!important}
@media(max-width:767.98px){html.rk-page-home .rk-opc-lower-row{grid-template-columns:1fr!important;gap:16px!important}}

/* ReefKing 2.4.12 — OPC intro above lower four; frame matches upper cards. */
html.rk-page-home .rk-opc-lower-intro{grid-column:1/-1!important;width:100%!important;margin:18px 0 4px!important;padding:0!important}
html.rk-page-home .rk-opc-lower-card{border:1px solid #8F713C!important;border-radius:14px!important;box-shadow:0 10px 28px rgba(0,0,0,.18)!important}
html.rk-page-home .rk-opc-lower-card:hover{border-color:#DDBD78!important;box-shadow:0 14px 34px rgba(0,0,0,.26)!important}

/* ReefKing 2.4.13 — dynamic OPC card row. More OPC cards continue automatically. */
html.rk-page-home .rk-opc-lower-row{grid-column:1/-1!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;width:100%!important}
html.rk-page-home .rk-opc-lower-card{min-width:0!important;border:1px solid rgba(143,113,60,.85)!important;border-radius:12px!important;overflow:hidden!important}
@media(max-width:767.98px){html.rk-page-home .rk-opc-lower-row{grid-template-columns:1fr!important;gap:16px!important}}


/* ReefKing 2.4.14 — no legacy knowledge block; refined OPC lower cards. */
html.rk-page-home section.rk2-knowledge{display:none!important}
html.rk-page-home .rk-opc-lower-card{
  border:1px solid rgba(143,113,60,.62)!important;
  border-radius:12px!important;
  box-shadow:none!important;
}
html.rk-page-home .rk-opc-lower-card .rk-opc-card-veil{
  display:block!important;
  border-radius:inherit!important;
}
html.rk-page-home .rk-opc-lower-card-description,
html.rk-page-home .rk-opc-lower-card-description p{
  color:#F2EFE7!important;
  margin-top:0!important;
  margin-bottom:0!important;
}


/* ReefKing 2.4.15 — four separate frames, never one frame around the complete row. */
html.rk-page-home section.rk2-opc-feature-grid.rk2-shell > .rk-opc-lower-row{
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
  overflow:visible!important;
}
html.rk-page-home section.rk2-opc-feature-grid.rk2-shell > .rk-opc-lower-row > .rk-opc-lower-card{
  border:1px solid rgba(143,113,60,.85)!important;
  border-radius:12px!important;
  outline:0!important;
  box-shadow:none!important;
  background:#151614!important;
  overflow:hidden!important;
}
html.rk-page-home section.rk2-opc-feature-grid.rk2-shell > .rk-opc-lower-row > .rk-opc-lower-card > .rk-opc-lower-card-banner{
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  box-shadow:none!important;
}



/* ReefKing 2.4.31 — title slightly closer to description; exact 1px gold individual frames. */
html.rk-page-home section.rk2-opc-feature-grid.rk2-shell > .rk-opc-lower-row > .rk-opc-lower-card{
  border:1px solid #8F713C!important;
  transform:none!important;
  transition:border-color .18s ease,box-shadow .18s ease!important;
}
html.rk-page-home section.rk2-opc-feature-grid.rk2-shell > .rk-opc-lower-row > .rk-opc-lower-card:hover{
  transform:none!important;
  border-color:#8F713C!important;
  box-shadow:none!important;
}
html.rk-page-home section.rk2-opc-feature-grid.rk2-shell > .rk-opc-lower-row > .rk-opc-lower-card > .rk-opc-lower-card-banner,
html.rk-page-home section.rk2-opc-feature-grid.rk2-shell > .rk-opc-lower-row > .rk-opc-lower-card > .rk-opc-lower-card-banner:hover{
  transform:none!important;transition:none!important;box-shadow:none!important;border:0!important;
}
html.rk-page-home .rk-opc-lower-card-title{
  margin:0 18px 98px!important;max-width:calc(100% - 36px)!important;
  font-size:1.02rem!important;line-height:1.15!important;
}
html.rk-page-home .rk-opc-lower-card-description{
  margin:0 18px 76px!important;max-width:calc(100% - 36px)!important;
  font-size:.80rem!important;line-height:1.30!important;
}
html.rk-page-home .rk-opc-lower-card-description p{margin:0!important;line-height:inherit!important}
html.rk-page-home .rk-opc-lower-card-button{margin:0 0 16px 18px!important}
@media(max-width:767.98px){
 html.rk-page-home .rk-opc-lower-card-title{margin:0 16px 96px!important;max-width:calc(100% - 32px)!important}
 html.rk-page-home .rk-opc-lower-card-description{margin:0 16px 74px!important;max-width:calc(100% - 32px)!important}
 html.rk-page-home .rk-opc-lower-card-button{margin:0 0 15px 16px!important}
}


/* ReefKing 2.4.32 — center lower OPC button labels without touching links or button placement. */
html.rk-page-home .rk-opc-lower-card-button a,
html.rk-page-home .rk-opc-lower-card-button button,
html.rk-page-home .rk-opc-lower-card-button .btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  vertical-align:middle!important;
  line-height:1.2!important;
}
html.rk-page-home .rk-opc-lower-card-button a > *,
html.rk-page-home .rk-opc-lower-card-button button > *,
html.rk-page-home .rk-opc-lower-card-button .btn > *{
  margin-top:0!important;
  margin-bottom:0!important;
  line-height:inherit!important;
}

/* ReefKing 2.4.39 — Datenschutz: remove only the legacy campaign/OPC banner.
   Keep the legal content, navigation and all OPC functionality untouched. */
html.rk-page-privacy .opc-JtlSlider,
html.rk-page-privacy .salepix-hero-slider {
    display: none !important;
}

/* 2.4.106: limit the old privacy banner rule to explicit banner portlets.
   Never suppress generic images or wrappers supplied with the legal content. */
html.rk-page-privacy main #content :is(.banner,.opc-Banner,.opc-banner,.salepix-hero-slider,.opc-JtlSlider){display:none!important}

/* ReefKing 2.4.41 — AGB + Impressum: remove the same stray legacy image banner
   already suppressed on Datenschutz. Scope is limited to these two legal pages. */
html.rk-page-imprint main #content :is(.banner,.opc-Banner,.opc-banner,.opc-Image,.opc-image,.salepix-hero-slider,.opc-JtlSlider),
html.rk-page-imprint main #content figure,
html.rk-page-imprint main #content picture,
html.rk-page-imprint main #content img {
    display: none !important;
}
html.rk-page-imprint main #content :is(p,div,section):has(> img:only-child),
html.rk-page-imprint main #content :is(p,div,section):has(> picture:only-child) {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
    height: 0 !important;
}
html.rk-page-imprint main #content [style*="background-image" i] {
    background-image: none !important;
}


/* ReefKing 2.4.42 — Versandinformationen + Zahlungsinformationen: remove the same
   stray legacy banner used on the other information/legal pages. Page-scoped only. */
html.rk-page-shipping:not(.rk-page-checkout) main #content :is(.banner,.opc-Banner,.opc-banner,.opc-Image,.opc-image,.salepix-hero-slider,.opc-JtlSlider),
html.rk-page-shipping:not(.rk-page-checkout) main #content figure,
html.rk-page-shipping:not(.rk-page-checkout) main #content picture,
html.rk-page-shipping:not(.rk-page-checkout) main #content img,
html.rk-page-payment:not(.rk-page-checkout) main #content :is(.banner,.opc-Banner,.opc-banner,.opc-Image,.opc-image,.salepix-hero-slider,.opc-JtlSlider),
html.rk-page-payment:not(.rk-page-checkout) main #content figure,
html.rk-page-payment:not(.rk-page-checkout) main #content picture,
html.rk-page-payment:not(.rk-page-checkout) main #content img {
    display: none !important;
}
html.rk-page-shipping:not(.rk-page-checkout) main #content :is(p,div,section):has(> img:only-child),
html.rk-page-shipping:not(.rk-page-checkout) main #content :is(p,div,section):has(> picture:only-child),
html.rk-page-payment:not(.rk-page-checkout) main #content :is(p,div,section):has(> img:only-child),
html.rk-page-payment:not(.rk-page-checkout) main #content :is(p,div,section):has(> picture:only-child) {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
    height: 0 !important;
}
html.rk-page-shipping:not(.rk-page-checkout) main #content [style*="background-image" i],
html.rk-page-payment:not(.rk-page-checkout) main #content [style*="background-image" i] {
    background-image: none !important;
}

/* ========================================================================== 
   ReefKing 2.4.44 — checkout shipping/payment visual cleanup
   Scope: native JTL/NOVA shipping + payment step only. Keep native markup,
   selectors, provider widgets, validation and checkout mechanics untouched.
   ========================================================================== */
html.rk-page-checkout #content-wrapper .checkout-shipping-form {
  background:#10110F !important;
  border:1px solid #292A27 !important;
  border-radius:14px !important;
  padding:clamp(16px,2vw,28px) !important;
  box-shadow:0 16px 38px rgba(0,0,0,.18) !important;
}
html.rk-page-checkout #content-wrapper .checkout-shipping-form :is(#checkout-shipping-payment,#fieldset-payment,fieldset) {
  min-width:0 !important;
  margin:0 0 24px !important;
  padding:18px !important;
  border:1px solid #292A27 !important;
  border-radius:12px !important;
  background:#151614 !important;
  color:#F2EFE7 !important;
}
html.rk-page-checkout #content-wrapper .checkout-shipping-form :is(#checkout-shipping-payment,#fieldset-payment,fieldset) > legend {
  width:auto !important;
  max-width:100% !important;
  margin:0 0 14px !important;
  padding:0 8px 0 0 !important;
  border:0 !important;
  background:transparent !important;
  color:#DDBD78 !important;
  -webkit-text-fill-color:#DDBD78 !important;
  font-size:1.08rem !important;
  font-weight:750 !important;
  line-height:1.25 !important;
}
html.rk-page-checkout #content-wrapper .checkout-shipping-form :is(hr,.dropdown-divider) {
  margin:14px 0 18px !important;
  border-color:#343530 !important;
  opacity:1 !important;
}

/* Shipping/payment choices: calm dark rows with a clear selected state. */
html.rk-page-checkout #content-wrapper .checkout-shipping-form :is(.radio-w-100,.checkout-payment-options) > :is(.custom-control,.form-check,.checkout-payment-method),
html.rk-page-checkout #content-wrapper .checkout-shipping-form .checkout-shipping-form-options-radio {
  position:relative !important;
  margin:0 0 10px !important;
  padding-top:12px !important;
  padding-bottom:12px !important;
  border:1px solid #343530 !important;
  border-radius:10px !important;
  background:#0E0F0E !important;
  transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease !important;
}
html.rk-page-checkout #content-wrapper .checkout-shipping-form :is(.custom-control-label,.form-check-label),
html.rk-page-checkout #content-wrapper .checkout-shipping-form :is(.custom-control-label,.form-check-label) * {
  background:transparent !important;
  background-color:transparent !important;
  color:#F2EFE7 !important;
  -webkit-text-fill-color:#F2EFE7 !important;
}
html.rk-page-checkout #content-wrapper .checkout-shipping-form .custom-control-label::before,
html.rk-page-checkout #content-wrapper .checkout-shipping-form .form-check-input {
  border-color:#77766F !important;
  background-color:#0E0F0E !important;
}
html.rk-page-checkout #content-wrapper .checkout-shipping-form .custom-control-input:checked ~ .custom-control-label::before,
html.rk-page-checkout #content-wrapper .checkout-shipping-form .form-check-input:checked {
  border-color:#DDBD78 !important;
  background-color:#C6A15B !important;
}
html.rk-page-checkout #content-wrapper .checkout-shipping-form .custom-control:has(.custom-control-input:checked),
html.rk-page-checkout #content-wrapper .checkout-shipping-form .form-check:has(.form-check-input:checked),
html.rk-page-checkout #content-wrapper .checkout-shipping-form .checkout-payment-method:has(input[type="radio"]:checked) {
  border-color:#8F713C !important;
  background:#211D15 !important;
  box-shadow:0 0 0 1px rgba(221,189,120,.08) inset !important;
}

/* Native shipping row columns. */
html.rk-page-checkout #content-wrapper .checkout-shipping-form .content {
  align-items:center !important;
  row-gap:5px !important;
  color:#F2EFE7 !important;
}
html.rk-page-checkout #content-wrapper .checkout-shipping-form .content .title {
  font-weight:650 !important;
  color:#F2EFE7 !important;
}
html.rk-page-checkout #content-wrapper .checkout-shipping-form .content .price-col {
  color:#DDBD78 !important;
  -webkit-text-fill-color:#DDBD78 !important;
  text-align:right !important;
}
html.rk-page-checkout #content-wrapper .checkout-shipping-form :is(.text-muted,.text-secondary,small,.small) {
  color:#AAA79F !important;
  -webkit-text-fill-color:#AAA79F !important;
}
html.rk-page-checkout #content-wrapper .checkout-shipping-form img {
  max-width:140px !important;
  max-height:48px !important;
  width:auto !important;
  height:auto !important;
  object-fit:contain !important;
}

/* Address/change line and footer actions. */
html.rk-page-checkout #content-wrapper .checkout-shipping-form .btn-link {
  padding:.15rem .35rem !important;
  color:#DDBD78 !important;
  -webkit-text-fill-color:#DDBD78 !important;
  text-decoration:none !important;
}
html.rk-page-checkout #content-wrapper .checkout-shipping-form .btn-link:hover,
html.rk-page-checkout #content-wrapper .checkout-shipping-form .btn-link:focus-visible {
  color:#F2EFE7 !important;
  -webkit-text-fill-color:#F2EFE7 !important;
  text-decoration:underline !important;
}
html.rk-page-checkout #content-wrapper .checkout-button-row {
  margin-top:6px !important;
  padding-top:20px !important;
  border-top:1px solid #292A27 !important;
  align-items:stretch !important;
}
html.rk-page-checkout #content-wrapper .checkout-button-row .btn {
  min-height:48px !important;
  border-radius:8px !important;
  font-weight:700 !important;
}
html.rk-page-checkout #content-wrapper .checkout-button-row .btn-primary:not(:disabled):not(.disabled) {
  background:#C6A15B !important;
  border-color:#C6A15B !important;
  color:#090A09 !important;
  -webkit-text-fill-color:#090A09 !important;
}
html.rk-page-checkout #content-wrapper .checkout-button-row .btn-primary:disabled,
html.rk-page-checkout #content-wrapper .checkout-button-row .btn-primary.disabled {
  background:#3A3428 !important;
  border-color:#514630 !important;
  color:#8F887B !important;
  -webkit-text-fill-color:#8F887B !important;
  opacity:1 !important;
  cursor:not-allowed !important;
}

/* Progress bar: remove NOVA's bright white strip from the dark checkout. */
html.rk-page-checkout #content-wrapper .checkout-steps,
html.rk-page-checkout #content-wrapper .stepper {
  border:1px solid #292A27 !important;
  border-radius:10px !important;
  background:#151614 !important;
  overflow:hidden !important;
  box-shadow:none !important;
}
html.rk-page-checkout #content-wrapper .checkout-steps .step,
html.rk-page-checkout #content-wrapper .stepper :is(.step,.step-item) {
  background:#151614 !important;
  color:#AAA79F !important;
  -webkit-text-fill-color:#AAA79F !important;
  border-color:#343530 !important;
}
html.rk-page-checkout #content-wrapper .checkout-steps .step.active,
html.rk-page-checkout #content-wrapper .checkout-steps .step.current,
html.rk-page-checkout #content-wrapper .stepper :is(.step,.step-item).active,
html.rk-page-checkout #content-wrapper .stepper :is(.step,.step-item).current {
  background:#211D15 !important;
  color:#DDBD78 !important;
  -webkit-text-fill-color:#DDBD78 !important;
}

@media (min-width:992px) {
  html.rk-page-checkout #content-wrapper .checkout-shipping-form {
    max-width:1120px !important;
  }
}
@media (max-width:767.98px) {
  html.rk-page-checkout #content-wrapper .checkout-shipping-form {
    padding:12px !important;
    border-radius:10px !important;
  }
  html.rk-page-checkout #content-wrapper .checkout-shipping-form :is(#checkout-shipping-payment,#fieldset-payment,fieldset) {
    padding:14px 12px !important;
    margin-bottom:16px !important;
  }
  html.rk-page-checkout #content-wrapper .checkout-shipping-form .content .price-col {
    text-align:left !important;
  }
  html.rk-page-checkout #content-wrapper .checkout-button-row {
    row-gap:10px !important;
  }
}

/* ========================================================================== 
   ReefKing 2.4.45 — checkout confirmation/summary visual cleanup
   Scope: native JTL/NOVA final checkout step only. Styling only: no form,
   address, coupon, comment, legal, order-item or submit mechanics are changed.
   ========================================================================== */
html.rk-page-checkout #content-wrapper :is(#order-confirm,.checkout-confirmation) {
  background:#090A09 !important;
  color:#F2EFE7 !important;
  border:0 !important;
  box-shadow:none !important;
}
/* NOVA's confirmation grid can expose light row/column backgrounds between cards. */
html.rk-page-checkout #content-wrapper :is(#order-confirm,.checkout-confirmation) :is(.row,[class*="col-"],.form-row) {
  background-color:transparent !important;
  background-image:none !important;
}
html.rk-page-checkout #content-wrapper :is(#order-confirm,.checkout-confirmation) > :is(.row,.form-row) {
  row-gap:16px !important;
}
/* Summary panels: address, shipping/payment, voucher/coupon, comment and order areas. */
html.rk-page-checkout #content-wrapper :is(#order-confirm,.checkout-confirmation) :is(.card,.panel,fieldset,#panel-edit-comment,#panel-edit-coupon,#panel-edit-voucher,.checkout-confirmation-legal-notice) {
  background:#151614 !important;
  background-color:#151614 !important;
  background-image:none !important;
  border:1px solid #292A27 !important;
  border-radius:12px !important;
  color:#F2EFE7 !important;
  box-shadow:none !important;
  overflow:hidden !important;
}
html.rk-page-checkout #content-wrapper :is(#order-confirm,.checkout-confirmation) :is(.card-header,.panel-heading) {
  background:#1B1C19 !important;
  background-color:#1B1C19 !important;
  border-color:#292A27 !important;
  color:#F2EFE7 !important;
  padding:12px 14px !important;
}
html.rk-page-checkout #content-wrapper :is(#order-confirm,.checkout-confirmation) :is(.card-body,.panel-body,.card-footer,.panel-footer) {
  background:#151614 !important;
  background-color:#151614 !important;
  border-color:#292A27 !important;
  color:#F2EFE7 !important;
}
html.rk-page-checkout #content-wrapper :is(#order-confirm,.checkout-confirmation) :is(h1,h2,h3,h4,h5,h6,legend,strong,b,label,address,p,li,dt,dd,th,td) {
  color:#F2EFE7 !important;
  -webkit-text-fill-color:#F2EFE7 !important;
}
html.rk-page-checkout #content-wrapper :is(#order-confirm,.checkout-confirmation) :is(.text-muted,.text-secondary,small,.small,.form-text) {
  color:#AAA79F !important;
  -webkit-text-fill-color:#AAA79F !important;
}
html.rk-page-checkout #content-wrapper :is(#order-confirm,.checkout-confirmation) :is(hr,.dropdown-divider) {
  border-color:#343530 !important;
  opacity:1 !important;
}
/* Comment/coupon fields: same dark input language as cart/account. */
html.rk-page-checkout #content-wrapper :is(#order-confirm,.checkout-confirmation) :is(input[type="text"],input[type="email"],textarea,.form-control) {
  background:#0E0F0E !important;
  background-color:#0E0F0E !important;
  color:#F2EFE7 !important;
  -webkit-text-fill-color:#F2EFE7 !important;
  border-color:#4A4B47 !important;
  box-shadow:none !important;
}
html.rk-page-checkout #content-wrapper :is(#order-confirm,.checkout-confirmation) :is(input[type="text"],input[type="email"],textarea,.form-control):focus {
  border-color:#DDBD78 !important;
  box-shadow:0 0 0 .12rem rgba(221,189,120,.16) !important;
}
html.rk-page-checkout #content-wrapper :is(#order-confirm,.checkout-confirmation) :is(input,textarea)::placeholder {
  color:#AAA79F !important;
  -webkit-text-fill-color:#AAA79F !important;
  opacity:1 !important;
}
/* Secondary actions remain outlined; primary order action stays gold. */
html.rk-page-checkout #content-wrapper :is(#order-confirm,.checkout-confirmation) :is(.btn-outline-primary,.btn-outline-secondary,.btn-secondary) {
  background:#0E0F0E !important;
  border-color:#8F713C !important;
  color:#F2EFE7 !important;
  -webkit-text-fill-color:#F2EFE7 !important;
}
html.rk-page-checkout #content-wrapper :is(#order-confirm,.checkout-confirmation) :is(.btn-outline-primary,.btn-outline-secondary,.btn-secondary):hover,
html.rk-page-checkout #content-wrapper :is(#order-confirm,.checkout-confirmation) :is(.btn-outline-primary,.btn-outline-secondary,.btn-secondary):focus-visible {
  background:#211D15 !important;
  border-color:#DDBD78 !important;
  color:#DDBD78 !important;
  -webkit-text-fill-color:#DDBD78 !important;
}
html.rk-page-checkout #content-wrapper :is(#order-confirm,.checkout-confirmation) :is(.btn-primary,#complete-order-button) {
  background:#C6A15B !important;
  border-color:#C6A15B !important;
  color:#090A09 !important;
  -webkit-text-fill-color:#090A09 !important;
  font-weight:700 !important;
}
html.rk-page-checkout #content-wrapper :is(#order-confirm,.checkout-confirmation) :is(.btn-primary,#complete-order-button):hover,
html.rk-page-checkout #content-wrapper :is(#order-confirm,.checkout-confirmation) :is(.btn-primary,#complete-order-button):focus-visible {
  background:#DDBD78 !important;
  border-color:#DDBD78 !important;
  color:#090A09 !important;
  -webkit-text-fill-color:#090A09 !important;
}
/* Order tables and totals must not reintroduce a light surface. */
html.rk-page-checkout #content-wrapper :is(#order-confirm,.checkout-confirmation) :is(.table,table,.table-responsive) {
  background:#151614 !important;
  color:#F2EFE7 !important;
  border-color:#292A27 !important;
}
html.rk-page-checkout #content-wrapper :is(#order-confirm,.checkout-confirmation) :is(.table,table) :is(thead,tbody,tfoot,tr,th,td) {
  background:transparent !important;
  color:#F2EFE7 !important;
  border-color:#292A27 !important;
}
/* Actual NOVA checkout progress variants: neutralize light track surfaces. */
html.rk-page-checkout #content-wrapper :is(.checkout-steps,.stepper,.checkout-progress,.checkout-progressbar,.checkout-progress-bar,.nav-wizard,.steps) {
  background:#151614 !important;
  background-color:#151614 !important;
  background-image:none !important;
  border-color:#292A27 !important;
  color:#AAA79F !important;
  box-shadow:none !important;
}
html.rk-page-checkout #content-wrapper :is(.checkout-steps,.stepper,.checkout-progress,.checkout-progressbar,.checkout-progress-bar,.nav-wizard,.steps) :is(li,.step,.step-item,.nav-item,.nav-link) {
  background:#151614 !important;
  background-color:#151614 !important;
  color:#AAA79F !important;
  -webkit-text-fill-color:#AAA79F !important;
  border-color:#343530 !important;
}
html.rk-page-checkout #content-wrapper :is(.checkout-steps,.stepper,.checkout-progress,.checkout-progressbar,.checkout-progress-bar,.nav-wizard,.steps) :is(.active,.current,.done,.completed) {
  color:#DDBD78 !important;
  -webkit-text-fill-color:#DDBD78 !important;
}
@media (max-width:767.98px) {
  html.rk-page-checkout #content-wrapper :is(#order-confirm,.checkout-confirmation) > :is(.row,.form-row) {
    row-gap:12px !important;
  }
  html.rk-page-checkout #content-wrapper :is(#order-confirm,.checkout-confirmation) :is(.card-body,.panel-body,.card-header,.panel-heading,.card-footer,.panel-footer) {
    padding-left:12px !important;
    padding-right:12px !important;
  }
  html.rk-page-checkout #content-wrapper :is(#order-confirm,.checkout-confirmation) :is(.btn,#complete-order-button) {
    min-height:46px !important;
  }
}


/* ReefKing 2.4.46 — consistent native checkout surfaces and controls.
   Scoped to checkout; no provider iframe, form action or data changes. */
html.rk-page-checkout body,
html.rk-page-checkout #main-wrapper,
html.rk-page-checkout #content-wrapper,
html.rk-page-checkout #content-wrapper main,
html.rk-page-checkout #content-wrapper #content {
  background:#090A09 !important; background-image:none !important;
  color:#F2EFE7 !important;
}
html.rk-page-checkout #content-wrapper #content > :is(div,section,form),
html.rk-page-checkout #content-wrapper :is(#order-confirm,.checkout-confirmation,.checkout-shipping-form,.checkout-payment-form) {
  background:#090A09 !important; background-image:none !important;
  color:#F2EFE7 !important; min-width:0;
}
html.rk-page-checkout #content-wrapper #content :is(h1,h2,h3,h4,h5,h6,legend) {
  color:#F2EFE7 !important; -webkit-text-fill-color:#F2EFE7 !important;
  text-shadow:none !important;
}
html.rk-page-checkout #content-wrapper #content :is(.card,.panel,fieldset) {
  background:#151614 !important; background-image:none !important;
  border:1px solid #292A27 !important; border-radius:12px !important;
  color:#F2EFE7 !important; box-shadow:none !important;
}
html.rk-page-checkout #content-wrapper #content :is(.card-header,.panel-heading) {
  background:#1B1C19 !important; border-color:#292A27 !important;
  color:#F2EFE7 !important; padding:16px 18px !important;
}
html.rk-page-checkout #content-wrapper #content :is(.card-body,.panel-body,.card-footer,.panel-footer) {
  background:#151614 !important; border-color:#292A27 !important;
  color:#F2EFE7 !important; padding:18px !important;
}
html.rk-page-checkout #content-wrapper #content :is(.row,.form-row,[class*="col-"]) {
  background-color:transparent !important; background-image:none !important;
}
html.rk-page-checkout #content-wrapper #content :is(address,legend,.custom-control-label,.form-check-label,.content,.title) {
  color:#F2EFE7 !important; -webkit-text-fill-color:#F2EFE7 !important;
  text-shadow:none !important;
}
html.rk-page-checkout #content-wrapper #content :is(.text-muted,.text-secondary,.form-text,small) {
  color:#AAA79F !important; -webkit-text-fill-color:#AAA79F !important;
}
html.rk-page-checkout #content-wrapper #content :is(.checkout-shipping-form,.checkout-payment-form) {
  padding:clamp(14px,2vw,24px) !important; border:1px solid #292A27 !important;
  border-radius:14px !important; max-width:none !important;
}
html.rk-page-checkout #content-wrapper #content :is(.checkout-shipping-form,.checkout-payment-form) fieldset {
  padding:18px !important; margin-bottom:20px !important; min-width:0;
}
html.rk-page-checkout #content-wrapper #content :is(.checkout-shipping-form,.checkout-payment-form) :is(.custom-control,.form-check,.checkout-shipping-form-options-radio,.checkout-payment-method) {
  margin-bottom:10px !important; padding:14px 16px 14px 42px !important;
  border:1px solid #3D3D37 !important; border-radius:10px !important;
  background:#0E0F0E !important; color:#F2EFE7 !important;
}
html.rk-page-checkout #content-wrapper #content :is(.checkout-shipping-form,.checkout-payment-form) :is(.custom-control,.form-check,.checkout-shipping-form-options-radio,.checkout-payment-method):has(input[type="radio"]:checked) {
  border-color:#C6A15B !important; background:#211D15 !important;
}
html.rk-page-checkout #content-wrapper #content :is(.custom-control-label,.form-check-label) {
  display:block; background:transparent !important; cursor:pointer;
}
html.rk-page-checkout #content-wrapper #content :is(input[type="radio"],input[type="checkbox"]) {
  accent-color:#C6A15B;
}
html.rk-page-checkout #content-wrapper #content :is(.form-control,.custom-select,.input-group-text) {
  background:#0E0F0E !important; border-color:#4A4B47 !important;
  color:#F2EFE7 !important; -webkit-text-fill-color:#F2EFE7 !important;
  border-radius:8px; min-height:44px;
}
html.rk-page-checkout #content-wrapper #content textarea.form-control { min-height:120px; }
html.rk-page-checkout #content-wrapper #content .form-control::placeholder {
  color:#AAA79F !important; -webkit-text-fill-color:#AAA79F !important; opacity:1;
}
html.rk-page-checkout #content-wrapper #content .btn {
  min-height:46px; border-radius:8px !important; font-weight:700;
}
html.rk-page-checkout #content-wrapper #content :is(.btn-primary,#complete-order-button) {
  background:#C6A15B !important; border-color:#C6A15B !important;
  color:#090A09 !important; -webkit-text-fill-color:#090A09 !important;
}
html.rk-page-checkout #content-wrapper #content :is(.btn-primary,#complete-order-button):hover {
  background:#DDBD78 !important; border-color:#DDBD78 !important;
}
html.rk-page-checkout #content-wrapper #content :is(.btn-secondary,.btn-outline-primary,.btn-outline-secondary) {
  background:#0E0F0E !important; border-color:#8F713C !important;
  color:#F2EFE7 !important; -webkit-text-fill-color:#F2EFE7 !important;
}
html.rk-page-checkout #content-wrapper #content :is(.btn-secondary,.btn-outline-primary,.btn-outline-secondary):hover {
  background:#211D15 !important; border-color:#DDBD78 !important;
}
html.rk-page-checkout #content-wrapper #content .btn :is(span,strong,i) {
  color:inherit !important; -webkit-text-fill-color:inherit !important;
}
html.rk-page-checkout #content-wrapper #content :is(.btn-primary,#complete-order-button):is(:disabled,.disabled) {
  background:#3A3428 !important; border-color:#514630 !important;
  color:#AAA79F !important; -webkit-text-fill-color:#AAA79F !important;
  opacity:1 !important;
}
html.rk-page-checkout #content-wrapper #content :is(.btn,.form-control,input):focus-visible {
  outline:2px solid #DDBD78 !important; outline-offset:3px;
}
html.rk-page-checkout #content-wrapper :is(.checkout-steps,.stepper,.checkout-progress,.checkout-progressbar,.checkout-progress-bar,.nav-wizard,.steps,#checkout-progress,.stepper-wrapper) {
  background:#151614 !important; background-image:none !important;
  border:1px solid #292A27 !important; border-radius:10px;
  color:#AAA79F !important; box-shadow:none !important;
}
html.rk-page-checkout #content-wrapper :is(.checkout-steps,.stepper,.checkout-progress,.checkout-progressbar,.checkout-progress-bar,.nav-wizard,.steps,#checkout-progress,.stepper-wrapper) :is(li,.step,.step-item,.nav-item,.nav-link,.step-content,.step-title) {
  background:#151614 !important; background-image:none !important;
  color:#AAA79F !important; -webkit-text-fill-color:#AAA79F !important;
  border-color:#292A27 !important;
}
html.rk-page-checkout #content-wrapper :is(.checkout-steps,.stepper,.checkout-progress,.checkout-progressbar,.checkout-progress-bar,.nav-wizard,.steps,#checkout-progress,.stepper-wrapper) :is(.active,.current,.done,.completed,.step-number,.step-circle) {
  background:#211D15 !important; color:#DDBD78 !important;
  -webkit-text-fill-color:#DDBD78 !important; border-color:#8F713C !important;
}
@media(max-width:767.98px) {
  html.rk-page-checkout #content-wrapper #content :is(.card-body,.panel-body,.card-header,.panel-heading,fieldset) { padding:14px !important; }
  html.rk-page-checkout #content-wrapper #content .checkout-button-row { row-gap:12px !important; }
  html.rk-page-checkout #content-wrapper #content .input-group { flex-wrap:wrap; }
  html.rk-page-checkout #content-wrapper #content .input-group > .form-control { min-width:0; }
}

/* ReefKing 2.4.47 — one frame per payment choice, transparent logo wrappers. */
html.rk-page-checkout #content-wrapper #content :is(.checkout-shipping-form,.checkout-payment-form) :is(.custom-control,.form-check,.checkout-payment-method,.checkout-shipping-form-options-radio) :is(.custom-control,.form-check,.checkout-payment-method,.checkout-shipping-form-options-radio) {
  border:0 !important; border-radius:0 !important; background:transparent !important;
  box-shadow:none !important; padding:0 !important; margin:0 !important;
}
html.rk-page-checkout #content-wrapper #content :is(.checkout-shipping-form,.checkout-payment-form) :is(.custom-control-label,.form-check-label) {
  border:0 !important; border-radius:0 !important; box-shadow:none !important;
  background:transparent !important; padding:0 !important;
}
html.rk-page-checkout #content-wrapper #content :is(#fieldset-payment,#checkout-payment,.checkout-payment-form,.checkout-payment-options,.checkout-payment-method,.radio-w-100) :is(img,picture) {
  background:transparent !important; border:0 !important; box-shadow:none !important;
}
html.rk-page-checkout #content-wrapper #content img[data-rk-transparent-logo="done"] {
  display:inline-block !important; width:auto !important; height:auto !important;
  max-height:40px !important; max-width:150px !important; object-fit:contain;
}

/* ReefKing 2.4.48 — transparent payment text and explicit selected checkmark. */
html.rk-page-checkout #content-wrapper #content :is(.checkout-shipping-form,.checkout-payment-form,#fieldset-payment) :is(.custom-control-label,.form-check-label),
html.rk-page-checkout #content-wrapper #content :is(.checkout-shipping-form,.checkout-payment-form,#fieldset-payment) :is(.custom-control-label,.form-check-label) :is(span,p,div,small,strong,b,em),
html.rk-page-checkout #content-wrapper #content :is(.checkout-shipping-form,.checkout-payment-form,#fieldset-payment) :is(.payment-description,.payment-method-description,.description,.title) {
  background:transparent !important; background-color:transparent !important;
  background-image:none !important; box-shadow:none !important;
  color:#F2EFE7 !important; -webkit-text-fill-color:#F2EFE7 !important;
  text-shadow:none !important;
}
html.rk-page-checkout #content-wrapper #content :is(.checkout-shipping-form,.checkout-payment-form,#fieldset-payment) .custom-control-label {
  position:relative !important;
}
html.rk-page-checkout #content-wrapper #content :is(.checkout-shipping-form,.checkout-payment-form,#fieldset-payment) .custom-control-label::before {
  content:"" !important; position:absolute !important;
  top:.18rem !important; left:-1.75rem !important;
  width:1.15rem !important; height:1.15rem !important;
  border:1px solid #AAA79F !important; border-radius:4px !important;
  background:transparent !important; box-shadow:none !important;
}
html.rk-page-checkout #content-wrapper #content :is(.checkout-shipping-form,.checkout-payment-form,#fieldset-payment) .custom-control-label::after {
  content:"" !important; position:absolute !important;
  top:.18rem !important; left:-1.75rem !important;
  width:1.15rem !important; height:1.15rem !important;
  display:grid !important; place-items:center !important;
  background:none !important; border:0 !important;
  color:#090A09 !important; -webkit-text-fill-color:#090A09 !important;
  font-family:Arial,sans-serif !important; font-size:1rem !important;
  font-weight:900 !important; line-height:1 !important;
  opacity:0 !important; transform:none !important;
}
html.rk-page-checkout #content-wrapper #content :is(.checkout-shipping-form,.checkout-payment-form,#fieldset-payment) .custom-control-input:checked ~ .custom-control-label::before {
  background:#C6A15B !important; border-color:#DDBD78 !important;
}
html.rk-page-checkout #content-wrapper #content :is(.checkout-shipping-form,.checkout-payment-form,#fieldset-payment) .custom-control-input:checked ~ .custom-control-label::after {
  content:"✓" !important; opacity:1 !important;
}
html.rk-page-checkout #content-wrapper #content :is(.checkout-shipping-form,.checkout-payment-form,#fieldset-payment) .custom-control-input:focus-visible ~ .custom-control-label::before {
  outline:2px solid #DDBD78 !important; outline-offset:3px !important;
}
/* Native form-check variant, without NOVA label pseudo-elements. */
html.rk-page-checkout #content-wrapper #content :is(.checkout-shipping-form,.checkout-payment-form,#fieldset-payment) .form-check-input {
  appearance:none !important; -webkit-appearance:none !important;
  width:1.15rem !important; height:1.15rem !important;
  border:1px solid #AAA79F !important; border-radius:4px !important;
  background:transparent !important; box-shadow:none !important;
}
html.rk-page-checkout #content-wrapper #content :is(.checkout-shipping-form,.checkout-payment-form,#fieldset-payment) .form-check-input:checked {
  background-color:#C6A15B !important; border-color:#DDBD78 !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23090A09' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' d='m4 10 4 4 8-8'/%3E%3C/svg%3E") !important;
  background-position:center !important; background-size:100% !important;
  background-repeat:no-repeat !important;
}

/* ReefKing 2.4.50 — let the language item contain its label AND arrow.
   The generic mobile icon rule fixes li width at 42px; override that width. */
@media (max-width:991.98px) {
  html body #shop-nav > .language-dropdown {
    width:auto !important;
    min-width:68px !important;
    flex:0 0 auto !important;
    margin-inline-end:20px !important;
  }
  html body #shop-nav > .language-dropdown > .dropdown-toggle {
    display:inline-flex !important;
    width:auto !important;
    min-width:68px !important;
    min-height:44px !important;
    box-sizing:border-box !important;
    padding-inline:8px !important;
    gap:8px !important;
    white-space:nowrap !important;
    align-items:center !important;
    justify-content:center !important;
  }
  html body #shop-nav > .language-dropdown > .dropdown-toggle::after {
    position:static !important;
    flex-shrink:0 !important;
    margin-inline:0 !important;
    transform:none !important;
  }
}

/* ReefKing 2.4.51 — preserve Slick's calculated card widths in product tabs. */
[data-rk-product-tabs] .slick-track > .slick-slide {
    flex:0 0 auto !important;
}
[data-rk-product-tabs] [data-rk-product-panel] {
    min-width:0;
}

/* ReefKing 2.4.52 — listing cards show the main photo in every interaction state. */
html.rk-page-category #content-wrapper :is(.productbox,.list-gallery) .second-wrapper,
html.rk-page-category #content-wrapper :is(.productbox,.list-gallery) img.second,
html.rk-page-category #content-wrapper :is(.productbox,.list-gallery) picture.second {
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
}
html.rk-page-category #content-wrapper .list-gallery,
html.rk-page-category #content-wrapper .list-gallery .first-wrapper,
html.rk-page-category #content-wrapper .list-gallery > a,
html.rk-page-category #content-wrapper .list-gallery > picture:not(.second),
html.rk-page-category #content-wrapper .productbox .productbox-image,
html.rk-page-category #content-wrapper .productbox .productbox-image .first-wrapper,
html.rk-page-category #content-wrapper :is(.list-gallery,.productbox-image) img:not(.second) {
    opacity:1 !important;
    visibility:visible !important;
}
html.rk-page-category #content-wrapper :is(.list-gallery,.productbox-image) img:not(.second) {
    transition:none !important;
}

/* ReefKing 2.4.53 — dark frame around the enlarged product image. */
html.rk-page-pdp #image_wrapper.fullscreen,
html.rk-page-pdp #image_wrapper.fullscreen #gallery_wrapper,
html.rk-page-pdp #image_wrapper.fullscreen #gallery,
html.rk-page-pdp #image_wrapper.fullscreen #gallery :is(.slick-list,.slick-track,.slick-slide,.product-image,.square-image,.inner),
html.rk-page-pdp .slick-lightbox,
html.rk-page-pdp .slick-lightbox .slick-lightbox-inner,
html.rk-page-pdp .wp-iz-overlay {
    background-color:#090A09 !important;
    border-color:#292A27 !important;
}
html.rk-page-pdp #image_wrapper.fullscreen #gallery_wrapper {
    border:1px solid #292A27 !important;
}
html.rk-page-pdp #image_wrapper.fullscreen :is(.close,.fullscreen-close,.btn-close),
html.rk-page-pdp .slick-lightbox-close {
    color:#DDBD78 !important;
    -webkit-text-fill-color:#DDBD78 !important;
}

/* ReefKing 2.4.54 — native NOVA gallery shell from the supplied product HTML.
   The topbar and padded columns are siblings of #gallery, not its children. */
html.rk-page-pdp #image_wrapper.gallery-with-action,
html.rk-page-pdp #image_wrapper.gallery-with-action > .gallery-with-action-main,
html.rk-page-pdp #image_wrapper.gallery-with-action > .gallery-with-action-main > .col,
html.rk-page-pdp #image_wrapper .product-detail-image-topbar,
html.rk-page-pdp #image_wrapper #gallery_wrapper {
    background:#090A09 !important;
    background-image:none !important;
    border-color:#292A27 !important;
    box-shadow:none !important;
}
html.rk-page-pdp #image_wrapper #image_fullscreen_close {
    background:#151614 !important;
    color:#DDBD78 !important;
    -webkit-text-fill-color:#DDBD78 !important;
    border-color:#292A27 !important;
}
html.rk-page-pdp #image_wrapper #image_fullscreen_close :is(span,i) {
    color:inherit !important;
    -webkit-text-fill-color:inherit !important;
}
html.rk-page-pdp #image_wrapper #image_fullscreen_close:focus-visible {
    outline:2px solid #DDBD78 !important;
    outline-offset:2px;
}

/* ReefKing 2.4.55 — neutral listing card bottoms and persistent native purchase controls. */
html.rk-page-category #content-wrapper .product-list :is(.product-wrapper-product,.productbox,.productbox-inner,.productbox-caption,.productbox-details,.productbox-content,.productbox-options,.productbox-actions,.item-list-basket-details,.item-list-delivery-status) {
    background-color:#151614 !important;
    background-image:none !important;
    box-shadow:none !important;
}
html.rk-page-category #content-wrapper .product-list .productbox-inner > .row,
html.rk-page-category #content-wrapper .product-list .productbox-inner > .row > .col {
    background:transparent !important;
}
html.rk-page-category #content-wrapper .product-list .productbox::before,
html.rk-page-category #content-wrapper .product-list .productbox::after,
html.rk-page-category #content-wrapper .product-list .productbox-inner::before,
html.rk-page-category #content-wrapper .product-list .productbox-inner::after {
    background:transparent !important;
    box-shadow:none !important;
    border-color:#292A27 !important;
}
html.rk-page-category #content-wrapper .product-list .productbox .productbox-actions {
    display:flex !important;
    position:static !important;
    visibility:visible !important;
    opacity:1 !important;
    height:auto !important;
    max-height:none !important;
    overflow:visible !important;
    transform:none !important;
    margin-top:12px !important;
    row-gap:8px;
}
html.rk-page-category #content-wrapper .product-list .productbox .productbox-actions .form-counter {
    display:flex !important;
    flex-wrap:nowrap;
    width:100%;
}
html.rk-page-category #content-wrapper .product-list .productbox .form-counter :is(input,.btn) {
    min-height:44px;
    background:#0E0F0E !important;
    color:#F2EFE7 !important;
    -webkit-text-fill-color:#F2EFE7 !important;
    border-color:#3D3D37 !important;
}
html.rk-page-category #content-wrapper .product-list .productbox .form-counter input {
    min-width:0;
    text-align:center;
}
html.rk-page-category #content-wrapper .product-list .productbox .basket-details-add-to-cart {
    min-height:44px;
    background:#C6A15B !important;
    border-color:#C6A15B !important;
    color:#090A09 !important;
    -webkit-text-fill-color:#090A09 !important;
    border-radius:8px !important;
    font-weight:700;
}
html.rk-page-category #content-wrapper .product-list .productbox .basket-details-add-to-cart:hover {
    background:#DDBD78 !important;
    border-color:#DDBD78 !important;
}
html.rk-page-category #content-wrapper .product-list .productbox .productbox-actions :is(.btn,input):focus-visible {
    outline:2px solid #DDBD78 !important;
    outline-offset:2px;
}

/* ReefKing 2.4.56 — listing palette, including leftover blue card layers. */
html.rk-page-category #content-wrapper :is(.product-list,#product-list) {
  --rk-primary:#C6A15B; --rk-primary-hover:#DDBD78;
  --rk-surface:#151614; --rk-surface-soft:#1B1C19;
  --rk-commerce-surface:#151614; --rk-commerce-surface-two:#1B1C19;
  --rk-commerce-border:#3D3D37; --rk-border:#292A27;
}
html.rk-page-category #content-wrapper :is(.product-list,#product-list) :is(.product-wrapper-product,.productbox,.productbox-inner,.productbox-caption,.productbox-details,.productbox-content,.productbox-options,.productbox-actions,.productbox-footer,.item-delivery-status,.delivery-status,form.form-basket) {
  background:#151614 !important;
  background-image:none !important;
}
html.rk-page-category #content-wrapper :is(.product-list,#product-list) :is(.product-wrapper-product,.productbox,.productbox-inner)::before,
html.rk-page-category #content-wrapper :is(.product-list,#product-list) :is(.product-wrapper-product,.productbox,.productbox-inner)::after {
  background:transparent !important; background-image:none !important;
  box-shadow:none !important;
}

/* ReefKing 2.4.57 — purchase controls inside native gallery card forms. */
html.rk-page-category #content-wrapper .product-list .productbox .rk-listing-purchase {
    display:flex !important;
    flex-direction:column;
    gap:8px;
    width:100%;
    padding:12px 0 0;
    background:#151614 !important;
}
html.rk-page-category #content-wrapper .product-list .rk-listing-purchase__label {
    margin:0;
    color:#AAA79F !important;
    font-size:.8rem;
}
html.rk-page-category #content-wrapper .product-list .rk-listing-purchase .form-counter {
    margin:0;
    width:100%;
}
html.rk-page-category #content-wrapper .product-list .rk-listing-purchase .form-counter .input-group-prepend,
html.rk-page-category #content-wrapper .product-list .rk-listing-purchase .form-counter .input-group-append {
    flex:0 0 auto;
}
html.rk-page-category #content-wrapper .product-list .rk-listing-purchase .form-counter .btn {
    min-width:44px;
}
html.rk-page-category #content-wrapper .product-list .rk-listing-purchase .btn-outline-primary {
    min-height:44px;
    border-color:#8F713C !important;
    color:#DDBD78 !important;
    background:#0E0F0E !important;
}

/* ReefKing 2.4.58 — one clean border around listing quantity controls. */
html.rk-page-category #content-wrapper .product-list .rk-listing-purchase .form-counter {
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:stretch !important;
    height:46px !important;
    min-height:46px !important;
    padding:0 !important;
    border:1px solid #8F713C !important;
    border-radius:8px !important;
    background:#0E0F0E !important;
    box-shadow:none !important;
    overflow:hidden !important;
    gap:0 !important;
    box-sizing:border-box !important;
}
html.rk-page-category #content-wrapper .product-list .rk-listing-purchase .form-counter :is(.input-group-prepend,.input-group-append) {
    display:flex !important;
    flex:0 0 44px !important;
    width:44px !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
}
html.rk-page-category #content-wrapper .product-list .rk-listing-purchase .form-counter :is(input,.btn) {
    height:44px !important;
    min-height:44px !important;
    max-height:44px !important;
    margin:0 !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    outline-offset:-3px !important;
    background:#0E0F0E !important;
    box-sizing:border-box !important;
}
html.rk-page-category #content-wrapper .product-list .rk-listing-purchase .form-counter input {
    flex:1 1 0 !important;
    width:0 !important;
    min-width:0 !important;
    padding:0 8px !important;
    text-align:center !important;
    appearance:textfield;
    -moz-appearance:textfield;
}
html.rk-page-category #content-wrapper .product-list .rk-listing-purchase .form-counter input::-webkit-inner-spin-button,
html.rk-page-category #content-wrapper .product-list .rk-listing-purchase .form-counter input::-webkit-outer-spin-button {
    -webkit-appearance:none;
    margin:0;
}
html.rk-page-category #content-wrapper .product-list .rk-listing-purchase .form-counter .btn {
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:44px !important;
    min-width:44px !important;
    padding:0 !important;
}
html.rk-page-category #content-wrapper .product-list .rk-listing-purchase .form-counter .input-group-prepend {
    border-right:1px solid #3D3D37 !important;
}
html.rk-page-category #content-wrapper .product-list .rk-listing-purchase .form-counter .input-group-append {
    border-left:1px solid #3D3D37 !important;
}
html.rk-page-category #content-wrapper .product-list .rk-listing-purchase .form-counter:focus-within {
    border-color:#DDBD78 !important;
    box-shadow:0 0 0 2px rgba(221,189,120,.15) !important;
}
html.rk-page-category #content-wrapper .product-list .rk-listing-purchase .form-counter .btn:hover {
    background:#211D15 !important;
    color:#DDBD78 !important;
}
html.rk-page-category #content-wrapper .product-list .rk-listing-purchase .basket-details-add-to-cart {
    margin-top:4px !important;
}

/* ReefKing 2.4.60 — native detail-page stock output in product listings. */
.productbox .rk-listing-stock {
    margin: .5rem 0 .75rem;
    font-size: .78rem;
    line-height: 1.35;
    text-align: left;
}
.productbox .rk-listing-stock :is(.delivery-status, ul, li, .estimated-delivery) {
    margin: 0;
    padding: 0;
    background: transparent;
    border: 0;
    list-style: none;
}
.productbox .rk-listing-stock li + li { margin-top: .12rem; }
/* Same status-2 colour as .product-info-inner on the detail page. */
.productbox .rk-listing-stock .status.status-2 { color: #145a37; }
.productbox .rk-listing-stock .estimated-delivery { color: #F2EFE7; }
.productbox .rk-listing-stock .estimated-delivery-info { color: #AAA79F; }

/* ReefKing 2.4.61 — consistent card typography and semantic stock colours. */
html body :is(.productbox, .product-wrapper-product) :is(
    .productbox-title, .productbox-price, .price, .price-note,
    .rk-listing-stock, .rk-listing-purchase, .quantity,
    .basket-details-add-to-cart
) {
    font-family: "Inter", Aptos, "Segoe UI", Arial, sans-serif !important;
}
html body .rk-listing-stock {
    font-size: .875rem !important;
    line-height: 1.4 !important;
}
html body .rk-listing-stock :is(.status, small, .estimated-delivery, .estimated-delivery-info) {
    font-family: inherit !important;
    font-size: inherit !important;
}
/* Apply the same colours to native detail, listing and warehouse statuses. */
html body :is(.delivery-status, .rk-listing-stock, #warehouseAvailability) .status.status-0 {
    color: #B83B3B !important;
    -webkit-text-fill-color: #B83B3B !important;
}
html body :is(.delivery-status, .rk-listing-stock, #warehouseAvailability) .status.status-1 {
    color: #C6A15B !important;
    -webkit-text-fill-color: #C6A15B !important;
}
html body :is(.delivery-status, .rk-listing-stock, #warehouseAvailability) :is(.status.status-2, .status.status-3) {
    color: #28A745 !important;
    -webkit-text-fill-color: #28A745 !important;
}
html body :is(.delivery-status, .rk-listing-stock, #warehouseAvailability) .status :is(small, .status-icon) {
    color: inherit !important;
    -webkit-text-fill-color: inherit !important;
}

/* ReefKing 2.4.62 — dark backing throughout the normal product image stage. */
html.rk-page-pdp #image_wrapper :is(
    #gallery, #gallery_preview, .slick-list, .slick-track, .slick-slide,
    .square-image, .square-image > .inner
) {
    background: var(--rk-commerce-surface, #151614) !important;
    background-image: none !important;
}
html.rk-page-pdp #image_wrapper :is(#gallery, #gallery_preview) :is(picture, img.product-image) {
    background: transparent !important;
    background-image: none !important;
}
html.rk-page-pdp #image_wrapper.fullscreen :is(
    #gallery, #gallery_preview, .slick-list, .slick-track, .slick-slide,
    .square-image, .square-image > .inner
) {
    background: var(--rk-commerce-canvas, #090A09) !important;
}

/* ReefKing 2.4.63 — OPC landingpage: Meerwasseraquarium richtig planen. */
/* ReefKing: gekapselter Seitenstil. Keine globalen Shop-Selektoren. */
.rk-plan{--rp-bg:#090a09;--rp-panel:#151614;--rp-panel2:#1b1c19;--rp-text:#f2efe7;--rp-muted:#aaa79f;--rp-gold:#c6a15b;--rp-gold-hover:#ddbd78;--rp-border:#3d3d37;box-sizing:border-box;max-width:1240px;margin:0 auto;padding:clamp(20px,4vw,56px);background:var(--rp-bg);color:var(--rp-text);font-family:Inter,Aptos,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.75;overflow-wrap:break-word;border-radius:16px}
.rk-plan *,.rk-plan *::before,.rk-plan *::after{box-sizing:border-box}
.rk-plan h1,.rk-plan h2,.rk-plan h3,.rk-plan p,.rk-plan li,.rk-plan a,.rk-plan label,.rk-plan summary{font-family:inherit}
.rk-plan h1,.rk-plan h2,.rk-plan h3{color:var(--rp-text);letter-spacing:-.035em;line-height:1.16;font-weight:750;margin:0 0 22px}
.rk-plan h1{font-size:clamp(36px,5.3vw,68px);max-width:12ch}
.rk-plan h2{font-size:clamp(27px,3.4vw,40px);max-width:27ch}
.rk-plan h3{font-size:22px;margin:30px 0 14px;letter-spacing:-.02em}
.rk-plan p{margin:0 0 20px}
.rk-plan a{color:var(--rp-gold-hover);text-decoration:underline;text-underline-offset:4px}
.rk-plan a:hover{color:#f0d8a8}
.rk-plan a:focus-visible,.rk-plan summary:focus-visible,.rk-plan input:focus-visible{outline:3px solid var(--rp-gold-hover);outline-offset:4px}
.rk-plan ul,.rk-plan ol{padding-left:24px;margin:0 0 20px}
.rk-plan li{margin-bottom:10px}
.rk-plan strong{font-weight:700}
.rk-plan .rk-plan-eyebrow{color:var(--rp-gold-hover);font-size:11px;font-weight:750;letter-spacing:.14em;line-height:1.6;margin-bottom:20px}
.rk-plan .rk-plan-lead{font-size:clamp(20px,2.6vw,27px);line-height:1.45;font-weight:600;max-width:30ch;margin-bottom:24px}
.rk-plan .rk-plan-fine{font-size:13px;color:var(--rp-muted);line-height:1.65;margin-top:18px}
.rk-plan-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start;gap:44px;padding:16px 0 52px}
.rk-plan-roadmap{padding:28px;background:linear-gradient(145deg,#252016,#151614 65%);border:1px solid #6a5733;border-radius:16px;margin-top:42px}
.rk-plan-roadmap ol{list-style:none;padding:0;margin:24px 0}
.rk-plan-roadmap li{display:flex;gap:18px;padding:18px 0;border-top:1px solid var(--rp-border);margin:0}
.rk-plan-roadmap li>span{font-size:13px;color:var(--rp-gold-hover);font-weight:700;padding-top:3px}
.rk-plan-roadmap strong{display:block;font-size:16px;margin-bottom:6px}
.rk-plan-roadmap small{display:block;color:var(--rp-muted);font-size:13px;line-height:1.55}
.rk-plan-roadmap>p{margin:0;padding-top:20px;border-top:1px solid var(--rp-border);font-size:14px}
.rk-plan-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:28px 0 16px}
.rk-plan a.rk-plan-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border:1px solid var(--rp-gold);border-radius:9px;background:var(--rp-gold);color:#151614;font-weight:750;font-size:14px;line-height:1.45;text-align:center;text-decoration:none}
.rk-plan a.rk-plan-button:hover{background:var(--rp-gold-hover);border-color:var(--rp-gold-hover);color:#090a09}
.rk-plan a.rk-plan-button-secondary{background:transparent;color:var(--rp-gold-hover)}
.rk-plan a.rk-plan-button-secondary:hover{background:#211d15;color:#f0d8a8}
.rk-plan-nav{padding:24px 0;border-top:1px solid var(--rp-border);border-bottom:1px solid var(--rp-border)}
.rk-plan-nav strong{display:block;margin-bottom:14px;font-size:14px}
.rk-plan-nav div{display:flex;flex-wrap:wrap;gap:10px}
.rk-plan-nav a{padding:7px 13px;border:1px solid var(--rp-border);border-radius:999px;text-decoration:none;font-size:13px;color:var(--rp-text);background:var(--rp-panel)}
.rk-plan-nav a:hover{border-color:var(--rp-gold);color:var(--rp-gold-hover)}
.rk-plan-section{padding:60px 0;border-bottom:1px solid var(--rp-border);scroll-margin-top:110px}
.rk-plan-section>p:not(.rk-plan-eyebrow):not(.rk-plan-fine){max-width:84ch}
.rk-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:30px 0}
.rk-plan-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.rk-plan-card{background:var(--rp-panel);border:1px solid var(--rp-border);border-radius:12px;padding:26px;min-width:0}
.rk-plan-card h3:first-child{margin-top:0}
.rk-plan-card p,.rk-plan-card li{font-size:15px;line-height:1.75}
.rk-plan-card>:last-child{margin-bottom:0}
.rk-plan-card a{font-size:14px;font-weight:650}
.rk-plan-tag{display:inline-block;color:var(--rp-gold-hover);font-size:11px;font-weight:700;letter-spacing:.13em;margin-bottom:5px}
.rk-plan-note{background:#211d15;border-left:3px solid var(--rp-gold);padding:23px 26px;border-radius:0 10px 10px 0;margin:30px 0}
.rk-plan-note>strong{display:block;margin-bottom:10px;font-size:17px}
.rk-plan-note p{font-size:15px;margin:0}
.rk-plan-table-wrap{width:100%;overflow-x:auto;border:1px solid var(--rp-border);border-radius:12px;margin:28px 0}
.rk-plan table{border-collapse:collapse;width:100%;min-width:600px;font-size:14px;line-height:1.65;color:var(--rp-text);background:var(--rp-panel)}
.rk-plan caption{text-align:left;padding:17px 20px;background:var(--rp-panel2);color:var(--rp-muted);font-size:13px;caption-side:top}
.rk-plan th,.rk-plan td{text-align:left;padding:18px 20px;border:0;border-bottom:1px solid var(--rp-border);vertical-align:top}
.rk-plan thead th{background:#211d15;color:var(--rp-gold-hover);font-size:13px}
.rk-plan tbody th{font-weight:650;width:24%}
.rk-plan tbody tr:last-child>*{border-bottom:0}
.rk-plan .rk-plan-textlink{display:inline-block;margin-top:12px;font-weight:650}
.rk-plan .rk-plan-ref{font-size:12px;white-space:nowrap}
.rk-plan-steps{list-style:none;counter-reset:rkstep;margin:28px 0!important;padding:0!important}
.rk-plan-steps>li{position:relative;padding:22px 0 22px 68px;border-top:1px solid var(--rp-border);counter-increment:rkstep;margin:0}
.rk-plan-steps>li::before{content:counter(rkstep,decimal-leading-zero);position:absolute;top:24px;left:0;width:42px;height:42px;display:grid;place-items:center;border:1px solid #6a5733;border-radius:50%;color:var(--rp-gold-hover);font-size:13px;font-weight:700;background:#211d15}
.rk-plan-steps h3{margin:0 0 12px}
.rk-plan-steps p{margin:0;font-size:15px}
.rk-plan-formula{padding:24px;border:1px dashed #8f713c;border-radius:12px;background:var(--rp-panel);margin:24px 0}
.rk-plan-formula>strong{font-size:clamp(17px,2vw,21px);color:var(--rp-gold-hover)}
.rk-plan-formula p{font-size:14px;margin:12px 0 0}
.rk-plan-cta-inline{padding:30px;background:linear-gradient(130deg,#292216,#151614);border:1px solid #6a5733;border-radius:12px;margin-top:32px}
.rk-plan-cta-inline h3{margin-top:0}
.rk-plan-checklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:28px}
.rk-plan-checklist label{display:flex;gap:12px;align-items:flex-start;margin:0;padding:18px;background:var(--rp-panel);border:1px solid var(--rp-border);border-radius:9px;font-size:14px;cursor:pointer}
.rk-plan-checklist input{width:19px;height:19px;min-width:19px;margin:4px 0 0;accent-color:var(--rp-gold)}
.rk-plan-checklist label:has(input:checked){border-color:var(--rp-gold);background:#211d15}
.rk-plan-faq{margin-top:28px}
.rk-plan-faq details{border:1px solid var(--rp-border);border-radius:9px;background:var(--rp-panel);margin-bottom:12px;overflow:hidden}
.rk-plan-faq summary{position:relative;font-weight:650;padding:21px 52px 21px 22px;cursor:pointer;list-style:none;font-size:16px;line-height:1.45}
.rk-plan-faq summary::-webkit-details-marker{display:none}
.rk-plan-faq summary::after{content:"+";position:absolute;right:23px;top:18px;color:var(--rp-gold-hover);font-size:24px;font-weight:400}
.rk-plan-faq details[open] summary::after{content:"−"}
.rk-plan-faq details[open]{border-color:#6a5733}
.rk-plan-faq details>div{padding:0 22px 23px;font-size:15px}
.rk-plan-faq details>div>p:last-child{margin:0}
.rk-plan-final{padding:42px;margin:60px 0 35px;border:1px solid #8f713c;border-radius:16px;background:radial-gradient(ellipse at 100% 0,#382c17,transparent 70%),#151614;scroll-margin-top:100px}
.rk-plan-final h2{max-width:25ch}
.rk-plan-final .rk-plan-grid{margin-bottom:0}
.rk-plan-final h3{margin-top:0}
.rk-plan-sources{padding:30px 0 0;font-size:13px;color:var(--rp-muted);scroll-margin-top:100px}
.rk-plan-sources h2{font-size:20px;color:var(--rp-muted)}
.rk-plan-sources li{margin-bottom:10px}
@media(max-width:1000px){.rk-plan-hero{grid-template-columns:1fr;gap:16px}.rk-plan-roadmap{margin-top:0}.rk-plan-roadmap ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px}.rk-plan-grid-three{grid-template-columns:1fr}.rk-plan h1{max-width:17ch}}
@media(max-width:650px){.rk-plan{padding:24px 18px;border-radius:10px;font-size:15px}.rk-plan-hero{padding-top:8px;padding-bottom:30px}.rk-plan-section{padding:40px 0}.rk-plan-grid,.rk-plan-checklist{grid-template-columns:1fr}.rk-plan-roadmap{padding:22px}.rk-plan-roadmap ol{grid-template-columns:1fr}.rk-plan-card{padding:22px}.rk-plan-buttons{align-items:stretch}.rk-plan-buttons .rk-plan-button{width:100%}.rk-plan-final{padding:26px 20px;margin-top:40px}.rk-plan h3{font-size:20px}.rk-plan-steps>li{padding-left:55px}.rk-plan-steps>li::before{width:36px;height:36px}.rk-plan-nav a{font-size:12px}}
@media print{.rk-plan{max-width:none;padding:0;background:#fff;color:#111;font-size:10pt}.rk-plan h1,.rk-plan h2,.rk-plan h3,.rk-plan a{color:#111!important}.rk-plan-nav,.rk-plan-buttons,.rk-plan-sources,.rk-plan-cta-inline{display:none}.rk-plan-card,.rk-plan-note,.rk-plan-roadmap,.rk-plan-final,.rk-plan-checklist label,.rk-plan table,.rk-plan caption,.rk-plan thead th{background:#fff!important;color:#111!important;border-color:#aaa!important}.rk-plan-hero,.rk-plan-grid,.rk-plan-checklist{display:block}.rk-plan-roadmap{margin-top:20px}.rk-plan-section{padding:20px 0}.rk-plan-table-wrap{overflow:visible}.rk-plan table{min-width:0}.rk-plan-card,.rk-plan-checklist label{margin-bottom:10px;break-inside:avoid}.rk-plan-faq details>div{display:block!important}.rk-plan-faq details{background:#fff;color:#111}.rk-plan .rk-plan-eyebrow,.rk-plan .rk-plan-fine{color:#555}.rk-plan-formula{background:#fff}.rk-plan-formula>strong{color:#111}}

/* ReefKing 2.4.64 — isolate OPC landingpage from global header/footer/link paint. */
@media screen {
html body #content-wrapper .rk-plan {
    background:#090A09 !important;
    color:#F2EFE7 !important;
}
html body #content-wrapper .rk-plan,
html body #content-wrapper .rk-plan * {
    -webkit-text-fill-color:currentColor !important;
    text-shadow:none !important;
}
html body #content-wrapper .rk-plan .rk-plan-hero {
    position:relative !important;
    top:auto !important;
    background:#090A09 !important;
    color:#F2EFE7 !important;
    box-shadow:none !important;
    border:0 !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
}
html body #content-wrapper .rk-plan :is(h1,h2,h3,p,li,summary,label) {
    color:#F2EFE7 !important;
}
html body #content-wrapper .rk-plan :is(.rk-plan-eyebrow,.rk-plan-tag) {
    color:#DDBD78 !important;
}
html body #content-wrapper .rk-plan :is(.rk-plan-fine,.rk-plan-roadmap small) {
    color:#AAA79F !important;
}
html body #content-wrapper .rk-plan a {
    color:#DDBD78 !important;
    opacity:1 !important;
    visibility:visible !important;
}
html body #content-wrapper .rk-plan a.rk-plan-button,
html body #content-wrapper .rk-plan a.rk-plan-button:visited {
    background:#C6A15B !important;
    color:#151614 !important;
    border-color:#C6A15B !important;
    font-family:Inter,Aptos,"Segoe UI",Arial,sans-serif !important;
    text-decoration:none !important;
}
html body #content-wrapper .rk-plan a.rk-plan-button:hover,
html body #content-wrapper .rk-plan a.rk-plan-button:focus-visible {
    background:#DDBD78 !important;
    color:#090A09 !important;
}
html body #content-wrapper .rk-plan a.rk-plan-button * {
    color:inherit !important;
    -webkit-text-fill-color:currentColor !important;
}
html body #content-wrapper .rk-plan a.rk-plan-button-secondary,
html body #content-wrapper .rk-plan a.rk-plan-button-secondary:visited {
    background:transparent !important;
    color:#DDBD78 !important;
}
html body #content-wrapper .rk-plan a.rk-plan-button-secondary:hover {
    background:#211D15 !important;
    color:#F0D8A8 !important;
}
html body #content-wrapper .rk-plan .rk-plan-sources {
    background:transparent !important;
    background-image:none !important;
    color:#AAA79F !important;
    border:0 !important;
    box-shadow:none !important;
    width:auto !important;
    margin:0 !important;
    padding:30px 0 0 !important;
}
html body #content-wrapper .rk-plan .rk-plan-sources :is(h2,p,li) {
    color:#AAA79F !important;
}
html body #content-wrapper .rk-plan #rk-plan-title {
    max-width:none !important;
    font-size:clamp(36px,4.5vw,58px);
}
}

/* ReefKing 2.4.65 — landingpage follows its surrounding OPC background. */
@media screen {
html body #content-wrapper .rk-plan,
html body #content-wrapper .rk-plan .rk-plan-hero {
    background:transparent !important;
    background-image:none !important;
}
}

/* ReefKing 2.4.66 — restrained effects for Technik sinnvoll abstimmen. */
@media screen {
html body #content-wrapper .rk-tech .rk-plan-card {
    transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
html body #content-wrapper .rk-tech .rk-plan-card:hover,
html body #content-wrapper .rk-tech .rk-plan-card:focus-within {
    border-color:#8F713C;
    box-shadow:0 8px 25px rgba(198,161,91,.1);
    transform:translateY(-3px);
}
html body #content-wrapper .rk-tech .rk-plan-button {
    transition:box-shadow .2s ease, transform .2s ease;
}
html body #content-wrapper .rk-tech .rk-plan-button:hover {
    box-shadow:0 5px 18px rgba(198,161,91,.18);
    transform:translateY(-1px);
}
html body #content-wrapper .rk-tech .rk-plan-roadmap {
    border-color:#8F713C;
    box-shadow:0 12px 36px rgba(0,0,0,.13);
}
}
@media screen and (prefers-reduced-motion:no-preference) {
html body #content-wrapper .rk-tech .rk-plan-roadmap {
    animation:rk-tech-appear .7s ease-out both;
}
}
@keyframes rk-tech-appear {
    from {opacity:0;transform:translateY(12px)}
    to {opacity:1;transform:translateY(0)}
}
@media (prefers-reduced-motion:reduce) {
html body #content-wrapper .rk-tech *,
html body #content-wrapper .rk-tech *::before,
html body #content-wrapper .rk-tech *::after {
    animation:none !important;
    transition:none !important;
    transform:none !important;
}
}

/* ReefKing 2.4.67 — homepage tabs use the shared native stock renderer. */
html body #content-wrapper .rk2-products .rk-home-stock {
    margin: .5rem 0 .75rem;
    text-align: left;
    font-family: "Inter", Aptos, "Segoe UI", Arial, sans-serif !important;
    font-size: .875rem;
    line-height: 1.4;
}
html body #content-wrapper .rk2-products .rk-home-stock :is(.delivery-status, ul, li, .estimated-delivery) {
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    list-style: none;
}
html body #content-wrapper .rk2-products .rk-home-stock li + li { margin-top: .12rem; }
html body #content-wrapper .rk2-products .rk-home-stock .status.status-0 {
    color: #B83B3B !important;
    -webkit-text-fill-color: #B83B3B !important;
}
html body #content-wrapper .rk2-products .rk-home-stock .status.status-1 {
    color: #C6A15B !important;
    -webkit-text-fill-color: #C6A15B !important;
}
html body #content-wrapper .rk2-products .rk-home-stock :is(.status.status-2, .status.status-3) {
    color: #28A745 !important;
    -webkit-text-fill-color: #28A745 !important;
}
html body #content-wrapper .rk2-products .rk-home-stock .status :is(small, .status-icon) {
    color: inherit !important;
    -webkit-text-fill-color: inherit !important;
}
html body #content-wrapper .rk2-products .rk-home-stock .estimated-delivery {
    color: #F2EFE7 !important;
    -webkit-text-fill-color: #F2EFE7 !important;
}
/* Suppress the former injected status only on cards with the new output. */
html body #content-wrapper .rk2-products .product-wrapper-product:has(.rk-home-stock) .rk-productbox-availability {
    display: none !important;
}

/* ReefKing 2.4.68 — upper cards: title, description and button in normal flow. */
html.rk-page-home body section.rk2-opc-feature-grid.rk2-shell > .rk-opc-flow-stack {
    grid-column: var(--rk-opc-col) !important;
    grid-row: var(--rk-opc-row) !important;
    position: relative !important;
    align-self: end !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 10px !important;
    z-index: 12 !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 40px 24px 24px !important;
    pointer-events: none !important;
    background: linear-gradient(to top,rgba(14,15,14,.92),rgba(14,15,14,.5),transparent) !important;
}
html.rk-page-home body .rk-opc-flow-stack > .rk-opc-title-overlay { order: 1 !important; }
html.rk-page-home body .rk-opc-flow-stack > .rk-opc-description-overlay { order: 2 !important; }
html.rk-page-home body .rk-opc-flow-stack > .rk-opc-button-overlay { order: 3 !important; }
html.rk-page-home body .rk-opc-flow-stack .rk-opc-button-overlay :is(a,button) { pointer-events: auto !important; }
html.rk-page-home body :is(.rk-opc-flow-stack,.rk-opc-flow-card) :is(.rk-opc-title-overlay,.rk-opc-description-overlay,.rk-opc-lower-card-title,.rk-opc-lower-card-description) {
    overflow-wrap: anywhere;
    min-width: 0;
}
html.rk-page-home body .rk-opc-flow-card > :is(.rk-opc-lower-card-title,.rk-opc-lower-card-description,.rk-opc-lower-card-button) { position: relative !important; z-index: 5 !important; }
html.rk-page-home body .rk-opc-flow-card .rk-opc-lower-card-description p { margin: 0 !important; }
@media (max-width:767.98px) {
    html.rk-page-home body section.rk2-opc-feature-grid.rk2-shell > .rk-opc-flow-stack {
        grid-column: 1 !important;
        grid-row: var(--rk-opc-mobile-row) !important;
        padding: 32px 18px 18px !important;
        gap: 8px !important;
    }
}

/* ReefKing 2.4.69 — consistent desktop shell and contained OPC card captions. */
@media(min-width:1200px){
 html.rk-page-home{--rk2-shell:1600px;}
 html.rk-page-home .rk2-shell,
 html.rk-page-home section.rk2-opc-feature-grid.rk2-shell,
 html.rk-page-home :is(#footer,footer,#copyright) :is(.container,.container-fluid,.container-fluid-xl){width:calc(100% - 64px)!important;max-width:1600px!important;margin-inline:auto!important;box-sizing:border-box!important;}
 html body #content-wrapper:has(.rk-plan)>:is(.container,.container-fluid,.container-fluid-xl){width:calc(100% - 64px)!important;max-width:1600px!important;margin-inline:auto!important;}
 html body #content-wrapper #content:has(.rk-plan){width:100%!important;max-width:1600px!important;box-sizing:border-box!important;}
 html body #content-wrapper .rk-plan{width:100%!important;max-width:none!important;padding-inline:28px!important;}
 body:has(.rk-plan) :is(#footer,footer,#copyright) :is(.container,.container-fluid,.container-fluid-xl){width:calc(100% - 64px)!important;max-width:1600px!important;margin-inline:auto!important;box-sizing:border-box!important;}
}
html body #content-wrapper #rk-herz-einblicke{border-bottom:0!important;}
html.rk-page-home body .rk-opc-contained-card::after{display:none!important;content:none!important;}
html.rk-page-home body .rk-opc-contained-card .rk-opc-flow-stack :is(h1,h2,h3,h4,h5,h6){font-size:clamp(22px,2vw,32px)!important;line-height:1.15!important;margin:0!important;}
html.rk-page-home body .rk-opc-contained-card .rk-opc-flow-stack p{margin:0!important;line-height:1.45!important;}
html.rk-page-home body :is(.rk-opc-contained-card,.rk-opc-flow-card) :is(h1,h2,h3,h4,h5,h6,p){overflow-wrap:break-word!important;word-break:normal!important;}

/* ReefKing 2.4.70 — knowledge introduction occupies its own row. */
html.rk-page-home body .rk2-opc-feature-grid > .rk-opc-lower-intro{position:relative!important;grid-column:1 / -1!important;grid-row:3!important;inset:auto!important;transform:none!important;align-self:stretch!important;}
html.rk-page-home body .rk2-opc-feature-grid > .rk-opc-lower-row{grid-column:1 / -1!important;grid-row:4!important;}
html.rk-page-home body .rk-opc-contained-card .rk-opc-button-overlay{align-self:flex-start!important;width:fit-content!important;}
@media(max-width:767.98px){html.rk-page-home body .rk2-opc-feature-grid > .rk-opc-lower-intro{grid-row:5!important;}html.rk-page-home body .rk2-opc-feature-grid > .rk-opc-lower-row{grid-row:6!important;}}

/* ReefKing 2.4.71 — slider gutters belong to slides, not the slick track. */
html.rk-page-home body #content-wrapper .rk2-products .slick-track{gap:0!important;column-gap:0!important;}
html.rk-page-home body #content-wrapper .rk2-products .slick-slide{padding-left:9px!important;padding-right:9px!important;box-sizing:border-box!important;}
html.rk-page-home body #content-wrapper .rk2-products .slick-list{margin-left:-9px!important;margin-right:-9px!important;}
html.rk-page-home body #content-wrapper .rk2-products .product-wrapper-product{min-width:0!important;box-sizing:border-box!important;overflow:visible!important;}
html.rk-page-home body #content-wrapper .rk2-products .rk-home-stock{display:block!important;visibility:visible!important;opacity:1!important;position:static!important;height:auto!important;max-height:none!important;overflow:visible!important;flex:0 0 auto!important;min-height:2.8em;}
html.rk-page-home body #content-wrapper .rk2-products .rk-home-stock .rk-listing-stock{display:block!important;visibility:visible!important;opacity:1!important;}

/* ReefKing 2.4.72 — shared desktop content width across shop page types. */
@media (min-width:1200px) {
 html { --rk2-shell:1600px; }
 html body #main-wrapper { max-width:none!important; }
 html body #content-wrapper { max-width:none!important; }
 html body #content-wrapper > :is(.container,.container-fluid,.container-fluid-xl),
 html body #content-wrapper > #content:not(.col):not([class*="col-"]),
 html body :is(.breadcrumb-wrapper,.container-breadcrumbs) > :is(.container,.container-fluid,.container-fluid-xl) {
  width:calc(100% - 64px)!important;
  max-width:1600px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
 }
 /* A content column keeps its Bootstrap share when a sidebar is present. */
 html body #content-wrapper :is(.container,.container-fluid,.container-fluid-xl) #content {
  max-width:none!important;
  box-sizing:border-box!important;
 }
 html:is(.rk-page-content,.rk-page-info,.rk-page-legal) body #content-wrapper :is(.container,.container-fluid,.container-fluid-xl) > #content {
  width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
 }
 /* Homepage sections already own their 32px outer gutter. */
 html.rk-page-home body #content-wrapper > #content {
  width:100%!important;max-width:none!important;margin:0!important;
 }
 html body :is(#footer,footer,#copyright) :is(.container,.container-fluid,.container-fluid-xl) {
  width:calc(100% - 64px)!important;
  max-width:1600px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
 }
 /* Nested footer containers must not accumulate gutters. */
 html body :is(#footer,footer,#copyright) :is(.container,.container-fluid,.container-fluid-xl) :is(.container,.container-fluid,.container-fluid-xl) {
  width:100%!important;max-width:none!important;
 }
}

/* ReefKing 2.4.73 — homepage canvas full width; inner shells retain their cap. */
@media(min-width:1200px){
 html.rk-page-home body #main-wrapper,
 html.rk-page-home body #content-wrapper,
 html.rk-page-home body #content-wrapper > :is(.container,.container-fluid,.container-fluid-xl),
 html.rk-page-home body #content-wrapper #content,
 html.rk-page-home body #rk2-home {
  width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;box-sizing:border-box!important;
 }
 html.rk-page-home body #rk2-home > .rk2-hero{width:100%!important;max-width:none!important;margin-inline:0!important;}
}

/* ReefKing 2.4.74 — full-bleed hero and trust strip, centered inner content. */
@media(min-width:1200px){
 html.rk-page-home body #content-wrapper #rk2-home > .rk2-hero,
 html.rk-page-home body #content-wrapper #rk2-home > .rk2-trust {
  position:relative!important;
  width:var(--rk-viewport-width,100vw)!important;
  max-width:none!important;
  margin-left:calc(50% - var(--rk-viewport-width,100vw) / 2)!important;
  margin-right:0!important;
  box-sizing:border-box!important;
 }
 html.rk-page-home body #rk2-home > .rk2-hero > .rk2-hero__content,
 html.rk-page-home body #rk2-home > .rk2-trust > .rk2-shell {
  width:calc(100% - 64px)!important;max-width:1600px!important;margin-inline:auto!important;
 }
}

/* ReefKing 2.4.76 — product pages share the homepage content shell.
   NOVA places the listing container ON #content-wrapper, and PDP containers
   INSIDE #result-wrapper. Apply the outer gutter exactly once. Keep Bootstrap
   sidebar / product columns and all mobile rules intact. */
@media (min-width:1200px) {
 html:is(.rk-page-category,.rk-page-pdp) body #main-wrapper {
  width:100%!important;
  max-width:none!important;
  margin-inline:0!important;
  padding-inline:0!important;
 }
 html:is(.rk-page-category,.rk-page-pdp) body #main-wrapper #content-wrapper {
  width:calc(100% - 64px)!important;
  max-width:1600px!important;
  margin-inline:auto!important;
  padding-inline:0!important;
  box-sizing:border-box!important;
 }
 html:is(.rk-page-category,.rk-page-pdp) body #main-wrapper #content-wrapper > #content,
 html:is(.rk-page-category,.rk-page-pdp) body #main-wrapper #content-wrapper > :is(.container,.container-fluid,.container-fluid-xl),
 html:is(.rk-page-category,.rk-page-pdp) body #main-wrapper #content-wrapper #result-wrapper > :is(.container,.container-fluid,.container-fluid-xl) {
  width:100%!important;
  max-width:none!important;
  margin-inline:0!important;
  padding-inline:0!important;
  box-sizing:border-box!important;
 }
}

/* ReefKing 2.4.77 — palette for the generated Sortiment disclosure only. */
html body #mainNavigation .rk-nav-more > .rk-nav-more__menu {
 background:#151614!important;
 border:1px solid #3D3D37!important;
 border-top-color:#C6A15B!important;
 color:#F2EFE7!important;
}
html body #mainNavigation .rk-nav-more__menu :is(.rk-nav-more__body,.rk-nav-more__links,.rk-nav-more__categories,.lg-row-lg,.nav,.nav-item) {
 background:transparent!important;
}
html body #mainNavigation .rk-nav-more__menu .rk-nav-more__group {
 background:#1B1C19!important;
 border-color:#3D3D37!important;
 box-shadow:none!important;
}
html body #mainNavigation .rk-nav-more__menu :is(.rk-nav-more__link,.nav-link,.submenu-headline,.nav-mobile-heading) {
 background:transparent!important;
 color:#F2EFE7!important;
 -webkit-text-fill-color:#F2EFE7!important;
 border-color:#3D3D37!important;
 box-shadow:none!important;
 text-shadow:none!important;
}
html body #mainNavigation .rk-nav-more__menu .rk-nav-more__group-link {
 background:transparent!important;
 color:#C6A15B!important;
 -webkit-text-fill-color:#C6A15B!important;
 border-bottom:1px solid #3D3D37!important;
 border-radius:0!important;
}
html body #mainNavigation .rk-nav-more__menu :is(.rk-nav-more__link,.nav-link,.submenu-headline,.nav-mobile-heading):is(:hover,:focus-visible,.active),
html body #mainNavigation .rk-nav-more__menu .nav-item:is(.active,.show) > :is(.nav-link,.submenu-headline) {
 background:#211D15!important;
 color:#DDBD78!important;
 -webkit-text-fill-color:#DDBD78!important;
 border-color:#8F713C!important;
}
html body #mainNavigation .rk-nav-more__menu :is(.rk-nav-more__link,.nav-link,.submenu-headline,.nav-mobile-heading) :is(span,strong,small,i) {
 background:transparent!important;
 color:inherit!important;
 -webkit-text-fill-color:inherit!important;
}
html body #mainNavigation .rk-nav-more__menu :is(a,button):focus-visible {
 outline:2px solid #DDBD78!important;
 outline-offset:2px!important;
}

/* ReefKing 2.4.78 — spacious desktop Sortiment panel, scoped to overflow menu. */
@media (min-width:992px) {
 html body #mainNavigation .rk-nav-more > .rk-nav-more__menu {
  position:fixed!important;
  left:50%!important;right:auto!important;
  transform:translateX(-50%)!important;
  width:calc(100% - 64px)!important;max-width:1440px!important;
  top:var(--rk-mega-top,194px)!important;
  max-height:calc(100vh - var(--rk-mega-top,194px) - 24px)!important;
  max-height:calc(100dvh - var(--rk-mega-top,194px) - 24px)!important;
  overflow-y:auto!important;overflow-x:hidden!important;
  padding:0!important;border-radius:0 0 16px 16px!important;
  box-shadow:0 18px 40px rgba(0,0,0,.4)!important;
  scrollbar-width:thin;scrollbar-color:#8F713C #151614;
  overscroll-behavior:contain;
 }
 html body #mainNavigation .rk-nav-more__menu::-webkit-scrollbar{width:8px;}
 html body #mainNavigation .rk-nav-more__menu::-webkit-scrollbar-track{background:#151614;}
 html body #mainNavigation .rk-nav-more__menu::-webkit-scrollbar-thumb{background:#8F713C;border-radius:8px;}
 html body #mainNavigation .rk-nav-more__body{padding:24px!important;}
 html body #mainNavigation .rk-nav-more__links{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:20px!important;align-items:stretch!important;
 }
 html body #mainNavigation .rk-nav-more__menu .rk-nav-more__group{
  padding:18px!important;border-radius:12px!important;min-width:0!important;
 }
 html body #mainNavigation .rk-nav-more__menu .rk-nav-more__group-link{
  font-size:1.0625rem!important;line-height:1.4!important;
  padding:0 0 12px!important;margin:0 0 12px!important;min-height:0!important;
 }
 html body #mainNavigation .rk-nav-more__categories{min-height:0!important;}
 html body #mainNavigation .rk-nav-more__categories > .lg-row-lg{
  display:grid!important;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;
  gap:10px!important;margin:0!important;
 }
 html body #mainNavigation .rk-nav-more__categories > .lg-row-lg > [class*="col-"]{
  width:auto!important;max-width:none!important;min-width:0!important;padding:0!important;
 }
 html body #mainNavigation .rk-nav-more__menu .submenu-headline{
  min-height:52px!important;padding:12px!important;border-radius:8px!important;
  font-size:.9375rem!important;line-height:1.45!important;
 }
 html body #mainNavigation .rk-nav-more__menu :is(.text-truncate,.submenu-headline,.rk-nav-more__link){
  white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important;
  hyphens:auto;text-overflow:clip!important;
 }
 html body #mainNavigation .rk-nav-more__menu .lg-row-lg > .d-lg-none:first-child > a{
  background:transparent!important;padding:0 0 10px!important;min-height:32px!important;
  font-size:.8125rem!important;color:#AAA79F!important;-webkit-text-fill-color:#AAA79F!important;
 }
}

/* ReefKing 2.4.80 — native shipping calculator inside the landingpage only. */
html body #content-wrapper .rk-shipping .rk-shipping-calculator {
 width:100%!important;max-width:none!important;margin:28px 0!important;
 padding:clamp(18px,3vw,30px)!important;box-sizing:border-box!important;
 background:#1B1C19!important;color:#F2EFE7!important;
 border:1px solid #8F713C!important;border-radius:14px!important;
 font-family:inherit!important;line-height:1.6;
}
html body #content-wrapper .rk-shipping-calculator :is(form,.shipping-calculator-main,.table-responsive){margin:0;}
html body #content-wrapper .rk-shipping-calculator :is(.h3,label,caption,th,td){
 font-family:inherit!important;color:#F2EFE7!important;-webkit-text-fill-color:#F2EFE7!important;
}
html body #content-wrapper .rk-shipping-calculator .shipping-calculator-main-heading{
 font-size:1.25rem!important;line-height:1.4!important;margin:0 0 20px!important;
}
html body #content-wrapper .rk-shipping-calculator :is(input:not([type="hidden"]),select){
 background:#151614!important;color:#F2EFE7!important;-webkit-text-fill-color:#F2EFE7!important;
 border:1px solid #3D3D37!important;border-radius:8px!important;min-height:48px!important;
 font:inherit!important;max-width:100%;
}
html body #content-wrapper .rk-shipping-calculator button[type="submit"]{
 background:#C6A15B!important;color:#151614!important;-webkit-text-fill-color:#151614!important;
 border:1px solid #C6A15B!important;border-radius:8px!important;min-height:48px!important;
 font:inherit!important;font-weight:700!important;white-space:normal!important;
}
html body #content-wrapper .rk-shipping-calculator button[type="submit"]:hover{background:#DDBD78!important;}
html body #content-wrapper .rk-shipping-calculator :is(input,select,button):focus-visible{outline:2px solid #DDBD78!important;outline-offset:3px!important;}
html body #content-wrapper .rk-shipping-calculator .table{width:100%;margin-top:20px;background:transparent!important;}
html body #content-wrapper .rk-shipping-calculator :is(th,td){background:transparent!important;border-color:#3D3D37!important;}
html body #content-wrapper .rk-shipping-calculator .shipping-calculator-hr{display:none!important;}

/* ReefKing 2.4.81 — normalize the native inner container after relocation. */
html body #content-wrapper #rk-native-shipping.rk-shipping-calculator > .page-shipping {
 width:100%!important;max-width:none!important;margin:0!important;padding:0!important;
 background:transparent!important;border:0!important;box-shadow:none!important;
}
html body #content-wrapper .rk-shipping-redundant-title{display:none!important;}

/* ReefKing 2.4.82 — shipping landingpage owns its visible outer surface.
   OPC parent containers do not inherit variables declared on .rk-plan.
   Override the fragment's transparent background with a scoped selector. */
html body #content-wrapper article.rk-plan.rk-shipping {
 background:#151614!important;
 background-image:none!important;
 border:1px solid #3D3D37!important;
 border-radius:16px!important;
 box-sizing:border-box!important;
 width:100%!important;
 max-width:1600px!important;
 margin:0 auto!important;
 padding:clamp(24px,3vw,48px)!important;
 min-width:0;
}
@media(max-width:767.98px){
 html body #content-wrapper article.rk-plan.rk-shipping {
  padding:24px 18px!important;
  border-radius:12px!important;
 }
}

/* ReefKing 2.4.83: isolated payment information landingpage. */
html body #content-wrapper .rk-payment{box-sizing:border-box;width:100%;max-width:1600px;margin:0 auto;padding:clamp(24px,3vw,48px);border:1px solid #3d3d37;border-radius:16px;background:#151614;color:#f2efe7;font-family:Inter,Aptos,'Segoe UI',Arial,sans-serif;font-size:16px;line-height:1.7;overflow-wrap:break-word}
.rk-payment *{box-sizing:border-box}
html body #content-wrapper .rk-payment :is(h1,h2,h3,p,a,summary,dt,dd,strong){font-family:inherit;text-shadow:none}
html body #content-wrapper .rk-payment :is(h1,h2,h3){color:#f2efe7!important;-webkit-text-fill-color:#f2efe7!important;letter-spacing:-.025em;line-height:1.15;margin:0 0 20px}
html body #content-wrapper .rk-payment h1{font-size:clamp(34px,4.5vw,64px);max-width:20ch}
html body #content-wrapper .rk-payment h1 span{color:#ddbd78;-webkit-text-fill-color:#ddbd78}
html body #content-wrapper .rk-payment h2{font-size:clamp(27px,3vw,40px)}
html body #content-wrapper .rk-payment h3{font-size:22px;margin:16px 0}
.rk-payment p{margin:0 0 18px}.rk-payment a{color:#ddbd78;text-underline-offset:4px}
.rk-payment-hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:center;padding:20px 0 40px}
.rk-payment-eyebrow{font-size:12px;font-weight:750;letter-spacing:.12em;color:#c6a15b!important;-webkit-text-fill-color:#c6a15b!important}
.rk-payment-lead{font-size:clamp(19px,2vw,23px);line-height:1.5}
.rk-payment-summary,.rk-payment-card{border:1px solid #3d3d37;border-radius:12px;background:#1b1c19;padding:26px;min-width:0}
.rk-payment-summary{border-color:#8f713c}.rk-payment-summary dl{margin:0}.rk-payment-summary dl>div{padding:18px 0;border-bottom:1px solid #3d3d37}.rk-payment-summary dt{font-weight:700}.rk-payment-summary dd{margin:4px 0 0;color:#aaa79f}.rk-payment-summary>p:last-child{margin:20px 0 0}
.rk-payment-muted{color:#aaa79f!important;font-size:14px}
.rk-payment-buttons{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:24px}
html body #content-wrapper .rk-payment a.rk-payment-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border:1px solid #c6a15b;border-radius:9px;background:#c6a15b!important;color:#151614!important;-webkit-text-fill-color:#151614!important;font-size:15px;font-weight:700;text-decoration:none;line-height:1.4;width:auto}
html body #content-wrapper .rk-payment a.rk-payment-button-secondary{background:transparent!important;color:#ddbd78!important;-webkit-text-fill-color:#ddbd78!important}
.rk-payment a:focus-visible,.rk-payment summary:focus-visible{outline:2px solid #ddbd78;outline-offset:5px}
.rk-payment-nav{display:flex;gap:12px 26px;flex-wrap:wrap;padding:24px 0;border-top:1px solid #3d3d37;border-bottom:1px solid #3d3d37}
.rk-payment-section{padding:48px 0;scroll-margin-top:130px}.rk-payment-intro{max-width:80ch}.rk-payment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:28px}.rk-payment-card{display:flex;flex-direction:column}.rk-payment-card>a{margin-top:auto}.rk-payment-card-accent{border-color:#8f713c}.rk-payment-tag{align-self:flex-start;color:#ddbd78;font-size:11px;font-weight:700;letter-spacing:.08em;border-bottom:1px solid #8f713c;padding-bottom:7px}
.rk-payment-feature{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:32px;border:1px solid #8f713c;border-radius:14px;padding:clamp(22px,3vw,40px);background:linear-gradient(130deg,#211d15,#1b1c19)}
.rk-payment-feature aside{display:flex;flex-direction:column;justify-content:center;border-left:1px solid #8f713c;padding-left:32px}.rk-payment-discount{font-size:clamp(50px,6vw,86px);font-weight:750;line-height:1.2;color:#ddbd78}.rk-payment-feature aside p{font-size:14px;color:#aaa79f;margin:12px 0 0}
.rk-payment-steps{padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.rk-payment-steps>li>span{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border:1px solid #8f713c;border-radius:50%;color:#ddbd78;font-weight:700}.rk-payment-note{border-left:3px solid #c6a15b;padding:22px 26px;background:#1b1c19;border-radius:0 10px 10px 0;margin-top:24px}.rk-payment-note p{margin:8px 0}
.rk-payment details{border-bottom:1px solid #3d3d37;padding:20px 0}.rk-payment summary{cursor:pointer;font-size:18px;font-weight:650;color:#f2efe7}.rk-payment details p{max-width:85ch;margin:16px 0 0}.rk-payment-contact{border-top:1px solid #8f713c;padding-top:36px}.rk-payment-contact p{max-width:75ch}
@media(hover:hover){.rk-payment-card:hover{border-color:#8f713c}.rk-payment a.rk-payment-button:hover{filter:brightness(1.08)}}
@media(max-width:1050px){.rk-payment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rk-payment-hero{grid-template-columns:1fr}.rk-payment h1{max-width:none}}
@media(max-width:650px){html body #content-wrapper .rk-payment{padding:24px 18px}.rk-payment-grid,.rk-payment-feature,.rk-payment-steps{grid-template-columns:1fr}.rk-payment-feature aside{border-left:0;border-top:1px solid #8f713c;padding:20px 0 0}.rk-payment-card,.rk-payment-summary{padding:22px}.rk-payment-section{padding:34px 0}.rk-payment-buttons{align-items:stretch}.rk-payment-buttons a{flex:1 1 100%}.rk-payment-nav{gap:14px 20px}}

/* ReefKing 2.4.84 — isolate payment article header/footer from shop defaults. */
html body #content-wrapper article.rk-payment{
 background:#151614!important;background-image:none!important;color:#F2EFE7!important;
}
html body #content-wrapper .rk-payment > header.rk-payment-hero{
 background:transparent!important;background-image:none!important;
 color:#F2EFE7!important;border:0!important;box-shadow:none!important;
 position:relative!important;top:auto!important;z-index:auto!important;
}
html body #content-wrapper .rk-payment > header.rk-payment-hero::before,
html body #content-wrapper .rk-payment > header.rk-payment-hero::after{content:none!important;display:none!important;}
html body #content-wrapper .rk-payment > footer.rk-payment-contact{
 background:transparent!important;background-image:none!important;
 color:#F2EFE7!important;border-top:1px solid #8F713C!important;padding-top:36px!important;
 box-shadow:none!important;
}
html body #content-wrapper .rk-payment .rk-payment-hero p:not(.rk-payment-eyebrow):not(.rk-payment-muted){
 color:#F2EFE7!important;-webkit-text-fill-color:#F2EFE7!important;
}
html body #content-wrapper .rk-payment .rk-payment-summary dl{
 display:block!important;margin:0!important;
}
html body #content-wrapper .rk-payment .rk-payment-summary dl > div{
 display:block!important;padding:18px 0!important;border-bottom:1px solid #3D3D37!important;
}
html body #content-wrapper .rk-payment .rk-payment-summary :is(dt,dd){
 display:block!important;float:none!important;width:auto!important;max-width:none!important;
}
html body #content-wrapper .rk-payment .rk-payment-summary dt{margin:0!important;color:#F2EFE7!important;}
html body #content-wrapper .rk-payment .rk-payment-summary dd{margin:5px 0 0!important;color:#AAA79F!important;}

/* ReefKing 2.4.85 — use the existing outer page frame on payment information. */
html body #content-wrapper article.rk-payment {
 border:0!important;
 border-radius:0!important;
 box-shadow:none!important;
 background:transparent!important;
 background-image:none!important;
}

/* ReefKing 2.4.86: isolated payment information landingpage. */
html body #content-wrapper .rk-coins{box-sizing:border-box;width:100%;max-width:1600px;margin:0 auto;padding:clamp(24px,3vw,48px);border:1px solid #3d3d37;border-radius:16px;background:#151614;color:#f2efe7;font-family:Inter,Aptos,'Segoe UI',Arial,sans-serif;font-size:16px;line-height:1.7;overflow-wrap:break-word}
.rk-coins *{box-sizing:border-box}
html body #content-wrapper .rk-coins :is(h1,h2,h3,p,a,summary,dt,dd,strong){font-family:inherit;text-shadow:none}
html body #content-wrapper .rk-coins :is(h1,h2,h3){color:#f2efe7!important;-webkit-text-fill-color:#f2efe7!important;letter-spacing:-.025em;line-height:1.15;margin:0 0 20px}
html body #content-wrapper .rk-coins h1{font-size:clamp(34px,4.5vw,64px);max-width:20ch}
html body #content-wrapper .rk-coins h1 span{color:#ddbd78;-webkit-text-fill-color:#ddbd78}
html body #content-wrapper .rk-coins h2{font-size:clamp(27px,3vw,40px)}
html body #content-wrapper .rk-coins h3{font-size:22px;margin:16px 0}
.rk-coins p{margin:0 0 18px}.rk-coins a{color:#ddbd78;text-underline-offset:4px}
.rk-coins-hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:center;padding:20px 0 40px}
.rk-coins-eyebrow{font-size:12px;font-weight:750;letter-spacing:.12em;color:#c6a15b!important;-webkit-text-fill-color:#c6a15b!important}
.rk-coins-lead{font-size:clamp(19px,2vw,23px);line-height:1.5}
.rk-coins-summary,.rk-coins-card{border:1px solid #3d3d37;border-radius:12px;background:#1b1c19;padding:26px;min-width:0}
.rk-coins-summary{border-color:#8f713c}.rk-coins-summary dl{margin:0}.rk-coins-summary dl>div{padding:18px 0;border-bottom:1px solid #3d3d37}.rk-coins-summary dt{font-weight:700}.rk-coins-summary dd{margin:4px 0 0;color:#aaa79f}.rk-coins-summary>p:last-child{margin:20px 0 0}
.rk-coins-muted{color:#aaa79f!important;font-size:14px}
.rk-coins-buttons{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:24px}
html body #content-wrapper .rk-coins a.rk-coins-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border:1px solid #c6a15b;border-radius:9px;background:#c6a15b!important;color:#151614!important;-webkit-text-fill-color:#151614!important;font-size:15px;font-weight:700;text-decoration:none;line-height:1.4;width:auto}
html body #content-wrapper .rk-coins a.rk-coins-button-secondary{background:transparent!important;color:#ddbd78!important;-webkit-text-fill-color:#ddbd78!important}
.rk-coins a:focus-visible,.rk-coins summary:focus-visible{outline:2px solid #ddbd78;outline-offset:5px}
.rk-coins-nav{display:flex;gap:12px 26px;flex-wrap:wrap;padding:24px 0;border-top:1px solid #3d3d37;border-bottom:1px solid #3d3d37}
.rk-coins-section{padding:48px 0;scroll-margin-top:130px}.rk-coins-intro{max-width:80ch}.rk-coins-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:28px}.rk-coins-card{display:flex;flex-direction:column}.rk-coins-card>a{margin-top:auto}.rk-coins-card-accent{border-color:#8f713c}.rk-coins-tag{align-self:flex-start;color:#ddbd78;font-size:11px;font-weight:700;letter-spacing:.08em;border-bottom:1px solid #8f713c;padding-bottom:7px}
.rk-coins-feature{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:32px;border:1px solid #8f713c;border-radius:14px;padding:clamp(22px,3vw,40px);background:linear-gradient(130deg,#211d15,#1b1c19)}
.rk-coins-feature aside{display:flex;flex-direction:column;justify-content:center;border-left:1px solid #8f713c;padding-left:32px}.rk-coins-discount{font-size:clamp(50px,6vw,86px);font-weight:750;line-height:1.2;color:#ddbd78}.rk-coins-feature aside p{font-size:14px;color:#aaa79f;margin:12px 0 0}
.rk-coins-steps{padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.rk-coins-steps>li>span{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border:1px solid #8f713c;border-radius:50%;color:#ddbd78;font-weight:700}.rk-coins-note{border-left:3px solid #c6a15b;padding:22px 26px;background:#1b1c19;border-radius:0 10px 10px 0;margin-top:24px}.rk-coins-note p{margin:8px 0}
.rk-coins details{border-bottom:1px solid #3d3d37;padding:20px 0}.rk-coins summary{cursor:pointer;font-size:18px;font-weight:650;color:#f2efe7}.rk-coins details p{max-width:85ch;margin:16px 0 0}.rk-coins-contact{border-top:1px solid #8f713c;padding-top:36px}.rk-coins-contact p{max-width:75ch}
@media(hover:hover){.rk-coins-card:hover{border-color:#8f713c}.rk-coins a.rk-coins-button:hover{filter:brightness(1.08)}}
@media(max-width:1050px){.rk-coins-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rk-coins-hero{grid-template-columns:1fr}.rk-coins h1{max-width:none}}
@media(max-width:650px){html body #content-wrapper .rk-coins{padding:24px 18px}.rk-coins-grid,.rk-coins-feature,.rk-coins-steps{grid-template-columns:1fr}.rk-coins-feature aside{border-left:0;border-top:1px solid #8f713c;padding:20px 0 0}.rk-coins-card,.rk-coins-summary{padding:22px}.rk-coins-section{padding:34px 0}.rk-coins-buttons{align-items:stretch}.rk-coins-buttons a{flex:1 1 100%}.rk-coins-nav{gap:14px 20px}}

/* No second page frame; parent information-page container owns the outline. */
html body #content-wrapper article.rk-coins{background:transparent!important;border:0!important;border-radius:0;box-shadow:none!important}
html body #content-wrapper .rk-coins-hero{background:transparent!important;box-shadow:none!important;border:0!important}
html body #content-wrapper .rk-coins-contact{background:transparent!important;color:#f2efe7!important}
.rk-coins-emblem{width:144px;height:144px;border:2px solid #c6a15b;outline:1px solid #8f713c;outline-offset:7px;border-radius:50%;margin:12px auto 32px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 20%,#5b4928,#211d15 70%);color:#ddbd78;box-shadow:0 10px 28px #0003}
.rk-coins-emblem span{font-size:44px;font-weight:800;line-height:1.2}.rk-coins-emblem small{font-size:10px;letter-spacing:.15em}
.rk-coins-summary h2{font-size:clamp(25px,2.5vw,34px)!important}.rk-coins-summary{text-align:center}.rk-coins-feature ul{padding-left:20px}.rk-coins-feature li+li{margin-top:12px}

/* ReefKing 2.4.87 — scoped Detective landingpage. */
html body #content-wrapper .rk-detective{box-sizing:border-box;width:100%;max-width:1600px;margin:0 auto;padding:clamp(20px,3vw,48px);border:0;background:transparent;color:#f2efe7;font-family:inherit;font-size:16px;line-height:1.65;overflow-wrap:break-word}
.rk-detective *{box-sizing:border-box;min-width:0}
html body #content-wrapper .rk-detective :is(h1,h2,h3,h4,p,a,summary,strong,li){font-family:inherit;text-shadow:none}
html body #content-wrapper .rk-detective :is(h1,h2,h3,h4){color:#f2efe7!important;-webkit-text-fill-color:#f2efe7!important;line-height:1.15;letter-spacing:-.025em;margin:0 0 18px}
html body #content-wrapper .rk-detective h1{font-size:clamp(34px,3.7vw,59px);max-width:23ch}
html body #content-wrapper .rk-detective h1 span{color:#ddbd78;-webkit-text-fill-color:#ddbd78}
html body #content-wrapper .rk-detective h2{font-size:clamp(27px,2.8vw,40px)}
html body #content-wrapper .rk-detective h3{font-size:24px}html body #content-wrapper .rk-detective h4{font-size:17px}
.rk-detective p{margin:0 0 18px}.rk-detective a{color:#ddbd78;text-underline-offset:4px}.rk-detective ul,.rk-detective ol{padding-left:23px}.rk-detective li{margin-bottom:10px}
.rk-detective-hero{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:clamp(28px,4vw,64px);align-items:center;background:transparent!important;padding:20px 0 38px}
.rk-detective-eyebrow{font-size:12px;font-weight:750;letter-spacing:.1em;color:#c6a15b!important;-webkit-text-fill-color:#c6a15b!important}
.rk-detective-lead{font-size:23px}.rk-detective-small,.rk-detective-sub{font-size:14px;color:#bdb9ad}.rk-detective-sub{font-style:italic}
.rk-detective-case{border:1px solid #8f713c;border-radius:16px;padding:30px;background:linear-gradient(145deg,#29251b,#191a17)}
.rk-detective-case ol{list-style:none;padding:0}.rk-detective-case li{padding:20px 0;border-bottom:1px solid #4c4435}.rk-detective-case strong,.rk-detective-case span{display:block}.rk-detective-case span{font-size:14px;color:#bdb9ad;margin-top:7px}.rk-detective-case>p:last-child{font-size:14px;margin-bottom:0}
.rk-detective-buttons{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:24px 0}
html body #content-wrapper .rk-detective a.rk-detective-button{display:inline-flex;align-items:center;justify-content:center;flex:0 1 auto;align-self:flex-start;width:auto;max-width:100%;min-height:48px;padding:12px 20px;border:1px solid #c6a15b;border-radius:9px;background:#c6a15b!important;color:#151614!important;-webkit-text-fill-color:#151614!important;text-decoration:none;font-size:15px;font-weight:700;line-height:1.4;white-space:normal}
html body #content-wrapper .rk-detective a.rk-detective-secondary{background:transparent!important;color:#ddbd78!important;-webkit-text-fill-color:#ddbd78!important}
.rk-detective-alert,.rk-detective-note{padding:23px 26px;border-left:3px solid #c6a15b;background:#211f19;border-radius:0 10px 10px 0}.rk-detective-alert{border-color:#d19a6f}.rk-detective-alert p,.rk-detective-note p{margin:8px 0 0}
.rk-detective-nav,.rk-detective-chips{display:flex;flex-wrap:wrap;gap:12px 24px;padding:24px 0}.rk-detective-nav{border-bottom:1px solid #3d3d37}.rk-detective-chips{gap:10px}.rk-detective-chips a{border:1px solid #555044;border-radius:30px;padding:7px 14px;text-decoration:none;font-size:13px}
.rk-detective-section{padding:48px 0;border-bottom:1px solid #3d3d37}.rk-detective [id]{scroll-margin-top:140px}
.rk-detective-routegrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:28px}
.rk-detective-routegrid>a,.rk-detective-card{display:block;padding:25px;background:#1b1c19;border:1px solid #484638;border-radius:12px;text-decoration:none;color:#f2efe7}
.rk-detective-routegrid>a>span{display:block;color:#c6a15b;font-size:11px;font-weight:700;letter-spacing:.08em}.rk-detective-routegrid>a>strong{display:block;font-size:20px;line-height:1.3;margin:17px 0}.rk-detective-routegrid>a>small{display:block;color:#bdb9ad;font-size:14px}
.rk-detective-profiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:20px;align-items:start}
.rk-detective-profile{border:1px solid #484638;border-radius:15px;background:#1b1c19;padding:clamp(22px,2.5vw,34px)}
.rk-detective-profilehead{display:flex;align-items:center;gap:18px;margin-bottom:16px}.rk-detective-profilehead h3{margin-bottom:0!important}.rk-detective-number{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:48px;height:48px;border:1px solid #8f713c;border-radius:50%;color:#ddbd78;font-size:18px;font-weight:700}.rk-detective-tag{display:inline-block;color:#ddbd78;font-size:11px;letter-spacing:.06em;text-transform:uppercase;margin:0 0 9px!important;font-weight:700}
.rk-detective-action{padding:20px;background:#24241e;border-radius:10px;margin:24px 0 10px;border-left:2px solid #c6a15b}.rk-detective-action p{margin:0}.rk-detective details{border-bottom:1px solid #3d3d37;padding:18px 0}.rk-detective summary{cursor:pointer;font-weight:700;color:#f2efe7;padding-right:8px}.rk-detective details p{margin:15px 0 0}
.rk-detective-urgent,.rk-detective-contact{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin:28px 0;padding:clamp(24px,3vw,38px);border:1px solid #8f713c;border-radius:16px;background:linear-gradient(125deg,#292319,#1b1c19)}
.rk-detective-card h3{margin-top:15px!important}.rk-detective-card p:last-child{margin-bottom:0}.rk-detective-note{margin-top:24px}.rk-detective-sources{font-size:14px;border-bottom:0}.rk-detective-sources h2{font-size:24px!important}
.rk-detective a:focus-visible,.rk-detective summary:focus-visible{outline:2px solid #ddbd78;outline-offset:5px}
@media(hover:hover){.rk-detective-routegrid>a:hover,.rk-detective-chips a:hover{border-color:#ddbd78;background:#26251e}.rk-detective a.rk-detective-button:hover{filter:brightness(1.12)}}
@media(min-width:1051px){.rk-detective-routegrid>a{transition:background .2s,border-color .2s}}
@media(max-width:1050px){.rk-detective-hero{grid-template-columns:1fr}.rk-detective-routegrid{grid-template-columns:repeat(2,minmax(0,1fr))}.rk-detective-urgent,.rk-detective-contact{grid-template-columns:1fr}}
@media(max-width:700px){html body #content-wrapper .rk-detective{padding:22px 16px}.rk-detective-profiles,.rk-detective-routegrid{grid-template-columns:1fr}.rk-detective-section{padding:34px 0}.rk-detective-case{padding:23px}.rk-detective-nav{gap:14px 20px}.rk-detective-urgent,.rk-detective-contact{padding:23px}.rk-detective-profilehead{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){.rk-detective *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* ReefKing 2.4.88: isolated live arrival guarantee landingpage. */
html body #content-wrapper .rk-arrival{box-sizing:border-box;width:100%;max-width:1600px;margin:0 auto;padding:clamp(24px,3vw,48px);border:1px solid #3d3d37;border-radius:16px;background:#151614;color:#f2efe7;font-family:Inter,Aptos,'Segoe UI',Arial,sans-serif;font-size:16px;line-height:1.7;overflow-wrap:break-word}
.rk-arrival *{box-sizing:border-box}
html body #content-wrapper .rk-arrival :is(h1,h2,h3,p,a,summary,dt,dd,strong){font-family:inherit;text-shadow:none}
html body #content-wrapper .rk-arrival :is(h1,h2,h3){color:#f2efe7!important;-webkit-text-fill-color:#f2efe7!important;letter-spacing:-.025em;line-height:1.15;margin:0 0 20px}
html body #content-wrapper .rk-arrival h1{font-size:clamp(34px,4.5vw,64px);max-width:20ch}
html body #content-wrapper .rk-arrival h1 span{color:#ddbd78;-webkit-text-fill-color:#ddbd78}
html body #content-wrapper .rk-arrival h2{font-size:clamp(27px,3vw,40px)}
html body #content-wrapper .rk-arrival h3{font-size:22px;margin:16px 0}
.rk-arrival p{margin:0 0 18px}.rk-arrival a{color:#ddbd78;text-underline-offset:4px}
.rk-arrival-hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:center;padding:20px 0 40px}
.rk-arrival-eyebrow{font-size:12px;font-weight:750;letter-spacing:.12em;color:#c6a15b!important;-webkit-text-fill-color:#c6a15b!important}
.rk-arrival-lead{font-size:clamp(19px,2vw,23px);line-height:1.5}
.rk-arrival-summary,.rk-arrival-card{border:1px solid #3d3d37;border-radius:12px;background:#1b1c19;padding:26px;min-width:0}
.rk-arrival-summary{border-color:#8f713c}.rk-arrival-summary dl{margin:0}.rk-arrival-summary dl>div{padding:18px 0;border-bottom:1px solid #3d3d37}.rk-arrival-summary dt{font-weight:700}.rk-arrival-summary dd{margin:4px 0 0;color:#aaa79f}.rk-arrival-summary>p:last-child{margin:20px 0 0}
.rk-arrival-muted{color:#aaa79f!important;font-size:14px}
.rk-arrival-buttons{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:24px}
html body #content-wrapper .rk-arrival a.rk-arrival-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border:1px solid #c6a15b;border-radius:9px;background:#c6a15b!important;color:#151614!important;-webkit-text-fill-color:#151614!important;font-size:15px;font-weight:700;text-decoration:none;line-height:1.4;width:auto}
html body #content-wrapper .rk-arrival a.rk-arrival-button-secondary{background:transparent!important;color:#ddbd78!important;-webkit-text-fill-color:#ddbd78!important}
.rk-arrival a:focus-visible,.rk-arrival summary:focus-visible{outline:2px solid #ddbd78;outline-offset:5px}
.rk-arrival-nav{display:flex;gap:12px 26px;flex-wrap:wrap;padding:24px 0;border-top:1px solid #3d3d37;border-bottom:1px solid #3d3d37}
.rk-arrival-section{padding:48px 0;scroll-margin-top:130px}.rk-arrival-intro{max-width:80ch}.rk-arrival-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:28px}.rk-arrival-card{display:flex;flex-direction:column}.rk-arrival-card>a{margin-top:auto}.rk-arrival-card-accent{border-color:#8f713c}.rk-arrival-tag{align-self:flex-start;color:#ddbd78;font-size:11px;font-weight:700;letter-spacing:.08em;border-bottom:1px solid #8f713c;padding-bottom:7px}
.rk-arrival-feature{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:32px;border:1px solid #8f713c;border-radius:14px;padding:clamp(22px,3vw,40px);background:linear-gradient(130deg,#211d15,#1b1c19)}
.rk-arrival-feature aside{display:flex;flex-direction:column;justify-content:center;border-left:1px solid #8f713c;padding-left:32px}.rk-arrival-discount{font-size:clamp(50px,6vw,86px);font-weight:750;line-height:1.2;color:#ddbd78}.rk-arrival-feature aside p{font-size:14px;color:#aaa79f;margin:12px 0 0}
.rk-arrival-steps{padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.rk-arrival-steps>li>span{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border:1px solid #8f713c;border-radius:50%;color:#ddbd78;font-weight:700}.rk-arrival-note{border-left:3px solid #c6a15b;padding:22px 26px;background:#1b1c19;border-radius:0 10px 10px 0;margin-top:24px}.rk-arrival-note p{margin:8px 0}
.rk-arrival details{border-bottom:1px solid #3d3d37;padding:20px 0}.rk-arrival summary{cursor:pointer;font-size:18px;font-weight:650;color:#f2efe7}.rk-arrival details p{max-width:85ch;margin:16px 0 0}.rk-arrival-contact{border-top:1px solid #8f713c;padding-top:36px}.rk-arrival-contact p{max-width:75ch}
@media(hover:hover){.rk-arrival-card:hover{border-color:#8f713c}.rk-arrival a.rk-arrival-button:hover{filter:brightness(1.08)}}
@media(max-width:1050px){.rk-arrival-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rk-arrival-hero{grid-template-columns:1fr}.rk-arrival h1{max-width:none}}
@media(max-width:650px){html body #content-wrapper .rk-arrival{padding:24px 18px}.rk-arrival-grid,.rk-arrival-feature,.rk-arrival-steps{grid-template-columns:1fr}.rk-arrival-feature aside{border-left:0;border-top:1px solid #8f713c;padding:20px 0 0}.rk-arrival-card,.rk-arrival-summary{padding:22px}.rk-arrival-section{padding:34px 0}.rk-arrival-buttons{align-items:stretch}.rk-arrival-buttons a{flex:1 1 100%}.rk-arrival-nav{gap:14px 20px}}

/* Inherit the existing page surface; avoid duplicate outside borders. */
html body #content-wrapper .rk-arrival{border:0;background:transparent;font-family:inherit}
.rk-arrival-hero{background:transparent!important}
.rk-arrival-summary dl>div{display:block}.rk-arrival-summary dt,.rk-arrival-summary dd{display:block;width:auto;float:none}
html body #content-wrapper .rk-arrival a.rk-arrival-secondary{background:transparent!important;color:#ddbd78!important;-webkit-text-fill-color:#ddbd78!important}
html body #content-wrapper .rk-arrival a.rk-arrival-button{flex:0 1 auto;align-self:flex-start;max-width:100%;white-space:normal}
.rk-arrival-small{color:#bdb9ad;font-size:14px}.rk-arrival-terms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:28px}.rk-arrival-terms>div{padding:28px;border:1px solid #3d3d37;border-radius:12px;background:#1b1c19;min-width:0}.rk-arrival-terms h3{margin-top:0!important}.rk-arrival-terms .rk-arrival-go{background:linear-gradient(135deg,#29251a,#1b1c19);border-color:#8f713c}.rk-arrival li{margin-bottom:10px}.rk-arrival-accent{border-color:#8f713c}.rk-arrival-contact{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:30px;padding:clamp(22px,3vw,38px);border:1px solid #8f713c;border-radius:15px;background:linear-gradient(130deg,#262218,#1b1c19)}.rk-arrival-contact>div{min-width:0}.rk-arrival-provider{border-top:1px solid #3d3d37;padding-top:24px;font-size:13px;color:#bdb9ad}.rk-arrival h1{max-width:24ch!important}
@media(max-width:850px){.rk-arrival-terms,.rk-arrival-contact{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.rk-arrival *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.rk-arrival details>p{display:block!important}.rk-arrival-buttons,.rk-arrival-nav{display:none!important}}

/* ReefKing 2.4.89: isolated imprint styling. */
html body #content-wrapper .rk-imprint{box-sizing:border-box;width:100%;max-width:1600px;margin:0 auto;padding:clamp(24px,3vw,48px);border:1px solid #3d3d37;border-radius:16px;background:#151614;color:#f2efe7;font-family:Inter,Aptos,'Segoe UI',Arial,sans-serif;font-size:16px;line-height:1.7;overflow-wrap:break-word}
.rk-imprint *{box-sizing:border-box}
html body #content-wrapper .rk-imprint :is(h1,h2,h3,p,a,summary,dt,dd,strong){font-family:inherit;text-shadow:none}
html body #content-wrapper .rk-imprint :is(h1,h2,h3){color:#f2efe7!important;-webkit-text-fill-color:#f2efe7!important;letter-spacing:-.025em;line-height:1.15;margin:0 0 20px}
html body #content-wrapper .rk-imprint h1{font-size:clamp(34px,4.5vw,64px);max-width:20ch}
html body #content-wrapper .rk-imprint h1 span{color:#ddbd78;-webkit-text-fill-color:#ddbd78}
html body #content-wrapper .rk-imprint h2{font-size:clamp(27px,3vw,40px)}
html body #content-wrapper .rk-imprint h3{font-size:22px;margin:16px 0}
.rk-imprint p{margin:0 0 18px}.rk-imprint a{color:#ddbd78;text-underline-offset:4px}
.rk-imprint-hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:center;padding:20px 0 40px}
.rk-imprint-eyebrow{font-size:12px;font-weight:750;letter-spacing:.12em;color:#c6a15b!important;-webkit-text-fill-color:#c6a15b!important}
.rk-imprint-lead{font-size:clamp(19px,2vw,23px);line-height:1.5}
.rk-imprint-summary,.rk-imprint-card{border:1px solid #3d3d37;border-radius:12px;background:#1b1c19;padding:26px;min-width:0}
.rk-imprint-summary{border-color:#8f713c}.rk-imprint-summary dl{margin:0}.rk-imprint-summary dl>div{padding:18px 0;border-bottom:1px solid #3d3d37}.rk-imprint-summary dt{font-weight:700}.rk-imprint-summary dd{margin:4px 0 0;color:#aaa79f}.rk-imprint-summary>p:last-child{margin:20px 0 0}
.rk-imprint-muted{color:#aaa79f!important;font-size:14px}
.rk-imprint-buttons{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:24px}
html body #content-wrapper .rk-imprint a.rk-imprint-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border:1px solid #c6a15b;border-radius:9px;background:#c6a15b!important;color:#151614!important;-webkit-text-fill-color:#151614!important;font-size:15px;font-weight:700;text-decoration:none;line-height:1.4;width:auto}
html body #content-wrapper .rk-imprint a.rk-imprint-button-secondary{background:transparent!important;color:#ddbd78!important;-webkit-text-fill-color:#ddbd78!important}
.rk-imprint a:focus-visible,.rk-imprint summary:focus-visible{outline:2px solid #ddbd78;outline-offset:5px}
.rk-imprint-nav{display:flex;gap:12px 26px;flex-wrap:wrap;padding:24px 0;border-top:1px solid #3d3d37;border-bottom:1px solid #3d3d37}
.rk-imprint-section{padding:48px 0;scroll-margin-top:130px}.rk-imprint-intro{max-width:80ch}.rk-imprint-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:28px}.rk-imprint-card{display:flex;flex-direction:column}.rk-imprint-card>a{margin-top:auto}.rk-imprint-card-accent{border-color:#8f713c}.rk-imprint-tag{align-self:flex-start;color:#ddbd78;font-size:11px;font-weight:700;letter-spacing:.08em;border-bottom:1px solid #8f713c;padding-bottom:7px}
.rk-imprint-feature{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:32px;border:1px solid #8f713c;border-radius:14px;padding:clamp(22px,3vw,40px);background:linear-gradient(130deg,#211d15,#1b1c19)}
.rk-imprint-feature aside{display:flex;flex-direction:column;justify-content:center;border-left:1px solid #8f713c;padding-left:32px}.rk-imprint-discount{font-size:clamp(50px,6vw,86px);font-weight:750;line-height:1.2;color:#ddbd78}.rk-imprint-feature aside p{font-size:14px;color:#aaa79f;margin:12px 0 0}
.rk-imprint-steps{padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.rk-imprint-steps>li>span{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border:1px solid #8f713c;border-radius:50%;color:#ddbd78;font-weight:700}.rk-imprint-note{border-left:3px solid #c6a15b;padding:22px 26px;background:#1b1c19;border-radius:0 10px 10px 0;margin-top:24px}.rk-imprint-note p{margin:8px 0}
.rk-imprint details{border-bottom:1px solid #3d3d37;padding:20px 0}.rk-imprint summary{cursor:pointer;font-size:18px;font-weight:650;color:#f2efe7}.rk-imprint details p{max-width:85ch;margin:16px 0 0}.rk-imprint-contact{border-top:1px solid #8f713c;padding-top:36px}.rk-imprint-contact p{max-width:75ch}
@media(hover:hover){.rk-imprint-card:hover{border-color:#8f713c}.rk-imprint a.rk-imprint-button:hover{filter:brightness(1.08)}}
@media(max-width:1050px){.rk-imprint-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rk-imprint-hero{grid-template-columns:1fr}.rk-imprint h1{max-width:none}}
@media(max-width:650px){html body #content-wrapper .rk-imprint{padding:24px 18px}.rk-imprint-grid,.rk-imprint-feature,.rk-imprint-steps{grid-template-columns:1fr}.rk-imprint-feature aside{border-left:0;border-top:1px solid #8f713c;padding:20px 0 0}.rk-imprint-card,.rk-imprint-summary{padding:22px}.rk-imprint-section{padding:34px 0}.rk-imprint-buttons{align-items:stretch}.rk-imprint-buttons a{flex:1 1 100%}.rk-imprint-nav{gap:14px 20px}}

html body #content-wrapper .rk-imprint{background:transparent;border:0;font-family:inherit}.rk-imprint-hero{background:transparent!important}.rk-imprint-summary h2{font-size:28px!important}.rk-imprint-summary p:last-child{margin-bottom:0}.rk-imprint-data{background:#1b1c19;border:1px solid #3d3d37;border-radius:12px;padding:8px 28px}.rk-imprint-data dl{margin:0}.rk-imprint-data dl>div{display:grid;grid-template-columns:minmax(160px,1fr) minmax(0,2fr);gap:22px;padding:20px 0;border-bottom:1px solid #3d3d37}.rk-imprint-data dl>div:last-child{border:0}.rk-imprint-data dt{font-weight:700;color:#bdb9ad;float:none;width:auto}.rk-imprint-data dd{margin:0;float:none;width:auto}.rk-imprint-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:28px}.rk-imprint-links>a{display:flex;flex-direction:column;gap:16px;padding:26px;border:1px solid #3d3d37;border-radius:12px;background:#1b1c19;text-decoration:none}.rk-imprint-links strong{color:#f2efe7;font-size:20px;line-height:1.3}.rk-imprint-links span{font-size:13px}.rk-imprint-links span:last-child{margin-top:auto}.rk-imprint a.rk-imprint-button{flex:0 1 auto;align-self:flex-start;max-width:100%;white-space:normal}
@media(hover:hover){.rk-imprint-links>a:hover{border-color:#c6a15b;background:#25231c}}
@media(max-width:700px){.rk-imprint-links{grid-template-columns:1fr}.rk-imprint-data dl>div{grid-template-columns:1fr;gap:6px}.rk-imprint-data{padding:8px 20px}}
@media(prefers-reduced-motion:reduce){.rk-imprint *{animation:none!important;transition:none!important}}

/* ReefKing 2.4.90 — native HTML sitemap, isolated from shop cards. */
html body #content-wrapper .rk-sitemap{max-width:1600px;margin:0 auto;padding:clamp(20px,3vw,42px);color:#f2efe7;font-family:inherit;line-height:1.6;overflow-wrap:break-word}
.rk-sitemap *{box-sizing:border-box;min-width:0}.rk-sitemap [id]{scroll-margin-top:140px}
html body #content-wrapper .rk-sitemap :is(h2,h3,p,a,strong){font-family:inherit;text-shadow:none}
.rk-sitemap-intro{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:clamp(24px,4vw,60px);align-items:center;padding-bottom:36px}
html body #content-wrapper .rk-sitemap h2{font-size:clamp(30px,3.6vw,54px);line-height:1.12;letter-spacing:-.025em;color:#f2efe7!important;-webkit-text-fill-color:#f2efe7;margin:0 0 22px}
html body #content-wrapper .rk-sitemap h2 span{color:#ddbd78;-webkit-text-fill-color:#ddbd78}
.rk-sitemap-eyebrow{font-size:12px;font-weight:700;letter-spacing:.1em;color:#c6a15b!important}.rk-sitemap p{margin:0 0 18px}
.rk-sitemap-guide{background:linear-gradient(135deg,#282419,#1b1c19);border:1px solid #8f713c;border-radius:14px;padding:26px}.rk-sitemap-guide strong{display:block;font-size:20px;margin-bottom:12px}.rk-sitemap-guide p{color:#bdb9ad;font-size:14px}.rk-sitemap-guide a{display:block;padding:9px 0;color:#ddbd78;text-decoration:none}
.rk-sitemap-jumps{display:flex;flex-wrap:wrap;gap:12px;padding:20px 0 28px;border-top:1px solid #3d3d37;margin-bottom:20px}.rk-sitemap-jumps a{display:inline-flex;border:1px solid #8f713c;border-radius:28px;padding:9px 18px;color:#ddbd78;text-decoration:none;font-size:14px}
html body #content-wrapper .rk-sitemap :is(.sitemap-wrapper-linkgroup,.sitemap-wrapper-categories,.sitemap-wrapper-manufacturer,.sitemap-wrapper-news){width:100%!important;max-width:none!important;padding:0!important;margin:0 0 40px!important}
html body #content-wrapper .rk-sitemap .sitemap-group{background:transparent!important;border:0!important;box-shadow:none!important}
html body #content-wrapper .rk-sitemap .sitemap-group>.card-header{background:transparent!important;border:0!important;border-bottom:1px solid #3d3d37!important;color:#f2efe7!important;font-size:26px;font-weight:700;padding:12px 0 18px!important;margin-bottom:22px}
html body #content-wrapper .rk-sitemap .sitemap-group>.card-body{padding:0!important;background:transparent!important}
html body #content-wrapper .rk-sitemap .sitemap-group>.card-body>.row{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:0!important;align-items:start}
html body #content-wrapper .rk-sitemap .sitemap-group>.card-body>.row>[class*="col"]{width:auto!important;max-width:none!important;flex:none!important;margin:0!important;padding:25px!important;border:1px solid #3d3d37;border-radius:12px;background:#1b1c19!important;min-width:0}
html body #content-wrapper .rk-sitemap .sitemap-group ul{list-style:none;padding:0;margin:0}
html body #content-wrapper .rk-sitemap .sitemap-group :is(a,.nav-link){display:block;position:static!important;color:#f2efe7!important;-webkit-text-fill-color:currentColor;padding:8px 0!important;text-decoration:none;line-height:1.45;white-space:normal!important;background:transparent!important;border:0;box-shadow:none;font-size:15px}
html body #content-wrapper .rk-sitemap .sitemap-group a:after{content:none!important}
html body #content-wrapper .rk-sitemap .sitemap-group a>strong{display:block;color:#ddbd78;font-size:20px;padding-bottom:12px;margin-bottom:8px;border-bottom:1px solid #514935}
html body #content-wrapper .rk-sitemap .sitemap-group ul.sub-categories{margin:4px 0 14px 4px!important;padding-left:18px!important;border-left:1px solid #514935}
html body #content-wrapper .rk-sitemap .sitemap-group ul.sub-categories a{color:#bdb9ad!important;font-size:14px;padding:6px 0!important}
.rk-sitemap a:focus-visible{outline:2px solid #ddbd78;outline-offset:4px}
@media(hover:hover){html body #content-wrapper .rk-sitemap .sitemap-group a:hover{color:#ddbd78!important;text-decoration:underline;text-underline-offset:4px}.rk-sitemap-jumps a:hover{background:#282419}.rk-sitemap-guide a:hover{text-decoration:underline}}
@media(max-width:1050px){.rk-sitemap-intro{grid-template-columns:1fr}html body #content-wrapper .rk-sitemap .sitemap-group>.card-body>.row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){html body #content-wrapper .rk-sitemap{padding:20px 16px}html body #content-wrapper .rk-sitemap .sitemap-group>.card-body>.row{grid-template-columns:1fr}.rk-sitemap-jumps{gap:9px}.rk-sitemap-guide{padding:22px}}

/* ReefKing 2.4.91: native sitemap surface without OPC wrapper. */
html body #content-wrapper .rk-sitemap{background:#151614;border:1px solid #3d3d37;border-radius:16px;box-sizing:border-box;width:calc(100% - 32px);margin:24px auto 40px;padding:clamp(20px,3vw,42px)}
@media(max-width:650px){html body #content-wrapper .rk-sitemap{width:calc(100% - 20px);margin:16px auto 28px;padding:22px 16px;border-radius:12px}}

/* ReefKing 2.4.92: coral acclimation guide. */
html body #content-wrapper .rk-guide{box-sizing:border-box;width:100%;max-width:1600px;margin:0 auto;padding:clamp(24px,3vw,48px);border:1px solid #3d3d37;border-radius:16px;background:#151614;color:#f2efe7;font-family:Inter,Aptos,'Segoe UI',Arial,sans-serif;font-size:16px;line-height:1.7;overflow-wrap:break-word}
.rk-guide *{box-sizing:border-box}
html body #content-wrapper .rk-guide :is(h1,h2,h3,p,a,summary,dt,dd,strong){font-family:inherit;text-shadow:none}
html body #content-wrapper .rk-guide :is(h1,h2,h3){color:#f2efe7!important;-webkit-text-fill-color:#f2efe7!important;letter-spacing:-.025em;line-height:1.15;margin:0 0 20px}
html body #content-wrapper .rk-guide h1{font-size:clamp(34px,4.5vw,64px);max-width:20ch}
html body #content-wrapper .rk-guide h1 span{color:#ddbd78;-webkit-text-fill-color:#ddbd78}
html body #content-wrapper .rk-guide h2{font-size:clamp(27px,3vw,40px)}
html body #content-wrapper .rk-guide h3{font-size:22px;margin:16px 0}
.rk-guide p{margin:0 0 18px}.rk-guide a{color:#ddbd78;text-underline-offset:4px}
.rk-guide-hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:center;padding:20px 0 40px}
.rk-guide-eyebrow{font-size:12px;font-weight:750;letter-spacing:.12em;color:#c6a15b!important;-webkit-text-fill-color:#c6a15b!important}
.rk-guide-lead{font-size:clamp(19px,2vw,23px);line-height:1.5}
.rk-guide-summary,.rk-guide-card{border:1px solid #3d3d37;border-radius:12px;background:#1b1c19;padding:26px;min-width:0}
.rk-guide-summary{border-color:#8f713c}.rk-guide-summary dl{margin:0}.rk-guide-summary dl>div{padding:18px 0;border-bottom:1px solid #3d3d37}.rk-guide-summary dt{font-weight:700}.rk-guide-summary dd{margin:4px 0 0;color:#aaa79f}.rk-guide-summary>p:last-child{margin:20px 0 0}
.rk-guide-muted{color:#aaa79f!important;font-size:14px}
.rk-guide-buttons{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:24px}
html body #content-wrapper .rk-guide a.rk-guide-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border:1px solid #c6a15b;border-radius:9px;background:#c6a15b!important;color:#151614!important;-webkit-text-fill-color:#151614!important;font-size:15px;font-weight:700;text-decoration:none;line-height:1.4;width:auto}
html body #content-wrapper .rk-guide a.rk-guide-button-secondary{background:transparent!important;color:#ddbd78!important;-webkit-text-fill-color:#ddbd78!important}
.rk-guide a:focus-visible,.rk-guide summary:focus-visible{outline:2px solid #ddbd78;outline-offset:5px}
.rk-guide-nav{display:flex;gap:12px 26px;flex-wrap:wrap;padding:24px 0;border-top:1px solid #3d3d37;border-bottom:1px solid #3d3d37}
.rk-guide-section{padding:48px 0;scroll-margin-top:130px}.rk-guide-intro{max-width:80ch}.rk-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:28px}.rk-guide-card{display:flex;flex-direction:column}.rk-guide-card>a{margin-top:auto}.rk-guide-card-accent{border-color:#8f713c}.rk-guide-tag{align-self:flex-start;color:#ddbd78;font-size:11px;font-weight:700;letter-spacing:.08em;border-bottom:1px solid #8f713c;padding-bottom:7px}
.rk-guide-feature{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:32px;border:1px solid #8f713c;border-radius:14px;padding:clamp(22px,3vw,40px);background:linear-gradient(130deg,#211d15,#1b1c19)}
.rk-guide-feature aside{display:flex;flex-direction:column;justify-content:center;border-left:1px solid #8f713c;padding-left:32px}.rk-guide-discount{font-size:clamp(50px,6vw,86px);font-weight:750;line-height:1.2;color:#ddbd78}.rk-guide-feature aside p{font-size:14px;color:#aaa79f;margin:12px 0 0}
.rk-guide-steps{padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.rk-guide-steps>li>span{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border:1px solid #8f713c;border-radius:50%;color:#ddbd78;font-weight:700}.rk-guide-note{border-left:3px solid #c6a15b;padding:22px 26px;background:#1b1c19;border-radius:0 10px 10px 0;margin-top:24px}.rk-guide-note p{margin:8px 0}
.rk-guide details{border-bottom:1px solid #3d3d37;padding:20px 0}.rk-guide summary{cursor:pointer;font-size:18px;font-weight:650;color:#f2efe7}.rk-guide details p{max-width:85ch;margin:16px 0 0}.rk-guide-contact{border-top:1px solid #8f713c;padding-top:36px}.rk-guide-contact p{max-width:75ch}
@media(hover:hover){.rk-guide-card:hover{border-color:#8f713c}.rk-guide a.rk-guide-button:hover{filter:brightness(1.08)}}
@media(max-width:1050px){.rk-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rk-guide-hero{grid-template-columns:1fr}.rk-guide h1{max-width:none}}
@media(max-width:650px){html body #content-wrapper .rk-guide{padding:24px 18px}.rk-guide-grid,.rk-guide-feature,.rk-guide-steps{grid-template-columns:1fr}.rk-guide-feature aside{border-left:0;border-top:1px solid #8f713c;padding:20px 0 0}.rk-guide-card,.rk-guide-summary{padding:22px}.rk-guide-section{padding:34px 0}.rk-guide-buttons{align-items:stretch}.rk-guide-buttons a{flex:1 1 100%}.rk-guide-nav{gap:14px 20px}}

html body #content-wrapper .rk-guide{border:0;background:transparent;font-family:inherit}.rk-guide-hero{background:transparent!important}.rk-guide-summary dl>div,.rk-guide-summary dt,.rk-guide-summary dd{display:block;float:none;width:auto}.rk-guide-timeline{margin-top:30px}.rk-guide-step{display:grid;grid-template-columns:56px minmax(0,1fr);gap:24px;padding:30px 0;border-top:1px solid #3d3d37}.rk-guide-step h3{margin-top:0!important}.rk-guide-number{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border:1px solid #8f713c;border-radius:50%;color:#ddbd78;font-weight:700}.rk-guide-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:28px}.rk-guide-urgent{border-color:#b18a58}.rk-guide-contact{border:1px solid #8f713c;padding:clamp(24px,3vw,40px);border-radius:16px;background:linear-gradient(130deg,#292419,#1b1c19)}.rk-guide-sources{border-top:1px solid #3d3d37;padding-top:26px;font-size:14px;color:#bdb9ad}.rk-guide-sources h2{font-size:22px!important}.rk-guide li{margin-bottom:10px}.rk-guide a.rk-guide-button{flex:0 1 auto;align-self:flex-start;max-width:100%;white-space:normal}
@media(max-width:650px){.rk-guide-compare{grid-template-columns:1fr}.rk-guide-step{grid-template-columns:1fr;gap:18px}}
@media(prefers-reduced-motion:reduce){.rk-guide *{animation:none!important;transition:none!important}}

/* ReefKing 2.4.93: WhatsApp Live Sale landingpage. */
html body #content-wrapper .rk-live{box-sizing:border-box;width:100%;max-width:1600px;margin:0 auto;padding:clamp(24px,3vw,48px);border:1px solid #3d3d37;border-radius:16px;background:#151614;color:#f2efe7;font-family:Inter,Aptos,'Segoe UI',Arial,sans-serif;font-size:16px;line-height:1.7;overflow-wrap:break-word}
.rk-live *{box-sizing:border-box}
html body #content-wrapper .rk-live :is(h1,h2,h3,p,a,summary,dt,dd,strong){font-family:inherit;text-shadow:none}
html body #content-wrapper .rk-live :is(h1,h2,h3){color:#f2efe7!important;-webkit-text-fill-color:#f2efe7!important;letter-spacing:-.025em;line-height:1.15;margin:0 0 20px}
html body #content-wrapper .rk-live h1{font-size:clamp(34px,4.5vw,64px);max-width:20ch}
html body #content-wrapper .rk-live h1 span{color:#ddbd78;-webkit-text-fill-color:#ddbd78}
html body #content-wrapper .rk-live h2{font-size:clamp(27px,3vw,40px)}
html body #content-wrapper .rk-live h3{font-size:22px;margin:16px 0}
.rk-live p{margin:0 0 18px}.rk-live a{color:#ddbd78;text-underline-offset:4px}
.rk-live-hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:center;padding:20px 0 40px}
.rk-live-eyebrow{font-size:12px;font-weight:750;letter-spacing:.12em;color:#c6a15b!important;-webkit-text-fill-color:#c6a15b!important}
.rk-live-lead{font-size:clamp(19px,2vw,23px);line-height:1.5}
.rk-live-summary,.rk-live-card{border:1px solid #3d3d37;border-radius:12px;background:#1b1c19;padding:26px;min-width:0}
.rk-live-summary{border-color:#8f713c}.rk-live-summary dl{margin:0}.rk-live-summary dl>div{padding:18px 0;border-bottom:1px solid #3d3d37}.rk-live-summary dt{font-weight:700}.rk-live-summary dd{margin:4px 0 0;color:#aaa79f}.rk-live-summary>p:last-child{margin:20px 0 0}
.rk-live-muted{color:#aaa79f!important;font-size:14px}
.rk-live-buttons{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:24px}
html body #content-wrapper .rk-live a.rk-live-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border:1px solid #c6a15b;border-radius:9px;background:#c6a15b!important;color:#151614!important;-webkit-text-fill-color:#151614!important;font-size:15px;font-weight:700;text-decoration:none;line-height:1.4;width:auto}
html body #content-wrapper .rk-live a.rk-live-button-secondary{background:transparent!important;color:#ddbd78!important;-webkit-text-fill-color:#ddbd78!important}
.rk-live a:focus-visible,.rk-live summary:focus-visible{outline:2px solid #ddbd78;outline-offset:5px}
.rk-live-nav{display:flex;gap:12px 26px;flex-wrap:wrap;padding:24px 0;border-top:1px solid #3d3d37;border-bottom:1px solid #3d3d37}
.rk-live-section{padding:48px 0;scroll-margin-top:130px}.rk-live-intro{max-width:80ch}.rk-live-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:28px}.rk-live-card{display:flex;flex-direction:column}.rk-live-card>a{margin-top:auto}.rk-live-card-accent{border-color:#8f713c}.rk-live-tag{align-self:flex-start;color:#ddbd78;font-size:11px;font-weight:700;letter-spacing:.08em;border-bottom:1px solid #8f713c;padding-bottom:7px}
.rk-live-feature{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:32px;border:1px solid #8f713c;border-radius:14px;padding:clamp(22px,3vw,40px);background:linear-gradient(130deg,#211d15,#1b1c19)}
.rk-live-feature aside{display:flex;flex-direction:column;justify-content:center;border-left:1px solid #8f713c;padding-left:32px}.rk-live-discount{font-size:clamp(50px,6vw,86px);font-weight:750;line-height:1.2;color:#ddbd78}.rk-live-feature aside p{font-size:14px;color:#aaa79f;margin:12px 0 0}
.rk-live-steps{padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.rk-live-steps>li>span{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border:1px solid #8f713c;border-radius:50%;color:#ddbd78;font-weight:700}.rk-live-note{border-left:3px solid #c6a15b;padding:22px 26px;background:#1b1c19;border-radius:0 10px 10px 0;margin-top:24px}.rk-live-note p{margin:8px 0}
.rk-live details{border-bottom:1px solid #3d3d37;padding:20px 0}.rk-live summary{cursor:pointer;font-size:18px;font-weight:650;color:#f2efe7}.rk-live details p{max-width:85ch;margin:16px 0 0}.rk-live-contact{border-top:1px solid #8f713c;padding-top:36px}.rk-live-contact p{max-width:75ch}
@media(hover:hover){.rk-live-card:hover{border-color:#8f713c}.rk-live a.rk-live-button:hover{filter:brightness(1.08)}}
@media(max-width:1050px){.rk-live-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rk-live-hero{grid-template-columns:1fr}.rk-live h1{max-width:none}}
@media(max-width:650px){html body #content-wrapper .rk-live{padding:24px 18px}.rk-live-grid,.rk-live-feature,.rk-live-steps{grid-template-columns:1fr}.rk-live-feature aside{border-left:0;border-top:1px solid #8f713c;padding:20px 0 0}.rk-live-card,.rk-live-summary{padding:22px}.rk-live-section{padding:34px 0}.rk-live-buttons{align-items:stretch}.rk-live-buttons a{flex:1 1 100%}.rk-live-nav{gap:14px 20px}}

html body #content-wrapper .rk-live{border:0;background:transparent;font-family:inherit}.rk-live-hero{background:transparent!important}.rk-live-summary dl>div,.rk-live-summary dt,.rk-live-summary dd{display:block;float:none;width:auto}.rk-live-invite{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:28px;padding:clamp(24px,3vw,40px);margin-top:38px;border:1px solid #8f713c;border-radius:16px;background:linear-gradient(125deg,#30291b,#1b1c19)}.rk-live-invite h2{font-size:clamp(25px,2.6vw,36px)!important}.rk-live-invite p:last-child{margin-bottom:0}.rk-live-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:28px}.rk-live-final{text-align:center;border-top:1px solid #3d3d37}.rk-live-final .rk-live-buttons{justify-content:center}.rk-live a.rk-live-button{flex:0 1 auto;align-self:flex-start;max-width:100%;white-space:normal}.rk-live h1{max-width:22ch!important}
@media(max-width:800px){.rk-live-invite,.rk-live-two{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.rk-live *{animation:none!important;transition:none!important}}

/* ReefKing 2.4.94: OPC-compatible Live Sale summary and spacing. */
html body #content-wrapper .rk-live .rk-live-summary .rk-live-benefit{display:block!important;margin:0!important;padding:18px 0!important;border-bottom:1px solid #514935;line-height:1.55;color:#bdb9ad!important}
html body #content-wrapper .rk-live .rk-live-summary .rk-live-benefit strong{font-weight:700;color:#f2efe7!important;font-size:17px;line-height:1.5}
html body #content-wrapper .rk-live .rk-live-summary .rk-live-benefit:last-child{border-bottom:0}
html body #content-wrapper .rk-live .rk-live-summary>p:last-child{margin:22px 0 0!important}
html body #content-wrapper .rk-live .rk-live-buttons{margin:24px 0 18px!important;gap:12px}
html body #content-wrapper .rk-live .rk-live-buttons+.rk-live-muted{margin-top:0!important;line-height:1.55}
/* Retain support for an existing, unsanitized definition list. */
html body #content-wrapper .rk-live .rk-live-summary dt,html body #content-wrapper .rk-live .rk-live-summary dd{display:block!important;float:none!important;width:auto!important;position:static!important}
html body #content-wrapper .rk-live .rk-live-summary dd{margin:6px 0 0!important}

/* ReefKing 2.4.95: OPC-compatible Guide overview. */
html body #content-wrapper .rk-guide .rk-guide-summary .rk-guide-benefit{display:block!important;margin:0!important;padding:18px 0!important;border-bottom:1px solid #514935;line-height:1.55;color:#bdb9ad!important}
html body #content-wrapper .rk-guide .rk-guide-summary .rk-guide-benefit strong{font-weight:700;color:#f2efe7!important;font-size:17px;line-height:1.5}
html body #content-wrapper .rk-guide .rk-guide-summary .rk-guide-benefit:last-child{border-bottom:0}
html body #content-wrapper .rk-guide .rk-guide-summary>p:last-child{margin:22px 0 0!important}
html body #content-wrapper .rk-guide .rk-guide-buttons{margin:24px 0 18px!important;gap:12px}
html body #content-wrapper .rk-guide .rk-guide-buttons+.rk-guide-muted{margin-top:0!important;line-height:1.55}
html body #content-wrapper .rk-guide .rk-guide-summary dt,html body #content-wrapper .rk-guide .rk-guide-summary dd{display:block!important;float:none!important;width:auto!important;position:static!important}
html body #content-wrapper .rk-guide .rk-guide-summary dd{margin:6px 0 0!important}

/* ReefKing 2.4.96: OPC-compatible arrival guarantee summary. */
html body #content-wrapper .rk-arrival .rk-arrival-summary .rk-arrival-benefit{display:block!important;margin:0!important;padding:18px 0!important;border-bottom:1px solid #514935;line-height:1.55;color:#bdb9ad!important}
html body #content-wrapper .rk-arrival .rk-arrival-summary .rk-arrival-benefit strong{font-weight:700;color:#f2efe7!important;font-size:17px;line-height:1.5}
html body #content-wrapper .rk-arrival .rk-arrival-summary .rk-arrival-benefit:last-child{border-bottom:0}
html body #content-wrapper .rk-arrival .rk-arrival-summary>p:last-child{margin:22px 0 0!important}

/* ReefKing 2.4.97: isolated service packages landingpage. */
html body #content-wrapper .rk-care{box-sizing:border-box;width:100%;max-width:1600px;margin:0 auto;padding:clamp(24px,3vw,48px);border:1px solid #3d3d37;border-radius:16px;background:#151614;color:#f2efe7;font-family:Inter,Aptos,'Segoe UI',Arial,sans-serif;font-size:16px;line-height:1.7;overflow-wrap:break-word}
.rk-care *{box-sizing:border-box}
html body #content-wrapper .rk-care :is(h1,h2,h3,p,a,summary,dt,dd,strong){font-family:inherit;text-shadow:none}
html body #content-wrapper .rk-care :is(h1,h2,h3){color:#f2efe7!important;-webkit-text-fill-color:#f2efe7!important;letter-spacing:-.025em;line-height:1.15;margin:0 0 20px}
html body #content-wrapper .rk-care h1{font-size:clamp(34px,4.5vw,64px);max-width:20ch}
html body #content-wrapper .rk-care h1 span{color:#ddbd78;-webkit-text-fill-color:#ddbd78}
html body #content-wrapper .rk-care h2{font-size:clamp(27px,3vw,40px)}
html body #content-wrapper .rk-care h3{font-size:22px;margin:16px 0}
.rk-care p{margin:0 0 18px}.rk-care a{color:#ddbd78;text-underline-offset:4px}
.rk-care-hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:center;padding:20px 0 40px}
.rk-care-eyebrow{font-size:12px;font-weight:750;letter-spacing:.12em;color:#c6a15b!important;-webkit-text-fill-color:#c6a15b!important}
.rk-care-lead{font-size:clamp(19px,2vw,23px);line-height:1.5}
.rk-care-summary,.rk-care-card{border:1px solid #3d3d37;border-radius:12px;background:#1b1c19;padding:26px;min-width:0}
.rk-care-summary{border-color:#8f713c}.rk-care-summary dl{margin:0}.rk-care-summary dl>div{padding:18px 0;border-bottom:1px solid #3d3d37}.rk-care-summary dt{font-weight:700}.rk-care-summary dd{margin:4px 0 0;color:#aaa79f}.rk-care-summary>p:last-child{margin:20px 0 0}
.rk-care-muted{color:#aaa79f!important;font-size:14px}
.rk-care-buttons{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:24px}
html body #content-wrapper .rk-care a.rk-care-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border:1px solid #c6a15b;border-radius:9px;background:#c6a15b!important;color:#151614!important;-webkit-text-fill-color:#151614!important;font-size:15px;font-weight:700;text-decoration:none;line-height:1.4;width:auto}
html body #content-wrapper .rk-care a.rk-care-button-secondary{background:transparent!important;color:#ddbd78!important;-webkit-text-fill-color:#ddbd78!important}
.rk-care a:focus-visible,.rk-care summary:focus-visible{outline:2px solid #ddbd78;outline-offset:5px}
.rk-care-nav{display:flex;gap:12px 26px;flex-wrap:wrap;padding:24px 0;border-top:1px solid #3d3d37;border-bottom:1px solid #3d3d37}
.rk-care-section{padding:48px 0;scroll-margin-top:130px}.rk-care-intro{max-width:80ch}.rk-care-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:28px}.rk-care-card{display:flex;flex-direction:column}.rk-care-card>a{margin-top:auto}.rk-care-card-accent{border-color:#8f713c}.rk-care-tag{align-self:flex-start;color:#ddbd78;font-size:11px;font-weight:700;letter-spacing:.08em;border-bottom:1px solid #8f713c;padding-bottom:7px}
.rk-care-feature{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:32px;border:1px solid #8f713c;border-radius:14px;padding:clamp(22px,3vw,40px);background:linear-gradient(130deg,#211d15,#1b1c19)}
.rk-care-feature aside{display:flex;flex-direction:column;justify-content:center;border-left:1px solid #8f713c;padding-left:32px}.rk-care-discount{font-size:clamp(50px,6vw,86px);font-weight:750;line-height:1.2;color:#ddbd78}.rk-care-feature aside p{font-size:14px;color:#aaa79f;margin:12px 0 0}
.rk-care-steps{padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.rk-care-steps>li>span{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border:1px solid #8f713c;border-radius:50%;color:#ddbd78;font-weight:700}.rk-care-note{border-left:3px solid #c6a15b;padding:22px 26px;background:#1b1c19;border-radius:0 10px 10px 0;margin-top:24px}.rk-care-note p{margin:8px 0}
.rk-care details{border-bottom:1px solid #3d3d37;padding:20px 0}.rk-care summary{cursor:pointer;font-size:18px;font-weight:650;color:#f2efe7}.rk-care details p{max-width:85ch;margin:16px 0 0}.rk-care-contact{border-top:1px solid #8f713c;padding-top:36px}.rk-care-contact p{max-width:75ch}
@media(hover:hover){.rk-care-card:hover{border-color:#8f713c}.rk-care a.rk-care-button:hover{filter:brightness(1.08)}}
@media(max-width:1050px){.rk-care-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rk-care-hero{grid-template-columns:1fr}.rk-care h1{max-width:none}}
@media(max-width:650px){html body #content-wrapper .rk-care{padding:24px 18px}.rk-care-grid,.rk-care-feature,.rk-care-steps{grid-template-columns:1fr}.rk-care-feature aside{border-left:0;border-top:1px solid #8f713c;padding:20px 0 0}.rk-care-card,.rk-care-summary{padding:22px}.rk-care-section{padding:34px 0}.rk-care-buttons{align-items:stretch}.rk-care-buttons a{flex:1 1 100%}.rk-care-nav{gap:14px 20px}}

html body #content-wrapper .rk-care{border:0;background:transparent;font-family:inherit;max-width:none}
html body #content-wrapper .rk-care .rk-care-hero{background:transparent!important;border:0;box-shadow:none}
.rk-care-hero>*,.rk-care-grid>*,.rk-care-two>*{min-width:0}
html body #content-wrapper .rk-care .rk-care-summary .rk-care-benefit{display:block!important;margin:0!important;padding:18px 0;border-bottom:1px solid #514935;line-height:1.6;color:#bdb9ad}
html body #content-wrapper .rk-care .rk-care-summary .rk-care-benefit:last-child{border-bottom:0}
.rk-care-benefit strong{color:#f2efe7;font-size:17px}
html body #content-wrapper .rk-care .rk-care-price{font-size:clamp(28px,3vw,40px);font-weight:700;color:#ddbd78;line-height:1.25;margin:0 0 22px}
.rk-care-price span{display:block;font-size:14px;font-weight:400;color:#bdb9ad;margin-top:8px}
.rk-care-card-accent{background:linear-gradient(145deg,#2b261b,#1b1c19);border-color:#c6a15b}
.rk-care-card ul{padding-left:20px;margin:0 0 28px}.rk-care-card li{margin:0 0 10px}.rk-care-card li::marker{color:#c6a15b}
html body #content-wrapper .rk-care a.rk-care-button{flex:0 1 auto;align-self:flex-start;max-width:100%;white-space:normal}
.rk-care-card>a.rk-care-button{margin-top:auto}.rk-care-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:28px}
.rk-care-faq-item{border-bottom:1px solid #3d3d37;padding:14px 0}.rk-care-faq-item p{max-width:88ch}
.rk-care-contact{background:linear-gradient(120deg,#282318,transparent);padding:clamp(24px,3vw,40px);border:1px solid #8f713c;border-radius:14px;margin-top:24px}
.rk-care-contact .rk-care-muted{margin-top:20px}.rk-care-buttons{margin-bottom:22px}
@media(max-width:650px){.rk-care-two{grid-template-columns:1fr}.rk-care h1{overflow-wrap:normal;hyphens:auto}.rk-care-buttons{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){.rk-care *{transition:none!important;animation:none!important}}

/* ReefKing 2.4.98: isolated general FAQ landingpage. */
html body #content-wrapper .rk-help{box-sizing:border-box;width:100%;max-width:1600px;margin:0 auto;padding:clamp(24px,3vw,48px);border:1px solid #3d3d37;border-radius:16px;background:#151614;color:#f2efe7;font-family:Inter,Aptos,'Segoe UI',Arial,sans-serif;font-size:16px;line-height:1.7;overflow-wrap:break-word}
.rk-help *{box-sizing:border-box}
html body #content-wrapper .rk-help :is(h1,h2,h3,p,a,summary,dt,dd,strong){font-family:inherit;text-shadow:none}
html body #content-wrapper .rk-help :is(h1,h2,h3){color:#f2efe7!important;-webkit-text-fill-color:#f2efe7!important;letter-spacing:-.025em;line-height:1.15;margin:0 0 20px}
html body #content-wrapper .rk-help h1{font-size:clamp(34px,4.5vw,64px);max-width:20ch}
html body #content-wrapper .rk-help h1 span{color:#ddbd78;-webkit-text-fill-color:#ddbd78}
html body #content-wrapper .rk-help h2{font-size:clamp(27px,3vw,40px)}
html body #content-wrapper .rk-help h3{font-size:22px;margin:16px 0}
.rk-help p{margin:0 0 18px}.rk-help a{color:#ddbd78;text-underline-offset:4px}
.rk-help-hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:center;padding:20px 0 40px}
.rk-help-eyebrow{font-size:12px;font-weight:750;letter-spacing:.12em;color:#c6a15b!important;-webkit-text-fill-color:#c6a15b!important}
.rk-help-lead{font-size:clamp(19px,2vw,23px);line-height:1.5}
.rk-help-summary,.rk-help-card{border:1px solid #3d3d37;border-radius:12px;background:#1b1c19;padding:26px;min-width:0}
.rk-help-summary{border-color:#8f713c}.rk-help-summary dl{margin:0}.rk-help-summary dl>div{padding:18px 0;border-bottom:1px solid #3d3d37}.rk-help-summary dt{font-weight:700}.rk-help-summary dd{margin:4px 0 0;color:#aaa79f}.rk-help-summary>p:last-child{margin:20px 0 0}
.rk-help-muted{color:#aaa79f!important;font-size:14px}
.rk-help-buttons{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:24px}
html body #content-wrapper .rk-help a.rk-help-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border:1px solid #c6a15b;border-radius:9px;background:#c6a15b!important;color:#151614!important;-webkit-text-fill-color:#151614!important;font-size:15px;font-weight:700;text-decoration:none;line-height:1.4;width:auto}
html body #content-wrapper .rk-help a.rk-help-button-secondary{background:transparent!important;color:#ddbd78!important;-webkit-text-fill-color:#ddbd78!important}
.rk-help a:focus-visible,.rk-help summary:focus-visible{outline:2px solid #ddbd78;outline-offset:5px}
.rk-help-nav{display:flex;gap:12px 26px;flex-wrap:wrap;padding:24px 0;border-top:1px solid #3d3d37;border-bottom:1px solid #3d3d37}
.rk-help-section{padding:48px 0;scroll-margin-top:130px}.rk-help-intro{max-width:80ch}.rk-help-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:28px}.rk-help-card{display:flex;flex-direction:column}.rk-help-card>a{margin-top:auto}.rk-help-card-accent{border-color:#8f713c}.rk-help-tag{align-self:flex-start;color:#ddbd78;font-size:11px;font-weight:700;letter-spacing:.08em;border-bottom:1px solid #8f713c;padding-bottom:7px}
.rk-help-feature{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:32px;border:1px solid #8f713c;border-radius:14px;padding:clamp(22px,3vw,40px);background:linear-gradient(130deg,#211d15,#1b1c19)}
.rk-help-feature aside{display:flex;flex-direction:column;justify-content:center;border-left:1px solid #8f713c;padding-left:32px}.rk-help-discount{font-size:clamp(50px,6vw,86px);font-weight:750;line-height:1.2;color:#ddbd78}.rk-help-feature aside p{font-size:14px;color:#aaa79f;margin:12px 0 0}
.rk-help-steps{padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.rk-help-steps>li>span{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border:1px solid #8f713c;border-radius:50%;color:#ddbd78;font-weight:700}.rk-help-note{border-left:3px solid #c6a15b;padding:22px 26px;background:#1b1c19;border-radius:0 10px 10px 0;margin-top:24px}.rk-help-note p{margin:8px 0}
.rk-help details{border-bottom:1px solid #3d3d37;padding:20px 0}.rk-help summary{cursor:pointer;font-size:18px;font-weight:650;color:#f2efe7}.rk-help details p{max-width:85ch;margin:16px 0 0}.rk-help-contact{border-top:1px solid #8f713c;padding-top:36px}.rk-help-contact p{max-width:75ch}
@media(hover:hover){.rk-help-card:hover{border-color:#8f713c}.rk-help a.rk-help-button:hover{filter:brightness(1.08)}}
@media(max-width:1050px){.rk-help-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rk-help-hero{grid-template-columns:1fr}.rk-help h1{max-width:none}}
@media(max-width:650px){html body #content-wrapper .rk-help{padding:24px 18px}.rk-help-grid,.rk-help-feature,.rk-help-steps{grid-template-columns:1fr}.rk-help-feature aside{border-left:0;border-top:1px solid #8f713c;padding:20px 0 0}.rk-help-card,.rk-help-summary{padding:22px}.rk-help-section{padding:34px 0}.rk-help-buttons{align-items:stretch}.rk-help-buttons a{flex:1 1 100%}.rk-help-nav{gap:14px 20px}}

html body #content-wrapper .rk-help{border:0;background:transparent;font-family:inherit;max-width:none}
html body #content-wrapper .rk-help .rk-help-hero{background:transparent!important;border:0;box-shadow:none}
.rk-help-hero>*,.rk-help-grid>*,.rk-help-two>*{min-width:0}
html body #content-wrapper .rk-help .rk-help-summary .rk-help-benefit{display:block!important;margin:0!important;padding:18px 0;border-bottom:1px solid #514935;line-height:1.6;color:#bdb9ad}
html body #content-wrapper .rk-help .rk-help-summary .rk-help-benefit:last-child{border-bottom:0}
.rk-help-benefit strong{color:#f2efe7;font-size:17px}
html body #content-wrapper .rk-help .rk-help-price{font-size:clamp(28px,3vw,40px);font-weight:700;color:#ddbd78;line-height:1.25;margin:0 0 22px}
.rk-help-price span{display:block;font-size:14px;font-weight:400;color:#bdb9ad;margin-top:8px}
.rk-help-card-accent{background:linear-gradient(145deg,#2b261b,#1b1c19);border-color:#c6a15b}
.rk-help-card ul{padding-left:20px;margin:0 0 28px}.rk-help-card li{margin:0 0 10px}.rk-help-card li::marker{color:#c6a15b}
html body #content-wrapper .rk-help a.rk-help-button{flex:0 1 auto;align-self:flex-start;max-width:100%;white-space:normal}
.rk-help-card>a.rk-help-button{margin-top:auto}.rk-help-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:28px}
.rk-help-faq-item{border-bottom:1px solid #3d3d37;padding:14px 0}.rk-help-faq-item p{max-width:88ch}
.rk-help-contact{background:linear-gradient(120deg,#282318,transparent);padding:clamp(24px,3vw,40px);border:1px solid #8f713c;border-radius:14px;margin-top:24px}
.rk-help-contact .rk-help-muted{margin-top:20px}.rk-help-buttons{margin-bottom:22px}
@media(max-width:650px){.rk-help-two{grid-template-columns:1fr}.rk-help h1{overflow-wrap:normal;hyphens:auto}.rk-help-buttons{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){.rk-help *{transition:none!important;animation:none!important}}

.rk-help-topic-area{padding:32px 0;border-top:1px solid #3d3d37;scroll-margin-top:130px}
.rk-help-topics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:26px 0}
html body #content-wrapper .rk-help .rk-help-topics>a{display:grid;grid-template-columns:32px minmax(0,1fr);gap:4px 14px;border:1px solid #3d3d37;background:#1b1c19;border-radius:12px;padding:20px;color:#f2efe7;text-decoration:none;min-width:0;transition:border-color .15s ease,background .15s ease}
.rk-help-topics>a>span:last-child{grid-column:2;font-size:14px;color:#bdb9ad;line-height:1.5}.rk-help-topic-no{color:#ddbd78;font-size:13px;grid-row:span 2}.rk-help-topics strong{font-size:18px;line-height:1.35}
html body #content-wrapper .rk-help .rk-help-topics>a:hover{border-color:#c6a15b;background:#24221b}
.rk-help-answers{border:1px solid #3d3d37;border-radius:12px;background:#1b1c19;margin-top:24px;overflow:hidden}
.rk-help-answer{padding:24px 28px;border-bottom:1px solid #3d3d37}.rk-help-answer:last-child{border-bottom:0}
html body #content-wrapper .rk-help .rk-help-answer h3{font-size:20px;margin:0 0 12px;line-height:1.4}
.rk-help-answer p{max-width:95ch;margin:0;line-height:1.7}.rk-help-back{display:inline-block;margin-top:18px;font-size:14px}.rk-help-section{border-top:1px solid #3d3d37}.rk-help-footnote{margin-top:30px!important;font-size:14px}
@media(max-width:650px){.rk-help-topics{grid-template-columns:1fr}.rk-help-answer{padding:22px 18px}.rk-help-topics>a{padding:18px!important}}

/* 2.4.99: only nodes verified by legacy FAQ detection. */
#content .rk-faq-legacy-suppressed[hidden]{display:none!important}

/* ReefKing 2.4.100: same 2/3/4/5 columns before and after NOVA initialization. */
html body #content-wrapper [data-rk-product-tabs] .slick-type-product{min-width:0;max-width:100%;margin-left:-9px!important;margin-right:-9px!important;padding:0!important;--rk-home-visible:2}
@media(min-width:769px){html body #content-wrapper [data-rk-product-tabs] .slick-type-product{--rk-home-visible:3}}
@media(min-width:993px){html body #content-wrapper [data-rk-product-tabs] .slick-type-product{--rk-home-visible:4}}
@media(min-width:1301px){html body #content-wrapper [data-rk-product-tabs] .slick-type-product{--rk-home-visible:5}}
html body #content-wrapper [data-rk-product-tabs] .slick-type-product:not(.slick-initialized){display:flex!important;flex-wrap:nowrap!important;align-items:stretch;gap:0!important;overflow:hidden;opacity:1!important;visibility:visible!important}
html body #content-wrapper [data-rk-product-tabs] .slick-type-product:not(.slick-initialized)>.product-wrapper-product{flex:0 0 calc(100% / var(--rk-home-visible))!important;width:calc(100% / var(--rk-home-visible))!important;max-width:calc(100% / var(--rk-home-visible))!important;min-width:0!important;margin-left:0!important;margin-right:0!important;padding-left:9px!important;padding-right:9px!important;box-sizing:border-box!important}
html body #content-wrapper [data-rk-product-tabs] .slick-type-product.slick-initialized{display:block!important}
html body #content-wrapper [data-rk-product-tabs] .slick-type-product .slick-list{margin:0!important;min-width:0;overflow:hidden}
html body #content-wrapper [data-rk-product-tabs] .slick-type-product .slick-track{display:flex!important;flex-wrap:nowrap!important;gap:0!important;align-items:stretch}
html body #content-wrapper [data-rk-product-tabs] .slick-type-product .slick-track>.slick-slide{flex:0 0 auto!important;min-width:0!important;max-width:none!important;margin-left:0!important;margin-right:0!important;padding-left:9px!important;padding-right:9px!important;box-sizing:border-box!important}

/* ReefKing 2.4.101: newsletter landingpage landingpage. */
html body #content-wrapper .rk-mail{box-sizing:border-box;width:100%;max-width:1600px;margin:0 auto;padding:clamp(24px,3vw,48px);border:1px solid #3d3d37;border-radius:16px;background:#151614;color:#f2efe7;font-family:Inter,Aptos,'Segoe UI',Arial,sans-serif;font-size:16px;line-height:1.7;overflow-wrap:break-word}
.rk-mail *{box-sizing:border-box}
html body #content-wrapper .rk-mail :is(h1,h2,h3,p,a,summary,dt,dd,strong){font-family:inherit;text-shadow:none}
html body #content-wrapper .rk-mail :is(h1,h2,h3){color:#f2efe7!important;-webkit-text-fill-color:#f2efe7!important;letter-spacing:-.025em;line-height:1.15;margin:0 0 20px}
html body #content-wrapper .rk-mail h1{font-size:clamp(34px,4.5vw,64px);max-width:20ch}
html body #content-wrapper .rk-mail h1 span{color:#ddbd78;-webkit-text-fill-color:#ddbd78}
html body #content-wrapper .rk-mail h2{font-size:clamp(27px,3vw,40px)}
html body #content-wrapper .rk-mail h3{font-size:22px;margin:16px 0}
.rk-mail p{margin:0 0 18px}.rk-mail a{color:#ddbd78;text-underline-offset:4px}
.rk-mail-hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:center;padding:20px 0 40px}
.rk-mail-eyebrow{font-size:12px;font-weight:750;letter-spacing:.12em;color:#c6a15b!important;-webkit-text-fill-color:#c6a15b!important}
.rk-mail-lead{font-size:clamp(19px,2vw,23px);line-height:1.5}
.rk-mail-summary,.rk-mail-card{border:1px solid #3d3d37;border-radius:12px;background:#1b1c19;padding:26px;min-width:0}
.rk-mail-summary{border-color:#8f713c}.rk-mail-summary dl{margin:0}.rk-mail-summary dl>div{padding:18px 0;border-bottom:1px solid #3d3d37}.rk-mail-summary dt{font-weight:700}.rk-mail-summary dd{margin:4px 0 0;color:#aaa79f}.rk-mail-summary>p:last-child{margin:20px 0 0}
.rk-mail-muted{color:#aaa79f!important;font-size:14px}
.rk-mail-buttons{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:24px}
html body #content-wrapper .rk-mail a.rk-mail-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border:1px solid #c6a15b;border-radius:9px;background:#c6a15b!important;color:#151614!important;-webkit-text-fill-color:#151614!important;font-size:15px;font-weight:700;text-decoration:none;line-height:1.4;width:auto}
html body #content-wrapper .rk-mail a.rk-mail-button-secondary{background:transparent!important;color:#ddbd78!important;-webkit-text-fill-color:#ddbd78!important}
.rk-mail a:focus-visible,.rk-mail summary:focus-visible{outline:2px solid #ddbd78;outline-offset:5px}
.rk-mail-nav{display:flex;gap:12px 26px;flex-wrap:wrap;padding:24px 0;border-top:1px solid #3d3d37;border-bottom:1px solid #3d3d37}
.rk-mail-section{padding:48px 0;scroll-margin-top:130px}.rk-mail-intro{max-width:80ch}.rk-mail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:28px}.rk-mail-card{display:flex;flex-direction:column}.rk-mail-card>a{margin-top:auto}.rk-mail-card-accent{border-color:#8f713c}.rk-mail-tag{align-self:flex-start;color:#ddbd78;font-size:11px;font-weight:700;letter-spacing:.08em;border-bottom:1px solid #8f713c;padding-bottom:7px}
.rk-mail-feature{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:32px;border:1px solid #8f713c;border-radius:14px;padding:clamp(22px,3vw,40px);background:linear-gradient(130deg,#211d15,#1b1c19)}
.rk-mail-feature aside{display:flex;flex-direction:column;justify-content:center;border-left:1px solid #8f713c;padding-left:32px}.rk-mail-discount{font-size:clamp(50px,6vw,86px);font-weight:750;line-height:1.2;color:#ddbd78}.rk-mail-feature aside p{font-size:14px;color:#aaa79f;margin:12px 0 0}
.rk-mail-steps{padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.rk-mail-steps>li>span{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border:1px solid #8f713c;border-radius:50%;color:#ddbd78;font-weight:700}.rk-mail-note{border-left:3px solid #c6a15b;padding:22px 26px;background:#1b1c19;border-radius:0 10px 10px 0;margin-top:24px}.rk-mail-note p{margin:8px 0}
.rk-mail details{border-bottom:1px solid #3d3d37;padding:20px 0}.rk-mail summary{cursor:pointer;font-size:18px;font-weight:650;color:#f2efe7}.rk-mail details p{max-width:85ch;margin:16px 0 0}.rk-mail-contact{border-top:1px solid #8f713c;padding-top:36px}.rk-mail-contact p{max-width:75ch}
@media(hover:hover){.rk-mail-card:hover{border-color:#8f713c}.rk-mail a.rk-mail-button:hover{filter:brightness(1.08)}}
@media(max-width:1050px){.rk-mail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rk-mail-hero{grid-template-columns:1fr}.rk-mail h1{max-width:none}}
@media(max-width:650px){html body #content-wrapper .rk-mail{padding:24px 18px}.rk-mail-grid,.rk-mail-feature,.rk-mail-steps{grid-template-columns:1fr}.rk-mail-feature aside{border-left:0;border-top:1px solid #8f713c;padding:20px 0 0}.rk-mail-card,.rk-mail-summary{padding:22px}.rk-mail-section{padding:34px 0}.rk-mail-buttons{align-items:stretch}.rk-mail-buttons a{flex:1 1 100%}.rk-mail-nav{gap:14px 20px}}

html body #content-wrapper .rk-mail{border:0;background:transparent;font-family:inherit;max-width:none}
html body #content-wrapper .rk-mail .rk-mail-hero{background:transparent!important;border:0;box-shadow:none}
.rk-mail-hero>*,.rk-mail-grid>*,.rk-mail-two>*{min-width:0}
html body #content-wrapper .rk-mail .rk-mail-summary .rk-mail-benefit{display:block!important;margin:0!important;padding:18px 0;border-bottom:1px solid #514935;line-height:1.6;color:#bdb9ad}
html body #content-wrapper .rk-mail .rk-mail-summary .rk-mail-benefit:last-child{border-bottom:0}
.rk-mail-benefit strong{color:#f2efe7;font-size:17px}
html body #content-wrapper .rk-mail .rk-mail-price{font-size:clamp(28px,3vw,40px);font-weight:700;color:#ddbd78;line-height:1.25;margin:0 0 22px}
.rk-mail-price span{display:block;font-size:14px;font-weight:400;color:#bdb9ad;margin-top:8px}
.rk-mail-card-accent{background:linear-gradient(145deg,#2b261b,#1b1c19);border-color:#c6a15b}
.rk-mail-card ul{padding-left:20px;margin:0 0 28px}.rk-mail-card li{margin:0 0 10px}.rk-mail-card li::marker{color:#c6a15b}
html body #content-wrapper .rk-mail a.rk-mail-button{flex:0 1 auto;align-self:flex-start;max-width:100%;white-space:normal}
.rk-mail-card>a.rk-mail-button{margin-top:auto}.rk-mail-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:28px}
.rk-mail-faq-item{border-bottom:1px solid #3d3d37;padding:14px 0}.rk-mail-faq-item p{max-width:88ch}
.rk-mail-contact{background:linear-gradient(120deg,#282318,transparent);padding:clamp(24px,3vw,40px);border:1px solid #8f713c;border-radius:14px;margin-top:24px}
.rk-mail-contact .rk-mail-muted{margin-top:20px}.rk-mail-buttons{margin-bottom:22px}
@media(max-width:650px){.rk-mail-two{grid-template-columns:1fr}.rk-mail h1{overflow-wrap:normal;hyphens:auto}.rk-mail-buttons{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){.rk-mail *{transition:none!important;animation:none!important}}

html body #content-wrapper .rk-mail-page{max-width:var(--rk-content,1480px);width:calc(100% - 32px);margin:24px auto 40px;padding:clamp(20px,3vw,40px);box-sizing:border-box;border:1px solid #3d3d37;border-radius:16px;background:#151614;color:#f2efe7}
html body #content-wrapper .rk-mail-page>.container,html body #content-wrapper .rk-mail-page>.container-fluid{width:100%;max-width:none;padding-left:0;padding-right:0}
html body #content-wrapper .rk-mail-page .rk-mail{padding:0;max-width:none;border:0;background:transparent;font-family:inherit}
html body #content-wrapper .rk-mail h2.rk-mail-title{font-size:clamp(34px,4.2vw,60px);line-height:1.12;max-width:23ch}
html body #content-wrapper .rk-mail h2.rk-mail-title span{color:#ddbd78!important;-webkit-text-fill-color:#ddbd78!important}
.rk-mail-question{padding:20px 0;border-bottom:1px solid #3d3d37}.rk-mail-question p{max-width:90ch}.rk-mail-faq{margin-top:42px!important}
html body #content-wrapper .rk-mail-page #newsletter-subscribe,html body #content-wrapper .rk-mail-page #newsletter-unsubscribe{padding:clamp(22px,3vw,36px);border:1px solid #8f713c;border-radius:14px;background:#1b1c19;color:#f2efe7;margin:28px 0;scroll-margin-top:130px}
html body #content-wrapper .rk-mail-page #newsletter-unsubscribe{border-color:#3d3d37}
html body #content-wrapper .rk-mail-page>.container>.row>.col-lg-8{flex:0 0 100%;max-width:100%}
html body #content-wrapper .rk-mail-page :is(#newsletter-subscribe,#newsletter-unsubscribe) :is(.h3,label,p){color:#f2efe7}
html body #content-wrapper .rk-mail-page :is(#newsletter-subscribe,#newsletter-unsubscribe) a{color:#ddbd78}
html body #content-wrapper .rk-mail-page :is(#newsletter-subscribe,#newsletter-unsubscribe) input[type=email]{background:#151614;color:#f2efe7;border:1px solid #8f713c;border-radius:8px;min-height:48px}
html body #content-wrapper .rk-mail-page :is(#newsletter-subscribe,#newsletter-unsubscribe) button[type=submit]{background:#c6a15b;color:#151614;border:1px solid #c6a15b;border-radius:8px;min-height:48px}
@media(max-width:650px){html body #content-wrapper .rk-mail-page{width:calc(100% - 20px);padding:22px 16px}}

/* ReefKing 2.4.102: warranty information landingpage. */
html body #content-wrapper .rk-warranty{box-sizing:border-box;width:100%;max-width:1600px;margin:0 auto;padding:clamp(24px,3vw,48px);border:1px solid #3d3d37;border-radius:16px;background:#151614;color:#f2efe7;font-family:Inter,Aptos,'Segoe UI',Arial,sans-serif;font-size:16px;line-height:1.7;overflow-wrap:break-word}
.rk-warranty *{box-sizing:border-box}
html body #content-wrapper .rk-warranty :is(h1,h2,h3,p,a,summary,dt,dd,strong){font-family:inherit;text-shadow:none}
html body #content-wrapper .rk-warranty :is(h1,h2,h3){color:#f2efe7!important;-webkit-text-fill-color:#f2efe7!important;letter-spacing:-.025em;line-height:1.15;margin:0 0 20px}
html body #content-wrapper .rk-warranty h1{font-size:clamp(34px,4.5vw,64px);max-width:20ch}
html body #content-wrapper .rk-warranty h1 span{color:#ddbd78;-webkit-text-fill-color:#ddbd78}
html body #content-wrapper .rk-warranty h2{font-size:clamp(27px,3vw,40px)}
html body #content-wrapper .rk-warranty h3{font-size:22px;margin:16px 0}
.rk-warranty p{margin:0 0 18px}.rk-warranty a{color:#ddbd78;text-underline-offset:4px}
.rk-warranty-hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:center;padding:20px 0 40px}
.rk-warranty-eyebrow{font-size:12px;font-weight:750;letter-spacing:.12em;color:#c6a15b!important;-webkit-text-fill-color:#c6a15b!important}
.rk-warranty-lead{font-size:clamp(19px,2vw,23px);line-height:1.5}
.rk-warranty-summary,.rk-warranty-card{border:1px solid #3d3d37;border-radius:12px;background:#1b1c19;padding:26px;min-width:0}
.rk-warranty-summary{border-color:#8f713c}.rk-warranty-summary dl{margin:0}.rk-warranty-summary dl>div{padding:18px 0;border-bottom:1px solid #3d3d37}.rk-warranty-summary dt{font-weight:700}.rk-warranty-summary dd{margin:4px 0 0;color:#aaa79f}.rk-warranty-summary>p:last-child{margin:20px 0 0}
.rk-warranty-muted{color:#aaa79f!important;font-size:14px}
.rk-warranty-buttons{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:24px}
html body #content-wrapper .rk-warranty a.rk-warranty-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border:1px solid #c6a15b;border-radius:9px;background:#c6a15b!important;color:#151614!important;-webkit-text-fill-color:#151614!important;font-size:15px;font-weight:700;text-decoration:none;line-height:1.4;width:auto}
html body #content-wrapper .rk-warranty a.rk-warranty-button-secondary{background:transparent!important;color:#ddbd78!important;-webkit-text-fill-color:#ddbd78!important}
.rk-warranty a:focus-visible,.rk-warranty summary:focus-visible{outline:2px solid #ddbd78;outline-offset:5px}
.rk-warranty-nav{display:flex;gap:12px 26px;flex-wrap:wrap;padding:24px 0;border-top:1px solid #3d3d37;border-bottom:1px solid #3d3d37}
.rk-warranty-section{padding:48px 0;scroll-margin-top:130px}.rk-warranty-intro{max-width:80ch}.rk-warranty-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:28px}.rk-warranty-card{display:flex;flex-direction:column}.rk-warranty-card>a{margin-top:auto}.rk-warranty-card-accent{border-color:#8f713c}.rk-warranty-tag{align-self:flex-start;color:#ddbd78;font-size:11px;font-weight:700;letter-spacing:.08em;border-bottom:1px solid #8f713c;padding-bottom:7px}
.rk-warranty-feature{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:32px;border:1px solid #8f713c;border-radius:14px;padding:clamp(22px,3vw,40px);background:linear-gradient(130deg,#211d15,#1b1c19)}
.rk-warranty-feature aside{display:flex;flex-direction:column;justify-content:center;border-left:1px solid #8f713c;padding-left:32px}.rk-warranty-discount{font-size:clamp(50px,6vw,86px);font-weight:750;line-height:1.2;color:#ddbd78}.rk-warranty-feature aside p{font-size:14px;color:#aaa79f;margin:12px 0 0}
.rk-warranty-steps{padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.rk-warranty-steps>li>span{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border:1px solid #8f713c;border-radius:50%;color:#ddbd78;font-weight:700}.rk-warranty-note{border-left:3px solid #c6a15b;padding:22px 26px;background:#1b1c19;border-radius:0 10px 10px 0;margin-top:24px}.rk-warranty-note p{margin:8px 0}
.rk-warranty details{border-bottom:1px solid #3d3d37;padding:20px 0}.rk-warranty summary{cursor:pointer;font-size:18px;font-weight:650;color:#f2efe7}.rk-warranty details p{max-width:85ch;margin:16px 0 0}.rk-warranty-contact{border-top:1px solid #8f713c;padding-top:36px}.rk-warranty-contact p{max-width:75ch}
@media(hover:hover){.rk-warranty-card:hover{border-color:#8f713c}.rk-warranty a.rk-warranty-button:hover{filter:brightness(1.08)}}
@media(max-width:1050px){.rk-warranty-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rk-warranty-hero{grid-template-columns:1fr}.rk-warranty h1{max-width:none}}
@media(max-width:650px){html body #content-wrapper .rk-warranty{padding:24px 18px}.rk-warranty-grid,.rk-warranty-feature,.rk-warranty-steps{grid-template-columns:1fr}.rk-warranty-feature aside{border-left:0;border-top:1px solid #8f713c;padding:20px 0 0}.rk-warranty-card,.rk-warranty-summary{padding:22px}.rk-warranty-section{padding:34px 0}.rk-warranty-buttons{align-items:stretch}.rk-warranty-buttons a{flex:1 1 100%}.rk-warranty-nav{gap:14px 20px}}

html body #content-wrapper .rk-warranty{border:0;background:transparent;font-family:inherit;max-width:none}
html body #content-wrapper .rk-warranty .rk-warranty-hero{background:transparent!important;border:0;box-shadow:none}
.rk-warranty-hero>*,.rk-warranty-grid>*,.rk-warranty-two>*{min-width:0}
html body #content-wrapper .rk-warranty .rk-warranty-summary .rk-warranty-benefit{display:block!important;margin:0!important;padding:18px 0;border-bottom:1px solid #514935;line-height:1.6;color:#bdb9ad}
html body #content-wrapper .rk-warranty .rk-warranty-summary .rk-warranty-benefit:last-child{border-bottom:0}
.rk-warranty-benefit strong{color:#f2efe7;font-size:17px}
html body #content-wrapper .rk-warranty .rk-warranty-price{font-size:clamp(28px,3vw,40px);font-weight:700;color:#ddbd78;line-height:1.25;margin:0 0 22px}
.rk-warranty-price span{display:block;font-size:14px;font-weight:400;color:#bdb9ad;margin-top:8px}
.rk-warranty-card-accent{background:linear-gradient(145deg,#2b261b,#1b1c19);border-color:#c6a15b}
.rk-warranty-card ul{padding-left:20px;margin:0 0 28px}.rk-warranty-card li{margin:0 0 10px}.rk-warranty-card li::marker{color:#c6a15b}
html body #content-wrapper .rk-warranty a.rk-warranty-button{flex:0 1 auto;align-self:flex-start;max-width:100%;white-space:normal}
.rk-warranty-card>a.rk-warranty-button{margin-top:auto}.rk-warranty-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:28px}
.rk-warranty-faq-item{border-bottom:1px solid #3d3d37;padding:14px 0}.rk-warranty-faq-item p{max-width:88ch}
.rk-warranty-contact{background:linear-gradient(120deg,#282318,transparent);padding:clamp(24px,3vw,40px);border:1px solid #8f713c;border-radius:14px;margin-top:24px}
.rk-warranty-contact .rk-warranty-muted{margin-top:20px}.rk-warranty-buttons{margin-bottom:22px}
@media(max-width:650px){.rk-warranty-two{grid-template-columns:1fr}.rk-warranty h1{overflow-wrap:normal;hyphens:auto}.rk-warranty-buttons{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){.rk-warranty *{transition:none!important;animation:none!important}}

.rk-warranty-question{border-bottom:1px solid #3d3d37;padding:20px 0}.rk-warranty-question p{max-width:90ch}.rk-warranty-sources{border-top:1px solid #3d3d37;padding-top:25px;font-size:14px;color:#bdb9ad}

/* ReefKing 2.4.103: service landingpage already supplies its own H1.
   Only the direct native heading wrapper is suppressed; OPC and breadcrumbs remain. */
html body #content:has(.rk-care h1) > .index-heading-wrapper {
    display: none !important;
}

/* 2.4.104: exact legacy warranty copy only. */
#content .rk-warranty-legacy-suppressed[hidden]{display:none!important}

/* ReefKing 2.4.105 — native withdrawal page.
   Presentation only: no legal text replacement, relocation or suppression. */
html.rk-page-withdrawal body #content {
    box-sizing:border-box!important;
    width:calc(100% - 32px)!important;
    max-width:var(--rk-shell-max, 1440px)!important;
    margin:0 auto 36px!important;
    padding:clamp(24px,4vw,64px)!important;
    border:1px solid #3d3d37!important;
    border-radius:16px!important;
    background:#151614!important;
    color:#f2efe7!important;
}
html.rk-page-withdrawal body #content :is(.link-content,#revocation-instruction,#revocation-form){
    box-sizing:border-box!important;
    width:100%!important;max-width:980px!important;margin-inline:auto!important;
    padding:0!important;border:0!important;border-radius:0!important;
    background:transparent!important;box-shadow:none!important;
}
html.rk-page-withdrawal body #content .index-heading-wrapper{
    max-width:980px!important;margin-inline:auto!important;padding:0!important;
}
html.rk-page-withdrawal body #content :is(h1,h2,h3,h4,p,li,address){
    text-shadow:none!important;overflow-wrap:break-word;hyphens:auto;
}
html.rk-page-withdrawal body #content h1{
    font-size:clamp(28px,3.4vw,48px)!important;line-height:1.18!important;
    font-weight:700!important;letter-spacing:-.025em!important;
    margin:0 0 32px!important;color:#f2efe7!important;
}
html.rk-page-withdrawal body #content h2{
    font-size:clamp(23px,2.4vw,32px)!important;line-height:1.3!important;
    margin:40px 0 22px!important;padding-top:26px!important;
    border-top:1px solid #514935!important;color:#ddbd78!important;
}
html.rk-page-withdrawal body #content :is(h3,h4){
    font-size:clamp(19px,1.7vw,23px)!important;line-height:1.4!important;
    margin:28px 0 12px!important;color:#ddbd78!important;
}
html.rk-page-withdrawal body #content :is(p,li,address){
    font-size:16px!important;line-height:1.8!important;color:#f2efe7!important;
}
html.rk-page-withdrawal body #content p{margin:0 0 18px!important}
html.rk-page-withdrawal body #content :is(ul,ol){padding-left:1.5rem}
html.rk-page-withdrawal body #content a:not(.btn){
    color:#ddbd78!important;text-decoration:underline!important;text-underline-offset:3px;
    overflow-wrap:anywhere;
}
html.rk-page-withdrawal body #content a:focus-visible{outline:2px solid #ddbd78;outline-offset:4px}
@media(max-width:575px){
    html.rk-page-withdrawal body #content{width:calc(100% - 20px)!important;padding:24px 18px!important}
}
@media print{
    html.rk-page-withdrawal body #content,
    html.rk-page-withdrawal body #content *{
        background:white!important;color:black!important;text-shadow:none!important;box-shadow:none!important;
    }
    html.rk-page-withdrawal body #content{width:100%!important;max-width:none!important;padding:0!important;border:0!important;margin:0!important}
    html.rk-page-withdrawal body #content :is(h1,h2,h3,h4){break-after:avoid}
    html.rk-page-withdrawal body #content :is(p,li){orphans:3;widows:3}
}

/* ReefKing 2.4.106 — native privacy page.
   Presentation only: no legal text replacement, relocation or suppression. */
html.rk-page-privacy body #content {
    box-sizing:border-box!important;
    width:calc(100% - 32px)!important;
    max-width:var(--rk-shell-max, 1440px)!important;
    margin:0 auto 36px!important;
    padding:clamp(24px,4vw,64px)!important;
    border:1px solid #3d3d37!important;
    border-radius:16px!important;
    background:#151614!important;
    color:#f2efe7!important;
}
html.rk-page-privacy body #content :is(.link-content,#data-privacy){
    box-sizing:border-box!important;
    width:100%!important;max-width:980px!important;margin-inline:auto!important;
    padding:0!important;border:0!important;border-radius:0!important;
    background:transparent!important;box-shadow:none!important;
}
html.rk-page-privacy body #content .index-heading-wrapper{
    max-width:980px!important;margin-inline:auto!important;padding:0!important;
}
html.rk-page-privacy body #content :is(h1,h2,h3,h4,p,li,address){
    text-shadow:none!important;overflow-wrap:break-word;hyphens:auto;
}
html.rk-page-privacy body #content h1{
    font-size:clamp(28px,3.4vw,48px)!important;line-height:1.18!important;
    font-weight:700!important;letter-spacing:-.025em!important;
    margin:0 0 32px!important;color:#f2efe7!important;
}
html.rk-page-privacy body #content h2{
    font-size:clamp(23px,2.4vw,32px)!important;line-height:1.3!important;
    margin:40px 0 22px!important;padding-top:26px!important;
    border-top:1px solid #514935!important;color:#ddbd78!important;
}
html.rk-page-privacy body #content :is(h3,h4){
    font-size:clamp(19px,1.7vw,23px)!important;line-height:1.4!important;
    margin:28px 0 12px!important;color:#ddbd78!important;
}
html.rk-page-privacy body #content :is(p,li,address){
    font-size:16px!important;line-height:1.8!important;color:#f2efe7!important;
}
html.rk-page-privacy body #content p{margin:0 0 18px!important}
html.rk-page-privacy body #content :is(ul,ol){padding-left:1.5rem}
html.rk-page-privacy body #content a:not(.btn){
    color:#ddbd78!important;text-decoration:underline!important;text-underline-offset:3px;
    overflow-wrap:anywhere;
}
html.rk-page-privacy body #content a:focus-visible{outline:2px solid #ddbd78;outline-offset:4px}
@media(max-width:575px){
    html.rk-page-privacy body #content{width:calc(100% - 20px)!important;padding:24px 18px!important}
}
@media print{
    html.rk-page-privacy body #content,
    html.rk-page-privacy body #content *{
        background:white!important;color:black!important;text-shadow:none!important;box-shadow:none!important;
    }
    html.rk-page-privacy body #content{width:100%!important;max-width:none!important;padding:0!important;border:0!important;margin:0!important}
    html.rk-page-privacy body #content :is(h1,h2,h3,h4){break-after:avoid}
    html.rk-page-privacy body #content :is(p,li){orphans:3;widows:3}
}

/* 2.4.107: target legacy campaign portlets rather than generic legal images. */
html.rk-page-terms main #content :is(.banner,.opc-Banner,.opc-banner,.salepix-hero-slider,.opc-JtlSlider){display:none!important}

/* ReefKing 2.4.107 — native terms page.
   Presentation only: no legal text replacement, relocation or suppression. */
html.rk-page-terms body #content {
    box-sizing:border-box!important;
    width:calc(100% - 32px)!important;
    max-width:var(--rk-shell-max, 1440px)!important;
    margin:0 auto 36px!important;
    padding:clamp(24px,4vw,64px)!important;
    border:1px solid #3d3d37!important;
    border-radius:16px!important;
    background:#151614!important;
    color:#f2efe7!important;
}
html.rk-page-terms body #content :is(.link-content,#tos){
    box-sizing:border-box!important;
    width:100%!important;max-width:980px!important;margin-inline:auto!important;
    padding:0!important;border:0!important;border-radius:0!important;
    background:transparent!important;box-shadow:none!important;
}
html.rk-page-terms body #content .index-heading-wrapper{
    max-width:980px!important;margin-inline:auto!important;padding:0!important;
}
html.rk-page-terms body #content :is(h1,h2,h3,h4,p,li,address){
    text-shadow:none!important;overflow-wrap:break-word;hyphens:auto;
}
html.rk-page-terms body #content h1{
    font-size:clamp(28px,3.4vw,48px)!important;line-height:1.18!important;
    font-weight:700!important;letter-spacing:-.025em!important;
    margin:0 0 32px!important;color:#f2efe7!important;
}
html.rk-page-terms body #content h2{
    font-size:clamp(23px,2.4vw,32px)!important;line-height:1.3!important;
    margin:40px 0 22px!important;padding-top:26px!important;
    border-top:1px solid #514935!important;color:#ddbd78!important;
}
html.rk-page-terms body #content :is(h3,h4){
    font-size:clamp(19px,1.7vw,23px)!important;line-height:1.4!important;
    margin:28px 0 12px!important;color:#ddbd78!important;
}
html.rk-page-terms body #content :is(p,li,address){
    font-size:16px!important;line-height:1.8!important;color:#f2efe7!important;
}
html.rk-page-terms body #content p{margin:0 0 18px!important}
html.rk-page-terms body #content :is(ul,ol){padding-left:1.5rem}
html.rk-page-terms body #content a:not(.btn){
    color:#ddbd78!important;text-decoration:underline!important;text-underline-offset:3px;
    overflow-wrap:anywhere;
}
html.rk-page-terms body #content a:focus-visible{outline:2px solid #ddbd78;outline-offset:4px}
@media(max-width:575px){
    html.rk-page-terms body #content{width:calc(100% - 20px)!important;padding:24px 18px!important}
}
@media print{
    html.rk-page-terms body #content,
    html.rk-page-terms body #content *{
        background:white!important;color:black!important;text-shadow:none!important;box-shadow:none!important;
    }
    html.rk-page-terms body #content{width:100%!important;max-width:none!important;padding:0!important;border:0!important;margin:0!important}
    html.rk-page-terms body #content :is(h1,h2,h3,h4){break-after:avoid}
    html.rk-page-terms body #content :is(p,li){orphans:3;widows:3}
}

/* ReefKing 2.4.108: isolated TCW landingpage; existing OPC image portlets retained. */
html body #content-wrapper .rk-tcw{font-family:inherit;color:#f2efe7;background:#151614;border:1px solid #3d3d37;border-radius:16px;padding:clamp(22px,4vw,64px);box-sizing:border-box;min-width:0}
html body #content-wrapper .rk-tcw :is(h1,h2,h3,p,a){text-shadow:none;overflow-wrap:break-word}
html body #content-wrapper .rk-tcw h1{font-size:clamp(32px,4.2vw,62px);line-height:1.12;letter-spacing:-.035em;margin:14px 0 26px;color:#f2efe7}
html body #content-wrapper .rk-tcw h1 span{color:#ddbd78}
html body #content-wrapper .rk-tcw h2{font-size:clamp(27px,3vw,42px);line-height:1.2;letter-spacing:-.025em;color:#f2efe7;margin:12px 0 30px}
html body #content-wrapper .rk-tcw h3{font-size:23px;line-height:1.3;color:#f2efe7;margin:0 0 16px}
html body #content-wrapper .rk-tcw p{font-size:16px;line-height:1.75;color:#d4d1c9;margin:0 0 20px}
html body #content-wrapper .rk-tcw .rk-tcw-lead{font-size:clamp(19px,2vw,25px);line-height:1.5;color:#f2efe7}
html body #content-wrapper .rk-tcw .rk-tcw-eyebrow,html body #content-wrapper .rk-tcw .rk-tcw-number{color:#ddbd78;font-size:12px;font-weight:700;letter-spacing:.12em;margin-bottom:20px}
.rk-tcw-section{padding:46px 0;scroll-margin-top:140px}.rk-tcw-hero{padding-top:12px;max-width:1050px}.rk-tcw-hero>p{max-width:76ch}
.rk-tcw-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.rk-tcw-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px}.rk-tcw-grid>*,.rk-tcw-two>*{min-width:0}
.rk-tcw-card{background:#1b1c19;border:1px solid #3d3d37;border-radius:12px;padding:28px;display:flex;flex-direction:column}.rk-tcw-card>a{margin-top:auto}
html body #content-wrapper .rk-tcw a{color:#ddbd78;text-underline-offset:4px}
.rk-tcw-buttons{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start;margin:26px 0 0}
html body #content-wrapper .rk-tcw a.rk-tcw-button{display:inline-flex;width:auto;max-width:100%;flex:0 1 auto;align-self:flex-start;box-sizing:border-box;padding:14px 22px;border:1px solid #ddbd78;border-radius:7px;background:#ddbd78;color:#171713;font-size:15px;font-weight:700;line-height:1.5;text-decoration:none;white-space:normal}
html body #content-wrapper .rk-tcw a.rk-tcw-secondary{background:transparent;color:#ddbd78}
.rk-tcw a:focus-visible{outline:2px solid #ddbd78;outline-offset:4px}.rk-tcw-button:hover{filter:brightness(1.08)}
.rk-tcw-contact{padding:32px;border:1px solid #8f713c;border-radius:12px;background:linear-gradient(135deg,#29251b,#1b1c19);align-self:start}
.rk-tcw-faq h3:not(:first-child){padding-top:24px;border-top:1px solid #3d3d37}
html body #content-wrapper .rk-tcw .rk-tcw-credit{margin:36px 0 0;padding-top:24px;border-top:1px solid #3d3d37;font-size:13px;color:#bdb9ad}
.rk-tcw-photo{margin:10px 0 24px}.rk-tcw-photo img{display:block;max-width:100%;height:auto;border-radius:12px}.rk-tcw-photo figure{margin:0}
html body #content:has(.rk-tcw h1)>.index-heading-wrapper{display:none!important}
@media(max-width:900px){.rk-tcw-grid{grid-template-columns:1fr}.rk-tcw-two{grid-template-columns:1fr;gap:20px}.rk-tcw-section{padding:30px 0}}
@media(prefers-reduced-motion:reduce){.rk-tcw *{transition:none!important}}

/* TCW original image gallery: natural proportions, no script dependency. */
.rk-tcw-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}
.rk-tcw-gallery-item{display:block;min-width:0;padding:7px;border:1px solid #514935;border-radius:12px;background:#101310;transition:border-color .2s ease}
.rk-tcw-gallery-item:hover{border-color:#ddbd78}
html body #content-wrapper .rk-tcw-gallery img{display:block;width:100%;max-width:100%;height:auto;border-radius:7px}
@media(max-width:1000px){.rk-tcw-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.rk-tcw-gallery{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.rk-tcw-gallery-item{transition:none}}

/* ReefKing 2.4.109: TCW contrast and single outer OPC frame. */
html body #content-wrapper .rk-tcw {
    border:0!important;
    box-shadow:none!important;
    background:transparent!important;
}
/* Avoid doubled spacing when complete HTML is inside an rk-tcw OPC container. */
html body #content-wrapper .rk-tcw .rk-tcw {padding:0!important}
html body #content-wrapper .rk-tcw a.rk-tcw-button:not(.rk-tcw-secondary),
html body #content-wrapper .rk-tcw a.rk-tcw-button:not(.rk-tcw-secondary):is(:visited,:hover,:focus,:active) {
    color:#171713!important;
    -webkit-text-fill-color:#171713!important;
    background:#ddbd78!important;
    border-color:#ddbd78!important;
    text-shadow:none!important;
    opacity:1!important;
}
html body #content-wrapper .rk-tcw a.rk-tcw-button:not(.rk-tcw-secondary) * {
    color:#171713!important;
    -webkit-text-fill-color:#171713!important;
    text-shadow:none!important;
}
html body #content-wrapper .rk-tcw a.rk-tcw-secondary,
html body #content-wrapper .rk-tcw a.rk-tcw-secondary:is(:visited,:hover,:focus,:active),
html body #content-wrapper .rk-tcw a.rk-tcw-secondary * {
    color:#ddbd78!important;
    -webkit-text-fill-color:#ddbd78!important;
    text-shadow:none!important;
}
html body #content-wrapper .rk-tcw a.rk-tcw-secondary {
    background:#1b1c19!important;border-color:#ddbd78!important;
}

/* ReefKing 2.4.110: native blog overview and details, scoped via blog/index.tpl. */
html.rk-page-news,html.rk-page-news body,
html.rk-page-news body :is(#main-wrapper,#content-wrapper,#content){background:#090a09!important;color:#f2efe7!important}
html.rk-page-news body #content{padding-block:clamp(24px,3vw,48px)!important}
html.rk-page-news body #content>:is(.container,.container-fluid),
html.rk-page-news body .breadcrumb-container{
    width:calc(100% - 32px)!important;max-width:var(--rk-shell-max,1440px)!important;margin-inline:auto!important;
}
html.rk-page-news body #content :is(h1,h2,h3,h4,h5,h6,p,li,span,time,label,small){color:#f2efe7!important;text-shadow:none!important}
html.rk-page-news body #content h1{font-size:clamp(30px,3.5vw,48px)!important;line-height:1.2;margin-bottom:32px}
html.rk-page-news body #content :is(p,li){line-height:1.7;overflow-wrap:break-word}
html.rk-page-news body :is(.breadcrumb,.breadcrumb-item){color:#bdb9ad!important}
html.rk-page-news body :is(.breadcrumb a,#content a:not(.btn),#content a:not(.btn) span){color:#ddbd78!important;text-underline-offset:4px}
html.rk-page-news body #content #frm_filter{padding:18px 18px 4px;border:1px solid #3d3d37;border-radius:12px;background:#151614}
html.rk-page-news body #content :is(select,option,input:not([type=checkbox]):not([type=radio]),textarea,.form-control,.custom-select){
    color:#f2efe7!important;background-color:#1b1c19!important;border-color:#626156!important;border-radius:6px;box-shadow:none;
}
html.rk-page-news body #content :is(input,textarea)::placeholder{color:#bdb9ad!important;opacity:1}
html.rk-page-news body #content .custom-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23ddbd78' stroke-width='2'/%3E%3C/svg%3E")!important}
html.rk-page-news body #content :is(a,button,input,select,textarea):focus-visible{outline:2px solid #ddbd78;outline-offset:3px}
html.rk-page-news body #content :is(hr,.blog-overview-hr){border-color:#3d3d37!important}
html.rk-page-news body #content .blog-overview-preview-item{display:flex;margin-bottom:28px;min-width:0}
html.rk-page-news body #content .newsbox{display:flex;flex-direction:column;width:100%;min-width:0;border:1px solid #3d3d37;border-radius:12px;background:#151614!important;overflow:hidden;box-shadow:none}
html.rk-page-news body #content .newsbox :is(.newsbox-body,.newsbox-footer){padding:22px;background:transparent!important}
html.rk-page-news body #content .newsbox-footer{margin-top:auto;padding-top:0}
html.rk-page-news body #content .newsbox-headline{display:block;font-size:22px;font-weight:700;line-height:1.35;margin:18px 0 12px}
html.rk-page-news body #content .newsbox :is(.blog-preview-author span,time){color:#bdb9ad!important;font-size:14px}
html.rk-page-news body #content .newsbox-image{background:#1b1c19}
html.rk-page-news body #content .newsbox-image img{display:block;width:100%;height:auto}
html.rk-page-news body #content .page-link{background:#151614!important;border-color:#514935!important;color:#ddbd78!important}
html.rk-page-news body #content .page-item.active .page-link,
html.rk-page-news body #content :is(.btn-primary,button[type=submit]){background:#ddbd78!important;border-color:#ddbd78!important;color:#171713!important}
html.rk-page-news body #content :is(.btn-primary,button[type=submit]) *{color:#171713!important}
html.rk-page-news body #content :is(.card,.card-body,.list-group-item,.alert){background-color:#151614!important;color:#f2efe7!important;border-color:#3d3d37!important}
@media(max-width:575px){html.rk-page-news body #content>:is(.container,.container-fluid),html.rk-page-news body .breadcrumb-container{width:calc(100% - 16px)!important}html.rk-page-news body #content .newsbox :is(.newsbox-body,.newsbox-footer){padding:18px}html.rk-page-news body #content #frm_filter .form-row>[class*=col]{margin-bottom:8px}}

/* ReefKing 2.4.111: native selects, normal-flow news cards, footer surface. */
html.rk-page-news body #content select.custom-select {
 background-size:12px 8px!important;background-position:right 14px center!important;
 background-repeat:no-repeat!important;padding-right:40px!important;
 min-height:44px;appearance:none;-webkit-appearance:none;
}
html.rk-page-news body #content .newsbox {position:relative!important;height:auto!important;display:flex!important;flex-direction:column!important;isolation:isolate}
html.rk-page-news body #content .newsbox :is(.newsbox-header,.newsbox-body,.newsbox-footer){
 position:relative!important;inset:auto!important;transform:none!important;
 width:100%!important;height:auto!important;min-width:0;box-sizing:border-box;
 flex:0 0 auto!important;
}
html.rk-page-news body #content .newsbox :is(.newsbox-header,.preview-image,.newsbox-image){
 display:block!important;position:relative!important;inset:auto!important;
 height:auto!important;width:100%!important;transform:none!important;margin:0!important;padding:0!important;
}
html.rk-page-news body #content .newsbox .newsbox-image picture{display:block!important;position:relative!important;inset:auto!important;height:auto!important;width:100%!important}
html.rk-page-news body #content .newsbox .newsbox-image img{
 position:relative!important;inset:auto!important;transform:none!important;
 display:block!important;width:100%!important;height:auto!important;
 max-height:300px!important;object-fit:contain!important;margin:0!important;
}
html.rk-page-news body #content .newsbox :is(.newsbox-body,.newsbox-footer){
 background:#151614!important;z-index:1;color:#f2efe7!important;
}
html.rk-page-news body #content .newsbox .newsbox-body{padding:22px!important}
html.rk-page-news body #content .newsbox .newsbox-footer{margin-top:auto!important;padding:0 22px 22px!important}
html.rk-page-news body #content .newsbox :is(.newsbox-body,.newsbox-footer) :is(p,span,time){color:#f2efe7!important;opacity:1!important}
html.rk-page-news body #content .newsbox .newsbox-headline,
html.rk-page-news body #content .newsbox .newsbox-headline span{color:#ddbd78!important}
html.rk-page-home,html.rk-page-home body{background-color:#090a09!important;background-image:none!important}
html.rk-page-home body #footer,
html.rk-page-home body #footer :is(.copyright,#copyright),
html.rk-page-home body #copyright{
 background-color:#090a09!important;background-image:none!important;
}
html.rk-page-home body #footer::before,html.rk-page-home body #footer::after{
 background-color:#090a09!important;background-image:none!important;
}

/* ReefKing 2.4.113 — native product question dialog, including body-mounted modals.
   Keep NOVA form, validation, submission and modal positioning unchanged. */
html body .modal[id^="question-popup-"] .modal-content {
    color-scheme: dark;
    background: #151614 !important;
    color: #F2EFE7 !important;
    border: 1px solid #3D3D37 !important;
    border-radius: 12px;
    box-shadow: 0 24px 60px rgba(0,0,0,.58);
}
html body .modal[id^="question-popup-"] :is(.modal-header,.modal-body,.modal-footer,fieldset) {
    background: #151614 !important;
    color: #F2EFE7 !important;
    border-color: #3D3D37 !important;
}
html body .modal[id^="question-popup-"] :is(.modal-title,legend,label) {
    color: #F2EFE7 !important;
    border-color: #3D3D37 !important;
    text-shadow: none !important;
}
html body .modal[id^="question-popup-"] label {
    background-color: #151614 !important;
}
html body .modal[id^="question-popup-"] :is(.form-control,.custom-select) {
    background-color: #1B1C19 !important;
    color: #F2EFE7 !important;
    border-color: #79786F !important;
    caret-color: #F2EFE7;
}
html body .modal[id^="question-popup-"] .form-control::placeholder {
    color: #BAB7AD !important;
    opacity: 1;
}
html body .modal[id^="question-popup-"] :is(.form-control,.custom-select):focus {
    border-color: #DDBD78 !important;
    box-shadow: 0 0 0 3px rgba(221,189,120,.22) !important;
}
html body .modal[id^="question-popup-"] :is(.optional,.text-muted-util,.privacy) {
    color: #BAB7AD !important;
}
html body .modal[id^="question-popup-"] a:not(.btn) {
    color: #DDBD78 !important;
    text-decoration: underline;
}
html body .modal[id^="question-popup-"] .btn-primary {
    background: #F8BF00 !important;
    border-color: #F8BF00 !important;
    color: #151614 !important;
    text-shadow: none !important;
}
html body .modal[id^="question-popup-"] .btn-primary:hover {
    background: #FFD35A !important;
    border-color: #FFD35A !important;
}
html body .modal[id^="question-popup-"] .btn-primary > * {
    color: inherit !important;
}
html body .modal[id^="question-popup-"] .close {
    background: #1B1C19 !important;
    color: #DDBD78 !important;
    opacity: 1 !important;
    text-shadow: none !important;
}
html body .modal[id^="question-popup-"] .close > * {
    color: inherit !important;
}
html body .modal[id^="question-popup-"] :is(a,button):focus-visible {
    outline: 2px solid #DDBD78 !important;
    outline-offset: 3px;
}
html body .modal[id^="question-popup-"] :is(.invalid-feedback,.form-error-msg,.text-danger,.required) {
    color: #FFAAA3 !important;
}
html body .modal[id^="question-popup-"] :is(.form-control,.custom-select):is(.is-invalid,.has-error,[aria-invalid="true"]) {
    border-color: #FFAAA3 !important;
}
html body .modal[id^="question-popup-"] .alert-danger {
    background: #391D1C !important;
    color: #FFD8D3 !important;
    border-color: #B86C65 !important;
}

/* ReefKing 2.4.114 — NOVA floating-label backing, without hiding required marks.
   Limit pseudo-elements to text-field labels; checkbox/radio artwork is untouched. */
html body .modal[id^="question-popup-"] #article_question .form-group:not(.checkbox):not(.exclude-from-label-slide) label:not(.custom-control-label):not(.form-check-label),
html body .modal[id^="question-popup-"] #article_question .form-group:not(.checkbox):not(.exclude-from-label-slide) label:not(.custom-control-label):not(.form-check-label) *,
html body .modal[id^="question-popup-"] #article_question .form-group:not(.checkbox):not(.exclude-from-label-slide) label:not(.custom-control-label):not(.form-check-label)::before,
html body .modal[id^="question-popup-"] #article_question .form-group:not(.checkbox):not(.exclude-from-label-slide) label:not(.custom-control-label):not(.form-check-label)::after {
    background: #1B1C19 !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

/* WebPowers Back in Stock: override plugin inline palette via scoped variables.
   CSS applies equally to forms inserted after page load. */
html body .wp-bis-form {
    --wp-bis-bg: #151614 !important;
    --wp-bis-text: #F2EFE7 !important;
    --wp-bis-accent: #F8BF00 !important;
    background: var(--wp-bis-bg) !important;
    color: var(--wp-bis-text) !important;
    border: 1px solid #3D3D37 !important;
    border-radius: 12px;
    color-scheme: dark;
}
html body .wp-bis-form .wp-bis-label {
    color: #F2EFE7 !important;
    -webkit-text-fill-color: #F2EFE7 !important;
}
html body .wp-bis-form .wp-bis-email {
    background: #1B1C19 !important;
    color: #F2EFE7 !important;
    -webkit-text-fill-color: #F2EFE7 !important;
    border: 1px solid #79786F !important;
    min-width: 0;
    flex: 1 1 220px;
    border-radius: 6px;
}
html body .wp-bis-form .wp-bis-email::placeholder {
    color: #BAB7AD !important;
    -webkit-text-fill-color: #BAB7AD !important;
    opacity: 1;
}
html body .wp-bis-form .wp-bis-email:focus {
    border-color: #DDBD78 !important;
    box-shadow: 0 0 0 3px rgba(221,189,120,.22) !important;
}
html body .wp-bis-form .wp-bis-btn {
    background: #F8BF00 !important;
    border-color: #F8BF00 !important;
    color: #151614 !important;
    -webkit-text-fill-color: #151614 !important;
    white-space: normal;
    border-radius: 6px;
}
html body .wp-bis-form .wp-bis-btn:hover {
    background: #FFD35A !important;
    border-color: #FFD35A !important;
}
html body .wp-bis-form .wp-bis-btn:focus-visible {
    outline: 2px solid #DDBD78;
    outline-offset: 3px;
}
html body .wp-bis-form .wp-bis-btn:disabled {
    opacity: .65;
}
html body .wp-bis-form .wp-bis-message.text-danger {
    color: #FFAAA3 !important;
    -webkit-text-fill-color: #FFAAA3 !important;
}
html body .wp-bis-form .wp-bis-message.text-success {
    color: #AFD99C !important;
    -webkit-text-fill-color: #AFD99C !important;
}
@media (max-width: 575px) {
    html body .wp-bis-form .wp-bis-input-group {
        flex-direction: column;
    }
    html body .wp-bis-form .wp-bis-email {
        flex: 0 1 auto;
        width: 100%;
    }
    html body .wp-bis-form .wp-bis-btn {
        width: 100%;
    }
}

/* ReefKing 2.4.115 — one surface for the normal product gallery shell.
   Match the existing inner stage; fullscreen keeps its darker canvas. */
html.rk-page-pdp #image_wrapper.gallery-with-action:not(.fullscreen),
html.rk-page-pdp #image_wrapper.gallery-with-action:not(.fullscreen) > .gallery-with-action-main,
html.rk-page-pdp #image_wrapper.gallery-with-action:not(.fullscreen) > .gallery-with-action-main > .col,
html.rk-page-pdp #image_wrapper:not(.fullscreen) .product-detail-image-topbar,
html.rk-page-pdp #image_wrapper:not(.fullscreen) #gallery_wrapper {
    background: var(--rk-commerce-surface, #151614) !important;
    border-color: var(--rk-commerce-surface, #151614) !important;
    box-shadow: none !important;
}

/* ReefKing 2.4.116 — native product tabs: full container surface, inset content.
   Exact page IDs exclude homepage sliders and quick-view copies. */
html.rk-page-pdp #content-wrapper .container:has(> .tab-navigation > #product-tabs),
html.rk-page-pdp #content-wrapper .container:has(> #tabAccordion) {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
html.rk-page-pdp #content-wrapper .tab-navigation:has(> #product-tabs) {
    --rk-detail-tab-inset: clamp(16px, 2vw, 32px);
    background: var(--rk-commerce-surface, #151614) !important;
    border-radius: 12px;
    width: 100%;
    box-sizing: border-box;
}
html.rk-page-pdp #content-wrapper #product-tabs {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: var(--rk-detail-tab-inset) !important;
    padding-right: var(--rk-detail-tab-inset) !important;
    box-sizing: border-box;
}
html.rk-page-pdp #content-wrapper #tab-content-product-tabs {
    width: 100%;
    max-width: none;
    box-sizing: border-box;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 24px var(--rk-detail-tab-inset) 32px !important;
    background: transparent !important;
}
html.rk-page-pdp #content-wrapper #tabAccordion {
    background: var(--rk-commerce-surface, #151614) !important;
    border-radius: 12px;
}
html.rk-page-pdp #content-wrapper #tabAccordion > .card > .card-header,
html.rk-page-pdp #content-wrapper #tabAccordion > .card > .collapse > .card-body,
html.rk-page-pdp #content-wrapper #tabAccordion > .card > .collapsing > .card-body {
    padding-left: clamp(16px, 2vw, 32px) !important;
    padding-right: clamp(16px, 2vw, 32px) !important;
}

/* ReefKing 2.4.117 — remove offer-row overhang after shell gutters were removed.
   NOVA's negative row margins otherwise paint beyond the tabs on both sides. */
html.rk-page-pdp body #content-wrapper #buy_form > #product-offer.row {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100%;
    box-sizing: border-box;
}
html.rk-page-pdp body #content-wrapper .tab-navigation:has(> #product-tabs),
html.rk-page-pdp body #content-wrapper #tabAccordion {
    margin-top: 24px;
}

/* ReefKing 2.4.118 — rounded outer offer surface and breathing room.
   Do not clip overflow: native fullscreen gallery and dropdowns must escape. */
html.rk-page-pdp body #content-wrapper #buy_form {
    border-radius: 16px !important;
    padding-top: clamp(16px, 1.5vw, 24px) !important;
    padding-bottom: clamp(16px, 1.5vw, 24px) !important;
    box-sizing: border-box;
}
html.rk-page-pdp body #content-wrapper #buy_form > #product-offer,
html.rk-page-pdp body #content-wrapper #buy_form > #product-offer > .product-info,
html.rk-page-pdp body #content-wrapper #buy_form > #product-offer > .product-gallery {
    background: transparent !important;
}
html.rk-page-pdp body #content-wrapper #buy_form > #product-offer > .product-info,
html.rk-page-pdp body #content-wrapper #buy_form > #product-offer > .product-gallery {
    padding-left: clamp(16px, 1.5vw, 24px) !important;
    padding-right: clamp(16px, 1.5vw, 24px) !important;
}

/* ReefKing 2.4.120: independent home OPC slots and editable promo banners. */
.rk-home-opc-slot { display: block; min-width: 0; }
/* Nur die beiden ausdrücklich markierten OPC-Banner. */
.rk-opc-promo-v2 {
  position: relative;
  isolation: isolate;
  box-sizing: border-box;
  overflow: hidden;
  border: 1px solid #f8bf00;
  border-radius: 14px;
  padding: clamp(24px, 3vw, 44px);
  margin-bottom: 24px;
  background-color: #090a09;
  background-position: right center;
  background-size: cover;
  background-repeat: no-repeat;
  color: #f5f5ef;
}
.rk-opc-promo-v2 .rk-opc-promo-v2-copy {
  position: relative;
  z-index: 1;
  width: 58%;
  max-width: 680px;
  min-width: 0;
}
.rk-opc-promo-v2 h2 {
  color: #f5f5ef;
  font-family: inherit;
  font-size: clamp(24px, 2.6vw, 36px);
  line-height: 1.15;
  margin: 0 0 14px;
}
.rk-opc-promo-v2 p { color: #f5f5ef; line-height: 1.55; }
.rk-opc-promo-v2 .btn {
  width: auto;
  max-width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: normal;
  background: #f8bf00;
  color: #101310;
  border: 1px solid #f8bf00;
  border-radius: 8px;
  padding: 12px 22px;
  font-family: inherit;
  font-weight: 700;
  text-decoration: none;
}
.rk-opc-promo-v2 .btn:hover { background: #ffda57; color: #101310; }
.rk-opc-promo-v2 .btn:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }
@media (max-width: 767px) {
  .rk-opc-promo-v2::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background: rgba(9, 10, 9, .78);
    pointer-events: none;
  }
  .rk-opc-promo-v2 .rk-opc-promo-v2-copy { width: 100%; }
}

.rk-opc-promo-v2--current { background-image: url("images/home-opc-current-v2.jpg"); }
.rk-opc-promo-v2--live-sales { background-image: url("images/home-opc-live-sales-v2.jpg"); }

/* 2.4.123: promo proportions and real OPC typography matching the design intent.
   Scope excludes existing feature cards and native product sliders. */
html.rk-page-home .rk-home-opc-slot .rk-opc-promo-v2 {
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  min-height: 220px !important;
  height: auto !important;
  padding: 24px 30px !important;
}
html.rk-page-home .rk-home-opc-slot .rk-opc-promo-v2 > .opc-area {
  width: 100%;
}
html.rk-page-home .rk-home-opc-slot .rk-opc-promo-v2 .rk-opc-promo-v2-copy {
  width: 58%;
  max-width: 740px;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent;
  border: 0;
}
html.rk-page-home .rk-home-opc-slot .rk-opc-promo-v2 h2 {
  font-family: inherit !important;
  font-size: clamp(26px, 2.3vw, 36px) !important;
  font-weight: 750;
  line-height: 1.15 !important;
  margin: 0 0 14px !important;
  color: #f5f5ef !important;
}
html.rk-page-home .rk-home-opc-slot .rk-opc-promo-v2 p {
  font-size: clamp(16px, 1.25vw, 19px) !important;
  line-height: 1.5 !important;
  margin: 0 0 16px !important;
}
html.rk-page-home .rk-home-opc-slot .rk-opc-promo-v2 .rk-opc-promo-kicker,
html.rk-page-home .rk-home-opc-slot .rk-opc-promo-v2 .rk-opc-promo-kicker p {
  color: #f8bf00 !important;
  -webkit-text-fill-color: #f8bf00 !important;
  font-size: clamp(12px, 1vw, 15px) !important;
  font-weight: 700;
  letter-spacing: .09em;
  line-height: 1.4 !important;
  margin: 0 0 14px !important;
}
html.rk-page-home .rk-home-opc-slot .rk-opc-promo-v2 .btn {
  display: inline-flex !important;
  width: auto !important;
  max-width: 100%;
  font-size: clamp(15px, 1.15vw, 18px) !important;
  padding: 13px 26px !important;
  min-height: 48px;
  line-height: 1.3;
  box-shadow: none !important;
  background: #f8bf00 !important;
  color: #101310 !important;
  -webkit-text-fill-color: #101310 !important;
}
html.rk-page-home .rk-home-opc-slot .rk-opc-promo-v2 .btn:hover {
  background: #ffda57 !important;
}
@media (max-width: 767px) {
  html.rk-page-home .rk-home-opc-slot .rk-opc-promo-v2 {
    min-height: 230px !important;
  }
  html.rk-page-home .rk-home-opc-slot .rk-opc-promo-v2 .rk-opc-promo-v2-copy {
    width: 100%;
  }
}

/* Live Sales is intentionally a shallower strip than the current-news banner. */
html.rk-page-home .rk-home-opc-slot .rk-opc-promo-v2--live-sales {
  min-height: 180px !important;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
html.rk-page-home .rk-home-opc-slot .rk-opc-promo-v2--live-sales h2 {
  font-size: clamp(25px, 2.1vw, 32px) !important;
  margin-bottom: 8px !important;
}
@media (max-width: 767px) {
  html.rk-page-home .rk-home-opc-slot .rk-opc-promo-v2 {
    padding: 24px !important;
  }
  html.rk-page-home .rk-home-opc-slot .rk-opc-promo-v2--live-sales {
    min-height: 210px !important;
  }
}

/* 2.4.124: Match legacy homepage card CTAs to the new OPC banner buttons. */
#rk2-home .rk2-opc-feature-grid :is(.opc-Button, .rk-opc-button-overlay, .rk-opc-lower-card-button) :is(a, button, .btn) {
  background: #f8bf00 !important;
  border-color: #f8bf00 !important;
  color: #101310 !important;
  -webkit-text-fill-color: #101310 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}
#rk2-home .rk2-opc-feature-grid :is(.opc-Button, .rk-opc-button-overlay, .rk-opc-lower-card-button) :is(a, button, .btn):hover {
  background: #ffda57 !important;
  border-color: #ffda57 !important;
}
#rk2-home .rk2-opc-feature-grid :is(.opc-Button, .rk-opc-button-overlay, .rk-opc-lower-card-button) :is(a, button, .btn):focus-visible {
  outline: 3px solid #fff;
  outline-offset: 4px;
}

/* 2.4.125: Filled gold buttons only. Decorative gold tokens remain unchanged. */
#cart-dropdown-container .btn-primary,
#footer #footer-boxes .input-group-append :is(.btn,button,input[type="submit"]),
#footer .btn-primary,
#footer .newsletter-footer form .input-group-append > button[type="submit"].btn-secondary,
#footer :is(.newsletter-form,.subscribe-module-form) :is(.btn-primary,button[type="submit"],input[type="submit"]),
#footer-boxes .input-group > .input-group-append > :is(.btn,button,input[type="submit"]),
#footer-boxes .input-group > :is(.btn,button[type="submit"],input[type="submit"]),
#footer-boxes :is(.newsletter-form,.subscribe-module-form) :is(.btn-primary,button[type="submit"],input[type="submit"]),
#footer.newsletter-active .newsletter-footer form .input-group-append > button.btn.btn-secondary,
#search .btn,
#wishlist-dropdown-container .btn-primary,
.btn-primary,
.fixed-search .btn,
.rk-plan a.rk-plan-button,
.rk2-btn--gold,
.search-form-wrapper-fixed .btn,
footer .btn-primary,
footer :is(.newsletter-form,.subscribe-module-form) :is(.btn-primary,button[type="submit"],input[type="submit"]),
html body #content-wrapper .rk-arrival a.rk-arrival-button,
html body #content-wrapper .rk-care a.rk-care-button,
html body #content-wrapper .rk-coins a.rk-coins-button,
html body #content-wrapper .rk-detective a.rk-detective-button,
html body #content-wrapper .rk-guide a.rk-guide-button,
html body #content-wrapper .rk-help a.rk-help-button,
html body #content-wrapper .rk-imprint a.rk-imprint-button,
html body #content-wrapper .rk-live a.rk-live-button,
html body #content-wrapper .rk-mail a.rk-mail-button,
html body #content-wrapper .rk-mail-page :is(#newsletter-subscribe,#newsletter-unsubscribe) button[type=submit],
html body #content-wrapper .rk-payment a.rk-payment-button,
html body #content-wrapper .rk-plan a.rk-plan-button,
html body #content-wrapper .rk-plan a.rk-plan-button:visited,
html body #content-wrapper .rk-shipping-calculator button[type="submit"],
html body #content-wrapper .rk-tcw a.rk-tcw-button,
html body #content-wrapper .rk-tcw a.rk-tcw-button:not(.rk-tcw-secondary),
html body #content-wrapper .rk-warranty a.rk-warranty-button,
html body .rk-contact-scope :is(.btn-primary,button[type=submit],input[type=submit]),
html.rk-page-account #content-wrapper :is(.btn-primary,button[type="submit"],input[type="submit"]),
html.rk-page-cart .modal .btn-primary,
html.rk-page-cart .modal .btn-success,
html.rk-page-checkout #content-wrapper #content :is(.btn-primary,#complete-order-button),
html.rk-page-checkout #content-wrapper .checkout-button-row .btn-primary:not(:disabled):not(.disabled),
html.rk-page-checkout #content-wrapper :is(#order-confirm,.checkout-confirmation) :is(.btn-primary,#complete-order-button),
html.rk-page-home .rk2-opc-feature-grid .rk-opc-banner-card :is(.btn,button,[class*="button"]),
html.rk-page-home section.rk2-opc-feature-grid.rk2-shell > .banner :is(.btn,button,[class*="button"]),
html.rk-page-home section.rk2-opc-feature-grid.rk2-shell > .rk-opc-button-overlay :is(a,button,.btn),
html.rk-page-home section.rk2-opc-feature-grid.rk2-shell > .rk-opc-mobile-stack > .rk-opc-button-overlay :is(a,button,.btn),
html.rk-page-info #content-wrapper :is(.btn-primary,button[type="submit"],input[type="submit"]),
html.rk-page-kingcoin #content-wrapper :is(.btn-primary,button[type="submit"],input[type="submit"]),
html.rk-page-legal #content :is(.btn-primary, button[type="submit"], input[type="submit"]),
html.rk-page-news body #content :is(.btn-primary,button[type=submit]),
html.rk-page-pdp #content-wrapper .product-info-inner .availability-notification-form .btn-primary,
html.rk-page-pdp #content-wrapper .product-info-inner [class*="availability" i] :is(.btn-primary, button[type="submit"]),
html.rk-page-pdp #content-wrapper .product-info-inner [class*="benach" i] :is(.btn-primary, button[type="submit"]),
html.rk-page-pdp #content-wrapper .product-info-inner [class*="notification" i] :is(.btn-primary, button[type="submit"]),
html.rk-page-pdp #content-wrapper .product-info-inner [class*="notify" i] :is(.btn-primary, button[type="submit"]),
html.rk-page-pdp #content-wrapper .product-info-inner [id*="article_availability" i] :is(.btn-primary, button[type="submit"]),
html.rk-page-pdp #content-wrapper .product-info-inner form:has(input[type="email"]) :is(.btn-primary, button[type="submit"], input[type="submit"]),
html.rk-page-pdp #content-wrapper .product-info-inner form[id^="article_availability"] .btn-primary,
html.rk-page-pdp #content-wrapper .product-info-inner form[id^="article_availability"] button[type="submit"],
html.rk-page-pdp #content-wrapper .rk-availability-notification :is(.btn-primary, button[type="submit"], input[type="submit"]),
html.rk-page-pdp #content-wrapper form[id^="article_availability"] .btn,
html.rk-page-pdp #content-wrapper form[id^="article_availability"] button[type="submit"],
html:is(.rk-page-cart,.rk-page-checkout,.rk-page-order-complete) #content-wrapper .btn-primary {
  background: #f8bf00 !important;
  border-color: #f8bf00 !important;
  color: #101310 !important;
  -webkit-text-fill-color: #101310 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}
#cart-dropdown-container .btn-primary:focus-visible,
#cart-dropdown-container .btn-primary:hover,
#footer #footer-boxes .input-group-append :is(.btn,button,input[type="submit"]):focus,
#footer #footer-boxes .input-group-append :is(.btn,button,input[type="submit"]):hover,
#footer .newsletter-footer form .input-group-append > button[type="submit"].btn-secondary:focus,
#footer .newsletter-footer form .input-group-append > button[type="submit"].btn-secondary:focus-visible,
#footer .newsletter-footer form .input-group-append > button[type="submit"].btn-secondary:hover,
#footer :is(.newsletter-form,.subscribe-module-form) :is(.btn-primary,button[type="submit"],input[type="submit"]):focus,
#footer :is(.newsletter-form,.subscribe-module-form) :is(.btn-primary,button[type="submit"],input[type="submit"]):hover,
#footer-boxes .input-group > .input-group-append > :is(.btn,button,input[type="submit"]):focus,
#footer-boxes .input-group > .input-group-append > :is(.btn,button,input[type="submit"]):hover,
#footer-boxes .input-group > :is(.btn,button[type="submit"],input[type="submit"]):focus,
#footer-boxes .input-group > :is(.btn,button[type="submit"],input[type="submit"]):hover,
#footer-boxes :is(.newsletter-form,.subscribe-module-form) :is(.btn-primary,button[type="submit"],input[type="submit"]):focus,
#footer-boxes :is(.newsletter-form,.subscribe-module-form) :is(.btn-primary,button[type="submit"],input[type="submit"]):hover,
#footer.newsletter-active .newsletter-footer form .input-group-append > button.btn.btn-secondary:focus,
#footer.newsletter-active .newsletter-footer form .input-group-append > button.btn.btn-secondary:focus-visible,
#footer.newsletter-active .newsletter-footer form .input-group-append > button.btn.btn-secondary:hover,
#search .btn:focus,
#search .btn:hover,
#wishlist-dropdown-container .btn-primary:focus-visible,
#wishlist-dropdown-container .btn-primary:hover,
.btn-primary:focus,
.btn-primary:hover,
.fixed-search .btn:focus,
.fixed-search .btn:hover,
.rk-plan a.rk-plan-button:hover,
.rk2-btn--gold:hover,
.rk2-products .btn-outline-primary:hover,
.rk2-products .btn-primary:hover,
.search-form-wrapper-fixed .btn:focus,
.search-form-wrapper-fixed .btn:hover,
footer :is(.newsletter-form,.subscribe-module-form) :is(.btn-primary,button[type="submit"],input[type="submit"]):focus,
footer :is(.newsletter-form,.subscribe-module-form) :is(.btn-primary,button[type="submit"],input[type="submit"]):hover,
html body #content-wrapper .rk-plan a.rk-plan-button:focus-visible,
html body #content-wrapper .rk-plan a.rk-plan-button:hover,
html body #content-wrapper .rk-shipping-calculator button[type="submit"]:hover,
html body #content-wrapper .rk-tcw a.rk-tcw-button:not(.rk-tcw-secondary):is(:visited,:hover,:focus,:active),
html.rk-page-account #content-wrapper :is(.btn-primary,button[type="submit"],input[type="submit"]):focus-visible,
html.rk-page-account #content-wrapper :is(.btn-primary,button[type="submit"],input[type="submit"]):hover,
html.rk-page-cart .modal .btn-primary:focus-visible,
html.rk-page-cart .modal .btn-primary:hover,
html.rk-page-cart .modal .btn-success:focus-visible,
html.rk-page-cart .modal .btn-success:hover,
html.rk-page-checkout #content-wrapper #content :is(.btn-primary,#complete-order-button):hover,
html.rk-page-checkout #content-wrapper :is(#order-confirm,.checkout-confirmation) :is(.btn-primary,#complete-order-button):focus-visible,
html.rk-page-checkout #content-wrapper :is(#order-confirm,.checkout-confirmation) :is(.btn-primary,#complete-order-button):hover,
html.rk-page-info #content-wrapper :is(.btn-primary,button[type="submit"],input[type="submit"]):focus-visible,
html.rk-page-info #content-wrapper :is(.btn-primary,button[type="submit"],input[type="submit"]):hover,
html.rk-page-kingcoin #content-wrapper :is(.btn-primary,button[type="submit"],input[type="submit"]):focus-visible,
html.rk-page-kingcoin #content-wrapper :is(.btn-primary,button[type="submit"],input[type="submit"]):hover,
html.rk-page-legal #content :is(.btn-primary, button[type="submit"], input[type="submit"]):focus-visible,
html.rk-page-legal #content :is(.btn-primary, button[type="submit"], input[type="submit"]):hover,
html.rk-page-pdp #content-wrapper .product-info-inner .availability-notification-form .btn-primary:hover,
html.rk-page-pdp #content-wrapper .product-info-inner form:has(input[type="email"]) :is(.btn-primary, button[type="submit"], input[type="submit"]):hover,
html.rk-page-pdp #content-wrapper .product-info-inner form[id^="article_availability"] .btn-primary:hover,
html.rk-page-pdp #content-wrapper .product-info-inner form[id^="article_availability"] button[type="submit"]:hover,
html.rk-page-pdp #content-wrapper .rk-availability-notification :is(.btn-primary, button[type="submit"], input[type="submit"]):hover,
html.rk-page-pdp #content-wrapper form[id^="article_availability"] .btn:hover,
html.rk-page-pdp #content-wrapper form[id^="article_availability"] button[type="submit"]:hover,
html:is(.rk-page-cart,.rk-page-checkout,.rk-page-order-complete) #content-wrapper .btn-primary:focus,
html:is(.rk-page-cart,.rk-page-checkout,.rk-page-order-complete) #content-wrapper .btn-primary:hover {
  background: #ffda57 !important;
  border-color: #ffda57 !important;
  color: #101310 !important;
  -webkit-text-fill-color: #101310 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

html body #content-wrapper .rk-tcw a.rk-tcw-button:not(.rk-tcw-secondary) {background:#f8bf00!important;border-color:#f8bf00!important;}
html body #content-wrapper .rk-tcw a.rk-tcw-button:not(.rk-tcw-secondary):is(:visited,:active) {background:#f8bf00!important;border-color:#f8bf00!important;}
html body #content-wrapper .rk-tcw a.rk-tcw-button:not(.rk-tcw-secondary):is(:hover,:focus) {background:#ffda57!important;border-color:#ffda57!important;}