.rml-header-switcher { display: flex; align-items: center; gap: 12px; justify-content: flex-end; padding: 4px 18px; background: #fff; color: #111820; }
.rml-switcher { display: inline-flex; align-items: center; gap: 4px; font-family: inherit; font-size: 14px; font-weight: 600; line-height: 1.2; white-space: nowrap; }
.rml-switcher a, .rml-switcher span { display: inline-flex; min-width: 40px; min-height: 40px; align-items: center; justify-content: center; border: 1px solid currentColor; border-radius: 6px; padding: 6px 9px; text-decoration: none; }
.rml-switcher a[aria-current] { background: #111820; color: #fff; border-color: #111820; }
.rml-switcher a:focus-visible { outline: 3px solid #e14d2a; outline-offset: 3px; }
.rml-switcher span { opacity: .55; }
.rml-menu-item { display: inline-flex !important; align-items: center; padding: 4px 8px; }

.rml-header-search { display: flex; align-items: center; gap: 4px; flex: 0 1 380px; min-width: 0; margin: 0; }
.rml-header-search input[type="search"] { box-sizing: border-box; flex: 1 1 0; width: 100%; min-width: 0; height: 40px; margin: 0; padding: 6px 10px; border: 1px solid #687078; border-radius: 6px; background: #fff; color: #111820; font: inherit; font-size: 16px; }
.rml-header-search input::placeholder { color: #58616a; opacity: 1; }
.rml-header-search button { box-sizing: border-box; flex: 0 0 auto; min-height: 40px; margin: 0; padding: 6px 12px; border: 1px solid #111820; border-radius: 6px; background: #111820; color: #fff; font: inherit; font-size: 14px; font-weight: 600; line-height: 1.2; cursor: pointer; }
.rml-header-search button:hover { background: #303b46; }
.rml-header-search input:focus-visible, .rml-header-search button:focus-visible { outline: 3px solid #e14d2a; outline-offset: 2px; }
.rml-header-switcher > .rml-switcher { flex: 0 0 auto; }
@media (max-width: 480px) {
 .rml-header-switcher { gap: 8px; padding: 4px 10px; }
 .rml-header-search { flex: 1 1 0; }
 .rml-header-search button { padding: 6px 8px; }
}

/* Shared native header: controls beneath the title, beside the logo on small screens. */
#header .elementor-element-98f74c1 .rml-header-switcher { justify-content: center; padding: 8px 0 0; background: transparent; }
@media (max-width: 990px) {
 #header .elementor-element-f813a9b .elementor-widget-wrap:has(.rml-header-switcher) { display: grid !important; grid-template-columns: clamp(48px, 16vw, 80px) minmax(0, 1fr) !important; align-items: center; gap: 8px; }
 #header .elementor-element-f813a9b .elementor-widget-porto_hb_logo { grid-column: 1 !important; grid-row: 1 !important; min-width: 0 !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; }
 #header .elementor-element-f813a9b .logo img { max-width: 100% !important; height: auto !important; }
 #header .elementor-element-98f74c1, #header .elementor-element-98f74c1 > .elementor-widget-container { display: contents !important; }
 #header .elementor-element-98f74c1 .porto-u-heading { grid-column: 1 / -1; grid-row: 2; width: 100%; }
 #header .elementor-element-98f74c1 .rml-header-switcher { grid-column: 2; grid-row: 1; padding: 0; min-width: 0; gap: 6px; }
 #header .rml-header-search { flex: 1 1 0; }
 #header .elementor-element-f813a9b .elementor-widget-porto_info_box { grid-column: 1 / -1; width: 100% !important; }
 #header .elementor-element-f813a9b .elementor-widget-social-icons, #header .elementor-element-f813a9b .elementor-widget-porto_hb_divider { display: none !important; }
}

@media (max-width: 990px) {
 #header .elementor-element-f813a9b .elementor-widget-porto_hb_logo .logo { min-width: 0 !important; width: 100% !important; max-width: 100% !important; }
}
@media (max-width: 990px) {
 #header .porto-block.elementor .elementor-element.elementor-element-f813a9b .elementor-widget-wrap > .elementor-element.elementor-element-f6f17a7,
 #header .porto-block.elementor .elementor-element.elementor-element-f813a9b .elementor-element-f6f17a7 .logo,
 #header .porto-block.elementor .elementor-element.elementor-element-f813a9b .elementor-element-f6f17a7 .logo img { min-width: 0 !important; width: 100% !important; max-width: 100% !important; height: auto !important; }
}
@media (max-width: 990px) {
 #header .porto-block.elementor .elementor-element.elementor-element-f813a9b .elementor-element.elementor-element-f6f17a7 .elementor-widget-container,
 #header .porto-block.elementor .elementor-element.elementor-element-f813a9b .elementor-element.elementor-element-f6f17a7 .logo,
 #header .porto-block.elementor .elementor-element.elementor-element-f813a9b .elementor-element.elementor-element-f6f17a7 .logo a,
 #header .porto-block.elementor .elementor-element.elementor-element-f813a9b .elementor-element.elementor-element-f6f17a7 .logo img { min-width: 0 !important; min-height: 0 !important; width: 100% !important; max-width: 100% !important; height: auto !important; }
}
@media (max-width: 990px) {
 #header .porto-block.elementor .elementor-element.elementor-element-f813a9b .elementor-element.elementor-element-f6f17a7 .logo .standard-logo { display: block !important; }
 #header .porto-block.elementor .elementor-element.elementor-element-f813a9b .elementor-element.elementor-element-f6f17a7 .logo .sticky-logo { display: none !important; }
}
@media (max-width: 990px) {
 #header#header .elementor-element-f6f17a7,
 #header#header .elementor-element-f6f17a7 .elementor-widget-container,
 #header#header .elementor-element-f6f17a7 .logo,
 #header#header .elementor-element-f6f17a7 .logo a,
 #header#header .elementor-element-f6f17a7 .logo img { width: clamp(48px, 16vw, 80px) !important; max-width: clamp(48px, 16vw, 80px) !important; min-width: 0 !important; min-height: 0 !important; height: auto !important; }
}
/* Porto assigns the phone to row 2; reserve that row for the full-width title. */
@media (max-width: 990px) {
 #header#header .elementor-element-f813a9b .elementor-element-5d577b7 {
  grid-column: 1 / -1 !important;
  grid-row: 3 !important;
  width: 100% !important;
  margin: 0 !important;
  align-self: center;
 }
}
/* Elementor's tablet logo padding otherwise pushes the image outside its grid cell. */
@media (max-width: 990px) {
 #header#header .elementor-element-f6f17a7 > .elementor-widget-container { padding: 0 !important; margin: 0 !important; }
}

/* Keep the slalom athlete visible in the narrow homepage hero. */
@media (max-width: 767px) {
 .home .elementor-element-f631218 .roliki-home-hero-media img { object-fit: cover !important; object-position: 70% center !important; }
}
.home .roliki-home-hero-media img { object-position: 75% center !important; }
@media (max-width: 767px) {
 #content .elementor-element-23d7c9c .roliki-home-hero-media img,
 #content .elementor-element-f631218 .roliki-home-hero-media img { width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: 75% center !important; }
}
/* Let desktop shop banners grow with translated copy instead of clipping the CTA. */
@media (min-width: 901px) {
 #primary > .roliki-banner-slider { height: auto !important; max-height: none !important; min-height: 420px; aspect-ratio: auto !important; }
 #primary > .roliki-banner-slider .roliki-banner-slider__track { position: relative; inset: auto; display: grid; min-height: 420px; }
 #primary > .roliki-banner-slider .roliki-banner-slide { position: relative; inset: auto; grid-area: 1 / 1; min-height: 420px; }
 #primary > .roliki-banner-slider .roliki-banner-slide__content { height: auto; min-height: 420px; }
 #primary > .roliki-banner-slider .roliki-banner-slide__content > .roliki-button { flex-shrink: 0; }
}
/* Visible category navigation must not paint-clip lifted cards or focus outlines. */
#roliki-shop-contacte-categorii .roliki-shop-cats--media {
 content-visibility: visible !important;
 contain: none !important;
 overflow: visible !important;
}
.roliki-product-gallery__open { cursor: zoom-in; }
.roliki-product-gallery__open:focus-visible { outline: 3px solid #e14d2a; outline-offset: -3px; }
dialog.roliki-image-viewer { box-sizing: border-box; max-width: calc(100vw - 24px); height: min(88vh, 1000px); height: min(88dvh, 1000px); max-height: calc(100dvh - 24px); margin: auto; padding: 54px 64px 44px; border: 0; border-radius: 8px; background: #fff; color: #111820; overflow: hidden; }
dialog.roliki-image-viewer[open] { display: grid; place-items: center; }
.roliki-image-viewer::backdrop { background: rgba(0,0,0,.78); }
.roliki-image-viewer__image { width: 100%; height: 100%; min-height: 0; object-fit: contain; touch-action: pan-y pinch-zoom; user-select: none; }
.roliki-image-viewer [hidden] { display: none !important; }
.roliki-image-viewer button { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; padding: 6px; border: 1px solid #c9cdd1; border-radius: 6px; background: #fff; color: #111820; cursor: pointer; font: inherit; }
.roliki-image-viewer button:hover { background: #edf0f2; }
.roliki-image-viewer button:focus-visible { outline: 3px solid #e14d2a; outline-offset: 2px; }
.roliki-image-viewer__close { position: absolute; right: 8px; top: 8px; font-size: 28px !important; }
.roliki-image-viewer__nav { position: absolute; top: calc(50% - 22px); font-size: 32px !important; }
.roliki-image-viewer__nav.is-prev { left: 8px; }
.roliki-image-viewer__nav.is-next { right: 8px; }
.roliki-image-viewer__count { position: absolute; bottom: 12px; left: 50%; transform: translateX(-50%); }
.roliki-image-viewer__status { margin: 0; text-align: center; }
.roliki-image-viewer__status:empty { display: none; }
.roliki-image-viewer__retry { position: absolute; bottom: 48px; }
@media (max-width: 600px) { dialog.roliki-image-viewer { padding: 58px 12px 56px; } .roliki-image-viewer__nav { background: rgba(255,255,255,.9) !important; } }
/* Product variant labels may be longer than a size number in either locale. */

body.single-roller_product .roliki-product-options .roliki-size-chip {
 box-sizing: border-box;
 max-width: 100%;
 height: auto;
 white-space: normal;
 overflow-wrap: anywhere;
 word-break: normal;
 line-height: 1.3;
 text-align: center;
}