/* RP Widget Shortcode Builder frontend - v0.1.522 */
.rp-widget {
    --rpw-root-color: #343a40;
    --rpw-bg: transparent;
    --rpw-arrow-size: 38px;
    --rpw-arrow-radius: 12px;
    --rpw-arrow-color: #111827;
    --rpw-arrow-bg: #fff;
    --rpw-dots-color: #d1d5db;
    --rpw-dots-active: #fd314a;
    --rpw-overlay-color: #000;
    --rpw-overlay-opacity: 0;
    direction: rtl;
    color: var(--rpw-root-color);
    font-family: var(--rp-font, inherit);
    width: 100%;
    box-sizing: border-box;
    padding: var(--rpw-section-pt, 0) var(--rpw-section-pr, 0) var(--rpw-section-pb, 0) var(--rpw-section-pl, 0);
    margin: var(--rpw-section-mt, 20px) var(--rpw-section-mr, 0) var(--rpw-section-mb, 20px) var(--rpw-section-ml, 0);
    border-radius: var(--rpw-section-radius-top-left, var(--rpw-section-radius, 0)) var(--rpw-section-radius-top-right, var(--rpw-section-radius, 0)) var(--rpw-section-radius-bottom-right, var(--rpw-section-radius, 0)) var(--rpw-section-radius-bottom-left, var(--rpw-section-radius, 0));
    border-style: var(--rpw-section-border-style, solid);
    border-width: var(--rpw-section-border-top, 0) var(--rpw-section-border-right, 0) var(--rpw-section-border-bottom, 0) var(--rpw-section-border-left, 0);
    border-color: var(--rpw-section-border-color, transparent);
    background: var(--rpw-bg);
    box-shadow: var(--rpw-section-shadow-value, 0 0 transparent), var(--rpw-glass-shadow, 0 0 transparent);
    /* The Main Section is the clipping boundary for decorative artwork. */
    overflow: hidden !important;
    transition: border-color var(--rpw-section-transition-leave, var(--rpw-section-transition, 180ms)) ease, box-shadow var(--rpw-section-transition-leave, var(--rpw-section-transition, 180ms)) ease, transform var(--rpw-section-transition-leave, var(--rpw-section-transition, 180ms)) ease;
}

/* Responsive widget display mode: each device may be grid or a multi-row carousel. */
@media (min-width: 1025px) {
    .rp-widget-layout-desktop-grid .rp-widget-track {
        display: grid !important;
        grid-auto-flow: row !important;
        grid-template-columns: repeat(var(--rpw-cols-desktop), minmax(0, 1fr)) !important;
        grid-template-rows: none !important;
        grid-auto-columns: auto !important;
        overflow: visible !important;
        scroll-snap-type: none !important;
    }
    .rp-widget-layout-desktop-carousel .rp-widget-track {
        display: grid !important;
        grid-auto-flow: column !important;
        grid-template-columns: none !important;
        grid-template-rows: repeat(var(--rpw-rows-desktop), minmax(0, auto)) !important;
        grid-auto-columns: calc((100% - (var(--rpw-gap) * (var(--rpw-visible-desktop) - 1))) / var(--rpw-visible-desktop)) !important;
        overflow-x: auto !important;
    }
    .rp-widget-layout-desktop-grid :is(.rp-widget-arrow, .rp-widget-dots) { display: none !important; }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .rp-widget-layout-tablet-grid .rp-widget-track {
        display: grid !important;
        grid-auto-flow: row !important;
        grid-template-columns: repeat(var(--rpw-cols-tablet), minmax(0, 1fr)) !important;
        grid-template-rows: none !important;
        grid-auto-columns: auto !important;
        overflow: visible !important;
        scroll-snap-type: none !important;
    }
    .rp-widget-layout-tablet-carousel .rp-widget-track {
        display: grid !important;
        grid-auto-flow: column !important;
        grid-template-columns: none !important;
        grid-template-rows: repeat(var(--rpw-rows-tablet), minmax(0, auto)) !important;
        grid-auto-columns: calc((100% - (var(--rpw-gap) * (var(--rpw-visible-tablet) - 1))) / var(--rpw-visible-tablet)) !important;
        overflow-x: auto !important;
    }
    .rp-widget-layout-tablet-grid :is(.rp-widget-arrow, .rp-widget-dots) { display: none !important; }
}

@media (max-width: 767px) {
    .rp-widget-layout-mobile-grid .rp-widget-track {
        display: grid !important;
        grid-auto-flow: row !important;
        grid-template-columns: repeat(var(--rpw-cols-mobile), minmax(0, 1fr)) !important;
        grid-template-rows: none !important;
        grid-auto-columns: auto !important;
        overflow: visible !important;
        scroll-snap-type: none !important;
    }
    .rp-widget-layout-mobile-carousel .rp-widget-track {
        display: grid !important;
        grid-auto-flow: column !important;
        grid-template-columns: none !important;
        grid-template-rows: repeat(var(--rpw-rows-mobile), minmax(0, auto)) !important;
        grid-auto-columns: calc((100% - (var(--rpw-gap) * (var(--rpw-visible-mobile) - 1))) / var(--rpw-visible-mobile)) !important;
        overflow-x: auto !important;
    }
    .rp-widget-layout-mobile-grid :is(.rp-widget-arrow, .rp-widget-dots) { display: none !important; }
}

.rp-widget:is(:hover, :focus-within) {
    transition-duration: var(--rpw-section-transition-enter, var(--rpw-section-transition, 180ms));
    border-color: var(--rpw-section-border-hover-color, var(--rpw-section-border-color, transparent));
    box-shadow: var(--rpw-section-hover-shadow-value, var(--rpw-section-shadow-value, 0 0 transparent)), var(--rpw-glass-shadow, 0 0 transparent);
    transform: translateY(var(--rpw-section-hover-y, 0)) scale(var(--rpw-section-hover-scale, 1));
}
.rp-widget-section-shadow-soft { --rpw-section-shadow-value: 0 10px 28px color-mix(in srgb, var(--rpw-section-shadow-color, #000000) 8%, transparent); }
.rp-widget-section-shadow-medium { --rpw-section-shadow-value: 0 18px 46px color-mix(in srgb, var(--rpw-section-shadow-color, #000000) 13%, transparent); }
.rp-widget-section-shadow-strong { --rpw-section-shadow-value: 0 26px 70px color-mix(in srgb, var(--rpw-section-shadow-color, #000000) 20%, transparent); }
.rp-widget-section-hover-shadow-soft { --rpw-section-hover-shadow-value: 0 10px 28px color-mix(in srgb, var(--rpw-section-hover-shadow-color, #000000) 8%, transparent); }
.rp-widget-section-hover-shadow-medium { --rpw-section-hover-shadow-value: 0 18px 46px color-mix(in srgb, var(--rpw-section-hover-shadow-color, #000000) 13%, transparent); }
.rp-widget-section-hover-shadow-strong { --rpw-section-hover-shadow-value: 0 26px 70px color-mix(in srgb, var(--rpw-section-hover-shadow-color, #000000) 20%, transparent); }

/* Product-widget glass surfaces. These affect only the root widget wrapper. */
.rp-widget.rp-widget-bg-glass,
.rp-widget.rp-widget-bg-liquid_glass {
    position: relative;
    isolation: isolate;
    background-color: transparent;
    background-image: var(--rpw-bg-image, none);
    background-size: var(--rpw-bg-size, cover);
    background-position: var(--rpw-bg-position, center center);
    background-repeat: var(--rpw-bg-repeat, no-repeat);
    border-color: color-mix(in srgb, #fff var(--rpw-glass-border-opacity, 35%), var(--rpw-section-border-color, transparent));
    --rpw-glass-shadow: inset 0 1px 0 color-mix(in srgb, #fff var(--rpw-glass-border-opacity, 35%), transparent);
}
.rp-widget.rp-widget-bg-glass::before,
.rp-widget.rp-widget-bg-liquid_glass::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    border-radius: inherit;
    pointer-events: none;
    background-color: color-mix(in srgb, var(--rpw-glass-tint, #fff) var(--rpw-glass-tint-opacity, 18%), transparent);
    -webkit-backdrop-filter: blur(var(--rpw-glass-blur, 20px)) saturate(var(--rpw-glass-saturation, 140%));
    backdrop-filter: blur(var(--rpw-glass-blur, 20px)) saturate(var(--rpw-glass-saturation, 140%));
}
.rp-widget.rp-widget-bg-liquid_glass::before {
    background:
        radial-gradient(circle at 16% 0%, color-mix(in srgb, #fff var(--rpw-liquid-highlight, 55%), transparent), transparent 46%),
        radial-gradient(circle at 88% 100%, color-mix(in srgb, var(--rpw-glass-tint, #fff) var(--rpw-liquid-depth, 35%), transparent), transparent 52%),
        linear-gradient(135deg, color-mix(in srgb, var(--rpw-glass-tint, #fff) var(--rpw-liquid-highlight, 55%), transparent), color-mix(in srgb, var(--rpw-glass-tint, #fff) var(--rpw-glass-tint-opacity, 18%), transparent));
    background-color: color-mix(in srgb, var(--rpw-glass-tint, #fff) var(--rpw-glass-tint-opacity, 18%), transparent);
    -webkit-backdrop-filter: blur(var(--rpw-glass-blur, 20px)) saturate(var(--rpw-glass-saturation, 140%)) contrast(1.04);
    backdrop-filter: blur(var(--rpw-glass-blur, 20px)) saturate(var(--rpw-glass-saturation, 140%)) contrast(1.04);
}
.rp-widget.rp-widget-bg-liquid_glass { --rpw-glass-shadow: inset 0 1px 1px color-mix(in srgb, #fff var(--rpw-liquid-highlight, 55%), transparent), inset 0 -8px 24px color-mix(in srgb, #0f172a var(--rpw-liquid-depth, 35%), transparent); }
.rp-widget:is(.rp-widget-bg-glass, .rp-widget-bg-liquid_glass) > .rp-widget-inner { position: relative; z-index: 1; }

.rp-widget.rp-widget-has-decoration { position: relative; }
.rp-widget.rp-widget-has-decoration::after {
    content: "";
    display: var(--rpw-section-decoration-display, block);
    position: absolute;
    top: var(--rpw-section-decoration-top, 0);
    right: var(--rpw-section-decoration-right, 0);
    bottom: var(--rpw-section-decoration-bottom, auto);
    left: var(--rpw-section-decoration-left, auto);
    width: var(--rpw-section-decoration-width, 200px);
    height: var(--rpw-section-decoration-height, 200px);
    background-image: var(--rpw-section-decoration-image, none);
    background-position: center;
    background-repeat: no-repeat;
    background-size: var(--rpw-section-decoration-size, contain);
    opacity: var(--rpw-section-decoration-opacity, 1);
    transform: scale(var(--rpw-section-decoration-scale, 1));
    transform-origin: center;
    pointer-events: none;
    z-index: var(--rpw-section-decoration-z, 0);
}
.rp-widget.rp-widget-decoration-behind::after { z-index: 0; }
.rp-widget.rp-widget-decoration-above::after { z-index: 9; }
.rp-widget.rp-widget-has-decoration > .rp-widget-inner { position: relative; z-index: 1; }
:is(body.rp-theme-color-preset-dark, body.rp-theme-dark, body.is-dark, html[data-rp-user-theme="dark"] body, html[data-rp-theme-mode="dark"] body, html[data-theme="dark"] body) .rp-widget.rp-widget-has-decoration::after {
    background-image: var(--rpw-section-decoration-image-dark, var(--rpw-section-decoration-image, none));
}
.rp-widget.rp-widget-has-decoration > .rp-widget-section-decoration-link {
    display: none;
    position: absolute;
    top: var(--rpw-section-decoration-top, 0);
    right: var(--rpw-section-decoration-right, 0);
    bottom: var(--rpw-section-decoration-bottom, auto);
    left: var(--rpw-section-decoration-left, auto);
    z-index: 10;
    width: var(--rpw-section-decoration-width, 200px);
    height: var(--rpw-section-decoration-height, 200px);
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    transform: scale(var(--rpw-section-decoration-scale, 1));
    transform-origin: center;
    cursor: pointer;
}
.rp-widget.rp-widget-has-decoration > .rp-widget-section-decoration-link:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 3px;
}
@media (min-width: 1025px) {
    .rp-widget.rp-widget-has-decoration > .rp-widget-section-decoration-link--has-desktop {
        display: var(--rpw-section-decoration-display, block);
    }
}
@media (max-width: 1024px) {
    .rp-widget.rp-widget-has-decoration::after { display: var(--rpw-section-decoration-display-tablet, var(--rpw-section-decoration-display, block)); background-image: var(--rpw-section-decoration-image-tablet, var(--rpw-section-decoration-image, none)); }
}
@media (min-width: 768px) and (max-width: 1024px) {
    .rp-widget.rp-widget-has-decoration > .rp-widget-section-decoration-link--has-tablet {
        display: var(--rpw-section-decoration-display-tablet, var(--rpw-section-decoration-display, block));
    }
}
@media (max-width: 767px) {
    .rp-widget.rp-widget-has-decoration::after { display: var(--rpw-section-decoration-display-mobile, var(--rpw-section-decoration-display-tablet, var(--rpw-section-decoration-display, block))); background-image: var(--rpw-section-decoration-image-mobile, var(--rpw-section-decoration-image-tablet, var(--rpw-section-decoration-image, none))); }
    .rp-widget.rp-widget-has-decoration > .rp-widget-section-decoration-link--has-mobile {
        display: var(--rpw-section-decoration-display-mobile, var(--rpw-section-decoration-display-tablet, var(--rpw-section-decoration-display, block)));
    }
}

.rp-widget.rp-widget-has-section-overlay { position: relative; isolation: isolate; }
.rp-widget.rp-widget-has-section-overlay::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    border-radius: inherit;
    pointer-events: none;
    opacity: 0;
    background-color: transparent;
    background-image: none;
    background-repeat: repeat;
    background-position: center;
    background-size: var(--rpw-section-pattern-size, 20px) var(--rpw-section-pattern-size, 20px);
    mix-blend-mode: var(--rpw-section-pattern-blend, normal);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}
.rp-widget:is(.rp-widget-section-overlay-solid, .rp-widget-section-overlay-dots, .rp-widget-section-overlay-grid, .rp-widget-section-overlay-image)::before {
    -webkit-backdrop-filter: blur(var(--rpw-section-pattern-blur, 0));
    backdrop-filter: blur(var(--rpw-section-pattern-blur, 0));
}
.rp-widget.rp-widget-section-overlay-solid::before {
    opacity: 1;
    background-color: color-mix(in srgb, var(--rpw-section-pattern-color, #fff) var(--rpw-section-pattern-opacity, 18%), transparent);
}
.rp-widget.rp-widget-section-overlay-dots::before {
    opacity: 1;
    background-image: radial-gradient(circle, color-mix(in srgb, var(--rpw-section-pattern-color, #fff) var(--rpw-section-pattern-opacity, 18%), transparent) 1.5px, transparent 1.7px);
}
.rp-widget.rp-widget-section-overlay-grid::before {
    opacity: 1;
    background-image:
        linear-gradient(color-mix(in srgb, var(--rpw-section-pattern-color, #fff) var(--rpw-section-pattern-opacity, 18%), transparent) 1px, transparent 1px),
        linear-gradient(90deg, color-mix(in srgb, var(--rpw-section-pattern-color, #fff) var(--rpw-section-pattern-opacity, 18%), transparent) 1px, transparent 1px);
}
.rp-widget.rp-widget-section-overlay-image::before {
    background-image: var(--rpw-section-pattern-image, none);
    opacity: var(--rpw-section-pattern-alpha, .18);
}
.rp-widget.rp-widget-has-section-overlay > .rp-widget-inner { position: relative; z-index: 1; }

/* Responsive Main Section mode ownership. The wrapper carries one class per
   breakpoint; inactive device modes never leak through the cascade. */
@media (min-width: 1025px) {
    .rp-widget:is(.rp-widget-bg-desktop-image, .rp-widget-bg-desktop-glass, .rp-widget-bg-desktop-liquid_glass) {
        position: relative;
        isolation: isolate;
        background-color: transparent;
        background-image: var(--rpw-bg-image, none);
        background-size: var(--rpw-bg-size, cover);
        background-position: var(--rpw-bg-position, center center);
        background-repeat: var(--rpw-bg-repeat, no-repeat);
    }
    .rp-widget:is(.rp-widget-bg-desktop-glass, .rp-widget-bg-desktop-liquid_glass) {
        border-color: color-mix(in srgb, #fff var(--rpw-glass-border-opacity, 35%), var(--rpw-section-border-color, transparent));
        --rpw-glass-shadow: inset 0 1px 0 color-mix(in srgb, #fff var(--rpw-glass-border-opacity, 35%), transparent);
    }
    .rp-widget.rp-widget-bg-desktop-image::before { content: ""; position: absolute; inset: 0; z-index: 0; border-radius: inherit; pointer-events: none; background: var(--rpw-section-overlay-color, #000); opacity: var(--rpw-section-overlay-opacity, 0); }
    .rp-widget:is(.rp-widget-bg-desktop-glass, .rp-widget-bg-desktop-liquid_glass)::before {
        content: ""; position: absolute; inset: 0; z-index: 0; border-radius: inherit; pointer-events: none; opacity: 1;
        background-color: color-mix(in srgb, var(--rpw-glass-tint, #fff) var(--rpw-glass-tint-opacity, 18%), transparent);
        -webkit-backdrop-filter: blur(var(--rpw-glass-blur, 20px)) saturate(var(--rpw-glass-saturation, 140%));
        backdrop-filter: blur(var(--rpw-glass-blur, 20px)) saturate(var(--rpw-glass-saturation, 140%));
    }
    .rp-widget.rp-widget-bg-desktop-liquid_glass::before {
        background: radial-gradient(circle at 16% 0%, color-mix(in srgb, #fff var(--rpw-liquid-highlight, 55%), transparent), transparent 46%), radial-gradient(circle at 88% 100%, color-mix(in srgb, var(--rpw-glass-tint, #fff) var(--rpw-liquid-depth, 35%), transparent), transparent 52%), linear-gradient(135deg, color-mix(in srgb, var(--rpw-glass-tint, #fff) var(--rpw-liquid-highlight, 55%), transparent), color-mix(in srgb, var(--rpw-glass-tint, #fff) var(--rpw-glass-tint-opacity, 18%), transparent));
    }
    .rp-widget.rp-widget-bg-desktop-liquid_glass { --rpw-glass-shadow: inset 0 1px 1px color-mix(in srgb, #fff var(--rpw-liquid-highlight, 55%), transparent), inset 0 -8px 24px color-mix(in srgb, #0f172a var(--rpw-liquid-depth, 35%), transparent); }
    .rp-widget:is(.rp-widget-bg-desktop-image, .rp-widget-bg-desktop-glass, .rp-widget-bg-desktop-liquid_glass) > .rp-widget-inner { position: relative; z-index: 1; }
    .rp-widget.rp-widget-section-overlay-desktop-solid::before { opacity: 1; background-color: color-mix(in srgb, var(--rpw-section-pattern-color, #fff) var(--rpw-section-pattern-opacity, 18%), transparent); -webkit-backdrop-filter: blur(var(--rpw-section-pattern-blur, 0)); backdrop-filter: blur(var(--rpw-section-pattern-blur, 0)); }
    .rp-widget.rp-widget-section-overlay-desktop-dots::before { opacity: 1; background-image: radial-gradient(circle, color-mix(in srgb, var(--rpw-section-pattern-color, #fff) var(--rpw-section-pattern-opacity, 18%), transparent) 1.5px, transparent 1.7px); -webkit-backdrop-filter: blur(var(--rpw-section-pattern-blur, 0)); backdrop-filter: blur(var(--rpw-section-pattern-blur, 0)); }
    .rp-widget.rp-widget-section-overlay-desktop-grid::before { opacity: 1; background-image: linear-gradient(color-mix(in srgb, var(--rpw-section-pattern-color, #fff) var(--rpw-section-pattern-opacity, 18%), transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--rpw-section-pattern-color, #fff) var(--rpw-section-pattern-opacity, 18%), transparent) 1px, transparent 1px); -webkit-backdrop-filter: blur(var(--rpw-section-pattern-blur, 0)); backdrop-filter: blur(var(--rpw-section-pattern-blur, 0)); }
    .rp-widget.rp-widget-section-overlay-desktop-image::before { opacity: var(--rpw-section-pattern-alpha, .18); background-image: var(--rpw-section-pattern-image, none); -webkit-backdrop-filter: blur(var(--rpw-section-pattern-blur, 0)); backdrop-filter: blur(var(--rpw-section-pattern-blur, 0)); }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .rp-widget:is(.rp-widget-bg-tablet-image, .rp-widget-bg-tablet-glass, .rp-widget-bg-tablet-liquid_glass) {
        position: relative; isolation: isolate; background-color: transparent; background-image: var(--rpw-bg-image-tablet, var(--rpw-bg-image, none)); background-size: var(--rpw-bg-size, cover); background-position: var(--rpw-bg-position, center center); background-repeat: var(--rpw-bg-repeat, no-repeat);
    }
    .rp-widget:is(.rp-widget-bg-tablet-glass, .rp-widget-bg-tablet-liquid_glass) { border-color: color-mix(in srgb, #fff var(--rpw-glass-border-opacity, 35%), var(--rpw-section-border-color, transparent)); --rpw-glass-shadow: inset 0 1px 0 color-mix(in srgb, #fff var(--rpw-glass-border-opacity, 35%), transparent); }
    .rp-widget.rp-widget-bg-tablet-image::before { content: ""; position: absolute; inset: 0; z-index: 0; border-radius: inherit; pointer-events: none; background: var(--rpw-section-overlay-color, #000); opacity: var(--rpw-section-overlay-opacity, 0); }
    .rp-widget:is(.rp-widget-bg-tablet-glass, .rp-widget-bg-tablet-liquid_glass)::before { content: ""; position: absolute; inset: 0; z-index: 0; border-radius: inherit; pointer-events: none; opacity: 1; background-color: color-mix(in srgb, var(--rpw-glass-tint, #fff) var(--rpw-glass-tint-opacity, 18%), transparent); -webkit-backdrop-filter: blur(var(--rpw-glass-blur, 20px)) saturate(var(--rpw-glass-saturation, 140%)); backdrop-filter: blur(var(--rpw-glass-blur, 20px)) saturate(var(--rpw-glass-saturation, 140%)); }
    .rp-widget.rp-widget-bg-tablet-liquid_glass::before { background: radial-gradient(circle at 16% 0%, color-mix(in srgb, #fff var(--rpw-liquid-highlight, 55%), transparent), transparent 46%), radial-gradient(circle at 88% 100%, color-mix(in srgb, var(--rpw-glass-tint, #fff) var(--rpw-liquid-depth, 35%), transparent), transparent 52%), linear-gradient(135deg, color-mix(in srgb, var(--rpw-glass-tint, #fff) var(--rpw-liquid-highlight, 55%), transparent), color-mix(in srgb, var(--rpw-glass-tint, #fff) var(--rpw-glass-tint-opacity, 18%), transparent)); }
    .rp-widget.rp-widget-bg-tablet-liquid_glass { --rpw-glass-shadow: inset 0 1px 1px color-mix(in srgb, #fff var(--rpw-liquid-highlight, 55%), transparent), inset 0 -8px 24px color-mix(in srgb, #0f172a var(--rpw-liquid-depth, 35%), transparent); }
    .rp-widget:is(.rp-widget-bg-tablet-image, .rp-widget-bg-tablet-glass, .rp-widget-bg-tablet-liquid_glass) > .rp-widget-inner { position: relative; z-index: 1; }
    .rp-widget.rp-widget-section-overlay-tablet-solid::before { opacity: 1; background-color: color-mix(in srgb, var(--rpw-section-pattern-color, #fff) var(--rpw-section-pattern-opacity, 18%), transparent); -webkit-backdrop-filter: blur(var(--rpw-section-pattern-blur, 0)); backdrop-filter: blur(var(--rpw-section-pattern-blur, 0)); }
    .rp-widget.rp-widget-section-overlay-tablet-dots::before { opacity: 1; background-image: radial-gradient(circle, color-mix(in srgb, var(--rpw-section-pattern-color, #fff) var(--rpw-section-pattern-opacity, 18%), transparent) 1.5px, transparent 1.7px); -webkit-backdrop-filter: blur(var(--rpw-section-pattern-blur, 0)); backdrop-filter: blur(var(--rpw-section-pattern-blur, 0)); }
    .rp-widget.rp-widget-section-overlay-tablet-grid::before { opacity: 1; background-image: linear-gradient(color-mix(in srgb, var(--rpw-section-pattern-color, #fff) var(--rpw-section-pattern-opacity, 18%), transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--rpw-section-pattern-color, #fff) var(--rpw-section-pattern-opacity, 18%), transparent) 1px, transparent 1px); -webkit-backdrop-filter: blur(var(--rpw-section-pattern-blur, 0)); backdrop-filter: blur(var(--rpw-section-pattern-blur, 0)); }
    .rp-widget.rp-widget-section-overlay-tablet-image::before { opacity: var(--rpw-section-pattern-alpha, .18); background-image: var(--rpw-section-pattern-image, none); -webkit-backdrop-filter: blur(var(--rpw-section-pattern-blur, 0)); backdrop-filter: blur(var(--rpw-section-pattern-blur, 0)); }
}

@media (max-width: 767px) {
    .rp-widget:is(.rp-widget-bg-mobile-image, .rp-widget-bg-mobile-glass, .rp-widget-bg-mobile-liquid_glass) {
        position: relative; isolation: isolate; background-color: transparent; background-image: var(--rpw-bg-image-mobile, var(--rpw-bg-image-tablet, var(--rpw-bg-image, none))); background-size: var(--rpw-bg-size, cover); background-position: var(--rpw-bg-position, center center); background-repeat: var(--rpw-bg-repeat, no-repeat); background-attachment: scroll !important;
    }
    .rp-widget:is(.rp-widget-bg-mobile-glass, .rp-widget-bg-mobile-liquid_glass) { border-color: color-mix(in srgb, #fff var(--rpw-glass-border-opacity, 35%), var(--rpw-section-border-color, transparent)); --rpw-glass-shadow: inset 0 1px 0 color-mix(in srgb, #fff var(--rpw-glass-border-opacity, 35%), transparent); }
    .rp-widget.rp-widget-bg-mobile-image::before { content: ""; position: absolute; inset: 0; z-index: 0; border-radius: inherit; pointer-events: none; background: var(--rpw-section-overlay-color, #000); opacity: var(--rpw-section-overlay-opacity, 0); }
    .rp-widget:is(.rp-widget-bg-mobile-glass, .rp-widget-bg-mobile-liquid_glass)::before { content: ""; position: absolute; inset: 0; z-index: 0; border-radius: inherit; pointer-events: none; opacity: 1; background-color: color-mix(in srgb, var(--rpw-glass-tint, #fff) var(--rpw-glass-tint-opacity, 18%), transparent); -webkit-backdrop-filter: blur(var(--rpw-glass-blur, 20px)) saturate(var(--rpw-glass-saturation, 140%)); backdrop-filter: blur(var(--rpw-glass-blur, 20px)) saturate(var(--rpw-glass-saturation, 140%)); }
    .rp-widget.rp-widget-bg-mobile-liquid_glass::before { background: radial-gradient(circle at 16% 0%, color-mix(in srgb, #fff var(--rpw-liquid-highlight, 55%), transparent), transparent 46%), radial-gradient(circle at 88% 100%, color-mix(in srgb, var(--rpw-glass-tint, #fff) var(--rpw-liquid-depth, 35%), transparent), transparent 52%), linear-gradient(135deg, color-mix(in srgb, var(--rpw-glass-tint, #fff) var(--rpw-liquid-highlight, 55%), transparent), color-mix(in srgb, var(--rpw-glass-tint, #fff) var(--rpw-glass-tint-opacity, 18%), transparent)); }
    .rp-widget.rp-widget-bg-mobile-liquid_glass { --rpw-glass-shadow: inset 0 1px 1px color-mix(in srgb, #fff var(--rpw-liquid-highlight, 55%), transparent), inset 0 -8px 24px color-mix(in srgb, #0f172a var(--rpw-liquid-depth, 35%), transparent); }
    .rp-widget:is(.rp-widget-bg-mobile-image, .rp-widget-bg-mobile-glass, .rp-widget-bg-mobile-liquid_glass) > .rp-widget-inner { position: relative; z-index: 1; }
    .rp-widget.rp-widget-section-overlay-mobile-solid::before { opacity: 1; background-color: color-mix(in srgb, var(--rpw-section-pattern-color, #fff) var(--rpw-section-pattern-opacity, 18%), transparent); -webkit-backdrop-filter: blur(var(--rpw-section-pattern-blur, 0)); backdrop-filter: blur(var(--rpw-section-pattern-blur, 0)); }
    .rp-widget.rp-widget-section-overlay-mobile-dots::before { opacity: 1; background-image: radial-gradient(circle, color-mix(in srgb, var(--rpw-section-pattern-color, #fff) var(--rpw-section-pattern-opacity, 18%), transparent) 1.5px, transparent 1.7px); -webkit-backdrop-filter: blur(var(--rpw-section-pattern-blur, 0)); backdrop-filter: blur(var(--rpw-section-pattern-blur, 0)); }
    .rp-widget.rp-widget-section-overlay-mobile-grid::before { opacity: 1; background-image: linear-gradient(color-mix(in srgb, var(--rpw-section-pattern-color, #fff) var(--rpw-section-pattern-opacity, 18%), transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--rpw-section-pattern-color, #fff) var(--rpw-section-pattern-opacity, 18%), transparent) 1px, transparent 1px); -webkit-backdrop-filter: blur(var(--rpw-section-pattern-blur, 0)); backdrop-filter: blur(var(--rpw-section-pattern-blur, 0)); }
    .rp-widget.rp-widget-section-overlay-mobile-image::before { opacity: var(--rpw-section-pattern-alpha, .18); background-image: var(--rpw-section-pattern-image, none); -webkit-backdrop-filter: blur(var(--rpw-section-pattern-blur, 0)); backdrop-filter: blur(var(--rpw-section-pattern-blur, 0)); }
}

.rp-widget :where(a, button, input, select, textarea) {
    font-family: inherit;
}

.rp-widget > .rp-widget-inner {
    position: relative;
    box-sizing: border-box;
    padding: var(--rpw-pt, 24px) var(--rpw-pr, 24px) var(--rpw-pb, 24px) var(--rpw-pl, 24px);
}

.rp-widget-banner .rp-widget-banner-card,
.rp-widget-terms .rp-widget-term-card {
    max-height: var(--rpw-card-max-height-desktop, none);
    overflow: hidden;
}
.rp-widget-terms .rp-widget-term-card {
    min-height: var(--rpw-card-min-height-desktop, 80px);
}

/*
 * Section-width modes must be resolved against the viewport, not against the
 * globally constrained .rp-main canvas.  The symmetric negative margins keep
 * the section centred without using transform (the root transform is reserved
 * for the configured hover effect).
 */
.rp-widget-container-boxed,
.rp-widget-container-wide,
.rp-widget-container-full,
.rp-widget-container-custom {
    position: relative;
    left: var(--rp-section-bleed-correction, 0px);
    max-width: none;
    --rpw-section-bleed-width: min(var(--rpw-section-max-width), var(--rp-viewport-inline-size, 100vw));
    width: var(--rpw-section-bleed-width);
    margin-right: calc((100% - var(--rpw-section-bleed-width)) / 2 + var(--rpw-section-mr, 0px));
    margin-left: calc((100% - var(--rpw-section-bleed-width)) / 2 + var(--rpw-section-ml, 0px));
}

/* Keep the real widget card in layout while its lazy images settle. This
   reserves the final dimensions and prevents the page from jumping. */
.rp-widget-image-loading-skeleton :is(
    .rp-product-card-component,
    .rp-widget-article-card,
    .rp-widget-term-card,
    .rp-widget-banner-card
).is-rp-widget-card-loading {
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

.rp-widget-image-loading-skeleton :is(
    .rp-product-card-component,
    .rp-widget-article-card,
    .rp-widget-term-card,
    .rp-widget-banner-card
).is-rp-widget-card-loading > * {
    visibility: hidden !important;
}

.rp-widget-image-loading-skeleton :is(
    .rp-product-card-component,
    .rp-widget-article-card,
    .rp-widget-term-card,
    .rp-widget-banner-card
).is-rp-widget-card-loading::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 20;
    border: 1px solid #e8edf1;
    border-radius: inherit;
    background-color: #fff;
    background-image:
        linear-gradient(#edf1f4, #edf1f4),
        linear-gradient(#edf1f4, #edf1f4),
        linear-gradient(#edf1f4, #edf1f4);
    background-position:
        center 12px,
        calc(100% - 14px) calc(100% - 42px),
        calc(100% - 14px) calc(100% - 18px);
    background-repeat: no-repeat;
    background-size:
        calc(100% - 24px) min(62%, 220px),
        72% 12px,
        48% 12px;
    pointer-events: none;
}

.rp-widget-image-loading-skeleton :is(
    .rp-product-card-component,
    .rp-widget-article-card,
    .rp-widget-term-card,
    .rp-widget-banner-card
).is-rp-widget-card-loading::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 21;
    background: linear-gradient(100deg, transparent 20%, rgba(255, 255, 255, .78) 48%, transparent 76%);
    transform: translateX(110%);
    animation: rp-widget-card-skeleton-shimmer 1.3s ease-in-out infinite;
    pointer-events: none;
}

@keyframes rp-widget-card-skeleton-shimmer {
    to { transform: translateX(-110%); }
}

:is(body.rp-theme-color-preset-dark, body.rp-theme-dark, body.is-dark, html[data-rp-user-theme="dark"] body)
.rp-widget-image-loading-skeleton :is(
    .rp-product-card-component,
    .rp-widget-article-card,
    .rp-widget-term-card,
    .rp-widget-banner-card
).is-rp-widget-card-loading::before {
    border-color: #35404b;
    background-color: #171c22;
    background-image:
        linear-gradient(#29323b, #29323b),
        linear-gradient(#29323b, #29323b),
        linear-gradient(#29323b, #29323b);
}

:is(body.rp-theme-color-preset-dark, body.rp-theme-dark, body.is-dark, html[data-rp-user-theme="dark"] body)
.rp-widget-image-loading-skeleton :is(
    .rp-product-card-component,
    .rp-widget-article-card,
    .rp-widget-term-card,
    .rp-widget-banner-card
).is-rp-widget-card-loading::after {
    background: linear-gradient(100deg, transparent 20%, rgba(255, 255, 255, .08) 48%, transparent 76%);
}

@media (prefers-reduced-motion: reduce) {
    .rp-widget-image-loading-skeleton :is(
        .rp-product-card-component,
        .rp-widget-article-card,
        .rp-widget-term-card,
        .rp-widget-banner-card
    ).is-rp-widget-card-loading::after {
        animation: none !important;
    }
}
.rp-widget-container-boxed { --rpw-section-max-width: 1469px; }
.rp-widget-container-wide {
    --rpw-section-max-width: 1760px;
}
.rp-widget-container-full {
    --rpw-section-max-width: 1905px;
}
.rp-widget-container-custom { --rpw-section-max-width: var(--rpw-section-custom-max-width, 1568px); }
.rp-widget-container-boxed > .rp-widget-inner,
.rp-widget-container-wide > .rp-widget-inner,
.rp-widget-container-full > .rp-widget-inner,
.rp-widget-container-custom > .rp-widget-inner { width: 100%; max-width: none; margin-inline: auto; padding-inline: 0; }

/* The Article renderer has a later legacy max-width rule; width modes win. */
.rp-widget-articles:is(.rp-widget-container-boxed, .rp-widget-container-wide, .rp-widget-container-full, .rp-widget-container-custom) > .rp-widget-inner {
    width: 100%;
    max-width: none;
}

.rp-widget-head { position: relative; display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; min-height: var(--rpw-view-all-head-min-height, 0); margin-bottom: 18px; }
.rp-widget-heading { min-width: 0; }
.rp-widget-title { margin: var(--rpw-title-mt, 0) 0 0; font-size: clamp(17px, 1.5vw, 22px); font-weight: 700; line-height: 1.7; color: #111827; }
.rp-widget-subtitle { margin: var(--rpw-subtitle-mt, 4px) 0 0; color: var(--rpw-subtitle-color, #6b7280); font-size: var(--rpw-subtitle-size, 13px); font-weight: var(--rpw-subtitle-weight, 400); line-height: var(--rpw-subtitle-line, 1.9); transition: color .2s ease; }
.rp-widget-subtitle:hover { color: var(--rpw-subtitle-hover, #475569); }
.rp-widget-view-all { position: var(--rpw-view-all-position-mode, static); top: var(--rpw-view-all-position-top, auto); right: var(--rpw-view-all-position-right, auto); bottom: var(--rpw-view-all-position-bottom, auto); left: var(--rpw-view-all-position-left, auto); display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; height: var(--rpw-view-all-height, auto); min-height: 0; padding: 6px 14px; border-width: var(--rpw-view-all-border-width, 1px); border-style: solid; border-color: #e5e7eb; border-radius: 999px; background: #fff; box-shadow: var(--rpw-view-all-shadow-value, none); color: #111827; font-size: 12px; font-weight: 500; text-decoration: none; white-space: nowrap; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease, color .2s ease; }
.rp-widget-view-all:is(:hover, :focus-visible) { color: #fd314a; border-color: rgba(253, 49, 74, .35); box-shadow: 0 10px 24px rgba(17, 24, 39, .08); transform: translateY(-1px); }
.rp-widget .rp-widget-view-all {
    padding: var(--rpw-view-all-pt, 6px) var(--rpw-view-all-pr, 14px) var(--rpw-view-all-pb, 6px) var(--rpw-view-all-pl, 14px);
    border-color: var(--rpw-view-all-border, #e5e7eb);
    box-shadow: var(--rpw-view-all-shadow-value, none);
    border-radius: var(--rpw-view-all-radius, 100px);
    background: var(--rpw-view-all-bg, #fff);
    color: var(--rpw-view-all-color, #111827);
    font-size: var(--rpw-view-all-size, 12px);
    font-weight: var(--rpw-view-all-weight, 500);
    line-height: var(--rpw-view-all-line, 1.5);
}
.rp-widget .rp-widget-view-all:is(:hover, :focus-visible) {
    border-color: var(--rpw-view-all-border-hover, #111827);
    background: var(--rpw-view-all-hover-bg, #111827);
    color: var(--rpw-view-all-hover-color, #fff);
    box-shadow: var(--rpw-view-all-shadow-value, none);
}

/* Article Widget View All ownership.
 * The Article wrapper intentionally keeps `rp-blog-page` for Blog Card and
 * Custom CSS compatibility.  Blog/global link rules must not override the
 * button appearance selected in the widget's Main Section panel. */
.rp-widget-articles > .rp-widget-inner > .rp-widget-head > .rp-widget-view-all {
    box-sizing: border-box !important;
    height: var(--rpw-view-all-height, auto) !important;
    min-height: 0 !important;
    padding: var(--rpw-view-all-pt, 6px) var(--rpw-view-all-pr, 14px) var(--rpw-view-all-pb, 6px) var(--rpw-view-all-pl, 14px) !important;
    position: var(--rpw-view-all-position-mode, static) !important;
    top: var(--rpw-view-all-position-top, auto) !important;
    right: var(--rpw-view-all-position-right, auto) !important;
    bottom: var(--rpw-view-all-position-bottom, auto) !important;
    left: var(--rpw-view-all-position-left, auto) !important;
    border-width: var(--rpw-view-all-border-width, 1px) !important;
    border-style: solid !important;
    border-color: var(--rpw-view-all-border, #e5e7eb) !important;
    border-radius: var(--rpw-view-all-radius, 100px) !important;
    background: var(--rpw-view-all-bg, #fff) !important;
    color: var(--rpw-view-all-color, #111827) !important;
    font-size: var(--rpw-view-all-size, 12px) !important;
    font-weight: var(--rpw-view-all-weight, 500) !important;
    line-height: var(--rpw-view-all-line, 1.5) !important;
    box-shadow: var(--rpw-view-all-shadow-value, none) !important;
    text-decoration: none !important;
}
.rp-widget-articles > .rp-widget-inner > .rp-widget-head > .rp-widget-view-all:is(:hover, :focus-visible) {
    border-color: var(--rpw-view-all-border-hover, #111827) !important;
    background: var(--rpw-view-all-hover-bg, #111827) !important;
    color: var(--rpw-view-all-hover-color, #fff) !important;
    box-shadow: var(--rpw-view-all-shadow-value, none) !important;
}

.rp-widget-stage { position: relative; isolation: isolate; }
.rp-widget-track.is-grid { display: grid; grid-template-columns: repeat(var(--rpw-cols-desktop), minmax(0, 1fr)); gap: var(--rpw-gap); }
.rp-widget-track.is-carousel { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - (var(--rpw-gap) * (var(--rpw-visible-desktop) - 1))) / var(--rpw-visible-desktop)); gap: var(--rpw-gap); overflow-x: auto; overflow-y: visible; scroll-behavior: auto; overscroll-behavior-inline: contain; padding-block: 12px 20px; scrollbar-width: none; }
.rp-widget-track.is-carousel::-webkit-scrollbar { display: none; }
.rp-widget-edge-fade .rp-widget-track.is-carousel {
    --rpw-edge-fade-left-active: var(--rpw-edge-fade-left, 32px);
    --rpw-edge-fade-right-active: var(--rpw-edge-fade-right, 32px);
    -webkit-mask-image: linear-gradient(to right, transparent 0, #000 var(--rpw-edge-fade-left-active), #000 calc(100% - var(--rpw-edge-fade-right-active)), transparent 100%);
    mask-image: linear-gradient(to right, transparent 0, #000 var(--rpw-edge-fade-left-active), #000 calc(100% - var(--rpw-edge-fade-right-active)), transparent 100%);
}

/* Backward is the physical start edge and forward is the physical end edge.
   The engine keeps both directions open for an infinite carousel. */
.rp-widget-edge-fade.rp-widget-carousel-dir-ltr.is-rp-edge-blocked-backward .rp-widget-track.is-carousel,
.rp-widget-edge-fade.rp-widget-carousel-dir-rtl.is-rp-edge-blocked-forward .rp-widget-track.is-carousel {
    --rpw-edge-fade-left-active: 0px;
}

.rp-widget-edge-fade.rp-widget-carousel-dir-ltr.is-rp-edge-blocked-forward .rp-widget-track.is-carousel,
.rp-widget-edge-fade.rp-widget-carousel-dir-rtl.is-rp-edge-blocked-backward .rp-widget-track.is-carousel {
    --rpw-edge-fade-right-active: 0px;
}
.rp-widget-snap-mandatory .rp-widget-track.is-carousel { scroll-snap-type: x mandatory; }
.rp-widget-snap-proximity .rp-widget-track.is-carousel { scroll-snap-type: x proximity; }
.rp-widget-snap-none .rp-widget-track.is-carousel { scroll-snap-type: none; }
.rp-widget-track.is-carousel > * { scroll-snap-align: start; }
.rp-widget-snap-align-center .rp-widget-track.is-carousel > * { scroll-snap-align: center; }
.rp-widget-grab-cursor .rp-widget-track.is-carousel { cursor: grab; touch-action: pan-y pinch-zoom; }
.rp-widget-grab-cursor .rp-widget-track.is-carousel:active { cursor: grabbing; }
.rp-widget-track.is-carousel.is-rp-dragging { cursor: grabbing; user-select: none; scroll-snap-type: none; }
.rp-widget .rp-widget-track.is-carousel { transition: opacity var(--rpw-loop-fade-duration, 190ms) var(--rpw-transition-easing, ease-in-out); }
.rp-widget.is-rp-loop-wrapping .rp-widget-track.is-carousel { opacity: 0; pointer-events: none !important; will-change: opacity; }

@media (prefers-reduced-motion: reduce) {
    .rp-widget .rp-widget-track.is-carousel { transition-duration: 1ms !important; }
}

.rp-widget-products ul.products.rp-widget-track { margin: 0; padding: 0; list-style: none; }
/* v0.1.787 - WooCommerce clearfix pseudo-elements must not consume grid/flex cells inside product widgets. */
.rp-widget-products ul.products.rp-widget-track::before,
.rp-widget-products ul.products.rp-widget-track::after {
    content: none !important;
    display: none !important;
}
.rp-widget-products .rp-widget-track.is-grid.products { display: grid; grid-template-columns: repeat(var(--rpw-cols-desktop), minmax(0, 1fr)); gap: var(--rpw-gap); }
.rp-widget-products .rp-widget-track.is-carousel.products { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - (var(--rpw-gap) * (var(--rpw-visible-desktop) - 1))) / var(--rpw-visible-desktop)); gap: var(--rpw-gap); }

.rp-widget-banner { --rpw-banner-card-hover-duration-enter-active: var(--rpw-banner-card-hover-duration-enter, var(--rpw-banner-card-hover-duration, 250ms)); --rpw-banner-card-hover-duration-leave-active: var(--rpw-banner-card-hover-duration-leave, var(--rpw-banner-card-hover-duration, 250ms)); }
.rp-widget-banner-card { position: relative; min-width: 0; border-radius: var(--rpw-radius); overflow: hidden; background: #ffffff; transition: transform var(--rpw-banner-card-hover-duration-leave-active) ease, box-shadow var(--rpw-banner-card-hover-duration-leave-active) ease, border-color var(--rpw-banner-card-hover-duration-leave-active) ease, border-width var(--rpw-banner-card-hover-duration-leave-active) ease; isolation: isolate; }
.rp-widget-banner-card::after { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; background: var(--rpw-overlay-color); opacity: var(--rpw-overlay-opacity); transition: opacity var(--rpw-banner-card-hover-duration-leave-active) ease; }
.rp-widget-hover-overlay .rp-widget-banner-card:hover::after { opacity: max(var(--rpw-overlay-opacity), .22); }
.rp-widget-shadow-soft .rp-widget-banner-card, .rp-widget-shadow-soft .rp-shop-card:not(.rp-product-card-component) { box-shadow: 0 12px 34px rgba(17, 24, 39, .06); }
.rp-widget-shadow-medium .rp-widget-banner-card, .rp-widget-shadow-medium .rp-shop-card:not(.rp-product-card-component) { box-shadow: 0 18px 50px rgba(17, 24, 39, .11); }
.rp-widget-shadow-strong .rp-widget-banner-card, .rp-widget-shadow-strong .rp-shop-card:not(.rp-product-card-component) { box-shadow: 0 26px 70px rgba(17, 24, 39, .16); }
.rp-widget-hover-lift .rp-widget-banner-card:hover, .rp-widget-hover-lift .rp-shop-card:not(.rp-product-card-component):hover { transform: translateY(-4px); }
.rp-widget-hover-shadow .rp-widget-banner-card:hover, .rp-widget-hover-shadow .rp-shop-card:not(.rp-product-card-component):hover { box-shadow: 0 20px 60px rgba(17, 24, 39, .14); }
.rp-widget-hover-zoom .rp-widget-banner-card:hover img { transform: scale(1.045); }

.rp-widget-banner-link, .rp-widget-banner-card > picture { display: block; position: relative; min-height: var(--rpw-banner-h); height: var(--rpw-banner-h); text-decoration: none; color: inherit; }
.rp-widget-banner-card picture { display: block; width: 100%; height: 100%; }
.rp-widget-banner-card img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform var(--rpw-banner-card-hover-duration-leave-active) ease; }
.rp-widget-banner-card:hover,
.rp-widget-banner-card:hover::after,
.rp-widget-banner-card:hover img { transition-duration: var(--rpw-banner-card-hover-duration-enter-active); }
.rp-widget-fit-contain .rp-widget-banner-card img { object-fit: contain; background: #ffffff; }
.rp-widget-banner-content { position: absolute; inset: 0; z-index: 2; display: flex; flex-direction: column; justify-content: center; gap: 0; padding: clamp(16px, 2vw, 34px); color: #fff; pointer-events: none; }
.rp-widget-banner-content.is-right { align-items: flex-start; text-align: right; }
.rp-widget-banner-content.is-center { align-items: center; text-align: center; }
.rp-widget-banner-content.is-left { align-items: flex-end; text-align: left; }
.rp-widget-banner-content .rp-widget-banner-title { text-shadow: 0 2px 16px rgba(0, 0, 0, .35); }
.rp-widget-banner-content .rp-widget-banner-subtitle { text-shadow: 0 2px 14px rgba(0, 0, 0, .28); }
.rp-widget-banner-content .rp-widget-banner-button { min-height: 34px; box-shadow: 0 8px 24px rgba(0, 0, 0, .18); }

.rp-widget-arrow { position: absolute; z-index: 1000; box-sizing: border-box; width: var(--rpw-arrow-size); height: var(--rpw-arrow-size); padding: var(--rpw-arrow-padding, 0px); border: var(--rpw-arrow-border-width, 1px) solid var(--rpw-arrow-border-color, #11182714); border-radius: var(--rpw-arrow-radius, 12px); background: var(--rpw-arrow-bg); color: var(--rpw-arrow-color); box-shadow: 0 0 0 rgba(17, 24, 39, 0); cursor: pointer; transition: opacity .18s ease, transform .18s cubic-bezier(.2,.8,.2,1), box-shadow .18s ease, background-color .18s ease, color .18s ease; }
.rp-widget .rp-widget-arrow:not(:disabled):is(:hover, :focus-visible) { background: var(--rpw-arrow-hover-bg, var(--rpw-arrow-bg)); color: var(--rpw-arrow-hover-color, var(--rpw-arrow-color)); box-shadow: var(--rpw-arrow-hover-shadow, 0 18px 44px rgba(17, 24, 39, .16)); }
.rp-widget-arrow:disabled { opacity: .35 !important; visibility: visible !important; pointer-events: none !important; cursor: default; box-shadow: none; }

/* Query carousels without horizontal overflow have no navigable destination. */
.rp-widget-arrow[hidden],
.rp-widget-dots[hidden] { display: none !important; }
.rp-widget-arrow::before { content: ""; position: absolute; inset: 0; margin: auto; width: var(--rpw-arrow-icon-size, calc(var(--rpw-arrow-size) * .47)); height: var(--rpw-arrow-icon-size, calc(var(--rpw-arrow-size) * .47)); background: currentColor; mask: url("../../icons/arrow-right.svg") center/contain no-repeat; -webkit-mask: url("../../icons/arrow-right.svg") center/contain no-repeat; }
.rp-widget-arrow-prev { top: var(--rpw-arrow-prev-top, 50%); right: var(--rpw-arrow-prev-right, 16px); bottom: var(--rpw-arrow-prev-bottom, auto); left: var(--rpw-arrow-prev-left, auto); transform: translateY(var(--rpw-arrow-prev-translate-y, -50%)); }
.rp-widget-arrow-next { top: var(--rpw-arrow-next-top, 50%); right: var(--rpw-arrow-next-right, auto); bottom: var(--rpw-arrow-next-bottom, auto); left: var(--rpw-arrow-next-left, 16px); transform: translateY(var(--rpw-arrow-next-translate-y, -50%)); }
.rp-widget-arrows-layout-grouped .rp-widget-arrow { top: var(--rpw-arrow-group-top, auto); bottom: var(--rpw-arrow-group-bottom, 16px); transform: none; }
.rp-widget-arrows-layout-grouped.rp-widget-arrows-group-side-right .rp-widget-arrow-prev { right: calc(var(--rpw-arrow-group-right, 16px) - var(--rpw-arrow-horizontal-offset, 0px)); left: auto; }
.rp-widget-arrows-layout-grouped.rp-widget-arrows-group-side-right .rp-widget-arrow-next { right: calc(var(--rpw-arrow-group-right, 16px) + var(--rpw-arrow-size) + var(--rpw-arrow-group-gap, 8px) - var(--rpw-arrow-horizontal-offset, 0px)); left: auto; }
.rp-widget-arrows-layout-grouped.rp-widget-arrows-group-side-left .rp-widget-arrow-next { right: auto; left: calc(var(--rpw-arrow-group-left, 16px) - var(--rpw-arrow-horizontal-offset, 0px)); }
.rp-widget-arrows-layout-grouped.rp-widget-arrows-group-side-left .rp-widget-arrow-prev { right: auto; left: calc(var(--rpw-arrow-group-left, 16px) + var(--rpw-arrow-size) + var(--rpw-arrow-group-gap, 8px) - var(--rpw-arrow-horizontal-offset, 0px)); }
.rp-widget-arrows-layout-grouped .rp-widget-arrow:is(:hover, :focus-visible) { transform: scale(1.07); }
.rp-widget-arrows-position-inside.rp-widget-arrows-layout-split .rp-widget-arrow-prev { right: calc(var(--rpw-arrow-prev-right, 16px) - var(--rpw-arrow-horizontal-offset, 0px)); }
.rp-widget-arrows-position-inside.rp-widget-arrows-layout-split .rp-widget-arrow-next { left: calc(var(--rpw-arrow-next-left, 16px) - var(--rpw-arrow-horizontal-offset, 0px)); }
.rp-widget-arrows-position-outside.rp-widget-arrows-layout-split .rp-widget-arrow-prev { right: calc(0px - var(--rpw-arrow-size, 38px) - var(--rpw-arrow-effective-offset-right, var(--rpw-arrow-horizontal-offset, 0px))); left: auto; }
.rp-widget-arrows-position-outside.rp-widget-arrows-layout-split .rp-widget-arrow-next { left: calc(0px - var(--rpw-arrow-size, 38px) - var(--rpw-arrow-effective-offset-left, var(--rpw-arrow-horizontal-offset, 0px))); right: auto; }
.rp-widget-arrows-position-outside.rp-widget-arrows-layout-split .rp-widget-stage::before,
.rp-widget-arrows-position-outside.rp-widget-arrows-layout-split .rp-widget-stage::after { content: ""; position: absolute; top: 0; bottom: 0; z-index: 1; background: transparent; }
.rp-widget-arrows-position-outside.rp-widget-arrows-layout-split .rp-widget-stage::before { right: 100%; width: max(0px, calc(var(--rpw-arrow-size, 38px) + var(--rpw-arrow-effective-offset-left, var(--rpw-arrow-horizontal-offset, 0px)) + 2px)); }
.rp-widget-arrows-position-outside.rp-widget-arrows-layout-split .rp-widget-stage::after { left: 100%; width: max(0px, calc(var(--rpw-arrow-size, 38px) + var(--rpw-arrow-effective-offset-right, var(--rpw-arrow-horizontal-offset, 0px)) + 2px)); }
section.rp-widget.rp-widget-arrows-position-outside { overflow: visible !important; }
.rp-widget-arrows-position-outside.rp-widget-arrows-layout-grouped .rp-widget-arrow { top: calc(100% + 8px); bottom: auto; transform: none; }
section.rp-widget.rp-widget-arrows-position-outside.rp-widget-arrows-layout-grouped > .rp-widget-inner { padding-bottom: max(var(--rpw-pb, 24px), calc(var(--rpw-arrow-size, 38px) + 16px)) !important; }
.rp-widget-arrow-prev:hover { transform: translateY(var(--rpw-arrow-prev-translate-y, -50%)) scale(1.07); box-shadow: var(--rpw-arrow-hover-shadow, 0 18px 44px rgba(17, 24, 39, .16)); }
.rp-widget-arrow-next:hover { transform: translateY(var(--rpw-arrow-next-translate-y, -50%)) scale(1.07); box-shadow: var(--rpw-arrow-hover-shadow, 0 18px 44px rgba(17, 24, 39, .16)); }
.rp-widget-arrow-next::before { -webkit-mask-image: url("../../icons/arrow-left.svg"); mask-image: url("../../icons/arrow-left.svg"); }
.rp-widget-arrows-hover .rp-widget-arrow:not(:disabled) { opacity: 0; pointer-events: none; }
.rp-widget-arrows-hover:hover .rp-widget-arrow:not(:disabled),
.rp-widget-arrows-hover:has(:focus-visible) .rp-widget-arrow:not(:disabled) { opacity: 1; pointer-events: auto; }
/* Widget-owned heading styles precede their responsive overrides. The font
   family retains its global typography role. */
body .rp-widget .rp-widget-title,
body .rp-widget .rp-widget-title * {
    font-family: var(--rp-font, inherit) !important;
}
body .rp-widget .rp-widget-title {
    color: var(--rpw-title-color, #111827) !important;
    font-size: var(--rpw-title-size, clamp(17px, 1.5vw, 22px)) !important;
    font-weight: var(--rpw-title-weight, 700) !important;
    line-height: var(--rpw-title-line, 1.7) !important;
}
body .rp-widget .rp-widget-title:is(:hover, :focus-visible) {
    color: var(--rpw-title-hover, var(--rpw-title-color, #111827)) !important;
}
@media (max-width: 1024px) {
    .rp-widget-banner {
        --rpw-banner-card-hover-duration-enter-active: var(--rpw-banner-card-hover-duration-enter-tablet, var(--rpw-banner-card-hover-duration-enter, var(--rpw-banner-card-hover-duration-tablet, 250ms)));
        --rpw-banner-card-hover-duration-leave-active: var(--rpw-banner-card-hover-duration-leave-tablet, var(--rpw-banner-card-hover-duration-leave, var(--rpw-banner-card-hover-duration-tablet, 250ms)));
    }
    .rp-widget-head { min-height: var(--rpw-view-all-head-min-height-tablet, var(--rpw-view-all-head-min-height, 0)); }
    .rp-widget-view-all { position: var(--rpw-view-all-position-mode-tablet, var(--rpw-view-all-position-mode, static)); top: var(--rpw-view-all-position-top-tablet, var(--rpw-view-all-position-top, auto)); right: var(--rpw-view-all-position-right-tablet, var(--rpw-view-all-position-right, auto)); bottom: var(--rpw-view-all-position-bottom-tablet, var(--rpw-view-all-position-bottom, auto)); left: var(--rpw-view-all-position-left-tablet, var(--rpw-view-all-position-left, auto)); height: var(--rpw-view-all-height-tablet, var(--rpw-view-all-height, auto)); border-width: var(--rpw-view-all-border-width-tablet, var(--rpw-view-all-border-width, 1px)); box-shadow: var(--rpw-view-all-shadow-value-tablet, var(--rpw-view-all-shadow-value, none)); }
    .rp-widget-articles > .rp-widget-inner > .rp-widget-head > .rp-widget-view-all {
        position: var(--rpw-view-all-position-mode-tablet, var(--rpw-view-all-position-mode, static)) !important;
        top: var(--rpw-view-all-position-top-tablet, var(--rpw-view-all-position-top, auto)) !important;
        right: var(--rpw-view-all-position-right-tablet, var(--rpw-view-all-position-right, auto)) !important;
        bottom: var(--rpw-view-all-position-bottom-tablet, var(--rpw-view-all-position-bottom, auto)) !important;
        left: var(--rpw-view-all-position-left-tablet, var(--rpw-view-all-position-left, auto)) !important;
        height: var(--rpw-view-all-height-tablet, var(--rpw-view-all-height, auto)) !important;
        border-width: var(--rpw-view-all-border-width-tablet, var(--rpw-view-all-border-width, 1px)) !important;
        box-shadow: var(--rpw-view-all-shadow-value-tablet, var(--rpw-view-all-shadow-value, none)) !important;
        padding: var(--rpw-view-all-pt-tablet, var(--rpw-view-all-pt, 6px)) var(--rpw-view-all-pr-tablet, var(--rpw-view-all-pr, 14px)) var(--rpw-view-all-pb-tablet, var(--rpw-view-all-pb, 6px)) var(--rpw-view-all-pl-tablet, var(--rpw-view-all-pl, 14px)) !important;
    }
    .rp-widget-subtitle { color: var(--rpw-subtitle-color-tablet, var(--rpw-subtitle-color, #6b7280)); font-size: var(--rpw-subtitle-size-tablet, var(--rpw-subtitle-size, 13px)); font-weight: var(--rpw-subtitle-weight-tablet, var(--rpw-subtitle-weight, 400)); line-height: var(--rpw-subtitle-line-tablet, var(--rpw-subtitle-line, 1.9)); }
    body .rp-widget .rp-widget-title { margin-top: var(--rpw-title-mt-tablet, var(--rpw-title-mt, 0)); color: var(--rpw-title-color-tablet, var(--rpw-title-color, #111827)) !important; font-size: var(--rpw-title-size-tablet, var(--rpw-title-size, 22px)) !important; font-weight: var(--rpw-title-weight-tablet, var(--rpw-title-weight, 700)) !important; line-height: var(--rpw-title-line-tablet, var(--rpw-title-line, 1.7)) !important; }
    body .rp-widget .rp-widget-title:is(:hover, :focus-visible) { color: var(--rpw-title-hover-tablet, var(--rpw-title-hover, var(--rpw-title-color-tablet, var(--rpw-title-color, #111827)))) !important; }
    .rp-widget-subtitle { margin-top: var(--rpw-subtitle-mt-tablet, var(--rpw-subtitle-mt, 4px)); }
    .rp-widget-subtitle:hover { color: var(--rpw-subtitle-hover-tablet, var(--rpw-subtitle-hover, #475569)); }
    .rp-widget-track.is-grid, .rp-widget-products .rp-widget-track.is-grid.products { grid-template-columns: repeat(var(--rpw-cols-tablet), minmax(0, 1fr)); }
    .rp-widget-track.is-carousel, .rp-widget-products .rp-widget-track.is-carousel.products { grid-auto-columns: calc((100% - (var(--rpw-gap) * (var(--rpw-visible-tablet) - 1))) / var(--rpw-visible-tablet)); }
    .rp-widget-banner-link, .rp-widget-banner-card > picture { min-height: var(--rpw-banner-h-tablet); height: var(--rpw-banner-h-tablet); }
}

@media (max-width: 767px) {
    .rp-widget-banner {
        --rpw-banner-card-hover-duration-enter-active: var(--rpw-banner-card-hover-duration-enter-mobile, var(--rpw-banner-card-hover-duration-enter, var(--rpw-banner-card-hover-duration-mobile, 250ms)));
        --rpw-banner-card-hover-duration-leave-active: var(--rpw-banner-card-hover-duration-leave-mobile, var(--rpw-banner-card-hover-duration-leave, var(--rpw-banner-card-hover-duration-mobile, 250ms)));
    }
    .rp-widget { padding: 0; }
    .rp-widget-container-boxed .rp-widget-inner, .rp-widget-container-wide .rp-widget-inner { padding-inline: 0; }
    .rp-widget-head { align-items: center; gap: 12px; min-height: var(--rpw-view-all-head-min-height-mobile, var(--rpw-view-all-head-min-height, 0)); margin-bottom: 14px; }
    body .rp-widget .rp-widget-title { margin-top: var(--rpw-title-mt-mobile, var(--rpw-title-mt-tablet, var(--rpw-title-mt, 0))); color: var(--rpw-title-color-mobile, var(--rpw-title-color-tablet, var(--rpw-title-color, #111827))) !important; font-size: var(--rpw-title-size-mobile, var(--rpw-title-size-tablet, var(--rpw-title-size, 17px))) !important; font-weight: var(--rpw-title-weight-mobile, var(--rpw-title-weight-tablet, var(--rpw-title-weight, 700))) !important; line-height: var(--rpw-title-line-mobile, var(--rpw-title-line-tablet, var(--rpw-title-line, 1.7))) !important; }
    body .rp-widget .rp-widget-title:is(:hover, :focus-visible) { color: var(--rpw-title-hover-mobile, var(--rpw-title-hover-tablet, var(--rpw-title-hover, var(--rpw-title-color-mobile, var(--rpw-title-color, #111827))))) !important; }
    .rp-widget-subtitle { color: var(--rpw-subtitle-color-mobile, var(--rpw-subtitle-color, #6b7280)); font-size: var(--rpw-subtitle-size-mobile, var(--rpw-subtitle-size, 13px)); font-weight: var(--rpw-subtitle-weight-mobile, var(--rpw-subtitle-weight, 400)); line-height: var(--rpw-subtitle-line-mobile, var(--rpw-subtitle-line, 1.9)); }
    .rp-widget-subtitle { margin-top: var(--rpw-subtitle-mt-mobile, var(--rpw-subtitle-mt-tablet, var(--rpw-subtitle-mt, 4px))); }
    .rp-widget-subtitle:hover { color: var(--rpw-subtitle-hover-mobile, var(--rpw-subtitle-hover, #475569)); }
    .rp-widget-view-all { position: var(--rpw-view-all-position-mode-mobile, var(--rpw-view-all-position-mode, static)); top: var(--rpw-view-all-position-top-mobile, var(--rpw-view-all-position-top, auto)); right: var(--rpw-view-all-position-right-mobile, var(--rpw-view-all-position-right, auto)); bottom: var(--rpw-view-all-position-bottom-mobile, var(--rpw-view-all-position-bottom, auto)); left: var(--rpw-view-all-position-left-mobile, var(--rpw-view-all-position-left, auto)); height: var(--rpw-view-all-height-mobile, var(--rpw-view-all-height, auto)); border-width: var(--rpw-view-all-border-width-mobile, var(--rpw-view-all-border-width, 1px)); box-shadow: var(--rpw-view-all-shadow-value-mobile, var(--rpw-view-all-shadow-value, none)); }
    .rp-widget-articles > .rp-widget-inner > .rp-widget-head > .rp-widget-view-all {
        position: var(--rpw-view-all-position-mode-mobile, var(--rpw-view-all-position-mode, static)) !important;
        top: var(--rpw-view-all-position-top-mobile, var(--rpw-view-all-position-top, auto)) !important;
        right: var(--rpw-view-all-position-right-mobile, var(--rpw-view-all-position-right, auto)) !important;
        bottom: var(--rpw-view-all-position-bottom-mobile, var(--rpw-view-all-position-bottom, auto)) !important;
        left: var(--rpw-view-all-position-left-mobile, var(--rpw-view-all-position-left, auto)) !important;
        height: var(--rpw-view-all-height-mobile, var(--rpw-view-all-height, auto)) !important;
        border-width: var(--rpw-view-all-border-width-mobile, var(--rpw-view-all-border-width, 1px)) !important;
        box-shadow: var(--rpw-view-all-shadow-value-mobile, var(--rpw-view-all-shadow-value, none)) !important;
        padding: var(--rpw-view-all-pt-mobile, var(--rpw-view-all-pt, 6px)) var(--rpw-view-all-pr-mobile, var(--rpw-view-all-pr, 14px)) var(--rpw-view-all-pb-mobile, var(--rpw-view-all-pb, 6px)) var(--rpw-view-all-pl-mobile, var(--rpw-view-all-pl, 14px)) !important;
    }
    .rp-widget-track.is-grid, .rp-widget-products .rp-widget-track.is-grid.products { grid-template-columns: repeat(var(--rpw-cols-mobile), minmax(0, 1fr)); }
    .rp-widget-track.is-carousel, .rp-widget-products .rp-widget-track.is-carousel.products { grid-auto-columns: calc((100% - (var(--rpw-gap) * (var(--rpw-visible-mobile) - 1))) / var(--rpw-visible-mobile)); }
    .rp-widget-banner-link, .rp-widget-banner-card > picture { min-height: var(--rpw-banner-h-mobile); height: var(--rpw-banner-h-mobile); }
    .rp-widget-banner-content { padding: 16px; }
    .rp-widget-banner-content .rp-widget-banner-title,
    .rp-widget-banner-content .rp-widget-banner-subtitle { max-width: 100%; }
    .rp-widget-arrow { display: block; }
}

/* View All belongs to the widget header. Give each widget's saved offsets
   priority over generic link styles at every responsive breakpoint. */
.rp-widget > .rp-widget-inner > .rp-widget-head { position: relative; }
.rp-widget > .rp-widget-inner > .rp-widget-head > .rp-widget-view-all {
    position: var(--rpw-view-all-position-mode, static) !important;
    top: var(--rpw-view-all-position-top, auto) !important;
    right: var(--rpw-view-all-position-right, auto) !important;
    bottom: var(--rpw-view-all-position-bottom, auto) !important;
    left: var(--rpw-view-all-position-left, auto) !important;
    z-index: 2;
}

@media (max-width: 1024px) {
    .rp-widget > .rp-widget-inner > .rp-widget-head > .rp-widget-view-all {
        position: var(--rpw-view-all-position-mode-tablet, var(--rpw-view-all-position-mode, static)) !important;
        top: var(--rpw-view-all-position-top-tablet, var(--rpw-view-all-position-top, auto)) !important;
        right: var(--rpw-view-all-position-right-tablet, var(--rpw-view-all-position-right, auto)) !important;
        bottom: var(--rpw-view-all-position-bottom-tablet, var(--rpw-view-all-position-bottom, auto)) !important;
        left: var(--rpw-view-all-position-left-tablet, var(--rpw-view-all-position-left, auto)) !important;
    }
}

@media (max-width: 767px) {
    .rp-widget > .rp-widget-inner > .rp-widget-head > .rp-widget-view-all {
        position: var(--rpw-view-all-position-mode-mobile, var(--rpw-view-all-position-mode, static)) !important;
        top: var(--rpw-view-all-position-top-mobile, var(--rpw-view-all-position-top, auto)) !important;
        right: var(--rpw-view-all-position-right-mobile, var(--rpw-view-all-position-right, auto)) !important;
        bottom: var(--rpw-view-all-position-bottom-mobile, var(--rpw-view-all-position-bottom, auto)) !important;
        left: var(--rpw-view-all-position-left-mobile, var(--rpw-view-all-position-left, auto)) !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .rp-widget-banner .rp-widget-banner-card,
    .rp-widget-banner .rp-widget-banner-card::after,
    .rp-widget-banner .rp-widget-banner-card img {
        transition-duration: 1ms !important;
    }
}

/* v0.1.518: cover hover naming replaces old overlay wording. */
.rp-widget-hover-cover .rp-widget-banner-card:hover::after { opacity: max(var(--rpw-overlay-opacity), .22); }

/* v0.1.524 - section background image/parallax support */
.rp-widget-bg-image {
    position: relative;
    background-color: var(--rpw-bg, transparent);
    background-image: var(--rpw-bg-image, none);
    background-size: var(--rpw-bg-size, cover);
    background-position: var(--rpw-bg-position, center center);
    background-repeat: var(--rpw-bg-repeat, no-repeat);
}
.rp-widget-bg-image::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background: var(--rpw-section-overlay-color, #000);
    opacity: var(--rpw-section-overlay-opacity, 0);
}
.rp-widget-bg-image.rp-widget-bg-parallax {
    background-attachment: fixed;
}
.rp-widget-bg-image .rp-widget-inner {
    position: relative;
    z-index: 1;
}
@media (max-width: 1024px) {
    .rp-widget-bg-image,
    .rp-widget:is(.rp-widget-bg-glass, .rp-widget-bg-liquid_glass) {
        background-image: var(--rpw-bg-image-tablet, var(--rpw-bg-image, none));
    }
}

/* Final responsive layout contract; kept after legacy widget rules intentionally. */
.rp-widget-products .rp-widget-track > li.product {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    flex: none !important;
}
@media (min-width: 1025px) {
    .rp-widget.rp-widget-layout-desktop-grid .rp-widget-track { grid-auto-flow: row !important; grid-template-columns: repeat(var(--rpw-cols-desktop), minmax(0,1fr)) !important; grid-template-rows: none !important; grid-auto-columns: auto !important; overflow: visible !important; scroll-snap-type: none !important; }
    .rp-widget.rp-widget-layout-desktop-carousel .rp-widget-track { grid-auto-flow: column !important; grid-template-columns: none !important; grid-template-rows: repeat(var(--rpw-rows-desktop), minmax(0,auto)) !important; grid-auto-columns: calc((100% - (var(--rpw-gap) * (var(--rpw-visible-desktop) - 1))) / var(--rpw-visible-desktop)) !important; overflow-x: auto !important; }
}
@media (min-width: 768px) and (max-width: 1024px) {
    .rp-widget.rp-widget-layout-tablet-grid .rp-widget-track { grid-auto-flow: row !important; grid-template-columns: repeat(var(--rpw-cols-tablet), minmax(0,1fr)) !important; grid-template-rows: none !important; grid-auto-columns: auto !important; overflow: visible !important; scroll-snap-type: none !important; }
    .rp-widget.rp-widget-layout-tablet-carousel .rp-widget-track { grid-auto-flow: column !important; grid-template-columns: none !important; grid-template-rows: repeat(var(--rpw-rows-tablet), minmax(0,auto)) !important; grid-auto-columns: calc((100% - (var(--rpw-gap) * (var(--rpw-visible-tablet) - 1))) / var(--rpw-visible-tablet)) !important; overflow-x: auto !important; }
}
@media (max-width: 767px) {
    .rp-widget.rp-widget-layout-mobile-grid .rp-widget-track { grid-auto-flow: row !important; grid-template-columns: repeat(var(--rpw-cols-mobile), minmax(0,1fr)) !important; grid-template-rows: none !important; grid-auto-columns: auto !important; overflow: visible !important; scroll-snap-type: none !important; }
    .rp-widget.rp-widget-layout-mobile-carousel .rp-widget-track { grid-auto-flow: column !important; grid-template-columns: none !important; grid-template-rows: repeat(var(--rpw-rows-mobile), minmax(0,auto)) !important; grid-auto-columns: calc((100% - (var(--rpw-gap) * (var(--rpw-visible-mobile) - 1))) / var(--rpw-visible-mobile)) !important; overflow-x: auto !important; }
}
@media (max-width: 767px) {
    .rp-widget-bg-image {
        background-image: var(--rpw-bg-image-mobile, var(--rpw-bg-image-tablet, var(--rpw-bg-image, none)));
        background-attachment: scroll !important;
    }
    .rp-widget:is(.rp-widget-bg-glass, .rp-widget-bg-liquid_glass) {
        background-image: var(--rpw-bg-image-mobile, var(--rpw-bg-image-tablet, var(--rpw-bg-image, none)));
    }
}

/* v0.1.527 - Product widget controls and shared related-card output */
.rp-widget-products .rp-widget-track.products {
    align-items: stretch;
}
.rp-widget-products .rp-widget-track.products > li.product {
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}
.rp-widget-products .rp-widget-track.is-grid.products > li.product {
    width: 100% !important;
}
.rp-widget-products .rp-widget-track.is-carousel.products > li.product {
    width: 100% !important;
    min-width: 0 !important;
}

/* Carousel visible count and RTL arrow icons. Visibility belongs to the
   explicit rp-widget-arrows-hover setting below, including grid carousels. */
.rp-widget-arrow-prev::before {
    -webkit-mask-image: url("../../icons/arrow-right.svg");
    mask-image: url("../../icons/arrow-right.svg");
    transform: none !important;
}
.rp-widget-arrow-next::before {
    -webkit-mask-image: url("../../icons/arrow-left.svg");
    mask-image: url("../../icons/arrow-left.svg");
    transform: none !important;
}
.rp-widget-products .rp-widget-track.is-carousel.products {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: var(--rpw-gap) !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    scroll-behavior: auto;
    overscroll-behavior-inline: contain;
    padding-block: 12px 20px !important;
    scrollbar-width: none;
}
.rp-widget-products .rp-widget-track.is-carousel.products::-webkit-scrollbar {
    display: none;
}
.rp-widget-products .rp-widget-track.is-carousel.products > li.product {
    flex: 0 0 calc((100% - (var(--rpw-gap) * (var(--rpw-visible-desktop) - 1))) / var(--rpw-visible-desktop)) !important;
    width: calc((100% - (var(--rpw-gap) * (var(--rpw-visible-desktop) - 1))) / var(--rpw-visible-desktop)) !important;
    min-width: calc((100% - (var(--rpw-gap) * (var(--rpw-visible-desktop) - 1))) / var(--rpw-visible-desktop)) !important;
    max-width: calc((100% - (var(--rpw-gap) * (var(--rpw-visible-desktop) - 1))) / var(--rpw-visible-desktop)) !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    scroll-snap-align: start;
}
@media (max-width: 1024px) {
    .rp-widget-products .rp-widget-track.is-carousel.products > li.product {
        flex-basis: calc((100% - (var(--rpw-gap) * (var(--rpw-visible-tablet) - 1))) / var(--rpw-visible-tablet)) !important;
        width: calc((100% - (var(--rpw-gap) * (var(--rpw-visible-tablet) - 1))) / var(--rpw-visible-tablet)) !important;
        min-width: calc((100% - (var(--rpw-gap) * (var(--rpw-visible-tablet) - 1))) / var(--rpw-visible-tablet)) !important;
        max-width: calc((100% - (var(--rpw-gap) * (var(--rpw-visible-tablet) - 1))) / var(--rpw-visible-tablet)) !important;
    }
}
@media (max-width: 767px) {
    .rp-widget-products .rp-widget-track.is-carousel.products > li.product {
        flex-basis: calc((100% - (var(--rpw-gap) * (var(--rpw-visible-mobile) - 1))) / var(--rpw-visible-mobile)) !important;
        width: calc((100% - (var(--rpw-gap) * (var(--rpw-visible-mobile) - 1))) / var(--rpw-visible-mobile)) !important;
        min-width: calc((100% - (var(--rpw-gap) * (var(--rpw-visible-mobile) - 1))) / var(--rpw-visible-mobile)) !important;
        max-width: calc((100% - (var(--rpw-gap) * (var(--rpw-visible-mobile) - 1))) / var(--rpw-visible-mobile)) !important;
    }
}

/* Product widgets inherit the storefront font and WooCommerce currency order. */
.rp-widget .rp-widget-head,
.rp-widget .rp-widget-title,
.rp-widget .rp-widget-subtitle,
.rp-widget .rp-widget-view-all {
    font-family: inherit !important;
}
.rp-widget-products .rp-product-card-component .woocommerce-Price-amount bdi {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: baseline !important;
    gap: 3px !important;
    direction: ltr !important;
    unicode-bidi: isolate !important;
}
.rp-widget-products .rp-product-card-component .woocommerce-Price-currencySymbol,
.rp-widget-products .rp-product-card-component .rp-shop-card-currency,
.rp-widget-products .rp-product-card-component .rp-card-currency {
    display: inline-flex !important;
    margin-inline: 0 !important;
    white-space: nowrap !important;
}

/* v0.1.539 - product widget RTL carousel, currency placement and title font */
.rp-widget .rp-widget-head,
.rp-widget .rp-widget-heading,
.rp-widget .rp-widget-title,
.rp-widget .rp-widget-subtitle,
.rp-widget .rp-widget-view-all,
.rp-widget .rp-widget-title * {
    font-family: var(--rp-font, inherit) !important;
}

.rp-widget-products .rp-widget-track.is-carousel.products {
    scroll-padding-inline-start: 0 !important;
    scroll-padding-inline-end: 0 !important;
}

.rp-widget-products .rp-shop-card-price-final,
.rp-widget-products .rp-card-price-final {
    direction: rtl !important;
    unicode-bidi: isolate !important;
}

.rp-widget-products .rp-shop-card-price-final .woocommerce-Price-amount,
.rp-widget-products .rp-card-price-final .woocommerce-Price-amount,
.rp-widget-products .rp-shop-card-price-final bdi,
.rp-widget-products .rp-card-price-final bdi {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: baseline !important;
    justify-content: flex-start !important;
    gap: 3px !important;
    direction: ltr !important;
    unicode-bidi: isolate !important;
    white-space: nowrap !important;
}

.rp-widget-products .rp-shop-card-price-final .woocommerce-Price-currencySymbol,
.rp-widget-products .rp-card-price-final .woocommerce-Price-currencySymbol,
.rp-widget-products .rp-shop-card-price-final .rp-shop-card-currency,
.rp-widget-products .rp-card-price-final .rp-shop-card-currency,
.rp-widget-products .rp-shop-card-price-final .rp-card-currency,
.rp-widget-products .rp-card-price-final .rp-card-currency {
    order: 0 !important;
    margin-inline: 0 !important;
    white-space: nowrap !important;
}

/* Direction belongs to the carousel track, not to the card content. */
.rp-widget-carousel-dir-rtl .rp-widget-track.is-carousel,
.rp-widget-carousel-dir-rtl.rp-widget-products .rp-widget-track.is-carousel.products {
    direction: rtl !important;
}
.rp-widget-carousel-dir-ltr .rp-widget-track.is-carousel,
.rp-widget-carousel-dir-ltr.rp-widget-products .rp-widget-track.is-carousel.products {
    direction: ltr !important;
}

.rp-widget-track.is-carousel > *,
.rp-widget-products .rp-widget-track.is-carousel.products > li.product {
    direction: rtl !important;
}

/* Real touch devices use browser-owned horizontal pan/inertia. */
.rp-widget-carousel-behavior-momentum .rp-widget-track.is-carousel,
.rp-widget-carousel-behavior-snap .rp-widget-track.is-carousel,
.rp-widget-carousel-behavior-free .rp-widget-track.is-carousel {
    touch-action: pan-x pan-y pinch-zoom;
    -webkit-overflow-scrolling: touch;
}
.rp-widget-carousel-behavior-arrows_only .rp-widget-track.is-carousel {
    cursor: default !important;
    touch-action: pan-x pan-y pinch-zoom;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: none !important;
}

/* Direction changes icon semantics; physical offsets remain user-controlled. */
.rp-widget-carousel-dir-ltr .rp-widget-arrow-prev::before { -webkit-mask-image: url("../../icons/arrow-left.svg"); mask-image: url("../../icons/arrow-left.svg"); transform: none !important; }
.rp-widget-carousel-dir-ltr .rp-widget-arrow-next::before { -webkit-mask-image: url("../../icons/arrow-right.svg"); mask-image: url("../../icons/arrow-right.svg"); transform: none !important; }

/* Hover-only controls must remain usable on devices without hover. */
@media (hover: none) {
    .rp-widget-arrows-hover .rp-widget-arrow:not(:disabled) {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }
}

/* v0.1.543 - Configurable carousel card max width */
.rp-widget-track.is-carousel,
.rp-widget-products .rp-widget-track.is-carousel.products {
    grid-auto-columns: min(calc((100% - (var(--rpw-gap) * (var(--rpw-visible-desktop) - 1))) / var(--rpw-visible-desktop)), var(--rpw-card-max-desktop, 9999px)) !important;
}

.rp-widget-products .rp-widget-track.is-carousel.products > li.product {
    flex: 0 0 min(calc((100% - (var(--rpw-gap) * (var(--rpw-visible-desktop) - 1))) / var(--rpw-visible-desktop)), var(--rpw-card-max-desktop, 9999px)) !important;
    width: min(calc((100% - (var(--rpw-gap) * (var(--rpw-visible-desktop) - 1))) / var(--rpw-visible-desktop)), var(--rpw-card-max-desktop, 9999px)) !important;
    min-width: min(calc((100% - (var(--rpw-gap) * (var(--rpw-visible-desktop) - 1))) / var(--rpw-visible-desktop)), var(--rpw-card-max-desktop, 9999px)) !important;
    max-width: min(calc((100% - (var(--rpw-gap) * (var(--rpw-visible-desktop) - 1))) / var(--rpw-visible-desktop)), var(--rpw-card-max-desktop, 9999px)) !important;
}

@media (max-width: 1024px) {
    .rp-widget-track.is-carousel,
    .rp-widget-products .rp-widget-track.is-carousel.products {
        grid-auto-columns: min(calc((100% - (var(--rpw-gap) * (var(--rpw-visible-tablet) - 1))) / var(--rpw-visible-tablet)), var(--rpw-card-max-tablet, 9999px)) !important;
    }

    .rp-widget-products .rp-widget-track.is-carousel.products > li.product {
        flex-basis: min(calc((100% - (var(--rpw-gap) * (var(--rpw-visible-tablet) - 1))) / var(--rpw-visible-tablet)), var(--rpw-card-max-tablet, 9999px)) !important;
        width: min(calc((100% - (var(--rpw-gap) * (var(--rpw-visible-tablet) - 1))) / var(--rpw-visible-tablet)), var(--rpw-card-max-tablet, 9999px)) !important;
        min-width: min(calc((100% - (var(--rpw-gap) * (var(--rpw-visible-tablet) - 1))) / var(--rpw-visible-tablet)), var(--rpw-card-max-tablet, 9999px)) !important;
        max-width: min(calc((100% - (var(--rpw-gap) * (var(--rpw-visible-tablet) - 1))) / var(--rpw-visible-tablet)), var(--rpw-card-max-tablet, 9999px)) !important;
    }
}

@media (max-width: 767px) {
    .rp-widget-track.is-carousel,
    .rp-widget-products .rp-widget-track.is-carousel.products {
        grid-auto-columns: min(calc((100% - (var(--rpw-gap) * (var(--rpw-visible-mobile) - 1))) / var(--rpw-visible-mobile)), var(--rpw-card-max-mobile, 9999px)) !important;
    }

    .rp-widget-products .rp-widget-track.is-carousel.products > li.product {
        flex-basis: min(calc((100% - (var(--rpw-gap) * (var(--rpw-visible-mobile) - 1))) / var(--rpw-visible-mobile)), var(--rpw-card-max-mobile, 9999px)) !important;
        width: min(calc((100% - (var(--rpw-gap) * (var(--rpw-visible-mobile) - 1))) / var(--rpw-visible-mobile)), var(--rpw-card-max-mobile, 9999px)) !important;
        min-width: min(calc((100% - (var(--rpw-gap) * (var(--rpw-visible-mobile) - 1))) / var(--rpw-visible-mobile)), var(--rpw-card-max-mobile, 9999px)) !important;
        max-width: min(calc((100% - (var(--rpw-gap) * (var(--rpw-visible-mobile) - 1))) / var(--rpw-visible-mobile)), var(--rpw-card-max-mobile, 9999px)) !important;
    }
}

/* v0.1.545 - Card width setting is a maximum width, not a forced fixed width */
.rp-widget-track.is-grid > *,
.rp-widget-products .rp-widget-track.is-grid.products > li.product {
    width: 100% !important;
    max-width: min(100%, var(--rpw-card-max-desktop, 9999px)) !important;
    justify-self: start !important;
}

.rp-widget-track.is-carousel,
.rp-widget-products .rp-widget-track.is-carousel.products {
    grid-auto-columns: min(calc((100% - (var(--rpw-gap) * (var(--rpw-visible-desktop) - 1))) / var(--rpw-visible-desktop)), var(--rpw-card-max-desktop, 9999px)) !important;
}

.rp-widget-products .rp-widget-track.is-carousel.products > li.product {
    flex: 0 0 min(calc((100% - (var(--rpw-gap) * (var(--rpw-visible-desktop) - 1))) / var(--rpw-visible-desktop)), var(--rpw-card-max-desktop, 9999px)) !important;
    width: min(calc((100% - (var(--rpw-gap) * (var(--rpw-visible-desktop) - 1))) / var(--rpw-visible-desktop)), var(--rpw-card-max-desktop, 9999px)) !important;
    min-width: min(calc((100% - (var(--rpw-gap) * (var(--rpw-visible-desktop) - 1))) / var(--rpw-visible-desktop)), var(--rpw-card-max-desktop, 9999px)) !important;
    max-width: min(calc((100% - (var(--rpw-gap) * (var(--rpw-visible-desktop) - 1))) / var(--rpw-visible-desktop)), var(--rpw-card-max-desktop, 9999px)) !important;
}

@media (max-width: 1024px) {
    .rp-widget-track.is-grid > *,
    .rp-widget-products .rp-widget-track.is-grid.products > li.product {
        width: 100% !important;
        max-width: min(100%, var(--rpw-card-max-tablet, 9999px)) !important;
    }

    .rp-widget-track.is-carousel,
    .rp-widget-products .rp-widget-track.is-carousel.products {
        grid-auto-columns: min(calc((100% - (var(--rpw-gap) * (var(--rpw-visible-tablet) - 1))) / var(--rpw-visible-tablet)), var(--rpw-card-max-tablet, 9999px)) !important;
    }

    .rp-widget-products .rp-widget-track.is-carousel.products > li.product {
        flex-basis: min(calc((100% - (var(--rpw-gap) * (var(--rpw-visible-tablet) - 1))) / var(--rpw-visible-tablet)), var(--rpw-card-max-tablet, 9999px)) !important;
        width: min(calc((100% - (var(--rpw-gap) * (var(--rpw-visible-tablet) - 1))) / var(--rpw-visible-tablet)), var(--rpw-card-max-tablet, 9999px)) !important;
        min-width: min(calc((100% - (var(--rpw-gap) * (var(--rpw-visible-tablet) - 1))) / var(--rpw-visible-tablet)), var(--rpw-card-max-tablet, 9999px)) !important;
        max-width: min(calc((100% - (var(--rpw-gap) * (var(--rpw-visible-tablet) - 1))) / var(--rpw-visible-tablet)), var(--rpw-card-max-tablet, 9999px)) !important;
    }
}

@media (max-width: 767px) {
    .rp-widget-track.is-grid > *,
    .rp-widget-products .rp-widget-track.is-grid.products > li.product {
        width: 100% !important;
        max-width: min(100%, var(--rpw-card-max-mobile, 9999px)) !important;
    }

    .rp-widget-track.is-carousel,
    .rp-widget-products .rp-widget-track.is-carousel.products {
        grid-auto-columns: min(calc((100% - (var(--rpw-gap) * (var(--rpw-visible-mobile) - 1))) / var(--rpw-visible-mobile)), var(--rpw-card-max-mobile, 9999px)) !important;
    }

    .rp-widget-products .rp-widget-track.is-carousel.products > li.product {
        flex-basis: min(calc((100% - (var(--rpw-gap) * (var(--rpw-visible-mobile) - 1))) / var(--rpw-visible-mobile)), var(--rpw-card-max-mobile, 9999px)) !important;
        width: min(calc((100% - (var(--rpw-gap) * (var(--rpw-visible-mobile) - 1))) / var(--rpw-visible-mobile)), var(--rpw-card-max-mobile, 9999px)) !important;
        min-width: min(calc((100% - (var(--rpw-gap) * (var(--rpw-visible-mobile) - 1))) / var(--rpw-visible-mobile)), var(--rpw-card-max-mobile, 9999px)) !important;
        max-width: min(calc((100% - (var(--rpw-gap) * (var(--rpw-visible-mobile) - 1))) / var(--rpw-visible-mobile)), var(--rpw-card-max-mobile, 9999px)) !important;
    }
}

/* v0.1.695 - shortcode widget device visibility controls. */
@media (min-width: 1025px) {
  .rp-widget.rp-widget-hide-desktop {
    display: none !important;
  }
  .rp-widget-view-all.rp-widget-view-all-hide-desktop,
  .rp-widget-head.rp-widget-head-hide-desktop {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .rp-widget.rp-widget-hide-tablet {
    display: none !important;
  }
  .rp-widget-view-all.rp-widget-view-all-hide-tablet,
  .rp-widget-head.rp-widget-head-hide-tablet {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .rp-widget.rp-widget-hide-mobile {
    display: none !important;
  }
  .rp-widget-view-all.rp-widget-view-all-hide-mobile,
  .rp-widget-head.rp-widget-head-hide-mobile {
    display: none !important;
  }
}

/* v0.1.699 - transition effects run only while changing carousel position. */
.rp-widget-track.is-carousel > *,
.rp-widget-products .rp-widget-track.is-carousel.products > li.product {
    transition:
        opacity var(--rpw-transition-half-duration, var(--rpw-transition-duration, 450ms)) var(--rpw-transition-easing, ease),
        transform var(--rpw-transition-half-duration, var(--rpw-transition-duration, 450ms)) var(--rpw-transition-easing, ease),
        filter var(--rpw-transition-half-duration, var(--rpw-transition-duration, 450ms)) var(--rpw-transition-easing, ease) !important;
    transform-origin: center center;
    backface-visibility: hidden;
}

/* At rest every visible card/banner remains fully opaque and unmodified. */
.rp-widget:not(.is-rp-transitioning) .rp-widget-track.is-carousel > *,
.rp-widget-products:not(.is-rp-transitioning) .rp-widget-track.is-carousel.products > li.product {
    opacity: 1 !important;
    filter: none !important;
}

.rp-widget.is-rp-transitioning .rp-widget-track.is-carousel {
    pointer-events: none;
}

.rp-widget-effect-fade.is-rp-transition-out .rp-widget-track.is-carousel > *,
.rp-widget-effect-fade.is-rp-transition-in-start .rp-widget-track.is-carousel > *,
.rp-widget-effect-fade.rp-widget-products.is-rp-transition-out .rp-widget-track.is-carousel.products > li.product,
.rp-widget-effect-fade.rp-widget-products.is-rp-transition-in-start .rp-widget-track.is-carousel.products > li.product {
    opacity: 0 !important;
}

.rp-widget-effect-zoom.is-rp-transition-out .rp-widget-track.is-carousel > *,
.rp-widget-effect-zoom.is-rp-transition-in-start .rp-widget-track.is-carousel > *,
.rp-widget-effect-zoom.rp-widget-products.is-rp-transition-out .rp-widget-track.is-carousel.products > li.product,
.rp-widget-effect-zoom.rp-widget-products.is-rp-transition-in-start .rp-widget-track.is-carousel.products > li.product {
    opacity: 0 !important;
    transform: scale(.94) !important;
}

.rp-widget-effect-flip .rp-widget-stage,
.rp-widget-effect-coverflow .rp-widget-stage {
    perspective: 1200px;
}

.rp-widget-effect-flip.is-rp-transition-forward:is(.is-rp-transition-out, .is-rp-transition-in-start) .rp-widget-track.is-carousel > *,
.rp-widget-effect-flip.rp-widget-products.is-rp-transition-forward:is(.is-rp-transition-out, .is-rp-transition-in-start) .rp-widget-track.is-carousel.products > li.product {
    opacity: 0 !important;
    transform: rotateY(14deg) scale(.97) !important;
}

.rp-widget-effect-flip.is-rp-transition-backward:is(.is-rp-transition-out, .is-rp-transition-in-start) .rp-widget-track.is-carousel > *,
.rp-widget-effect-flip.rp-widget-products.is-rp-transition-backward:is(.is-rp-transition-out, .is-rp-transition-in-start) .rp-widget-track.is-carousel.products > li.product {
    opacity: 0 !important;
    transform: rotateY(-14deg) scale(.97) !important;
}

.rp-widget-effect-coverflow.is-rp-transition-forward:is(.is-rp-transition-out, .is-rp-transition-in-start) .rp-widget-track.is-carousel > *,
.rp-widget-effect-coverflow.rp-widget-products.is-rp-transition-forward:is(.is-rp-transition-out, .is-rp-transition-in-start) .rp-widget-track.is-carousel.products > li.product {
    opacity: 0 !important;
    filter: saturate(.72) !important;
    transform: translateZ(-34px) rotateY(9deg) scale(.96) !important;
}

.rp-widget-effect-coverflow.is-rp-transition-backward:is(.is-rp-transition-out, .is-rp-transition-in-start) .rp-widget-track.is-carousel > *,
.rp-widget-effect-coverflow.rp-widget-products.is-rp-transition-backward:is(.is-rp-transition-out, .is-rp-transition-in-start) .rp-widget-track.is-carousel.products > li.product {
    opacity: 0 !important;
    filter: saturate(.72) !important;
    transform: translateZ(-34px) rotateY(-9deg) scale(.96) !important;
}

@media (prefers-reduced-motion: reduce) {
    .rp-widget-track.is-carousel > *,
    .rp-widget-products .rp-widget-track.is-carousel.products > li.product {
        transition: none !important;
    }
}


/* v0.1.700 - transform-based smooth movement for single and multi-item carousels. */
.rp-widget-track.is-carousel.is-rp-programmatic-scroll,
.rp-widget-products .rp-widget-track.is-carousel.products.is-rp-programmatic-scroll {
    scroll-snap-type: none !important;
    scroll-behavior: auto !important;
    overscroll-behavior-inline: none !important;
}

.rp-widget-track.is-carousel.is-rp-programmatic-scroll > *,
.rp-widget-products .rp-widget-track.is-carousel.products.is-rp-programmatic-scroll > li.product {
    scroll-snap-align: none !important;
    scroll-snap-stop: normal !important;
}

/* Initial compensated frame: visually keep the old group in place. */
.rp-widget-effect-slide .rp-widget-track.is-carousel.is-rp-slide-motion > *,
.rp-widget-effect-slide.rp-widget-products .rp-widget-track.is-carousel.products.is-rp-slide-motion > li.product {
    transform: translate3d(var(--rpw-slide-offset, 0px), 0, 0) !important;
    transition: none !important;
    will-change: transform;
}

/* Running frame: move the full row, including incoming slides, to its final position. */
.rp-widget-effect-slide .rp-widget-track.is-carousel.is-rp-slide-motion.is-rp-slide-running > *,
.rp-widget-effect-slide.rp-widget-products .rp-widget-track.is-carousel.products.is-rp-slide-motion.is-rp-slide-running > li.product {
    transform: translate3d(0, 0, 0) !important;
    transition: transform var(--rpw-slide-duration, 450ms) var(--rpw-slide-easing, ease) !important;
}

@media (prefers-reduced-motion: reduce) {
    .rp-widget-effect-slide .rp-widget-track.is-carousel.is-rp-slide-motion > *,
    .rp-widget-effect-slide.rp-widget-products .rp-widget-track.is-carousel.products.is-rp-slide-motion > li.product {
        transition-duration: 1ms !important;
    }
}


/* Article widgets use the shared blog card component. */
.rp-widget-articles .rp-widget-article-track { min-width: 0; }
.rp-widget-articles .rp-widget-article-track.is-grid { display: grid; grid-template-columns: repeat(var(--rpw-cols-desktop), minmax(0, 1fr)); gap: var(--rpw-gap); }
.rp-widget-articles .rp-widget-article-track.is-carousel { display: grid; grid-auto-flow: column; grid-auto-columns: min(calc((100% - (var(--rpw-gap) * (var(--rpw-visible-desktop) - 1))) / var(--rpw-visible-desktop)), var(--rpw-card-max-desktop, 9999px)); gap: var(--rpw-gap); overflow-x: auto; overflow-y: visible; scrollbar-width: none; scroll-snap-type: x mandatory; }
.rp-widget-articles .rp-widget-article-track.is-carousel::-webkit-scrollbar { display: none; }
.rp-widget-articles .rp-widget-article-track.is-carousel > .rp-blog-card { scroll-snap-align: start; }
.rp-widget-articles .rp-blog-card { min-width: 0; }
/* In a carousel, visible-card count owns the Track width. Managed Layouts keep
 * all internal appearance tokens, but must fit inside that computed Track so
 * the requested number of cards is fully visible. Grid cards remain Layout-sized. */
@media (min-width: 1025px) {
    .rp-widget-articles .rp-widget-article-track.is-carousel > .rp-blog-card-managed-desktop:not(#rp-blog-card-carousel-track-specificity) {
        width: 100% !important;
        max-width: 100% !important;
    }
}
@media (min-width: 768px) and (max-width: 1024px) {
    .rp-widget-articles .rp-widget-article-track.is-carousel > .rp-blog-card-managed-tablet:not(#rp-blog-card-carousel-track-specificity) {
        width: 100% !important;
        max-width: 100% !important;
    }
}
@media (max-width: 767px) {
    .rp-widget-articles .rp-widget-article-track.is-carousel > .rp-blog-card-managed-mobile:not(#rp-blog-card-carousel-track-specificity) {
        width: 100% !important;
        max-width: 100% !important;
    }
}
@media (max-width: 1024px) {
    .rp-widget-articles .rp-widget-article-track.is-grid { grid-template-columns: repeat(var(--rpw-cols-tablet), minmax(0, 1fr)); }
    .rp-widget-articles .rp-widget-article-track.is-carousel { grid-auto-columns: min(calc((100% - (var(--rpw-gap) * (var(--rpw-visible-tablet) - 1))) / var(--rpw-visible-tablet)), var(--rpw-card-max-tablet, 9999px)); }
}
@media (max-width: 640px) {
    .rp-widget-articles .rp-widget-article-track.is-grid { grid-template-columns: repeat(var(--rpw-cols-mobile), minmax(0, 1fr)); }
    .rp-widget-articles .rp-widget-article-track.is-carousel { grid-auto-columns: min(calc((100% - (var(--rpw-gap) * (var(--rpw-visible-mobile) - 1))) / var(--rpw-visible-mobile)), var(--rpw-card-max-mobile, 9999px)); }
}


/* Blog Card styles are shared, but widget width and spacing belong to the
 * canonical section contract rather than the archive-page layout. */
.rp-widget-articles.rp-blog-page {
    box-sizing: border-box;
}
.rp-widget-articles .rp-widget-inner { width: min(100%, var(--rp-max-width, 1568px)); max-width: none; }

/* Article Widget Legacy appearance boundary: BEGIN.
 * Track/Grid/Carousel geometry above is deliberately shared. Everything below
 * belongs to the old Widget appearance controls and is activated only when the
 * card uses Legacy at the current breakpoint. A mixed responsive selection can
 * therefore use a named Blog Card Layout on one device and Legacy on another
 * without either appearance leaking across that boundary. */
@media (min-width: 1025px) {
    .rp-widget-articles .rp-blog-card:not(.rp-blog-card-managed-desktop) {
        box-sizing: border-box !important;
        max-height: var(--rpw-card-max-height-desktop, none);
        overflow: hidden !important;
        padding-top: var(--rpw-pt, 24px) !important;
        padding-right: var(--rpw-pr, 24px) !important;
        padding-bottom: var(--rpw-pb, 24px) !important;
        padding-left: var(--rpw-pl, 24px) !important;
        border-style: solid !important;
        border-color: var(--rpw-card-border-color, #e9edf1) !important;
        border-top-width: var(--rpw-card-border-top, 1px) !important;
        border-right-width: var(--rpw-card-border-right, 1px) !important;
        border-bottom-width: var(--rpw-card-border-bottom, 1px) !important;
        border-left-width: var(--rpw-card-border-left, 1px) !important;
        border-radius: var(--rpw-radius, 18px) !important;
        background: var(--rpw-article-card-bg, #ffffff) !important;
    }
    .rp-widget-articles .rp-blog-card:not(.rp-blog-card-managed-desktop):hover {
        border-color: var(--rpw-card-border-hover-color, #cbd5e1) !important;
        border-top-width: var(--rpw-card-border-hover-top, 1px) !important;
        border-right-width: var(--rpw-card-border-hover-right, 1px) !important;
        border-bottom-width: var(--rpw-card-border-hover-bottom, 1px) !important;
        border-left-width: var(--rpw-card-border-hover-left, 1px) !important;
    }
    .rp-widget-articles .rp-blog-card:not(.rp-blog-card-managed-desktop) > .rp-blog-card-media {
        overflow: hidden !important;
        border-radius: var(--rpw-article-image-radius, 18px) !important;
    }
    .rp-widget-articles .rp-blog-card:not(.rp-blog-card-managed-desktop) > .rp-blog-card-media img {
        border-radius: inherit !important;
    }
    .rp-widget-articles .rp-blog-card:not(.rp-blog-card-managed-desktop) > .rp-blog-card-body {
        padding: 16px 0 0 !important;
    }
    .rp-widget-articles .rp-blog-card--no-media:not(.rp-blog-card-managed-desktop) > .rp-blog-card-body,
    .rp-widget-articles .rp-blog-card-arg-no-image:not(.rp-blog-card-managed-desktop) > .rp-blog-card-body {
        padding-top: 0 !important;
    }
    .rp-widget-articles .rp-blog-card:not(.rp-blog-card-managed-desktop) .rp-blog-card-title,
    .rp-widget-articles .rp-blog-card:not(.rp-blog-card-managed-desktop) .rp-blog-card-title a {
        width: 100% !important;
        max-width: 100% !important;
        margin-top: var(--rpw-article-title-margin-top, 20px) !important;
        color: var(--rpw-article-title-color, #111820) !important;
        font-size: var(--rpw-article-title-size, 13px) !important;
        font-weight: var(--rpw-article-title-weight, 400) !important;
        line-height: var(--rpw-article-title-line, 1.7) !important;
        text-align: var(--rpw-article-title-align, right) !important;
    }
    .rp-widget-articles .rp-blog-card:not(.rp-blog-card-managed-desktop):hover .rp-blog-card-title a {
        color: var(--rpw-article-title-hover, var(--rp-theme-general-accent, var(--rp-accent, #fd314a))) !important;
    }
    .rp-widget-articles .rp-blog-card:not(.rp-blog-card-managed-desktop) .rp-blog-meta,
    .rp-widget-articles .rp-blog-card:not(.rp-blog-card-managed-desktop) .rp-blog-meta a {
        color: var(--rpw-article-meta-color, #6b7280) !important;
        font-size: var(--rpw-article-meta-size, 11px) !important;
        font-weight: var(--rpw-article-meta-weight, 400) !important;
        line-height: var(--rpw-article-meta-line, 1.8) !important;
    }
    .rp-widget-articles .rp-blog-card:not(.rp-blog-card-managed-desktop):hover .rp-blog-meta,
    .rp-widget-articles .rp-blog-card:not(.rp-blog-card-managed-desktop):hover .rp-blog-meta a {
        color: var(--rpw-article-meta-hover, var(--rp-theme-general-accent, var(--rp-accent, #fd314a))) !important;
    }
    .rp-widget-articles .rp-blog-card:not(.rp-blog-card-managed-desktop):not(.rp-blog-card-arg-no-excerpt) .rp-blog-card-excerpt {
        display: block !important;
        color: var(--rpw-article-excerpt-color, #4b5563) !important;
        font-size: var(--rpw-article-excerpt-size, 12px) !important;
        font-weight: var(--rpw-article-excerpt-weight, 400) !important;
        line-height: var(--rpw-article-excerpt-line, 1.9) !important;
    }
    .rp-widget-articles .rp-blog-card:not(.rp-blog-card-managed-desktop):hover .rp-blog-card-excerpt {
        color: var(--rpw-article-excerpt-hover, #111820) !important;
    }
    .rp-widget-articles .rp-blog-card:not(.rp-blog-card-managed-desktop) .rp-blog-card-category {
        color: var(--rpw-article-category-color, #ffffff) !important;
        background: var(--rpw-article-category-bg, #111820) !important;
        font-size: var(--rpw-article-category-size, 10px) !important;
        font-weight: var(--rpw-article-category-weight, 400) !important;
        line-height: var(--rpw-article-category-line, 1.4) !important;
    }
    .rp-widget-articles .rp-blog-card:not(.rp-blog-card-managed-desktop) .rp-blog-card-category:hover {
        background: var(--rpw-article-category-hover-bg, var(--rp-theme-general-accent, var(--rp-accent, #fd314a))) !important;
    }
    .rp-widget-articles .rp-blog-card:not(.rp-blog-card-managed-desktop):not(.rp-blog-card-arg-no-readmore) .rp-blog-card-more {
        display: inline-flex !important;
        color: var(--rpw-article-readmore-color, #111820) !important;
        font-size: var(--rpw-article-readmore-size, 12px) !important;
        font-weight: var(--rpw-article-readmore-weight, 400) !important;
        line-height: var(--rpw-article-readmore-line, 1.7) !important;
    }
    .rp-widget-articles .rp-blog-card:not(.rp-blog-card-managed-desktop) .rp-blog-card-more:hover {
        color: var(--rpw-article-readmore-hover, var(--rp-theme-general-accent, var(--rp-accent, #fd314a))) !important;
    }
    .rp-widget-articles.rp-widget-no-article_title .rp-blog-card:not(.rp-blog-card-managed-desktop) .rp-blog-card-title,
    .rp-widget-articles.rp-widget-no-article_category .rp-blog-card:not(.rp-blog-card-managed-desktop) .rp-blog-card-category,
    .rp-widget-articles.rp-widget-no-article_excerpt .rp-blog-card:not(.rp-blog-card-managed-desktop) .rp-blog-card-excerpt,
    .rp-widget-articles.rp-widget-no-article_readmore .rp-blog-card:not(.rp-blog-card-managed-desktop) .rp-blog-card-more {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .rp-widget-articles .rp-blog-card:not(.rp-blog-card-managed-tablet) {
        box-sizing: border-box !important;
        max-height: var(--rpw-card-max-height-tablet, var(--rpw-card-max-height-desktop, none));
        overflow: hidden !important;
        padding-top: var(--rpw-pt-tablet, var(--rpw-pt, 24px)) !important;
        padding-right: var(--rpw-pr-tablet, var(--rpw-pr, 24px)) !important;
        padding-bottom: var(--rpw-pb-tablet, var(--rpw-pb, 24px)) !important;
        padding-left: var(--rpw-pl-tablet, var(--rpw-pl, 24px)) !important;
        border-style: solid !important;
        border-color: var(--rpw-card-border-color-tablet, var(--rpw-card-border-color, #e9edf1)) !important;
        border-top-width: var(--rpw-card-border-top-tablet, var(--rpw-card-border-top, 1px)) !important;
        border-right-width: var(--rpw-card-border-right-tablet, var(--rpw-card-border-right, 1px)) !important;
        border-bottom-width: var(--rpw-card-border-bottom-tablet, var(--rpw-card-border-bottom, 1px)) !important;
        border-left-width: var(--rpw-card-border-left-tablet, var(--rpw-card-border-left, 1px)) !important;
        border-radius: var(--rpw-radius-tablet, var(--rpw-radius, 18px)) !important;
        background: var(--rpw-article-card-bg-tablet, var(--rpw-article-card-bg, #ffffff)) !important;
    }
    .rp-widget-articles .rp-blog-card:not(.rp-blog-card-managed-tablet):hover {
        border-color: var(--rpw-card-border-hover-color-tablet, var(--rpw-card-border-hover-color, #cbd5e1)) !important;
        border-top-width: var(--rpw-card-border-hover-top-tablet, var(--rpw-card-border-hover-top, 1px)) !important;
        border-right-width: var(--rpw-card-border-hover-right-tablet, var(--rpw-card-border-hover-right, 1px)) !important;
        border-bottom-width: var(--rpw-card-border-hover-bottom-tablet, var(--rpw-card-border-hover-bottom, 1px)) !important;
        border-left-width: var(--rpw-card-border-hover-left-tablet, var(--rpw-card-border-hover-left, 1px)) !important;
    }
    .rp-widget-articles .rp-blog-card:not(.rp-blog-card-managed-tablet) > .rp-blog-card-media {
        overflow: hidden !important;
        border-radius: var(--rpw-article-image-radius-tablet, var(--rpw-article-image-radius, 18px)) !important;
    }
    .rp-widget-articles .rp-blog-card:not(.rp-blog-card-managed-tablet) > .rp-blog-card-media img {
        border-radius: inherit !important;
    }
    .rp-widget-articles .rp-blog-card:not(.rp-blog-card-managed-tablet) > .rp-blog-card-body {
        padding: 16px 0 0 !important;
    }
    .rp-widget-articles .rp-blog-card--no-media:not(.rp-blog-card-managed-tablet) > .rp-blog-card-body,
    .rp-widget-articles .rp-blog-card-arg-no-image:not(.rp-blog-card-managed-tablet) > .rp-blog-card-body {
        padding-top: 0 !important;
    }
    .rp-widget-articles .rp-blog-card:not(.rp-blog-card-managed-tablet) .rp-blog-card-title,
    .rp-widget-articles .rp-blog-card:not(.rp-blog-card-managed-tablet) .rp-blog-card-title a {
        width: 100% !important;
        max-width: 100% !important;
        margin-top: var(--rpw-article-title-mt-tablet, var(--rpw-article-title-margin-top, 20px)) !important;
        color: var(--rpw-article-title-color-tablet, var(--rpw-article-title-color, #111820)) !important;
        font-size: var(--rpw-article-title-size-tablet, var(--rpw-article-title-size, 13px)) !important;
        font-weight: var(--rpw-article-title-weight-tablet, var(--rpw-article-title-weight, 400)) !important;
        line-height: var(--rpw-article-title-line, 1.7) !important;
        text-align: var(--rpw-article-title-align-tablet, var(--rpw-article-title-align, right)) !important;
    }
    .rp-widget-articles .rp-blog-card:not(.rp-blog-card-managed-tablet):hover .rp-blog-card-title a {
        color: var(--rpw-article-title-hover, var(--rp-theme-general-accent, var(--rp-accent, #fd314a))) !important;
    }
    .rp-widget-articles .rp-blog-card:not(.rp-blog-card-managed-tablet) .rp-blog-meta,
    .rp-widget-articles .rp-blog-card:not(.rp-blog-card-managed-tablet) .rp-blog-meta a {
        color: var(--rpw-article-meta-color-tablet, var(--rpw-article-meta-color, #6b7280)) !important;
        font-size: var(--rpw-article-meta-size-tablet, var(--rpw-article-meta-size, 11px)) !important;
        font-weight: var(--rpw-article-meta-weight-tablet, var(--rpw-article-meta-weight, 400)) !important;
        line-height: var(--rpw-article-meta-line-tablet, var(--rpw-article-meta-line, 1.8)) !important;
    }
    .rp-widget-articles .rp-blog-card:not(.rp-blog-card-managed-tablet):hover .rp-blog-meta,
    .rp-widget-articles .rp-blog-card:not(.rp-blog-card-managed-tablet):hover .rp-blog-meta a {
        color: var(--rpw-article-meta-hover-tablet, var(--rpw-article-meta-hover, var(--rp-theme-general-accent, var(--rp-accent, #fd314a)))) !important;
    }
    .rp-widget-articles .rp-blog-card:not(.rp-blog-card-managed-tablet):not(.rp-blog-card-arg-no-excerpt) .rp-blog-card-excerpt {
        display: block !important;
        color: var(--rpw-article-excerpt-color-tablet, var(--rpw-article-excerpt-color, #4b5563)) !important;
        font-size: var(--rpw-article-excerpt-size-tablet, var(--rpw-article-excerpt-size, 12px)) !important;
        font-weight: var(--rpw-article-excerpt-weight-tablet, var(--rpw-article-excerpt-weight, 400)) !important;
        line-height: var(--rpw-article-excerpt-line-tablet, var(--rpw-article-excerpt-line, 1.9)) !important;
    }
    .rp-widget-articles .rp-blog-card:not(.rp-blog-card-managed-tablet):hover .rp-blog-card-excerpt {
        color: var(--rpw-article-excerpt-hover-tablet, var(--rpw-article-excerpt-hover, #111820)) !important;
    }
    .rp-widget-articles .rp-blog-card:not(.rp-blog-card-managed-tablet) .rp-blog-card-category {
        color: var(--rpw-article-category-color-tablet, var(--rpw-article-category-color, #ffffff)) !important;
        background: var(--rpw-article-category-bg, #111820) !important;
        font-size: var(--rpw-article-category-size-tablet, var(--rpw-article-category-size, 10px)) !important;
        font-weight: var(--rpw-article-category-weight-tablet, var(--rpw-article-category-weight, 400)) !important;
        line-height: var(--rpw-article-category-line-tablet, var(--rpw-article-category-line, 1.4)) !important;
    }
    .rp-widget-articles .rp-blog-card:not(.rp-blog-card-managed-tablet) .rp-blog-card-category:hover {
        background: var(--rpw-article-category-hover-tablet, var(--rpw-article-category-hover-bg, var(--rp-theme-general-accent, var(--rp-accent, #fd314a)))) !important;
    }
    .rp-widget-articles .rp-blog-card:not(.rp-blog-card-managed-tablet):not(.rp-blog-card-arg-no-readmore) .rp-blog-card-more {
        display: inline-flex !important;
        color: var(--rpw-article-readmore-color-tablet, var(--rpw-article-readmore-color, #111820)) !important;
        font-size: var(--rpw-article-readmore-size-tablet, var(--rpw-article-readmore-size, 12px)) !important;
        font-weight: var(--rpw-article-readmore-weight-tablet, var(--rpw-article-readmore-weight, 400)) !important;
        line-height: var(--rpw-article-readmore-line-tablet, var(--rpw-article-readmore-line, 1.7)) !important;
    }
    .rp-widget-articles .rp-blog-card:not(.rp-blog-card-managed-tablet) .rp-blog-card-more:hover {
        color: var(--rpw-article-readmore-hover-tablet, var(--rpw-article-readmore-hover, var(--rp-theme-general-accent, var(--rp-accent, #fd314a)))) !important;
    }
    .rp-widget-articles.rp-widget-no-article_title .rp-blog-card:not(.rp-blog-card-managed-tablet) .rp-blog-card-title,
    .rp-widget-articles.rp-widget-no-article_category .rp-blog-card:not(.rp-blog-card-managed-tablet) .rp-blog-card-category,
    .rp-widget-articles.rp-widget-no-article_excerpt .rp-blog-card:not(.rp-blog-card-managed-tablet) .rp-blog-card-excerpt,
    .rp-widget-articles.rp-widget-no-article_readmore .rp-blog-card:not(.rp-blog-card-managed-tablet) .rp-blog-card-more {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .rp-widget-articles .rp-blog-card:not(.rp-blog-card-managed-mobile) {
        box-sizing: border-box !important;
        max-height: var(--rpw-card-max-height-mobile, var(--rpw-card-max-height-desktop, none));
        overflow: hidden !important;
        padding-top: var(--rpw-pt-mobile, var(--rpw-pt, 24px)) !important;
        padding-right: var(--rpw-pr-mobile, var(--rpw-pr, 24px)) !important;
        padding-bottom: var(--rpw-pb-mobile, var(--rpw-pb, 24px)) !important;
        padding-left: var(--rpw-pl-mobile, var(--rpw-pl, 24px)) !important;
        border-style: solid !important;
        border-color: var(--rpw-card-border-color-mobile, var(--rpw-card-border-color, #e9edf1)) !important;
        border-top-width: var(--rpw-card-border-top-mobile, var(--rpw-card-border-top, 1px)) !important;
        border-right-width: var(--rpw-card-border-right-mobile, var(--rpw-card-border-right, 1px)) !important;
        border-bottom-width: var(--rpw-card-border-bottom-mobile, var(--rpw-card-border-bottom, 1px)) !important;
        border-left-width: var(--rpw-card-border-left-mobile, var(--rpw-card-border-left, 1px)) !important;
        border-radius: var(--rpw-radius-mobile, var(--rpw-radius, 18px)) !important;
        background: var(--rpw-article-card-bg-mobile, var(--rpw-article-card-bg, #ffffff)) !important;
    }
    .rp-widget-articles .rp-blog-card:not(.rp-blog-card-managed-mobile):hover {
        border-color: var(--rpw-card-border-hover-color-mobile, var(--rpw-card-border-hover-color, #cbd5e1)) !important;
        border-top-width: var(--rpw-card-border-hover-top-mobile, var(--rpw-card-border-hover-top, 1px)) !important;
        border-right-width: var(--rpw-card-border-hover-right-mobile, var(--rpw-card-border-hover-right, 1px)) !important;
        border-bottom-width: var(--rpw-card-border-hover-bottom-mobile, var(--rpw-card-border-hover-bottom, 1px)) !important;
        border-left-width: var(--rpw-card-border-hover-left-mobile, var(--rpw-card-border-hover-left, 1px)) !important;
    }
    .rp-widget-articles .rp-blog-card:not(.rp-blog-card-managed-mobile) > .rp-blog-card-media {
        overflow: hidden !important;
        border-radius: var(--rpw-article-image-radius-mobile, var(--rpw-article-image-radius, 18px)) !important;
    }
    .rp-widget-articles .rp-blog-card:not(.rp-blog-card-managed-mobile) > .rp-blog-card-media img {
        border-radius: inherit !important;
    }
    .rp-widget-articles .rp-blog-card:not(.rp-blog-card-managed-mobile) > .rp-blog-card-body {
        padding: 16px 0 0 !important;
    }
    .rp-widget-articles .rp-blog-card--no-media:not(.rp-blog-card-managed-mobile) > .rp-blog-card-body,
    .rp-widget-articles .rp-blog-card-arg-no-image:not(.rp-blog-card-managed-mobile) > .rp-blog-card-body {
        padding-top: 0 !important;
    }
    .rp-widget-articles .rp-blog-card:not(.rp-blog-card-managed-mobile) .rp-blog-card-title,
    .rp-widget-articles .rp-blog-card:not(.rp-blog-card-managed-mobile) .rp-blog-card-title a {
        width: 100% !important;
        max-width: 100% !important;
        margin-top: var(--rpw-article-title-mt-mobile, 0px) !important;
        color: var(--rpw-article-title-color-mobile, var(--rpw-article-title-color, #111820)) !important;
        font-size: var(--rpw-article-title-size-mobile, var(--rpw-article-title-size, 13px)) !important;
        font-weight: var(--rpw-article-title-weight-mobile, var(--rpw-article-title-weight, 400)) !important;
        line-height: var(--rpw-article-title-line, 1.7) !important;
        text-align: var(--rpw-article-title-align-mobile, center) !important;
    }
    .rp-widget-articles .rp-blog-card:not(.rp-blog-card-managed-mobile):hover .rp-blog-card-title a {
        color: var(--rpw-article-title-hover, var(--rp-theme-general-accent, var(--rp-accent, #fd314a))) !important;
    }
    .rp-widget-articles .rp-blog-card:not(.rp-blog-card-managed-mobile) .rp-blog-meta,
    .rp-widget-articles .rp-blog-card:not(.rp-blog-card-managed-mobile) .rp-blog-meta a {
        color: var(--rpw-article-meta-color-mobile, var(--rpw-article-meta-color, #6b7280)) !important;
        font-size: var(--rpw-article-meta-size-mobile, var(--rpw-article-meta-size, 11px)) !important;
        font-weight: var(--rpw-article-meta-weight-mobile, var(--rpw-article-meta-weight, 400)) !important;
        line-height: var(--rpw-article-meta-line-mobile, var(--rpw-article-meta-line, 1.8)) !important;
    }
    .rp-widget-articles .rp-blog-card:not(.rp-blog-card-managed-mobile):hover .rp-blog-meta,
    .rp-widget-articles .rp-blog-card:not(.rp-blog-card-managed-mobile):hover .rp-blog-meta a {
        color: var(--rpw-article-meta-hover-mobile, var(--rpw-article-meta-hover, var(--rp-theme-general-accent, var(--rp-accent, #fd314a)))) !important;
    }
    .rp-widget-articles .rp-blog-card:not(.rp-blog-card-managed-mobile):not(.rp-blog-card-arg-no-excerpt) .rp-blog-card-excerpt {
        display: block !important;
        color: var(--rpw-article-excerpt-color-mobile, var(--rpw-article-excerpt-color, #4b5563)) !important;
        font-size: var(--rpw-article-excerpt-size-mobile, var(--rpw-article-excerpt-size, 12px)) !important;
        font-weight: var(--rpw-article-excerpt-weight-mobile, var(--rpw-article-excerpt-weight, 400)) !important;
        line-height: var(--rpw-article-excerpt-line-mobile, var(--rpw-article-excerpt-line, 1.9)) !important;
    }
    .rp-widget-articles .rp-blog-card:not(.rp-blog-card-managed-mobile):hover .rp-blog-card-excerpt {
        color: var(--rpw-article-excerpt-hover-mobile, var(--rpw-article-excerpt-hover, #111820)) !important;
    }
    .rp-widget-articles .rp-blog-card:not(.rp-blog-card-managed-mobile) .rp-blog-card-category {
        color: var(--rpw-article-category-color-mobile, var(--rpw-article-category-color, #ffffff)) !important;
        background: var(--rpw-article-category-bg, #111820) !important;
        font-size: var(--rpw-article-category-size-mobile, var(--rpw-article-category-size, 10px)) !important;
        font-weight: var(--rpw-article-category-weight-mobile, var(--rpw-article-category-weight, 400)) !important;
        line-height: var(--rpw-article-category-line-mobile, var(--rpw-article-category-line, 1.4)) !important;
    }
    .rp-widget-articles .rp-blog-card:not(.rp-blog-card-managed-mobile) .rp-blog-card-category:hover {
        background: var(--rpw-article-category-hover-mobile, var(--rpw-article-category-hover-bg, var(--rp-theme-general-accent, var(--rp-accent, #fd314a)))) !important;
    }
    .rp-widget-articles .rp-blog-card:not(.rp-blog-card-managed-mobile):not(.rp-blog-card-arg-no-readmore) .rp-blog-card-more {
        display: inline-flex !important;
        color: var(--rpw-article-readmore-color-mobile, var(--rpw-article-readmore-color, #111820)) !important;
        font-size: var(--rpw-article-readmore-size-mobile, var(--rpw-article-readmore-size, 12px)) !important;
        font-weight: var(--rpw-article-readmore-weight-mobile, var(--rpw-article-readmore-weight, 400)) !important;
        line-height: var(--rpw-article-readmore-line-mobile, var(--rpw-article-readmore-line, 1.7)) !important;
    }
    .rp-widget-articles .rp-blog-card:not(.rp-blog-card-managed-mobile) .rp-blog-card-more:hover {
        color: var(--rpw-article-readmore-hover-mobile, var(--rpw-article-readmore-hover, var(--rp-theme-general-accent, var(--rp-accent, #fd314a)))) !important;
    }
    .rp-widget-articles.rp-widget-no-article_title .rp-blog-card:not(.rp-blog-card-managed-mobile) .rp-blog-card-title,
    .rp-widget-articles.rp-widget-no-article_category .rp-blog-card:not(.rp-blog-card-managed-mobile) .rp-blog-card-category,
    .rp-widget-articles.rp-widget-no-article_excerpt .rp-blog-card:not(.rp-blog-card-managed-mobile) .rp-blog-card-excerpt,
    .rp-widget-articles.rp-widget-no-article_readmore .rp-blog-card:not(.rp-blog-card-managed-mobile) .rp-blog-card-more {
        display: none !important;
    }
}
/* Article Widget Legacy appearance boundary: END. */

/* Widget carousel pagination dots (optional; disabled by default). */
.rp-widget-dots {
  position: var(--rpw-dots-position, relative);
  top: var(--rpw-dots-position-top, auto);
  right: var(--rpw-dots-position-right, auto);
  bottom: var(--rpw-dots-position-bottom, auto);
  left: var(--rpw-dots-position-left, auto);
  transform: translateX(var(--rpw-dots-translate-x, 0));
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--rpw-dots-gap, 7px);
  margin-top: var(--rpw-dots-mt, 12px);
  min-height: max(20px, var(--rpw-dot-size, 8px));
  direction: ltr;
}
.rp-widget-carousel-dir-rtl .rp-widget-dots { direction: rtl; }
.rp-widget-carousel-dir-ltr .rp-widget-dots { direction: ltr; }
.rp-widget-dot {
  box-sizing: border-box;
  width: var(--rpw-dot-size, 8px);
  height: var(--rpw-dot-size, 8px);
  min-width: var(--rpw-dot-size, 8px);
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: var(--rpw-dots-color, #d1d5db);
  color: var(--rpw-dots-color, #d1d5db);
  cursor: pointer;
  font: inherit;
  line-height: 1;
  transition: width .2s ease, height .2s ease, transform .2s ease, background-color .2s ease, color .2s ease;
}
.rp-widget-dot:hover { background: var(--rpw-dots-hover, #94a3b8); color: var(--rpw-dots-hover, #94a3b8); }
.rp-widget-dot.is-active { background: var(--rpw-dots-active, #fd314a); color: var(--rpw-dots-active, #fd314a); }
.rp-widget-dots.is-grow .rp-widget-dot.is-active { transform: scale(1.45); }
.rp-widget-dots.is-line .rp-widget-dot { width: calc(var(--rpw-dot-size, 8px) * 2.4); height: max(3px, calc(var(--rpw-dot-size, 8px) / 2)); }
.rp-widget-dots.is-line .rp-widget-dot.is-active { width: calc(var(--rpw-dot-size, 8px) * 4); }
.rp-widget-dots.is-pill .rp-widget-dot.is-active { width: calc(var(--rpw-dot-size, 8px) * 2.8); }
.rp-widget-dots.is-number .rp-widget-dot {
  width: auto;
  min-width: calc(var(--rpw-dot-size, 8px) * 2.5);
  height: calc(var(--rpw-dot-size, 8px) * 2.5);
  padding-inline: 5px;
  background: transparent;
  color: var(--rpw-dots-color, #d1d5db);
  font-size: max(10px, var(--rpw-dot-size, 8px));
  font-weight: 700;
}
.rp-widget-dots.is-number .rp-widget-dot:hover { background: transparent; color: var(--rpw-dots-hover, #94a3b8); }
.rp-widget-dots.is-number .rp-widget-dot.is-active { background: var(--rpw-dots-active, #fd314a); color: #fff; }


/* v0.1.851 — unified widget card appearance controls */

/* Banner cards */
.rp-widget-banners .rp-widget-banner-card,
.rp-widget-banner .rp-widget-banner-card,
.rp-widget-banner-card {
    border-radius: var(--rpw-radius, 18px) !important;
    overflow: hidden !important;
    border-style: solid !important;
    border-color: #e9edf1 !important;
    border-top-width: var(--rpw-card-border-top, 1px) !important;
    border-right-width: var(--rpw-card-border-right, 1px) !important;
    border-bottom-width: var(--rpw-card-border-bottom, 1px) !important;
    border-left-width: var(--rpw-card-border-left, 1px) !important;
}

/* v0.1.851 — banner/blog hover frame widths */
.rp-widget-banner-card:hover {
    border-top-width: var(--rpw-card-border-hover-top, 1px) !important;
    border-right-width: var(--rpw-card-border-hover-right, 1px) !important;
    border-bottom-width: var(--rpw-card-border-hover-bottom, 1px) !important;
    border-left-width: var(--rpw-card-border-hover-left, 1px) !important;
}


/* v0.1.851 — frame widths are the single source of truth for banners */
.rp-widget-banner-card {
    border-style: solid !important;
    border-color: var(--rpw-card-border-color, #e9edf1) !important;
    border-top-width: var(--rpw-card-border-top, 1px) !important;
    border-right-width: var(--rpw-card-border-right, 1px) !important;
    border-bottom-width: var(--rpw-card-border-bottom, 1px) !important;
    border-left-width: var(--rpw-card-border-left, 1px) !important;
}
.rp-widget-banner-card:hover {
    border-color: var(--rpw-card-border-hover-color, #cbd5e1) !important;
    border-top-width: var(--rpw-card-border-hover-top, 1px) !important;
    border-right-width: var(--rpw-card-border-hover-right, 1px) !important;
    border-bottom-width: var(--rpw-card-border-hover-bottom, 1px) !important;
    border-left-width: var(--rpw-card-border-hover-left, 1px) !important;
}


/* Card frame settings must never leak into the widget inner/stage wrappers. */
section.rp-widget-products > .rp-widget-inner,
section.rp-widget-banner > .rp-widget-inner,
section.rp-widget-articles > .rp-widget-inner,
section.rp-widget-products > .rp-widget-inner > .rp-widget-stage,
section.rp-widget-banner > .rp-widget-inner > .rp-widget-stage,
section.rp-widget-articles > .rp-widget-inner > .rp-widget-stage {
    border: 0 !important;
    border-width: 0 !important;
    border-color: transparent !important;
    outline: 0 !important;
}


/* v0.1.851 — brand/category term widget */
.rp-widget-terms .rp-widget-term-track.is-grid {
    display: grid;
    grid-template-columns: repeat(var(--rpw-cols-desktop), minmax(0, 1fr));
    gap: var(--rpw-gap);
}
.rp-widget-terms .rp-widget-term-track.is-carousel {
    --rpw-term-shadow-gutter: 12px;
    display: flex;
    flex-wrap: nowrap;
    gap: var(--rpw-gap);
    justify-content: space-between;
    box-sizing: border-box;
    padding-inline: var(--rpw-gap);
    overflow-x: auto;
    overflow-y: visible;
    scrollbar-width: none;
    scroll-snap-type: x mandatory;
}
.rp-widget-shadow-soft.rp-widget-terms .rp-widget-term-track.is-carousel { --rpw-term-shadow-gutter: 18px; }
.rp-widget-shadow-medium.rp-widget-terms .rp-widget-term-track.is-carousel { --rpw-term-shadow-gutter: 26px; }
.rp-widget-shadow-strong.rp-widget-terms .rp-widget-term-track.is-carousel,
.rp-widget-hover-shadow.rp-widget-terms .rp-widget-term-track.is-carousel { --rpw-term-shadow-gutter: 34px; }
.rp-widget-terms .rp-widget-term-track.is-carousel {
    padding-block: var(--rpw-term-shadow-gutter) calc(var(--rpw-term-shadow-gutter) + 8px);
}
.rp-widget-terms .rp-widget-term-track.is-carousel::-webkit-scrollbar {
    display: none;
}
.rp-widget-terms .rp-widget-term-track.is-carousel > .rp-widget-term-card {
    flex: 0 0 calc((100% - (var(--rpw-gap) * (var(--rpw-visible-desktop) - 1))) / var(--rpw-visible-desktop));
    width: calc((100% - (var(--rpw-gap) * (var(--rpw-visible-desktop) - 1))) / var(--rpw-visible-desktop));
    min-width: 0;
    max-width: none;
    scroll-snap-align: start;
}
.rp-widget-terms {
    --rpw-term-card-hover-duration-enter-active: var(--rpw-term-card-hover-duration-enter, var(--rpw-term-card-hover-duration, 250ms));
    --rpw-term-card-hover-duration-leave-active: var(--rpw-term-card-hover-duration-leave, var(--rpw-term-card-hover-duration, 250ms));
}
.rp-widget-terms .rp-widget-term-card {
    min-width: min(100%, var(--rpw-card-min-width-desktop, 80px));
    background: var(--rpw-term-card-bg, #fff);
    border-style: solid;
    border-color: var(--rpw-card-border-color, #e9edf1);
    border-top-width: var(--rpw-card-border-top, 1px);
    border-right-width: var(--rpw-card-border-right, 1px);
    border-bottom-width: var(--rpw-card-border-bottom, 1px);
    border-left-width: var(--rpw-card-border-left, 1px);
    border-radius: var(--rpw-radius, 18px);
    overflow: hidden;
    transition: border-color var(--rpw-term-card-hover-duration-leave-active) ease, border-width var(--rpw-term-card-hover-duration-leave-active) ease, box-shadow var(--rpw-term-card-hover-duration-leave-active) ease, transform var(--rpw-term-card-hover-duration-leave-active) ease;
    position: relative;
    isolation: isolate;
}
.rp-widget-terms .rp-widget-term-card:hover {
    transition-duration: var(--rpw-term-card-hover-duration-enter-active);
    border-color: var(--rpw-card-border-hover-color, #cbd5e1);
    border-top-width: var(--rpw-card-border-hover-top, 1px);
    border-right-width: var(--rpw-card-border-hover-right, 1px);
    border-bottom-width: var(--rpw-card-border-hover-bottom, 1px);
    border-left-width: var(--rpw-card-border-hover-left, 1px);
}
.rp-widget-shadow-soft.rp-widget-terms .rp-widget-term-card { box-shadow: 0 10px 24px rgba(15, 23, 42, .08); }
.rp-widget-shadow-medium.rp-widget-terms .rp-widget-term-card { box-shadow: 0 16px 36px rgba(15, 23, 42, .12); }
.rp-widget-shadow-strong.rp-widget-terms .rp-widget-term-card { box-shadow: 0 22px 50px rgba(15, 23, 42, .16); }
.rp-widget-hover-lift.rp-widget-terms .rp-widget-term-card:hover { transform: translateY(-4px); }
.rp-widget-hover-shadow.rp-widget-terms .rp-widget-term-card:hover { box-shadow: 0 20px 60px rgba(17, 24, 39, .14); }
.rp-widget-hover-zoom.rp-widget-terms .rp-widget-term-card:hover .rp-widget-term-media img { transform: scale(1.045); }
.rp-widget-hover-cover.rp-widget-terms .rp-widget-term-card::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    border-radius: inherit;
    background: var(--rpw-overlay-color, #000000);
    opacity: 0;
    transition: opacity var(--rpw-term-card-hover-duration-leave-active) ease;
}
.rp-widget-hover-cover.rp-widget-terms .rp-widget-term-card:hover::after {
    opacity: max(var(--rpw-overlay-opacity, 0), .22);
    transition-duration: var(--rpw-term-card-hover-duration-enter-active);
}
.rp-widget-terms .rp-widget-term-media img {
    transition: transform var(--rpw-term-card-hover-duration-leave-active) ease;
}
.rp-widget-terms .rp-widget-term-link {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    color: inherit;
    text-decoration: none;
}
.rp-widget-terms .rp-widget-term-media {
    display: block;
    width: 100%;
    height: var(--rpw-term-image-height, 180px);
    overflow: hidden;
    border-radius: var(--rpw-term-image-radius, 18px);
    background: var(--rpw-term-image-bg, #ffffff);
}
.rp-widget-terms .rp-widget-term-media img,
.rp-widget-terms .rp-widget-term-placeholder {
    display: block;
    width: 100%;
    height: 100%;
}
.rp-widget-terms .rp-widget-term-media img {
    object-fit: var(--rpw-term-object-fit, cover);
    transition: transform var(--rpw-term-card-hover-duration-leave-active) ease;
}
.rp-widget-terms .rp-widget-term-card:hover .rp-widget-term-media img { transition-duration: var(--rpw-term-card-hover-duration-enter-active); }
.rp-widget-fit-contain.rp-widget-terms .rp-widget-term-media img {
    object-fit: contain;
}
.rp-widget-terms .rp-widget-term-placeholder {
    background: var(--rpw-term-image-bg, #ffffff);
}
.rp-widget-terms .rp-widget-term-title {
    display: block;
    width: 100%;
    margin-top: var(--rpw-term-title-mt, 20px);
    padding-inline: 14px;
    color: var(--rpw-term-title-color, #111820);
    font-size: var(--rpw-term-title-size, 14px);
    font-weight: var(--rpw-term-title-weight, 400);
    line-height: var(--rpw-term-title-line, 1.7);
    text-align: var(--rpw-term-title-align, center);
}
.rp-widget-terms .rp-widget-term-card:hover .rp-widget-term-title {
    color: var(--rpw-term-title-hover, var(--rp-theme-general-accent, var(--rp-accent, #fd314a)));
}
.rp-widget-terms .rp-widget-term-count,
.rp-widget-terms .rp-widget-term-description {
    display: block;
    padding-inline: 14px;
}
.rp-widget-terms .rp-widget-term-count {
    margin-top: var(--rpw-term-count-mt, 6px);
    color: var(--rpw-term-count-color, #6b7280);
    font-size: var(--rpw-term-count-size, 11px);
    font-weight: var(--rpw-term-count-weight, 400);
    line-height: var(--rpw-term-count-line, 1.7);
    text-align: var(--rpw-term-count-align, center);
}
.rp-widget-terms .rp-widget-term-card:hover .rp-widget-term-count {
    color: var(--rpw-term-count-hover, var(--rpw-term-count-color, #6b7280));
}
.rp-widget-terms .rp-widget-term-description {
    margin: var(--rpw-term-description-mt, 8px) 0 14px;
    color: var(--rpw-term-description-color, var(--rpw-term-desc-color, #6b7280));
    font-size: var(--rpw-term-description-size, 12px);
    font-weight: var(--rpw-term-description-weight, 400);
    line-height: var(--rpw-term-description-line, 1.8);
    text-align: var(--rpw-term-description-align, var(--rpw-term-desc-align, center));
}
.rp-widget-terms .rp-widget-term-card:hover .rp-widget-term-description {
    color: var(--rpw-term-description-hover, var(--rpw-term-description-color, #6b7280));
}

/* Brand/category logos use one controlled, rounded contain box. */
.rp-widget-terms .rp-widget-term-media {
    box-sizing: border-box !important;
    overflow: hidden !important;
    border-radius: var(--rpw-term-image-radius, 18px) !important;
}
.rp-widget-terms .rp-widget-term-media > img,
.rp-widget-terms .rp-widget-term-media picture,
.rp-widget-terms .rp-widget-term-media picture > img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    border-radius: inherit !important;
    clip-path: none !important;
}
@media (max-width: 1024px) {
    .rp-widget-terms {
        --rpw-term-card-hover-duration-enter-active: var(--rpw-term-card-hover-duration-enter-tablet, var(--rpw-term-card-hover-duration-enter, var(--rpw-term-card-hover-duration-tablet, 250ms)));
        --rpw-term-card-hover-duration-leave-active: var(--rpw-term-card-hover-duration-leave-tablet, var(--rpw-term-card-hover-duration-leave, var(--rpw-term-card-hover-duration-tablet, 250ms)));
    }
    .rp-widget-terms .rp-widget-term-track.is-grid {
        grid-template-columns: repeat(var(--rpw-cols-tablet), minmax(0, 1fr));
    }
    .rp-widget-terms .rp-widget-term-track.is-carousel > .rp-widget-term-card {
        flex-basis: calc((100% - (var(--rpw-gap) * (var(--rpw-visible-tablet) - 1))) / var(--rpw-visible-tablet));
        width: calc((100% - (var(--rpw-gap) * (var(--rpw-visible-tablet) - 1))) / var(--rpw-visible-tablet));
    }
}
@media (max-width: 767px) {
    .rp-widget-terms {
        --rpw-term-card-hover-duration-enter-active: var(--rpw-term-card-hover-duration-enter-mobile, var(--rpw-term-card-hover-duration-enter, var(--rpw-term-card-hover-duration-mobile, 250ms)));
        --rpw-term-card-hover-duration-leave-active: var(--rpw-term-card-hover-duration-leave-mobile, var(--rpw-term-card-hover-duration-leave, var(--rpw-term-card-hover-duration-mobile, 250ms)));
    }
    .rp-widget-terms .rp-widget-term-track.is-grid {
        grid-template-columns: repeat(var(--rpw-cols-mobile), minmax(0, 1fr));
    }
    .rp-widget-terms .rp-widget-term-track.is-carousel > .rp-widget-term-card {
        flex-basis: calc((100% - (var(--rpw-gap) * (var(--rpw-visible-mobile) - 1))) / var(--rpw-visible-mobile));
        width: calc((100% - (var(--rpw-gap) * (var(--rpw-visible-mobile) - 1))) / var(--rpw-visible-mobile));
    }
}

@media (prefers-reduced-motion: reduce) {
    .rp-widget-terms .rp-widget-term-card,
    .rp-widget-terms .rp-widget-term-card::after,
    .rp-widget-terms .rp-widget-term-media img {
        transition-duration: 1ms !important;
    }
}

/* Never apply card border controls to term-widget inner/stage wrappers. */
section.rp-widget-terms > .rp-widget-inner,
section.rp-widget-terms > .rp-widget-inner > .rp-widget-stage {
    border: 0 !important;
    outline: 0 !important;
}


/* v0.1.851 — internal padding belongs to the real inner wrapper */
section.rp-widget-products > .rp-widget-inner,
section.rp-widget-banner > .rp-widget-inner,
section.rp-widget-articles > .rp-widget-inner,
section.rp-widget-terms > .rp-widget-inner {
    box-sizing: border-box !important;
    padding-top: var(--rpw-pt, 24px) !important;
    padding-right: var(--rpw-pr, 24px) !important;
    padding-bottom: var(--rpw-pb, 24px) !important;
    padding-left: var(--rpw-pl, 24px) !important;
}

/* v0.1.851 — banner card background is independent from section background */
.rp-widget-banner .rp-widget-banner-card,
.rp-widget-banner .rp-widget-banner-link,
.rp-widget-banner .rp-widget-banner-card > picture,
.rp-widget-banner .rp-widget-banner-card picture,
.rp-widget-banner.rp-widget-fit-contain .rp-widget-banner-card img {
    background-color: #ffffff !important;
}


/* v0.1.851 — spacing controls are CARD internal padding, not section padding */
.rp-widget > .rp-widget-inner,
section.rp-widget-products > .rp-widget-inner,
section.rp-widget-banner > .rp-widget-inner,
section.rp-widget-articles > .rp-widget-inner,
section.rp-widget-terms > .rp-widget-inner {
    padding: 0 !important;
}

/* Banner: card padding creates real internal space around image/content. */
.rp-widget-banner .rp-widget-banner-card {
    box-sizing: border-box !important;
    padding-top: var(--rpw-pt, 24px) !important;
    padding-right: var(--rpw-pr, 24px) !important;
    padding-bottom: var(--rpw-pb, 24px) !important;
    padding-left: var(--rpw-pl, 24px) !important;
}
.rp-widget-banner .rp-widget-banner-link,
.rp-widget-banner .rp-widget-banner-card > picture {
    box-sizing: border-box !important;
    width: 100% !important;
}

/* Brand/category: image, title and metadata all sit inside the same card padding. */
.rp-widget-terms .rp-widget-term-card {
    box-sizing: border-box !important;
    padding-top: var(--rpw-pt, 24px) !important;
    padding-right: var(--rpw-pr, 24px) !important;
    padding-bottom: var(--rpw-pb, 24px) !important;
    padding-left: var(--rpw-pl, 24px) !important;
}
.rp-widget-terms .rp-widget-term-link {
    box-sizing: border-box !important;
}


/* Term text starts exactly at the configured card padding edge. */
.rp-widget-terms .rp-widget-term-title,
.rp-widget-terms .rp-widget-term-count,
.rp-widget-terms .rp-widget-term-description {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

/* v0.1.851 — term image background is configurable */
.rp-widget-terms .rp-widget-term-media,
.rp-widget-terms .rp-widget-term-placeholder,
.rp-widget-terms .rp-widget-term-media img {
    background-color: var(--rpw-term-image-bg, #ffffff) !important;
}


/* v0.1.851 — responsive title appearance for banner/article/brand-category widgets */
@media (max-width: 1024px) {
    .rp-widget-terms .rp-widget-term-title {
        color: var(--rpw-term-title-color-tablet, var(--rpw-term-title-color, #111820)) !important;
        font-size: var(--rpw-term-title-size-tablet, var(--rpw-term-title-size, 14px)) !important;
        font-weight: var(--rpw-term-title-weight-tablet, var(--rpw-term-title-weight, 400)) !important;
        line-height: var(--rpw-term-title-line-tablet, var(--rpw-term-title-line, 1.7)) !important;
        text-align: var(--rpw-term-title-align-tablet, var(--rpw-term-title-align, center)) !important;
        margin-top: var(--rpw-term-title-mt-tablet, var(--rpw-term-title-mt, 20px)) !important;
    }
}
@media (max-width: 767px) {
    .rp-widget-terms .rp-widget-term-title {
        color: var(--rpw-term-title-color-mobile, var(--rpw-term-title-color, #111820)) !important;
        font-size: var(--rpw-term-title-size-mobile, var(--rpw-term-title-size, 14px)) !important;
        font-weight: var(--rpw-term-title-weight-mobile, var(--rpw-term-title-weight, 400)) !important;
        line-height: var(--rpw-term-title-line-mobile, var(--rpw-term-title-line, 1.7)) !important;
        text-align: var(--rpw-term-title-align-mobile, center) !important;
        margin-top: var(--rpw-term-title-mt-mobile, 0px) !important;
    }
}


/* v0.1.851 — brand/category image radius must affect wrapper, image and placeholder */
.rp-widget-terms .rp-widget-term-media {
    border-radius: var(--rpw-term-image-radius, 18px) !important;
    overflow: hidden !important;
    isolation: isolate;
}
.rp-widget-terms .rp-widget-term-media > img,
.rp-widget-terms .rp-widget-term-media picture,
.rp-widget-terms .rp-widget-term-media picture > img,
.rp-widget-terms .rp-widget-term-placeholder {
    border-radius: var(--rpw-term-image-radius, 18px) !important;
    overflow: hidden !important;
}
.rp-widget-terms .rp-widget-term-media > img,
.rp-widget-terms .rp-widget-term-media picture > img {
    clip-path: inset(0 round var(--rpw-term-image-radius, 18px));
}


/* v0.1.851 — term "image radius" applies to the actual image, especially in contain mode */
.rp-widget-terms .rp-widget-term-media {
    border-radius: 0 !important;
    overflow: visible !important;
    isolation: auto !important;
}
.rp-widget-terms .rp-widget-term-media > img,
.rp-widget-terms .rp-widget-term-media picture > img {
    border-radius: var(--rpw-term-image-radius, 18px) !important;
    overflow: hidden !important;
    clip-path: inset(0 round var(--rpw-term-image-radius, 18px)) !important;
}
.rp-widget-terms .rp-widget-term-media picture {
    border-radius: 0 !important;
    overflow: visible !important;
}
.rp-widget-terms .rp-widget-term-placeholder {
    border-radius: var(--rpw-term-image-radius, 18px) !important;
    overflow: hidden !important;
}
.rp-widget-fit-contain.rp-widget-terms .rp-widget-term-media > img,
.rp-widget-fit-contain.rp-widget-terms .rp-widget-term-media picture > img {
    object-fit: contain !important;
    border-radius: var(--rpw-term-image-radius, 18px) !important;
    clip-path: inset(0 round var(--rpw-term-image-radius, 18px)) !important;
}


/* v0.1.851 — remaining responsive article / term / banner appearance */
@media (max-width: 1024px) {
    .rp-widget-terms .rp-widget-term-count {
        color: var(--rpw-term-count-color-tablet, var(--rpw-term-count-color, #6b7280)) !important;
        font-size: var(--rpw-term-count-size-tablet, var(--rpw-term-count-size, 11px)) !important;
        font-weight: var(--rpw-term-count-weight-tablet, var(--rpw-term-count-weight, 400)) !important;
        line-height: var(--rpw-term-count-line-tablet, var(--rpw-term-count-line, 1.7)) !important;
        text-align: var(--rpw-term-count-align-tablet, var(--rpw-term-count-align, center)) !important;
        margin-top: var(--rpw-term-count-mt-tablet, var(--rpw-term-count-mt, 6px)) !important;
    }
    .rp-widget-terms .rp-widget-term-card:hover .rp-widget-term-count {
        color: var(--rpw-term-count-hover-tablet, var(--rpw-term-count-hover, var(--rpw-term-count-color-tablet, #6b7280))) !important;
    }
    .rp-widget-terms .rp-widget-term-description {
        color: var(--rpw-term-description-color-tablet, var(--rpw-term-description-color, var(--rpw-term-desc-color, #6b7280))) !important;
        font-size: var(--rpw-term-description-size-tablet, var(--rpw-term-description-size, 12px)) !important;
        font-weight: var(--rpw-term-description-weight-tablet, var(--rpw-term-description-weight, 400)) !important;
        line-height: var(--rpw-term-description-line-tablet, var(--rpw-term-description-line, 1.8)) !important;
        text-align: var(--rpw-term-description-align-tablet, var(--rpw-term-description-align, center)) !important;
        margin-top: var(--rpw-term-description-mt-tablet, var(--rpw-term-description-mt, 8px)) !important;
    }
    .rp-widget-terms .rp-widget-term-card:hover .rp-widget-term-description {
        color: var(--rpw-term-description-hover-tablet, var(--rpw-term-description-hover, var(--rpw-term-description-color-tablet, #6b7280))) !important;
    }

}
@media (max-width: 767px) {
    .rp-widget-terms .rp-widget-term-count {
        color: var(--rpw-term-count-color-mobile, var(--rpw-term-count-color, #6b7280)) !important;
        font-size: var(--rpw-term-count-size-mobile, var(--rpw-term-count-size, 11px)) !important;
        font-weight: var(--rpw-term-count-weight-mobile, var(--rpw-term-count-weight, 400)) !important;
        line-height: var(--rpw-term-count-line-mobile, var(--rpw-term-count-line, 1.7)) !important;
        text-align: var(--rpw-term-count-align-mobile, var(--rpw-term-count-align, center)) !important;
        margin-top: var(--rpw-term-count-mt-mobile, var(--rpw-term-count-mt, 6px)) !important;
    }
    .rp-widget-terms .rp-widget-term-card:hover .rp-widget-term-count {
        color: var(--rpw-term-count-hover-mobile, var(--rpw-term-count-hover, var(--rpw-term-count-color-mobile, #6b7280))) !important;
    }
    .rp-widget-terms .rp-widget-term-description {
        color: var(--rpw-term-description-color-mobile, var(--rpw-term-description-color, var(--rpw-term-desc-color, #6b7280))) !important;
        font-size: var(--rpw-term-description-size-mobile, var(--rpw-term-description-size, 12px)) !important;
        font-weight: var(--rpw-term-description-weight-mobile, var(--rpw-term-description-weight, 400)) !important;
        line-height: var(--rpw-term-description-line-mobile, var(--rpw-term-description-line, 1.8)) !important;
        text-align: var(--rpw-term-description-align-mobile, var(--rpw-term-description-align, center)) !important;
        margin-top: var(--rpw-term-description-mt-mobile, var(--rpw-term-description-mt, 8px)) !important;
    }
    .rp-widget-terms .rp-widget-term-card:hover .rp-widget-term-description {
        color: var(--rpw-term-description-hover-mobile, var(--rpw-term-description-hover, var(--rpw-term-description-color-mobile, #6b7280))) !important;
    }
}


/* v0.1.851 — responsive common card frame/padding for banner/article/term widgets */
@media (max-width: 1024px) {
    .rp-widget {
        padding: var(--rpw-section-pt-tablet, var(--rpw-section-pt, 0)) var(--rpw-section-pr-tablet, var(--rpw-section-pr, 0)) var(--rpw-section-pb-tablet, var(--rpw-section-pb, 0)) var(--rpw-section-pl-tablet, var(--rpw-section-pl, 0));
        margin: var(--rpw-section-mt-tablet, var(--rpw-section-mt, 20px)) var(--rpw-section-mr-tablet, var(--rpw-section-mr, 0)) var(--rpw-section-mb-tablet, var(--rpw-section-mb, 20px)) var(--rpw-section-ml-tablet, var(--rpw-section-ml, 0));
        border-radius: var(--rpw-section-radius-top-left-tablet, var(--rpw-section-radius-top-left, 0)) var(--rpw-section-radius-top-right-tablet, var(--rpw-section-radius-top-right, 0)) var(--rpw-section-radius-bottom-right-tablet, var(--rpw-section-radius-bottom-right, 0)) var(--rpw-section-radius-bottom-left-tablet, var(--rpw-section-radius-bottom-left, 0));
    }
    .rp-widget .rp-widget-view-all {
        padding: var(--rpw-view-all-pt-tablet, var(--rpw-view-all-pt, 6px)) var(--rpw-view-all-pr-tablet, var(--rpw-view-all-pr, 14px)) var(--rpw-view-all-pb-tablet, var(--rpw-view-all-pb, 6px)) var(--rpw-view-all-pl-tablet, var(--rpw-view-all-pl, 14px));
    }
    .rp-widget-banner .rp-widget-banner-card,
    .rp-widget-terms .rp-widget-term-card {
        max-height: var(--rpw-card-max-height-tablet, var(--rpw-card-max-height-desktop, none));
    }
    .rp-widget-terms .rp-widget-term-card {
        min-height: var(--rpw-card-min-height-tablet, var(--rpw-card-min-height-desktop, 80px));
        min-width: min(100%, var(--rpw-card-min-width-tablet, var(--rpw-card-min-width-desktop, 80px)));
    }
    .rp-widget-banner .rp-widget-banner-card,
    .rp-widget-terms .rp-widget-term-card {
        padding-top: var(--rpw-pt-tablet, var(--rpw-pt, 24px)) !important;
        padding-right: var(--rpw-pr-tablet, var(--rpw-pr, 24px)) !important;
        padding-bottom: var(--rpw-pb-tablet, var(--rpw-pb, 24px)) !important;
        padding-left: var(--rpw-pl-tablet, var(--rpw-pl, 24px)) !important;
        border-radius: var(--rpw-radius-tablet, var(--rpw-radius, 18px)) !important;
        border-top-width: var(--rpw-card-border-top-tablet, var(--rpw-card-border-top, 1px)) !important;
        border-right-width: var(--rpw-card-border-right-tablet, var(--rpw-card-border-right, 1px)) !important;
        border-bottom-width: var(--rpw-card-border-bottom-tablet, var(--rpw-card-border-bottom, 1px)) !important;
        border-left-width: var(--rpw-card-border-left-tablet, var(--rpw-card-border-left, 1px)) !important;
        border-color: var(--rpw-card-border-color-tablet, var(--rpw-card-border-color, #e9edf1)) !important;
    }
    .rp-widget-banner .rp-widget-banner-card:hover,
    .rp-widget-terms .rp-widget-term-card:hover {
        border-top-width: var(--rpw-card-border-hover-top-tablet, var(--rpw-card-border-hover-top, 1px)) !important;
        border-right-width: var(--rpw-card-border-hover-right-tablet, var(--rpw-card-border-hover-right, 1px)) !important;
        border-bottom-width: var(--rpw-card-border-hover-bottom-tablet, var(--rpw-card-border-hover-bottom, 1px)) !important;
        border-left-width: var(--rpw-card-border-hover-left-tablet, var(--rpw-card-border-hover-left, 1px)) !important;
        border-color: var(--rpw-card-border-hover-color-tablet, var(--rpw-card-border-hover-color, #cbd5e1)) !important;
    }
}
@media (max-width: 767px) {
    .rp-widget-hide-arrows-mobile .rp-widget-arrow { display: none !important; }
    section.rp-widget.rp-widget-arrows-position-outside.rp-widget-hide-arrows-mobile { overflow: hidden !important; }
    .rp-widget-arrows-position-outside.rp-widget-hide-arrows-mobile .rp-widget-stage::before,
    .rp-widget-arrows-position-outside.rp-widget-hide-arrows-mobile .rp-widget-stage::after { content: none; }
    .rp-widget-hide-dots-mobile .rp-widget-dots { display: none !important; }
    .rp-widget {
        padding: var(--rpw-section-pt-mobile, var(--rpw-section-pt, 0)) var(--rpw-section-pr-mobile, var(--rpw-section-pr, 0)) var(--rpw-section-pb-mobile, var(--rpw-section-pb, 0)) var(--rpw-section-pl-mobile, var(--rpw-section-pl, 0));
        margin: var(--rpw-section-mt-mobile, var(--rpw-section-mt, 20px)) var(--rpw-section-mr-mobile, var(--rpw-section-mr, 0)) var(--rpw-section-mb-mobile, var(--rpw-section-mb, 20px)) var(--rpw-section-ml-mobile, var(--rpw-section-ml, 0));
        border-radius: var(--rpw-section-radius-top-left-mobile, var(--rpw-section-radius-top-left, 0)) var(--rpw-section-radius-top-right-mobile, var(--rpw-section-radius-top-right, 0)) var(--rpw-section-radius-bottom-right-mobile, var(--rpw-section-radius-bottom-right, 0)) var(--rpw-section-radius-bottom-left-mobile, var(--rpw-section-radius-bottom-left, 0));
    }
    .rp-widget .rp-widget-view-all {
        padding: var(--rpw-view-all-pt-mobile, var(--rpw-view-all-pt, 6px)) var(--rpw-view-all-pr-mobile, var(--rpw-view-all-pr, 14px)) var(--rpw-view-all-pb-mobile, var(--rpw-view-all-pb, 6px)) var(--rpw-view-all-pl-mobile, var(--rpw-view-all-pl, 14px));
    }
    .rp-widget-banner .rp-widget-banner-card,
    .rp-widget-terms .rp-widget-term-card {
        max-height: var(--rpw-card-max-height-mobile, var(--rpw-card-max-height-desktop, none));
    }
    .rp-widget-terms .rp-widget-term-card {
        min-height: var(--rpw-card-min-height-mobile, var(--rpw-card-min-height-desktop, 80px));
        min-width: min(100%, var(--rpw-card-min-width-mobile, var(--rpw-card-min-width-desktop, 80px)));
    }
    .rp-widget-banner .rp-widget-banner-card,
    .rp-widget-terms .rp-widget-term-card {
        padding-top: var(--rpw-pt-mobile, var(--rpw-pt, 24px)) !important;
        padding-right: var(--rpw-pr-mobile, var(--rpw-pr, 24px)) !important;
        padding-bottom: var(--rpw-pb-mobile, var(--rpw-pb, 24px)) !important;
        padding-left: var(--rpw-pl-mobile, var(--rpw-pl, 24px)) !important;
        border-radius: var(--rpw-radius-mobile, var(--rpw-radius, 18px)) !important;
        border-top-width: var(--rpw-card-border-top-mobile, var(--rpw-card-border-top, 1px)) !important;
        border-right-width: var(--rpw-card-border-right-mobile, var(--rpw-card-border-right, 1px)) !important;
        border-bottom-width: var(--rpw-card-border-bottom-mobile, var(--rpw-card-border-bottom, 1px)) !important;
        border-left-width: var(--rpw-card-border-left-mobile, var(--rpw-card-border-left, 1px)) !important;
        border-color: var(--rpw-card-border-color-mobile, var(--rpw-card-border-color, #e9edf1)) !important;
    }
    .rp-widget-banner .rp-widget-banner-card:hover,
    .rp-widget-terms .rp-widget-term-card:hover {
        border-top-width: var(--rpw-card-border-hover-top-mobile, var(--rpw-card-border-hover-top, 1px)) !important;
        border-right-width: var(--rpw-card-border-hover-right-mobile, var(--rpw-card-border-hover-right, 1px)) !important;
        border-bottom-width: var(--rpw-card-border-hover-bottom-mobile, var(--rpw-card-border-hover-bottom, 1px)) !important;
        border-left-width: var(--rpw-card-border-hover-left-mobile, var(--rpw-card-border-hover-left, 1px)) !important;
        border-color: var(--rpw-card-border-hover-color-mobile, var(--rpw-card-border-hover-color, #cbd5e1)) !important;
    }
}


/* v0.1.851 — responsive article/term card and image appearance */
@media (max-width: 1024px) {
    .rp-widget-terms .rp-widget-term-card {
        background: var(--rpw-term-card-bg-tablet, var(--rpw-term-card-bg, #ffffff)) !important;
    }
    .rp-widget-terms .rp-widget-term-media {
        height: var(--rpw-term-image-height-tablet, var(--rpw-term-image-height, 180px)) !important;
        background-color: var(--rpw-term-image-bg-tablet, var(--rpw-term-image-bg, #ffffff)) !important;
    }
    .rp-widget-terms .rp-widget-term-media > img,
    .rp-widget-terms .rp-widget-term-media picture > img,
    .rp-widget-terms .rp-widget-term-placeholder {
        border-radius: var(--rpw-term-image-radius-tablet, var(--rpw-term-image-radius, 18px)) !important;
        clip-path: inset(0 round var(--rpw-term-image-radius-tablet, var(--rpw-term-image-radius, 18px))) !important;
        background-color: var(--rpw-term-image-bg-tablet, var(--rpw-term-image-bg, #ffffff)) !important;
    }
}
@media (max-width: 767px) {
    .rp-widget-terms .rp-widget-term-card {
        background: var(--rpw-term-card-bg-mobile, var(--rpw-term-card-bg, #ffffff)) !important;
    }
    .rp-widget-terms .rp-widget-term-media {
        height: var(--rpw-term-image-height-mobile, var(--rpw-term-image-height, 180px)) !important;
        background-color: var(--rpw-term-image-bg-mobile, var(--rpw-term-image-bg, #ffffff)) !important;
    }
    .rp-widget-terms .rp-widget-term-media > img,
    .rp-widget-terms .rp-widget-term-media picture > img,
    .rp-widget-terms .rp-widget-term-placeholder {
        border-radius: var(--rpw-term-image-radius-mobile, var(--rpw-term-image-radius, 18px)) !important;
        clip-path: inset(0 round var(--rpw-term-image-radius-mobile, var(--rpw-term-image-radius, 18px))) !important;
        background-color: var(--rpw-term-image-bg-mobile, var(--rpw-term-image-bg, #ffffff)) !important;
    }
}

/* Responsive layout overrides must remain after every legacy width rule. */
.rp-widget-products .rp-widget-track > li.product { width:100% !important; min-width:0 !important; max-width:100% !important; flex:none !important; }
@media (min-width:1025px) {
    .rp-widget.rp-widget-layout-desktop-grid .rp-widget-track { display:grid !important; flex-wrap:initial !important; grid-auto-flow:row !important; grid-template-columns:repeat(var(--rpw-cols-desktop),minmax(0,1fr)) !important; grid-template-rows:none !important; grid-auto-columns:auto !important; overflow:visible !important; scroll-snap-type:none !important; }
    .rp-widget.rp-widget-layout-desktop-grid.rp-widget-columns-desktop-auto .rp-widget-track { grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr)) !important; }
    .rp-widget.rp-widget-layout-desktop-carousel .rp-widget-track { grid-auto-flow:column !important; grid-template-columns:none !important; grid-template-rows:repeat(var(--rpw-rows-desktop),minmax(0,auto)) !important; grid-auto-columns:calc((100% - (var(--rpw-gap) * (var(--rpw-visible-desktop) - 1))) / var(--rpw-visible-desktop)) !important; overflow-x:auto !important; }
}
@media (min-width:768px) and (max-width:1024px) {
    .rp-widget.rp-widget-layout-tablet-grid .rp-widget-track { display:grid !important; flex-wrap:initial !important; grid-auto-flow:row !important; grid-template-columns:repeat(var(--rpw-cols-tablet),minmax(0,1fr)) !important; grid-template-rows:none !important; grid-auto-columns:auto !important; overflow:visible !important; scroll-snap-type:none !important; }
    .rp-widget.rp-widget-layout-tablet-grid.rp-widget-columns-tablet-auto .rp-widget-track { grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr)) !important; }
    .rp-widget.rp-widget-layout-tablet-carousel .rp-widget-track { grid-auto-flow:column !important; grid-template-columns:none !important; grid-template-rows:repeat(var(--rpw-rows-tablet),minmax(0,auto)) !important; grid-auto-columns:calc((100% - (var(--rpw-gap) * (var(--rpw-visible-tablet) - 1))) / var(--rpw-visible-tablet)) !important; overflow-x:auto !important; }
}
@media (max-width:767px) {
    .rp-widget.rp-widget-layout-mobile-grid .rp-widget-track { display:grid !important; flex-wrap:initial !important; grid-auto-flow:row !important; grid-template-columns:repeat(var(--rpw-cols-mobile),minmax(0,1fr)) !important; grid-template-rows:none !important; grid-auto-columns:auto !important; overflow:visible !important; scroll-snap-type:none !important; }
    .rp-widget.rp-widget-layout-mobile-grid.rp-widget-columns-mobile-auto .rp-widget-track { grid-template-columns:repeat(auto-fit,minmax(min(140px,100%),1fr)) !important; }
    .rp-widget.rp-widget-layout-mobile-carousel .rp-widget-track { grid-auto-flow:column !important; grid-template-columns:none !important; grid-template-rows:repeat(var(--rpw-rows-mobile),minmax(0,auto)) !important; grid-auto-columns:calc((100% - (var(--rpw-gap) * (var(--rpw-visible-mobile) - 1))) / var(--rpw-visible-mobile)) !important; overflow-x:auto !important; }
}

/* Final authority for controlled brand/category image boxes. */
.rp-widget-terms .rp-widget-term-media {
    box-sizing: border-box !important;
    overflow: hidden !important;
    isolation: isolate !important;
    height: var(--rpw-term-image-height, 180px) !important;
    min-height: var(--rpw-term-image-height, 180px) !important;
    flex: 0 0 var(--rpw-term-image-height, 180px) !important;
    border-radius: var(--rpw-term-image-radius, 18px) !important;
}
.rp-widget-terms .rp-widget-term-media > img,
.rp-widget-terms .rp-widget-term-media picture,
.rp-widget-terms .rp-widget-term-media picture > img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    border-radius: inherit !important;
    clip-path: none !important;
}
@media (max-width:1024px) {
    .rp-widget-terms .rp-widget-term-media {
        height: var(--rpw-term-image-height-tablet, var(--rpw-term-image-height, 180px)) !important;
        min-height: var(--rpw-term-image-height-tablet, var(--rpw-term-image-height, 180px)) !important;
        flex-basis: var(--rpw-term-image-height-tablet, var(--rpw-term-image-height, 180px)) !important;
        border-radius: var(--rpw-term-image-radius-tablet, var(--rpw-term-image-radius, 18px)) !important;
    }
}
@media (max-width:767px) {
    .rp-widget-terms .rp-widget-term-media {
        height: var(--rpw-term-image-height-mobile, var(--rpw-term-image-height, 180px)) !important;
        min-height: var(--rpw-term-image-height-mobile, var(--rpw-term-image-height, 180px)) !important;
        flex-basis: var(--rpw-term-image-height-mobile, var(--rpw-term-image-height, 180px)) !important;
        border-radius: var(--rpw-term-image-radius-mobile, var(--rpw-term-image-radius, 18px)) !important;
    }
}

/* Canonical carousel behavior must win over legacy article/term snap rules. */
.rp-widget-carousel-behavior-momentum .rp-widget-track.is-carousel { scroll-snap-type: none !important; }
.rp-widget-carousel-behavior-snap .rp-widget-track.is-carousel { scroll-snap-type: x mandatory !important; }
.rp-widget-carousel-behavior-free .rp-widget-track.is-carousel,
.rp-widget-carousel-behavior-arrows_only .rp-widget-track.is-carousel { scroll-snap-type: none !important; }
.rp-widget-track.is-carousel.is-rp-dragging,
.rp-widget-track.is-carousel.is-rp-programmatic-scroll { scroll-snap-type: none !important; }

/* Banner component typography and per-device copy. */
.rp-widget-banner-content :is(.rp-banner-copy--tablet, .rp-banner-copy--mobile) { display: none !important; }
.rp-widget-banner-content { align-items: stretch !important; }
.rp-widget-banner-content .rp-banner-copy {
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    width: 100%;
    max-width: 100%;
    text-align: var(--rpw-banner-anchor-text-align, right);
}
.rp-widget-banner-content .rp-banner-copy--desktop { display: flex; }
.rp-widget-banner-content .rp-banner-text-block {
    display: flex;
    flex-direction: column;
    width: var(--rpw-banner-text-block-width, 70%);
    max-width: 100%;
    margin-right: var(--rpw-banner-anchor-margin-right, 0) !important;
    margin-left: var(--rpw-banner-anchor-margin-left, auto) !important;
}
.rp-widget-banner-content :is(.rp-widget-banner-title, .rp-widget-banner-subtitle, .rp-widget-banner-button) {
    box-sizing: border-box; width: fit-content; max-width: 100%; font-style: normal;
    margin-right: var(--rpw-banner-anchor-margin-right, 0) !important;
    margin-left: var(--rpw-banner-anchor-margin-left, auto) !important;
    text-align: var(--rpw-banner-anchor-text-align, right) !important;
    pointer-events: auto;
    transition: color .2s ease, background-color .2s ease;
}
.rp-widget-banner-content[data-rp-banner-position-desktop="right"] { --rpw-banner-anchor-margin-right: 0; --rpw-banner-anchor-margin-left: auto; --rpw-banner-anchor-text-align: right; }
.rp-widget-banner-content[data-rp-banner-position-desktop="center"] { --rpw-banner-anchor-margin-right: auto; --rpw-banner-anchor-margin-left: auto; --rpw-banner-anchor-text-align: center; }
.rp-widget-banner-content[data-rp-banner-position-desktop="left"] { --rpw-banner-anchor-margin-right: auto; --rpw-banner-anchor-margin-left: 0; --rpw-banner-anchor-text-align: left; }

.rp-widget-banner-content {
    --rpw-banner-title-position-mode-active: var(--rpw-banner-title-position-mode, static);
    --rpw-banner-title-position-top-active: var(--rpw-banner-title-position-top, auto);
    --rpw-banner-title-position-right-active: var(--rpw-banner-title-position-right, auto);
    --rpw-banner-title-position-bottom-active: var(--rpw-banner-title-position-bottom, auto);
    --rpw-banner-title-position-left-active: var(--rpw-banner-title-position-left, auto);
    --rpw-banner-title-flow-margin-top-active: var(--rpw-banner-title-flow-margin-top, var(--rpw-banner-title-margin-top, 20px));
    --rpw-banner-subtitle-position-mode-active: var(--rpw-banner-subtitle-position-mode, static);
    --rpw-banner-subtitle-position-top-active: var(--rpw-banner-subtitle-position-top, auto);
    --rpw-banner-subtitle-position-right-active: var(--rpw-banner-subtitle-position-right, auto);
    --rpw-banner-subtitle-position-bottom-active: var(--rpw-banner-subtitle-position-bottom, auto);
    --rpw-banner-subtitle-position-left-active: var(--rpw-banner-subtitle-position-left, auto);
    --rpw-banner-subtitle-flow-margin-top-active: var(--rpw-banner-subtitle-flow-margin-top, var(--rpw-banner-subtitle-margin-top, 8px));
    --rpw-banner-button-position-mode-active: var(--rpw-banner-button-position-mode, static);
    --rpw-banner-button-position-top-active: var(--rpw-banner-button-position-top, auto);
    --rpw-banner-button-position-right-active: var(--rpw-banner-button-position-right, auto);
    --rpw-banner-button-position-bottom-active: var(--rpw-banner-button-position-bottom, auto);
    --rpw-banner-button-position-left-active: var(--rpw-banner-button-position-left, auto);
    --rpw-banner-button-flow-margin-top-active: var(--rpw-banner-button-flow-margin-top, var(--rpw-banner-button-margin-top, 8px));
}

@media (min-width:768px) and (max-width:1024px) {
    .rp-widget-banner-content .rp-banner-copy--desktop { display: none !important; }
    .rp-widget-banner-content .rp-banner-copy--tablet { display: flex !important; }
    .rp-widget-banner-content[data-rp-banner-position-tablet="right"] { --rpw-banner-anchor-margin-right: 0; --rpw-banner-anchor-margin-left: auto; --rpw-banner-anchor-text-align: right; }
    .rp-widget-banner-content[data-rp-banner-position-tablet="center"] { --rpw-banner-anchor-margin-right: auto; --rpw-banner-anchor-margin-left: auto; --rpw-banner-anchor-text-align: center; }
    .rp-widget-banner-content[data-rp-banner-position-tablet="left"] { --rpw-banner-anchor-margin-right: auto; --rpw-banner-anchor-margin-left: 0; --rpw-banner-anchor-text-align: left; }
    .rp-widget-banner-content {
        --rpw-banner-title-position-mode-active: var(--rpw-banner-title-position-mode-tablet, var(--rpw-banner-title-position-mode, static));
        --rpw-banner-title-position-top-active: var(--rpw-banner-title-position-top-tablet, var(--rpw-banner-title-position-top, auto));
        --rpw-banner-title-position-right-active: var(--rpw-banner-title-position-right-tablet, var(--rpw-banner-title-position-right, auto));
        --rpw-banner-title-position-bottom-active: var(--rpw-banner-title-position-bottom-tablet, var(--rpw-banner-title-position-bottom, auto));
        --rpw-banner-title-position-left-active: var(--rpw-banner-title-position-left-tablet, var(--rpw-banner-title-position-left, auto));
        --rpw-banner-title-flow-margin-top-active: var(--rpw-banner-title-flow-margin-top-tablet, var(--rpw-banner-title-flow-margin-top, 20px));
        --rpw-banner-subtitle-position-mode-active: var(--rpw-banner-subtitle-position-mode-tablet, var(--rpw-banner-subtitle-position-mode, static));
        --rpw-banner-subtitle-position-top-active: var(--rpw-banner-subtitle-position-top-tablet, var(--rpw-banner-subtitle-position-top, auto));
        --rpw-banner-subtitle-position-right-active: var(--rpw-banner-subtitle-position-right-tablet, var(--rpw-banner-subtitle-position-right, auto));
        --rpw-banner-subtitle-position-bottom-active: var(--rpw-banner-subtitle-position-bottom-tablet, var(--rpw-banner-subtitle-position-bottom, auto));
        --rpw-banner-subtitle-position-left-active: var(--rpw-banner-subtitle-position-left-tablet, var(--rpw-banner-subtitle-position-left, auto));
        --rpw-banner-subtitle-flow-margin-top-active: var(--rpw-banner-subtitle-flow-margin-top-tablet, var(--rpw-banner-subtitle-flow-margin-top, 8px));
        --rpw-banner-button-position-mode-active: var(--rpw-banner-button-position-mode-tablet, var(--rpw-banner-button-position-mode, static));
        --rpw-banner-button-position-top-active: var(--rpw-banner-button-position-top-tablet, var(--rpw-banner-button-position-top, auto));
        --rpw-banner-button-position-right-active: var(--rpw-banner-button-position-right-tablet, var(--rpw-banner-button-position-right, auto));
        --rpw-banner-button-position-bottom-active: var(--rpw-banner-button-position-bottom-tablet, var(--rpw-banner-button-position-bottom, auto));
        --rpw-banner-button-position-left-active: var(--rpw-banner-button-position-left-tablet, var(--rpw-banner-button-position-left, auto));
        --rpw-banner-button-flow-margin-top-active: var(--rpw-banner-button-flow-margin-top-tablet, var(--rpw-banner-button-flow-margin-top, 8px));
    }
}
@media (max-width:767px) {
    .rp-widget-banner-content .rp-banner-copy--desktop { display: none !important; }
    .rp-widget-banner-content .rp-banner-copy--mobile { display: flex !important; }
    .rp-widget-banner-content[data-rp-banner-position-mobile="right"] { --rpw-banner-anchor-margin-right: 0; --rpw-banner-anchor-margin-left: auto; --rpw-banner-anchor-text-align: right; }
    .rp-widget-banner-content[data-rp-banner-position-mobile="center"] { --rpw-banner-anchor-margin-right: auto; --rpw-banner-anchor-margin-left: auto; --rpw-banner-anchor-text-align: center; }
    .rp-widget-banner-content[data-rp-banner-position-mobile="left"] { --rpw-banner-anchor-margin-right: auto; --rpw-banner-anchor-margin-left: 0; --rpw-banner-anchor-text-align: left; }
    .rp-widget-banner-content {
        --rpw-banner-title-position-mode-active: var(--rpw-banner-title-position-mode-mobile, var(--rpw-banner-title-position-mode, static));
        --rpw-banner-title-position-top-active: var(--rpw-banner-title-position-top-mobile, var(--rpw-banner-title-position-top, auto));
        --rpw-banner-title-position-right-active: var(--rpw-banner-title-position-right-mobile, var(--rpw-banner-title-position-right, auto));
        --rpw-banner-title-position-bottom-active: var(--rpw-banner-title-position-bottom-mobile, var(--rpw-banner-title-position-bottom, auto));
        --rpw-banner-title-position-left-active: var(--rpw-banner-title-position-left-mobile, var(--rpw-banner-title-position-left, auto));
        --rpw-banner-title-flow-margin-top-active: var(--rpw-banner-title-flow-margin-top-mobile, var(--rpw-banner-title-flow-margin-top, 20px));
        --rpw-banner-subtitle-position-mode-active: var(--rpw-banner-subtitle-position-mode-mobile, var(--rpw-banner-subtitle-position-mode, static));
        --rpw-banner-subtitle-position-top-active: var(--rpw-banner-subtitle-position-top-mobile, var(--rpw-banner-subtitle-position-top, auto));
        --rpw-banner-subtitle-position-right-active: var(--rpw-banner-subtitle-position-right-mobile, var(--rpw-banner-subtitle-position-right, auto));
        --rpw-banner-subtitle-position-bottom-active: var(--rpw-banner-subtitle-position-bottom-mobile, var(--rpw-banner-subtitle-position-bottom, auto));
        --rpw-banner-subtitle-position-left-active: var(--rpw-banner-subtitle-position-left-mobile, var(--rpw-banner-subtitle-position-left, auto));
        --rpw-banner-subtitle-flow-margin-top-active: var(--rpw-banner-subtitle-flow-margin-top-mobile, var(--rpw-banner-subtitle-flow-margin-top, 8px));
        --rpw-banner-button-position-mode-active: var(--rpw-banner-button-position-mode-mobile, var(--rpw-banner-button-position-mode, static));
        --rpw-banner-button-position-top-active: var(--rpw-banner-button-position-top-mobile, var(--rpw-banner-button-position-top, auto));
        --rpw-banner-button-position-right-active: var(--rpw-banner-button-position-right-mobile, var(--rpw-banner-button-position-right, auto));
        --rpw-banner-button-position-bottom-active: var(--rpw-banner-button-position-bottom-mobile, var(--rpw-banner-button-position-bottom, auto));
        --rpw-banner-button-position-left-active: var(--rpw-banner-button-position-left-mobile, var(--rpw-banner-button-position-left, auto));
        --rpw-banner-button-flow-margin-top-active: var(--rpw-banner-button-flow-margin-top-mobile, var(--rpw-banner-button-flow-margin-top, 8px));
    }
}

/* Canonical full-name Banner variables; shorthand remains as legacy fallback. */
.rp-widget-banner-content .rp-widget-banner-title {
    display: block !important; position: var(--rpw-banner-title-position-mode-active, static) !important; z-index: 3; width: fit-content !important; max-width: 100% !important;
    top: var(--rpw-banner-title-position-top-active, auto) !important; right: var(--rpw-banner-title-position-right-active, auto) !important; bottom: var(--rpw-banner-title-position-bottom-active, auto) !important; left: var(--rpw-banner-title-position-left-active, auto) !important;
    margin-top: var(--rpw-banner-title-flow-margin-top-active, var(--rpw-banner-title-margin-top, var(--rpw-banner-title-mt, 20px))) !important;
    padding: var(--rpw-banner-title-padding-top, var(--rpw-banner-title-pt, 0px)) var(--rpw-banner-title-padding-right, var(--rpw-banner-title-pr, 0px)) var(--rpw-banner-title-padding-bottom, var(--rpw-banner-title-pb, 0px)) var(--rpw-banner-title-padding-left, var(--rpw-banner-title-pl, 0px)) !important;
    color: var(--rpw-banner-title-color, #fff) !important; font-size: var(--rpw-banner-title-font-size, var(--rpw-banner-title-size, 28px)) !important; font-weight: var(--rpw-banner-title-font-weight, var(--rpw-banner-title-weight, 400)) !important; line-height: var(--rpw-banner-title-line-height, var(--rpw-banner-title-line, 1.45)) !important;
}
.rp-widget-banner-content .rp-widget-banner-subtitle {
    display: block !important; position: var(--rpw-banner-subtitle-position-mode-active, static) !important; z-index: 3; width: fit-content !important; max-width: 100% !important;
    top: var(--rpw-banner-subtitle-position-top-active, auto) !important; right: var(--rpw-banner-subtitle-position-right-active, auto) !important; bottom: var(--rpw-banner-subtitle-position-bottom-active, auto) !important; left: var(--rpw-banner-subtitle-position-left-active, auto) !important;
    margin-top: var(--rpw-banner-subtitle-flow-margin-top-active, var(--rpw-banner-subtitle-margin-top, var(--rpw-banner-subtitle-mt, 8px))) !important;
    padding: var(--rpw-banner-subtitle-padding-top, var(--rpw-banner-subtitle-pt, 0px)) var(--rpw-banner-subtitle-padding-right, var(--rpw-banner-subtitle-pr, 0px)) var(--rpw-banner-subtitle-padding-bottom, var(--rpw-banner-subtitle-pb, 0px)) var(--rpw-banner-subtitle-padding-left, var(--rpw-banner-subtitle-pl, 0px)) !important;
    color: var(--rpw-banner-subtitle-color, #fff) !important; font-size: var(--rpw-banner-subtitle-font-size, var(--rpw-banner-subtitle-size, 14px)) !important; font-weight: var(--rpw-banner-subtitle-font-weight, var(--rpw-banner-subtitle-weight, 400)) !important; line-height: var(--rpw-banner-subtitle-line-height, var(--rpw-banner-subtitle-line, 1.8)) !important;
}
.rp-widget-banner-content .rp-widget-banner-button {
    display: inline-flex !important; position: var(--rpw-banner-button-position-mode-active, static) !important; z-index: 3; align-items: center; justify-content: center; width: fit-content !important; max-width: 100% !important;
    top: var(--rpw-banner-button-position-top-active, auto) !important; right: var(--rpw-banner-button-position-right-active, auto) !important; bottom: var(--rpw-banner-button-position-bottom-active, auto) !important; left: var(--rpw-banner-button-position-left-active, auto) !important;
    margin-top: var(--rpw-banner-button-flow-margin-top-active, var(--rpw-banner-button-margin-top, var(--rpw-banner-button-mt, 8px))) !important; margin-right: var(--rpw-banner-anchor-margin-right, 0) !important; margin-left: var(--rpw-banner-anchor-margin-left, auto) !important;
    padding: var(--rpw-banner-button-padding-top, var(--rpw-banner-button-pt, 7px)) var(--rpw-banner-button-padding-right, var(--rpw-banner-button-pr, 16px)) var(--rpw-banner-button-padding-bottom, var(--rpw-banner-button-pb, 7px)) var(--rpw-banner-button-padding-left, var(--rpw-banner-button-pl, 16px)) !important;
    border-radius: var(--rpw-banner-button-radius, 999px) !important; background: var(--rpw-banner-button-background-color, var(--rpw-banner-button-bg, #fff)) !important; color: var(--rpw-banner-button-color, #111827) !important; font-size: var(--rpw-banner-button-font-size, var(--rpw-banner-button-size, 13px)) !important; font-weight: var(--rpw-banner-button-font-weight, var(--rpw-banner-button-weight, 400)) !important; line-height: var(--rpw-banner-button-line-height, var(--rpw-banner-button-line, 1.5)) !important;
}
.rp-widget-banner-title:hover { color: var(--rpw-banner-title-hover-color, var(--rpw-banner-title-hover, var(--rpw-banner-title-color, #fff))) !important; }
.rp-widget-banner-subtitle:hover { color: var(--rpw-banner-subtitle-hover-color, var(--rpw-banner-subtitle-hover, var(--rpw-banner-subtitle-color, #fff))) !important; }
.rp-widget-banner-button:hover { color: var(--rpw-banner-button-hover-color, var(--rpw-banner-button-hover, var(--rpw-banner-button-color, #111827))) !important; background: var(--rpw-banner-button-hover-background-color, var(--rpw-banner-button-hover-bg, var(--rpw-banner-button-background-color, #fff))) !important; }
@media (min-width:768px) and (max-width:1024px) {
    .rp-widget-banner-content .rp-widget-banner-title { margin-top: var(--rpw-banner-title-flow-margin-top-active, 0) !important; padding: var(--rpw-banner-title-padding-top-tablet, 0px) var(--rpw-banner-title-padding-right-tablet, 0px) var(--rpw-banner-title-padding-bottom-tablet, 0px) var(--rpw-banner-title-padding-left-tablet, 0px) !important; color: var(--rpw-banner-title-color-tablet, #fff) !important; font-size: var(--rpw-banner-title-font-size-tablet, var(--rpw-banner-title-size-tablet, 28px)) !important; font-weight: var(--rpw-banner-title-font-weight-tablet, var(--rpw-banner-title-weight-tablet, 400)) !important; line-height: var(--rpw-banner-title-line-height-tablet, var(--rpw-banner-title-line-tablet, 1.45)) !important; }
    .rp-widget-banner-content .rp-widget-banner-subtitle { margin-top: var(--rpw-banner-subtitle-flow-margin-top-active, 0) !important; padding: var(--rpw-banner-subtitle-padding-top-tablet, 0px) var(--rpw-banner-subtitle-padding-right-tablet, 0px) var(--rpw-banner-subtitle-padding-bottom-tablet, 0px) var(--rpw-banner-subtitle-padding-left-tablet, 0px) !important; color: var(--rpw-banner-subtitle-color-tablet, #fff) !important; font-size: var(--rpw-banner-subtitle-font-size-tablet, var(--rpw-banner-subtitle-size-tablet, 14px)) !important; font-weight: var(--rpw-banner-subtitle-font-weight-tablet, var(--rpw-banner-subtitle-weight-tablet, 400)) !important; line-height: var(--rpw-banner-subtitle-line-height-tablet, var(--rpw-banner-subtitle-line-tablet, 1.8)) !important; }
    .rp-widget-banner-content .rp-widget-banner-button { margin-top: var(--rpw-banner-button-flow-margin-top-active, 0) !important; margin-right: var(--rpw-banner-anchor-margin-right, 0) !important; margin-left: var(--rpw-banner-anchor-margin-left, auto) !important; padding: var(--rpw-banner-button-padding-top-tablet, 7px) var(--rpw-banner-button-padding-right-tablet, 16px) var(--rpw-banner-button-padding-bottom-tablet, 7px) var(--rpw-banner-button-padding-left-tablet, 16px) !important; border-radius: var(--rpw-banner-button-radius-tablet, 999px) !important; background: var(--rpw-banner-button-background-color-tablet, var(--rpw-banner-button-bg-tablet, #fff)) !important; color: var(--rpw-banner-button-color-tablet, #111827) !important; font-size: var(--rpw-banner-button-font-size-tablet, var(--rpw-banner-button-size-tablet, 13px)) !important; font-weight: var(--rpw-banner-button-font-weight-tablet, var(--rpw-banner-button-weight-tablet, 400)) !important; line-height: var(--rpw-banner-button-line-height-tablet, var(--rpw-banner-button-line-tablet, 1.5)) !important; }
    .rp-widget-banner-title:hover { color: var(--rpw-banner-title-hover-color-tablet, var(--rpw-banner-title-hover-tablet, var(--rpw-banner-title-color-tablet, #fff))) !important; }
    .rp-widget-banner-subtitle:hover { color: var(--rpw-banner-subtitle-hover-color-tablet, var(--rpw-banner-subtitle-hover-tablet, var(--rpw-banner-subtitle-color-tablet, #fff))) !important; }
    .rp-widget-banner-button:hover { color: var(--rpw-banner-button-hover-color-tablet, var(--rpw-banner-button-hover-tablet, var(--rpw-banner-button-color-tablet, #111827))) !important; background: var(--rpw-banner-button-hover-background-color-tablet, var(--rpw-banner-button-hover-bg-tablet, var(--rpw-banner-button-background-color-tablet, #fff))) !important; }
}
@media (max-width:767px) {
    .rp-widget-banner-content .rp-widget-banner-title { margin-top: var(--rpw-banner-title-flow-margin-top-active, 0) !important; padding: var(--rpw-banner-title-padding-top-mobile, 0px) var(--rpw-banner-title-padding-right-mobile, 0px) var(--rpw-banner-title-padding-bottom-mobile, 0px) var(--rpw-banner-title-padding-left-mobile, 0px) !important; color: var(--rpw-banner-title-color-mobile, #fff) !important; font-size: var(--rpw-banner-title-font-size-mobile, var(--rpw-banner-title-size-mobile, 28px)) !important; font-weight: var(--rpw-banner-title-font-weight-mobile, var(--rpw-banner-title-weight-mobile, 400)) !important; line-height: var(--rpw-banner-title-line-height-mobile, var(--rpw-banner-title-line-mobile, 1.45)) !important; }
    .rp-widget-banner-content .rp-widget-banner-subtitle { margin-top: var(--rpw-banner-subtitle-flow-margin-top-active, 0) !important; padding: var(--rpw-banner-subtitle-padding-top-mobile, 0px) var(--rpw-banner-subtitle-padding-right-mobile, 0px) var(--rpw-banner-subtitle-padding-bottom-mobile, 0px) var(--rpw-banner-subtitle-padding-left-mobile, 0px) !important; color: var(--rpw-banner-subtitle-color-mobile, #fff) !important; font-size: var(--rpw-banner-subtitle-font-size-mobile, var(--rpw-banner-subtitle-size-mobile, 14px)) !important; font-weight: var(--rpw-banner-subtitle-font-weight-mobile, var(--rpw-banner-subtitle-weight-mobile, 400)) !important; line-height: var(--rpw-banner-subtitle-line-height-mobile, var(--rpw-banner-subtitle-line-mobile, 1.8)) !important; }
    .rp-widget-banner-content .rp-widget-banner-button { margin-top: var(--rpw-banner-button-flow-margin-top-active, 0) !important; margin-right: var(--rpw-banner-anchor-margin-right, 0) !important; margin-left: var(--rpw-banner-anchor-margin-left, auto) !important; padding: var(--rpw-banner-button-padding-top-mobile, 7px) var(--rpw-banner-button-padding-right-mobile, 16px) var(--rpw-banner-button-padding-bottom-mobile, 7px) var(--rpw-banner-button-padding-left-mobile, 16px) !important; border-radius: var(--rpw-banner-button-radius-mobile, 999px) !important; background: var(--rpw-banner-button-background-color-mobile, var(--rpw-banner-button-bg-mobile, #fff)) !important; color: var(--rpw-banner-button-color-mobile, #111827) !important; font-size: var(--rpw-banner-button-font-size-mobile, var(--rpw-banner-button-size-mobile, 13px)) !important; font-weight: var(--rpw-banner-button-font-weight-mobile, var(--rpw-banner-button-weight-mobile, 400)) !important; line-height: var(--rpw-banner-button-line-height-mobile, var(--rpw-banner-button-line-mobile, 1.5)) !important; }
    .rp-widget-banner-title:hover { color: var(--rpw-banner-title-hover-color-mobile, var(--rpw-banner-title-hover-mobile, var(--rpw-banner-title-color-mobile, #fff))) !important; }
    .rp-widget-banner-subtitle:hover { color: var(--rpw-banner-subtitle-hover-color-mobile, var(--rpw-banner-subtitle-hover-mobile, var(--rpw-banner-subtitle-color-mobile, #fff))) !important; }
    .rp-widget-banner-button:hover { color: var(--rpw-banner-button-hover-color-mobile, var(--rpw-banner-button-hover-mobile, var(--rpw-banner-button-color-mobile, #111827))) !important; background: var(--rpw-banner-button-hover-background-color-mobile, var(--rpw-banner-button-hover-bg-mobile, var(--rpw-banner-button-background-color-mobile, #fff))) !important; }
}
@media (min-width: 768px) {
    .rp-widget-hide-dots-non-mobile .rp-widget-dots { display: none !important; }
}

/* Canonical arrow interaction for every carousel widget, including article
 * sections: hidden outside, 60% over the section, 100% over the control. */
.rp-widget:is(.rp-widget-container-boxed, .rp-widget-container-wide, .rp-widget-container-full, .rp-widget-container-custom) {
    --rp-section-active-margin-right: var(--rpw-section-mr, 0px);
    --rp-section-active-margin-left: var(--rpw-section-ml, 0px);
    width: max(0px, calc(var(--rpw-section-bleed-width) - var(--rp-section-active-margin-right) - var(--rp-section-active-margin-left)));
    margin-right: calc((100% - var(--rpw-section-bleed-width)) / 2 + var(--rp-section-active-margin-right));
    margin-left: calc((100% - var(--rpw-section-bleed-width)) / 2 + var(--rp-section-active-margin-left));
}

@media (max-width: 1024px) {
    .rp-widget:is(.rp-widget-container-boxed, .rp-widget-container-wide, .rp-widget-container-full, .rp-widget-container-custom) {
        --rp-section-active-margin-right: var(--rpw-section-mr-tablet, var(--rpw-section-mr, 0px));
        --rp-section-active-margin-left: var(--rpw-section-ml-tablet, var(--rpw-section-ml, 0px));
    }
}

@media (max-width: 767px) {
    .rp-widget:is(.rp-widget-container-boxed, .rp-widget-container-wide, .rp-widget-container-full, .rp-widget-container-custom) {
        --rp-section-active-margin-right: var(--rpw-section-mr-mobile, var(--rpw-section-mr-tablet, var(--rpw-section-mr, 0px)));
        --rp-section-active-margin-left: var(--rpw-section-ml-mobile, var(--rpw-section-ml-tablet, var(--rpw-section-ml, 0px)));
    }
}

.rp-widget .rp-widget-arrow:not(:disabled) {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transition: opacity .28s ease, scale .28s cubic-bezier(.2,.8,.2,1), transform .2s ease, box-shadow .2s ease, background-color .2s ease, color .2s ease;
}
.rp-widget.rp-widget-arrows-hover .rp-widget-arrow:not(:disabled) {
    opacity: 0 !important;
    scale: .94;
    pointer-events: none !important;
}
.rp-widget.rp-widget-arrows-hover:hover .rp-widget-arrow:not(:disabled) {
    opacity: .6 !important;
    scale: 1;
    pointer-events: auto !important;
}
.rp-widget.rp-widget-arrows-hover:has(:focus-visible) .rp-widget-arrow:not(:disabled),
.rp-widget.rp-widget-arrows-hover:hover .rp-widget-arrow:not(:disabled):hover,
.rp-widget .rp-widget-arrow:not(:disabled):focus-visible {
    opacity: 1 !important;
    scale: 1;
    pointer-events: auto !important;
}
.rp-widget.rp-widget-carousel-behavior-arrows_only .rp-widget-arrow:not(:disabled) {
    opacity: 1 !important;
    scale: 1;
    visibility: visible !important;
    pointer-events: auto !important;
}

@media (any-hover: none) {
    .rp-widget .rp-widget-arrow:not(:disabled) {
        opacity: .6 !important;
        scale: 1;
        visibility: visible !important;
        pointer-events: auto !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .rp-widget .rp-widget-arrow {
        transition-duration: 1ms !important;
    }
}