/* 2026-04-03 10:39 */
html,
body {
/* Neutral colors (grays) */
--color-gray-50: #fafafa;
--color-gray-100: #f5f5f5;
--color-gray-200: #e5e5e5;
--color-gray-300: #d4d4d4;
--color-gray-400: #a3a3a3;
--color-gray-500: #737373;
--color-gray-600: #525252;
--color-gray-700: #404040;
--color-gray-800: #262626;
--color-gray-900: #171717;
--color-gray-950: #0a0a0a;
/* Primary colors (amber/orange) */
--color-brand-50: #fbf5e9;
--color-brand-100: #f7ebd4;
--color-brand-200: #f7d9a1;
--color-brand-300: #f4c671;
--color-brand-400: #fab538;
--color-brand-500: #f9a306;
/* ~ #ffa500 baseline */
--color-brand-600: #cc8400;
--color-brand-700: #a36a00;
--color-brand-800: #7a4f00;
--color-brand-900: #5c3b00;
--color-brand-950: #3d2800;
/* Error colors (red) */
--color-red-50: #fef2f2;
--color-red-100: #fee2e2;
--color-red-200: #fecaca;
--color-red-300: #fca5a5;
--color-red-400: #f87171;
--color-red-500: #ef4444;
--color-red-600: #dc2626;
--color-red-700: #b91c1c;
--color-red-800: #991b1b;
--color-red-900: #7f1d1d;
--color-red-950: #450a0a;
/* Success colors (green) */
--color-green-50: #f0fdf4;
--color-green-100: #dcfce7;
--color-green-200: #bbf7d0;
--color-green-300: #86efac;
--color-green-400: #4ade80;
--color-green-500: #22c55e;
--color-green-600: #16a34a;
--color-green-700: #15803d;
--color-green-800: #166534;
--color-green-900: #14532d;
--color-green-950: #052e16;
/* Info/Social colors (blue) */
--color-blue-50: #eff6ff;
--color-blue-100: #dbeafe;
--color-blue-200: #bfdbfe;
--color-blue-300: #93c5fd;
--color-blue-400: #60a5fa;
--color-blue-500: #3b82f6;
--color-blue-600: #2563eb;
--color-blue-700: #1d4ed8;
--color-blue-800: #1e40af;
--color-blue-900: #1e3a8a;
--color-blue-950: #172554;
/* Warning colors (yellow) */
--color-yellow-50: #fefce8;
--color-yellow-100: #fef9c3;
--color-yellow-200: #fef08a;
--color-yellow-300: #fde047;
--color-yellow-400: #facc15;
--color-yellow-500: #eab308;
--color-yellow-600: #ca8a04;
--color-yellow-700: #a16207;
--color-yellow-800: #854d0e;
--color-yellow-900: #713f12;
--color-yellow-950: #422006;
/* Semantic color mappings for better readability */
--color-white: #ffffff;
--color-black: var(--color-gray-950);
--color-primary: var(--color-brand-500);
--color-primary-hover: var(--color-brand-600);
--color-primary-dark: var(--color-brand-600);
--color-primary-active: var(--color-brand-700);
--color-error: var(--color-red-600);
--color-error-hover: var(--color-red-700);
--color-success: var(--color-green-600);
--color-success-hover: var(--color-green-700);
--color-warning: var(--color-yellow-500);
--color-warning-hover: var(--color-yellow-600);
--color-info: var(--color-blue-600);
--color-info-hover: var(--color-blue-700);
/* Text colors with proper contrast */
--text-primary: var(--color-gray-900);
--text-secondary: var(--color-gray-600);
--text-accent: var(--color-brand-700);
--text-muted: var(--color-gray-500);
--text-on-primary: var(--color-black);
--text-on-dark: var(--color-gray-50);
--text-on-error: var(--color-white);
/* Background colors */
--bg-primary: var(--color-white);
--bg-secondary: var(--color-gray-50);
--bg-muted: var(--color-gray-100);
--bg-dark: var(--color-gray-900);
/* Border colors */
--border-light: var(--color-gray-200);
--border-medium: var(--color-gray-300);
--border-dark: var(--color-gray-400);
/* Special colors for unique cases */
--color-red-special-pink: #ff3cac;
/* --color-green-special-light: #a0c55f; */
--color-green-special-light: #3e6200;
--teal-special: #26a69a;
--color-blue-special-slate: #7382a1;
--purple-special: #562b7c;
--cyan-special: #00ffff;
/* RGB values for rgba() functions */
--color-gray-50-rgb: 249, 250, 251;
--color-gray-100-rgb: 243, 244, 246;
--color-gray-300-rgb: 209, 213, 219;
--color-gray-900-rgb: 17, 24, 39;
--color-blue-400-rgb: 96, 165, 250;
--color-gray-100-rgb: 243, 244, 246;
--color-gray-500-rgb: 107, 114, 128;
--color-gray-800-rgb: 31, 41, 55;
--color-brand-500-rgb: 245, 158, 11;
--titlebar-bg-color: var(--color-primary);
--titlebar-text-color: var(--text-on-primary);
--titlebar-border-bottom: 0.2rem solid var(--border-medium);
--titlebar-padding: 0.5rem 1rem 0.5rem 2.5rem;
--titlebar-margin: 0.5rem 0 1rem 0;
--titlebar-font-size: 1.3rem;
--titlebar-font-weight: 500;
--nav-menu-item-hover-color: var(--color-black);
--nav-menu-item-hover-border-color: var(--color-gray-500);
--spacing: 0.4rem;
--rounding: 0.4rem;
}
[hidden][data-hidden-when="xs"] {
display: inherit;
}
@media (max-width: 48rem) {
[hidden][data-hidden-when="xs"] {
display: none !important;
}
}
[hidden][data-hidden-when="sm"] {
display: inherit;
}
@media (max-width: 62rem) {
[hidden][data-hidden-when="sm"] {
display: none !important;
}
}
[hidden][data-hidden-when="md"] {
display: inherit;
}
@media (max-width: 75rem) {
[hidden][data-hidden-when="md"] {
display: none !important;
}
}
#main_content *,
#main_content {
scroll-margin-top: 5rem;
}
@media (min-width: 62.438rem) {
#main_content *,
#main_content {
scroll-margin-top: 10rem;
}
}
.a11y-overlay {
padding: 0.5rem 0;
background-color: var(--bg-primary);
background-clip: padding-box;
border: 0.1rem solid rgba(var(--color-gray-900-rgb), 0.15);
border-radius: 0.4rem;
box-shadow: 0 0.6rem 1.2rem rgba(var(--color-gray-900-rgb), 0.175);
overflow: auto;
}
.a11y-overlay:empty {
display: none;
}
.a11y-overlay[data-loading] {
position: relative;
min-width: 25rem;
min-height: 25rem;
}
.a11y-overlay > .a11y-loading-indicator {
position: absolute;
top: 50%;
left: 50%;
margin-left: -1rem;
margin-top: -1rem;
}
@media (max-width: 47.9rem) {
.a11y-overlay.a11y-overlay--full-width-mobile {
--overlay-full-width-spacing: 1rem;
width: calc(100vw - var(--overlay-full-width-spacing) * 2) !important;
max-width: calc(100vw - var(--overlay-full-width-spacing) * 2) !important;
margin-left: var(--overlay-full-width-spacing);
}
}
.a11y-dialog-overlay {
position: fixed;
inset: 0;
background-color: rgba(var(--color-gray-500-rgb), 0.75);
transition: opacity 0.3s ease-in-out;
}
.a11y-dialog-content {
position: relative;
overflow: hidden;
}
.a11y-dialog-content.a11y-dialog-content--large {
width: 100dvw;
height: 100dvh;
padding: 0;
}
@media (min-width: 48rem) {
.a11y-dialog-content.a11y-dialog-content--large {
width: 95dvw;
height: 90dvh;
padding: 3.3rem;
}
}
.a11y-dialog-content .a11y-dialog-close-trigger {
position: absolute;
right: 0;
top: 0;
padding: 1rem 1.2rem;
background-color: var(--color-white);
border-radius: 100%;
}
.a11y-loading-indicator {
width: 2rem;
height: 2rem;
border: 0.2rem solid black;
border-bottom-color: transparent;
border-radius: calc(infinity * 0.1rem);
animation: spin 1s linear infinite;
}
.a11y-center-content {
display: flex;
justify-content: center;
align-items: center;
}
.a11y-w-full {
width: 100%;
}
.a11y-center-self {
align-self: center;
}
.a11y-badge {
--text-color: var(--text-on-primary);
--bg-color: var(--color-primary);
--font-size: 1.2rem;
--spacing-vertical: 0.3rem;
--spacing-horizontal: 0.7rem;
display: inline-block;
min-width: 1rem;
padding: var(--spacing-vertical) var(--spacing-horizontal);
font-size: var(--font-size);
font-weight: 700;
line-height: 1;
color: var(--text-color);
text-align: center;
white-space: nowrap;
vertical-align: middle;
background-color: var(--bg-color);
border-radius: 1rem;
}
.a11y-badge.a11y-badge--indicator {
padding: 0.3rem 0.5rem;
font-size: 1.1rem;
position: absolute;
right: 0rem;
top: calc(50% - 2rem);
}
.a11y-badge.a11y-badge--red {
--bg-color: var(--color-error);
--text-color: var(--text-on-error);
}
.a11y-badge.a11y-badge--dense {
--font-size: 1.1rem;
--spacing-vertical: 0.2rem;
--spacing-horizontal: 0.5rem;
}
@keyframes spin {
to {
transform: rotate(360deg);
}
}
/** Megamenu **/
.a11y-megamenu {
display: flex;
width: 100%;
justify-content: center;
margin-bottom: 0.2rem;
border-bottom: 0.1rem solid var(--border-light);
border-top: 0;
border-radius: 0;
background: linear-gradient(
to bottom,
var(--bg-secondary) 0%,
var(--color-gray-100) 100%
);
}
.a11y-megamenu__sub {
width: 80vw;
}
.a11y-megamenu__list {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.a11y-megamenu__item {
position: relative;
}
.a11y-megamenu__item:hover .a11y-megamenu__link,
.a11y-megamenu__item:hover .a11y-megamenu__arrow,
.a11y-megamenu__link:focus,
.a11y-megamenu__arrow:focus {
color: var(--nav-menu-item-hover-color);
}
.a11y-megamenu__item:hover:after,
.a11y-megamenu__item:focus:after {
content: "";
position: absolute;
bottom: 0.7rem;
left: 1.3rem;
right: 1.3rem;
height: 0.2rem;
background-color: var(--nav-menu-item-hover-border-color);
}
.a11y-megamenu__link {
color: var(--color-gray-950);
font-weight: 500;
font-size: 1.3rem;
padding: 1rem 1.3rem;
display: inline-block;
}
.a11y-megamenu__link:hover,
.a11y-megamenu__link:focus {
text-decoration: none;
}
.a11y-megamenu__arrow {
background: transparent;
border: none;
padding: 1rem 1.3rem;
position: relative;
}
.a11y-megamenu__arrow:after {
content: "";
position: absolute;
inset: -0.5rem;
}
.a11y-megamenu__trigger-wrapper {
white-space: nowrap;
}
.a11y-megamenu__trigger-wrapper > .a11y-megamenu__link + .a11y-megamenu__arrow,
.a11y-megamenu__trigger-wrapper > .a11y-megamenu__arrow + .a11y-megamenu__link {
margin-left: -3.9rem;
}
.a11y-megamenu__trigger-wrapper > .a11y-megamenu__link {
padding-right: 2.6rem;
white-space: nowrap;
}
.a11y-megamenu__trigger-wrapper > .a11y-megamenu__link + .a11y-megamenu__arrow {
z-index: 1;
}
.a11y-megamenu__list {
list-style: none;
padding: 0;
margin: 0;
}
.a11y-megamenu__sub {
border-top: 0.1rem solid var(--color-primary);
}
/** Navigation Menu **/
.a11y-nav-menu__list {
list-style: none;
padding: 0.5rem 0;
margin: 0;
}
.a11y-nav-menu__list.a11y-nav-menu__list--text-columns {
columns: var(--cols, 2);
column-width: var(--min-col-width, auto);
column-gap: 0;
column-rule-style: solid;
column-rule-width: 0.1rem;
column-rule-color: rgba(var(--color-gray-300-rgb), 0.5);
display: block;
}
.a11y-nav-menu__list.a11y-nav-menu__list--columns {
display: grid;
grid-template-columns: repeat(
auto-fit,
minmax(var(--min-col-width, auto), 1fr)
);
}
@media (min-width: 48rem) {
.a11y-nav-menu__list.a11y-nav-menu__list--columns {
max-width: var(--max-width, unset) !important;
}
}
.a11y-nav-menu__list.a11y-nav-menu__list--horizontal {
display: flex;
flex-wrap: wrap;
align-items: stretch;
height: 100%;
padding: 0;
}
@media (max-width: 47.9rem) {
.a11y-nav-menu__list.a11y-nav-menu__list--vertical-mobile {
display: flex;
flex-direction: column;
align-items: stretch;
height: 100%;
padding: 0;
}
}
.a11y-nav-menu__item {
--font-size: 1.4rem;
--line-height: calc(var(--font-size, 1.4rem) * 1.2);
--vertical-spacing: 1rem;
--horizontal-spacing: 1.5rem;
page-break-inside: avoid;
break-inside: avoid;
display: flex;
justify-content: stretch;
align-items: stretch;
}
.a11y-nav-menu__trigger {
background: transparent;
border: none;
}
.a11y-nav-menu__arrow {
background: transparent;
border: none;
padding: 1rem 1.3rem;
position: relative;
}
.a11y-nav-menu__arrow:after {
content: "";
position: absolute;
inset: -0.5rem;
}
/* Fallback for browsers without :is()/:focus-visible (e.g. Pale Moon) */
.a11y-nav-menu__arrow.a11y-nav-menu__arrow--on-focus-only:not(
[aria-expanded="true"]
):not(:focus),
[data-safe-polygon-hovered]
.a11y-nav-menu__arrow.a11y-nav-menu__arrow--on-focus-only:not(:focus) {
position: absolute;
width: 0.1rem;
height: 0.1rem;
padding: 0;
margin: -0.1rem;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
:is(
.a11y-nav-menu__arrow.a11y-nav-menu__arrow--on-focus-only:not(
[aria-expanded="true"]
),
[data-safe-polygon-hovered]
.a11y-nav-menu__arrow.a11y-nav-menu__arrow--on-focus-only
):not(:focus),
:is(
.a11y-nav-menu__arrow.a11y-nav-menu__arrow--on-focus-only:not(
[aria-expanded="true"]
),
[data-safe-polygon-hovered]
.a11y-nav-menu__arrow.a11y-nav-menu__arrow--on-focus-only
):not(:focus-visible) {
position: absolute;
width: 0.1rem;
height: 0.1rem;
padding: 0;
margin: -0.1rem;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.a11y-nav-menu__arrow:after {
content: "";
position: absolute;
inset: -0.5rem;
}
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__link,
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__trigger,
*:not(.a11y-nav-menu__trigger-wrapper) > .a11y-nav-menu__links,
.a11y-nav-menu__trigger-wrapper {
display: flex;
align-items: center;
gap: 0.8rem;
color: var(--color-gray-950);
font-size: var(--font-size, 1.4rem);
line-height: var(--line-height, 1.6rem);
}
*:not(.a11y-nav-menu__list--sub)
> .a11y-nav-menu__item
> :is(
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__link,
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__trigger,
*:not(.a11y-nav-menu__trigger-wrapper) > .a11y-nav-menu__links,
.a11y-nav-menu__trigger-wrapper
) {
white-space: nowrap;
}
:is(
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__link,
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__trigger,
*:not(.a11y-nav-menu__trigger-wrapper) > .a11y-nav-menu__links,
.a11y-nav-menu__trigger-wrapper
):not(.a11y-nav-menu__trigger-wrapper),
:is(
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__link,
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__trigger,
*:not(.a11y-nav-menu__trigger-wrapper) > .a11y-nav-menu__links,
.a11y-nav-menu__trigger-wrapper
)
> .a11y-nav-menu__link,
:is(
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__link,
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__trigger,
*:not(.a11y-nav-menu__trigger-wrapper) > .a11y-nav-menu__links,
.a11y-nav-menu__trigger-wrapper
)
> .a11y-nav-menu__trigger {
padding: var(--vertical-spacing) calc(var(--horizontal-spacing) / 1.7);
color: inherit;
text-decoration: inherit;
}
:is(
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__link,
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__trigger,
*:not(.a11y-nav-menu__trigger-wrapper) > .a11y-nav-menu__links,
.a11y-nav-menu__trigger-wrapper
)
> .a11y-nav-menu__links,
.a11y-nav-menu__links:is(
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__link,
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__trigger,
*:not(.a11y-nav-menu__trigger-wrapper) > .a11y-nav-menu__links,
.a11y-nav-menu__trigger-wrapper
) {
flex-direction: column;
align-items: center;
display: grid;
grid-template-columns: auto 1fr;
}
:is(
:is(
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__link,
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__trigger,
*:not(.a11y-nav-menu__trigger-wrapper) > .a11y-nav-menu__links,
.a11y-nav-menu__trigger-wrapper
)
> .a11y-nav-menu__links,
.a11y-nav-menu__links:is(
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__link,
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__trigger,
*:not(.a11y-nav-menu__trigger-wrapper) > .a11y-nav-menu__links,
.a11y-nav-menu__trigger-wrapper
)
)
> .a11y-nav-menu__link,
:is(
:is(
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__link,
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__trigger,
*:not(.a11y-nav-menu__trigger-wrapper) > .a11y-nav-menu__links,
.a11y-nav-menu__trigger-wrapper
)
> .a11y-nav-menu__links,
.a11y-nav-menu__links:is(
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__link,
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__trigger,
*:not(.a11y-nav-menu__trigger-wrapper) > .a11y-nav-menu__links,
.a11y-nav-menu__trigger-wrapper
)
)
> .a11y-nav-menu__trigger {
--links-font-size: calc(var(--font-size, 1.4rem) * 8 / 10);
padding-left: var(--horizontal-spacing);
padding-right: var(--horizontal-spacing);
font-size: var(--links-font-size);
color: var(--color-gray-600);
width: 100%;
text-align: center;
display: grid;
grid-template-columns: auto 1fr;
grid-column: span 2 / span 2;
align-items: center;
}
@supports (grid-template-columns: subgrid) {
:is(
:is(
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__link,
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__trigger,
*:not(.a11y-nav-menu__trigger-wrapper) > .a11y-nav-menu__links,
.a11y-nav-menu__trigger-wrapper
)
> .a11y-nav-menu__links,
.a11y-nav-menu__links:is(
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__link,
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__trigger,
*:not(.a11y-nav-menu__trigger-wrapper) > .a11y-nav-menu__links,
.a11y-nav-menu__trigger-wrapper
)
)
> .a11y-nav-menu__link,
:is(
:is(
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__link,
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__trigger,
*:not(.a11y-nav-menu__trigger-wrapper) > .a11y-nav-menu__links,
.a11y-nav-menu__trigger-wrapper
)
> .a11y-nav-menu__links,
.a11y-nav-menu__links:is(
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__link,
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__trigger,
*:not(.a11y-nav-menu__trigger-wrapper) > .a11y-nav-menu__links,
.a11y-nav-menu__trigger-wrapper
)
)
> .a11y-nav-menu__trigger {
grid-template-columns: subgrid;
}
}
:is(
:is(
:is(
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__link,
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__trigger,
*:not(.a11y-nav-menu__trigger-wrapper) > .a11y-nav-menu__links,
.a11y-nav-menu__trigger-wrapper
)
> .a11y-nav-menu__links,
.a11y-nav-menu__links:is(
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__link,
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__trigger,
*:not(.a11y-nav-menu__trigger-wrapper) > .a11y-nav-menu__links,
.a11y-nav-menu__trigger-wrapper
)
)
> .a11y-nav-menu__link,
:is(
:is(
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__link,
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__trigger,
*:not(.a11y-nav-menu__trigger-wrapper) > .a11y-nav-menu__links,
.a11y-nav-menu__trigger-wrapper
)
> .a11y-nav-menu__links,
.a11y-nav-menu__links:is(
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__link,
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__trigger,
*:not(.a11y-nav-menu__trigger-wrapper) > .a11y-nav-menu__links,
.a11y-nav-menu__trigger-wrapper
)
)
> .a11y-nav-menu__trigger
):hover,
:is(
:is(
:is(
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__link,
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__trigger,
*:not(.a11y-nav-menu__trigger-wrapper) > .a11y-nav-menu__links,
.a11y-nav-menu__trigger-wrapper
)
> .a11y-nav-menu__links,
.a11y-nav-menu__links:is(
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__link,
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__trigger,
*:not(.a11y-nav-menu__trigger-wrapper) > .a11y-nav-menu__links,
.a11y-nav-menu__trigger-wrapper
)
)
> .a11y-nav-menu__link,
:is(
:is(
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__link,
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__trigger,
*:not(.a11y-nav-menu__trigger-wrapper) > .a11y-nav-menu__links,
.a11y-nav-menu__trigger-wrapper
)
> .a11y-nav-menu__links,
.a11y-nav-menu__links:is(
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__link,
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__trigger,
*:not(.a11y-nav-menu__trigger-wrapper) > .a11y-nav-menu__links,
.a11y-nav-menu__trigger-wrapper
)
)
> .a11y-nav-menu__trigger
):focus,
:is(
:is(
:is(
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__link,
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__trigger,
*:not(.a11y-nav-menu__trigger-wrapper) > .a11y-nav-menu__links,
.a11y-nav-menu__trigger-wrapper
)
> .a11y-nav-menu__links,
.a11y-nav-menu__links:is(
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__link,
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__trigger,
*:not(.a11y-nav-menu__trigger-wrapper) > .a11y-nav-menu__links,
.a11y-nav-menu__trigger-wrapper
)
)
> .a11y-nav-menu__link,
:is(
:is(
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__link,
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__trigger,
*:not(.a11y-nav-menu__trigger-wrapper) > .a11y-nav-menu__links,
.a11y-nav-menu__trigger-wrapper
)
> .a11y-nav-menu__links,
.a11y-nav-menu__links:is(
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__link,
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__trigger,
*:not(.a11y-nav-menu__trigger-wrapper) > .a11y-nav-menu__links,
.a11y-nav-menu__trigger-wrapper
)
)
> .a11y-nav-menu__trigger
):focus-within {
text-decoration: underline;
}
:is(
:is(
:is(
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__link,
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__trigger,
*:not(.a11y-nav-menu__trigger-wrapper) > .a11y-nav-menu__links,
.a11y-nav-menu__trigger-wrapper
)
> .a11y-nav-menu__links,
.a11y-nav-menu__links:is(
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__link,
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__trigger,
*:not(.a11y-nav-menu__trigger-wrapper) > .a11y-nav-menu__links,
.a11y-nav-menu__trigger-wrapper
)
)
> .a11y-nav-menu__link,
:is(
:is(
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__link,
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__trigger,
*:not(.a11y-nav-menu__trigger-wrapper) > .a11y-nav-menu__links,
.a11y-nav-menu__trigger-wrapper
)
> .a11y-nav-menu__links,
.a11y-nav-menu__links:is(
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__link,
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__trigger,
*:not(.a11y-nav-menu__trigger-wrapper) > .a11y-nav-menu__links,
.a11y-nav-menu__trigger-wrapper
)
)
> .a11y-nav-menu__trigger
):first-child {
padding-top: var(--vertical-spacing);
padding-bottom: var(--vertical-spacing);
font-size: inherit;
color: inherit;
}
:is(
:is(
:is(
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__link,
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__trigger,
*:not(.a11y-nav-menu__trigger-wrapper) > .a11y-nav-menu__links,
.a11y-nav-menu__trigger-wrapper
)
> .a11y-nav-menu__links,
.a11y-nav-menu__links:is(
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__link,
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__trigger,
*:not(.a11y-nav-menu__trigger-wrapper) > .a11y-nav-menu__links,
.a11y-nav-menu__trigger-wrapper
)
)
> .a11y-nav-menu__link,
:is(
:is(
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__link,
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__trigger,
*:not(.a11y-nav-menu__trigger-wrapper) > .a11y-nav-menu__links,
.a11y-nav-menu__trigger-wrapper
)
> .a11y-nav-menu__links,
.a11y-nav-menu__links:is(
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__link,
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__trigger,
*:not(.a11y-nav-menu__trigger-wrapper) > .a11y-nav-menu__links,
.a11y-nav-menu__trigger-wrapper
)
)
> .a11y-nav-menu__trigger
):last-child {
padding-bottom: var(--vertical-spacing);
margin: calc((100% + var(--links-font-size)) * -1) 0 -100%;
padding-left: 5rem;
}
@supports (grid-template-columns: subgrid) {
:is(
:is(
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__link,
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__trigger,
*:not(.a11y-nav-menu__trigger-wrapper) > .a11y-nav-menu__links,
.a11y-nav-menu__trigger-wrapper
)
> .a11y-nav-menu__links,
.a11y-nav-menu__links:is(
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__link,
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__trigger,
*:not(.a11y-nav-menu__trigger-wrapper) > .a11y-nav-menu__links,
.a11y-nav-menu__trigger-wrapper
)
)
> .a11y-nav-menu__link,
:is(
:is(
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__link,
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__trigger,
*:not(.a11y-nav-menu__trigger-wrapper) > .a11y-nav-menu__links,
.a11y-nav-menu__trigger-wrapper
)
> .a11y-nav-menu__links,
.a11y-nav-menu__links:is(
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__link,
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__trigger,
*:not(.a11y-nav-menu__trigger-wrapper) > .a11y-nav-menu__links,
.a11y-nav-menu__trigger-wrapper
)
)
> .a11y-nav-menu__trigger {
&:last-child {
padding-left: var(--horizontal-spacing);
}
}
}
:is(
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__link,
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__trigger,
*:not(.a11y-nav-menu__trigger-wrapper) > .a11y-nav-menu__links,
.a11y-nav-menu__trigger-wrapper
):hover,
:is(
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__link,
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__trigger,
*:not(.a11y-nav-menu__trigger-wrapper) > .a11y-nav-menu__links,
.a11y-nav-menu__trigger-wrapper
):focus,
:is(
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__link,
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__trigger,
*:not(.a11y-nav-menu__trigger-wrapper) > .a11y-nav-menu__links,
.a11y-nav-menu__trigger-wrapper
):focus-within {
background-color: var(--color-gray-100);
text-decoration: none;
color: var(--color-gray-950);
}
.a11y-nav-menu__item.a11y-nav-menu__item--dark
> :is(
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__link,
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__trigger,
*:not(.a11y-nav-menu__trigger-wrapper) > .a11y-nav-menu__links,
.a11y-nav-menu__trigger-wrapper
) {
color: var(--color-gray-50);
background-color: var(--color-gray-900);
}
:is(
.a11y-nav-menu__item.a11y-nav-menu__item--dark
> :is(
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__link,
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__trigger,
*:not(.a11y-nav-menu__trigger-wrapper) > .a11y-nav-menu__links,
.a11y-nav-menu__trigger-wrapper
)
):hover,
:is(
.a11y-nav-menu__item.a11y-nav-menu__item--dark
> :is(
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__link,
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__trigger,
*:not(.a11y-nav-menu__trigger-wrapper) > .a11y-nav-menu__links,
.a11y-nav-menu__trigger-wrapper
)
):focus,
:is(
.a11y-nav-menu__item.a11y-nav-menu__item--dark
> :is(
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__link,
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__trigger,
*:not(.a11y-nav-menu__trigger-wrapper) > .a11y-nav-menu__links,
.a11y-nav-menu__trigger-wrapper
)
):focus-within {
text-decoration: none;
color: var(--color-gray-400);
}
:is(
:is(
.a11y-nav-menu__item.a11y-nav-menu__item--dark
> :is(
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__link,
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__trigger,
*:not(.a11y-nav-menu__trigger-wrapper) > .a11y-nav-menu__links,
.a11y-nav-menu__trigger-wrapper
)
):hover,
:is(
.a11y-nav-menu__item.a11y-nav-menu__item--dark
> :is(
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__link,
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__trigger,
*:not(.a11y-nav-menu__trigger-wrapper) > .a11y-nav-menu__links,
.a11y-nav-menu__trigger-wrapper
)
):focus,
:is(
.a11y-nav-menu__item.a11y-nav-menu__item--dark
> :is(
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__link,
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__trigger,
*:not(.a11y-nav-menu__trigger-wrapper) > .a11y-nav-menu__links,
.a11y-nav-menu__trigger-wrapper
)
):focus-within
)
img {
filter: drop-shadow(0 0 0.5rem var(--color-gray-400));
}
.a11y-nav-menu__item.a11y-nav-menu__item--underline
> :is(
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__link,
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__trigger,
*:not(.a11y-nav-menu__trigger-wrapper) > .a11y-nav-menu__links,
.a11y-nav-menu__trigger-wrapper
) {
display: block;
width: 100%;
}
:is(
.a11y-nav-menu__item.a11y-nav-menu__item--underline
> :is(
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__link,
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__trigger,
*:not(.a11y-nav-menu__trigger-wrapper) > .a11y-nav-menu__links,
.a11y-nav-menu__trigger-wrapper
)
):hover,
:is(
.a11y-nav-menu__item.a11y-nav-menu__item--underline
> :is(
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__link,
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__trigger,
*:not(.a11y-nav-menu__trigger-wrapper) > .a11y-nav-menu__links,
.a11y-nav-menu__trigger-wrapper
)
):focus,
:is(
.a11y-nav-menu__item.a11y-nav-menu__item--underline
> :is(
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__link,
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__trigger,
*:not(.a11y-nav-menu__trigger-wrapper) > .a11y-nav-menu__links,
.a11y-nav-menu__trigger-wrapper
)
):focus-within {
background-color: transparent;
color: var(--nav-menu-item-hover-color);
}
:is(
:is(
.a11y-nav-menu__item.a11y-nav-menu__item--underline
> :is(
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__link,
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__trigger,
*:not(.a11y-nav-menu__trigger-wrapper) > .a11y-nav-menu__links,
.a11y-nav-menu__trigger-wrapper
)
):hover,
:is(
.a11y-nav-menu__item.a11y-nav-menu__item--underline
> :is(
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__link,
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__trigger,
*:not(.a11y-nav-menu__trigger-wrapper) > .a11y-nav-menu__links,
.a11y-nav-menu__trigger-wrapper
)
):focus,
:is(
.a11y-nav-menu__item.a11y-nav-menu__item--underline
> :is(
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__link,
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__trigger,
*:not(.a11y-nav-menu__trigger-wrapper) > .a11y-nav-menu__links,
.a11y-nav-menu__trigger-wrapper
)
):focus-within
)
> .a11y-nav-menu__link-content,
:is(
:is(
.a11y-nav-menu__item.a11y-nav-menu__item--underline
> :is(
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__link,
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__trigger,
*:not(.a11y-nav-menu__trigger-wrapper) > .a11y-nav-menu__links,
.a11y-nav-menu__trigger-wrapper
)
):hover,
:is(
.a11y-nav-menu__item.a11y-nav-menu__item--underline
> :is(
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__link,
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__trigger,
*:not(.a11y-nav-menu__trigger-wrapper) > .a11y-nav-menu__links,
.a11y-nav-menu__trigger-wrapper
)
):focus,
:is(
.a11y-nav-menu__item.a11y-nav-menu__item--underline
> :is(
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__link,
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__trigger,
*:not(.a11y-nav-menu__trigger-wrapper) > .a11y-nav-menu__links,
.a11y-nav-menu__trigger-wrapper
)
):focus-within
)
> .a11y-nav-menu__trigger-content {
border-bottom-color: var(--nav-menu-item-hover-border-color);
}
.a11y-nav-menu__item.a11y-nav-menu__item--border
> :is(
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__link,
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__trigger,
*:not(.a11y-nav-menu__trigger-wrapper) > .a11y-nav-menu__links,
.a11y-nav-menu__trigger-wrapper
) {
border-bottom: 0.2rem solid transparent;
}
:is(
.a11y-nav-menu__item.a11y-nav-menu__item--border
> :is(
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__link,
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__trigger,
*:not(.a11y-nav-menu__trigger-wrapper) > .a11y-nav-menu__links,
.a11y-nav-menu__trigger-wrapper
)
):hover,
:is(
.a11y-nav-menu__item.a11y-nav-menu__item--border
> :is(
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__link,
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__trigger,
*:not(.a11y-nav-menu__trigger-wrapper) > .a11y-nav-menu__links,
.a11y-nav-menu__trigger-wrapper
)
):focus,
:is(
.a11y-nav-menu__item.a11y-nav-menu__item--border
> :is(
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__link,
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__trigger,
*:not(.a11y-nav-menu__trigger-wrapper) > .a11y-nav-menu__links,
.a11y-nav-menu__trigger-wrapper
)
):focus-within {
border-bottom-color: var(--nav-menu-item-hover-border-color);
background-color: transparent;
color: var(--nav-menu-item-hover-color);
}
:is(
.a11y-nav-menu__item.a11y-nav-menu__item--transparent
> :is(
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__link,
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__trigger,
*:not(.a11y-nav-menu__trigger-wrapper) > .a11y-nav-menu__links,
.a11y-nav-menu__trigger-wrapper
)
):hover,
:is(
.a11y-nav-menu__item.a11y-nav-menu__item--transparent
> :is(
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__link,
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__trigger,
*:not(.a11y-nav-menu__trigger-wrapper) > .a11y-nav-menu__links,
.a11y-nav-menu__trigger-wrapper
)
):focus,
:is(
.a11y-nav-menu__item.a11y-nav-menu__item--transparent
> :is(
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__link,
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__trigger,
*:not(.a11y-nav-menu__trigger-wrapper) > .a11y-nav-menu__links,
.a11y-nav-menu__trigger-wrapper
)
):focus-within {
background-color: transparent;
}
.a11y-nav-menu__item.a11y-nav-menu__item--block
> :is(
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__link,
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__trigger,
*:not(.a11y-nav-menu__trigger-wrapper) > .a11y-nav-menu__links,
.a11y-nav-menu__trigger-wrapper
) {
width: 100%;
justify-content: flex-start;
}
:is(
.a11y-nav-menu__item.a11y-nav-menu__item--block
> :is(
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__link,
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__trigger,
*:not(.a11y-nav-menu__trigger-wrapper) > .a11y-nav-menu__links,
.a11y-nav-menu__trigger-wrapper
)
):hover,
:is(
.a11y-nav-menu__item.a11y-nav-menu__item--block
> :is(
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__link,
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__trigger,
*:not(.a11y-nav-menu__trigger-wrapper) > .a11y-nav-menu__links,
.a11y-nav-menu__trigger-wrapper
)
):focus,
:is(
.a11y-nav-menu__item.a11y-nav-menu__item--block
> :is(
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__link,
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__trigger,
*:not(.a11y-nav-menu__trigger-wrapper) > .a11y-nav-menu__links,
.a11y-nav-menu__trigger-wrapper
)
):focus-within {
background-color: var(--color-primary);
color: var(--text-on-primary);
}
.a11y-nav-menu__item.a11y-nav-menu__item--featured
> :is(
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__link,
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__trigger,
*:not(.a11y-nav-menu__trigger-wrapper) > .a11y-nav-menu__links,
.a11y-nav-menu__trigger-wrapper
) {
justify-content: center;
margin: 0.5rem 0 0;
}
.a11y-nav-menu__list.a11y-nav-menu__list--sub
:is(
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__link,
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__trigger,
*:not(.a11y-nav-menu__trigger-wrapper) > .a11y-nav-menu__links,
.a11y-nav-menu__trigger-wrapper
) {
font-size: calc(var(--font-size) - 0.1rem);
}
:is(
:is(
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__link,
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__trigger,
*:not(.a11y-nav-menu__trigger-wrapper) > .a11y-nav-menu__links,
.a11y-nav-menu__trigger-wrapper
)
.a11y-nav-menu__list.a11y-nav-menu__list--horizontal
),
:is(
:is(
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__link,
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__trigger,
*:not(.a11y-nav-menu__trigger-wrapper) > .a11y-nav-menu__links,
.a11y-nav-menu__trigger-wrapper
)
.a11y-nav-menu__list.a11y-nav-menu__list--horizontal
)
> .a11y-nav-menu__trigger-content,
:is(
:is(
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__link,
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__trigger,
*:not(.a11y-nav-menu__trigger-wrapper) > .a11y-nav-menu__links,
.a11y-nav-menu__trigger-wrapper
)
.a11y-nav-menu__list.a11y-nav-menu__list--horizontal
)
> .a11y-nav-menu__link-content {
justify-content: center;
min-width: 4.8rem;
}
@media (min-width: 48rem) {
.a11y-nav-menu__list.a11y-nav-menu__list--horizontal.a11y-nav-menu__list--dense-2x
> .a11y-nav-menu__item
> :is(
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__link,
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__trigger,
*:not(.a11y-nav-menu__trigger-wrapper) > .a11y-nav-menu__links,
.a11y-nav-menu__trigger-wrapper
) {
--font-size: 1.3rem;
--horizontal-spacing: 0.5rem;
}
.a11y-nav-menu__list.a11y-nav-menu__list--horizontal.a11y-nav-menu__list--dense
> .a11y-nav-menu__item
> :is(
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__link,
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__trigger,
*:not(.a11y-nav-menu__trigger-wrapper) > .a11y-nav-menu__links,
.a11y-nav-menu__trigger-wrapper
) {
--font-size: 1.3rem;
--horizontal-spacing: 0.8rem;
}
.a11y-nav-menu__list.a11y-nav-menu__list--dense-2x:not(
.a11y-nav-menu__list--horizontal
)
> .a11y-nav-menu__item
> :is(
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__link,
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__trigger,
*:not(.a11y-nav-menu__trigger-wrapper) > .a11y-nav-menu__links,
.a11y-nav-menu__trigger-wrapper
) {
--font-size: 1.3rem;
--vertical-spacing: 0.4rem;
}
.a11y-nav-menu__list.a11y-nav-menu__list--dense:not(
.a11y-nav-menu__list--horizontal
)
> .a11y-nav-menu__item
> :is(
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__link,
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__trigger,
*:not(.a11y-nav-menu__trigger-wrapper) > .a11y-nav-menu__links,
.a11y-nav-menu__trigger-wrapper
) {
--font-size: 1.3rem;
--vertical-spacing: 0.8rem;
}
}
@media (max-width: 47.9rem) {
:is(
:is(
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__link,
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__trigger,
*:not(.a11y-nav-menu__trigger-wrapper) > .a11y-nav-menu__links,
.a11y-nav-menu__trigger-wrapper
)
.a11y-nav-menu__list.a11y-nav-menu__list--vertical-mobile
),
:is(
:is(
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__link,
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__trigger,
*:not(.a11y-nav-menu__trigger-wrapper) > .a11y-nav-menu__links,
.a11y-nav-menu__trigger-wrapper
)
.a11y-nav-menu__list.a11y-nav-menu__list--vertical-mobile
)
> .a11y-nav-menu__trigger-content,
:is(
:is(
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__link,
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__trigger,
*:not(.a11y-nav-menu__trigger-wrapper) > .a11y-nav-menu__links,
.a11y-nav-menu__trigger-wrapper
)
.a11y-nav-menu__list.a11y-nav-menu__list--vertical-mobile
)
> .a11y-nav-menu__link-content {
justify-content: center;
width: 100%;
}
}
:is(
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__link,
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__trigger,
*:not(.a11y-nav-menu__trigger-wrapper) > .a11y-nav-menu__links,
.a11y-nav-menu__trigger-wrapper
)
> .a11y-nav-menu__link-content,
:is(
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__link,
*:not(.a11y-nav-menu__trigger-wrapper):not(.a11y-nav-menu__links)
> .a11y-nav-menu__trigger,
*:not(.a11y-nav-menu__trigger-wrapper) > .a11y-nav-menu__links,
.a11y-nav-menu__trigger-wrapper
)
> .a11y-nav-menu__trigger-content {
display: inline-flex;
align-items: center;
border-bottom: 0.2rem solid transparent;
padding-bottom: 0.3rem;
margin-bottom: -0.5rem;
}
/** Combobox **/
.a11y-combobox__content {
max-height: 24rem;
display: block;
overflow: auto;
list-style: none;
margin: 0;
}
.a11y-combobox__item {
position: relative;
cursor: default;
font-size: 1.6rem;
padding: 0.5rem 1rem;
}
.a11y-combobox__item-sublabel {
font-size: 1.4rem;
color: var(--color-gray-500);
}
.a11y-combobox__item[aria-selected="true"],
.a11y-combobox__item:hover {
background-color: var(--color-primary);
color: var(--text-on-primary);
}
.a11y-combobox__item[aria-selected="true"] .a11y-combobox__item-sublabel,
.a11y-combobox__item:hover .a11y-combobox__item-sublabel {
color: var(--color-gray-50);
}
[data-tooltip-root] {
display: inline-block;
}
.a11y-tooltip {
padding: 0.5rem 1rem;
background-color: var(--bg-dark);
color: var(--text-on-dark);
background-clip: padding-box;
border: 0.1rem solid rgba(var(--color-gray-900-rgb), 0.15);
border-radius: 0.4rem;
box-shadow: 0 0.6rem 1.2rem rgba(var(--color-gray-900-rgb), 0.175);
overflow: auto;
font-size: 1.2rem;
/*
* Tooltip shouldn't have any interactive controls
* but tooltip style can be used for popover
*/
}
.a11y-tooltip a {
color: var(--color-blue-400) !important;
text-decoration: none;
}
:is(.a11y-tooltip a):focus {
outline: none;
text-decoration: underline;
}
/** Header **/
.a11y-header-nav-toggle {
background: transparent;
border: none;
/* padding: 1.3rem 1.65rem; */
padding: 1.5rem 1.6rem;
position: relative;
color: var(--color-gray-50);
margin-right: 0.5rem;
}
.a11y-header-nav-toggle:hover,
.a11y-header-nav-toggle:focus,
.a11y-header-nav-toggle:focus-within {
background-color: var(--color-gray-700);
text-decoration: none;
color: var(--color-gray-100);
}
.a11y-header-top {
background-color: var(--color-gray-900);
display: flex;
align-items: stretch;
padding: 0 0.5rem 0 0;
}
@media (min-width: 48rem) {
.a11y-header-top {
padding: 0 0 0 1.5rem;
}
}
.a11y-header-middle {
--gap: 1.5rem;
display: flex;
/* gap: var(--gap); */
align-items: center;
flex-wrap: wrap;
padding: 1rem;
background-color: var(--color-gray-50);
}
@media (min-width: 48rem) {
.a11y-header-middle {
padding: 2rem 0;
}
.a11y-header-middle:not(.affix) {
padding: 0.5rem 0;
}
.a11y-header-middle.affix {
padding: 0;
}
}
.a11y-header-middle.affix .a11y-header__nav .a11y-nav-menu__item {
--font-size: 1.2rem;
}
.a11y-header-middle .a11y-header__nav .a11y-nav-menu__list {
padding: 0;
}
.a11y-nav-menu__list--horizontal:is(
.a11y-header-middle .a11y-header__nav .a11y-nav-menu__list
) {
flex-wrap: nowrap;
}
.a11y-header-middle .a11y-header__logo,
.a11y-header-middle .a11y-header__nav {
flex: 1 0 auto;
padding: 0 var(--gap);
}
@supports (width: clamp(1px, 2px, 3px)) {
.a11y-header-middle .a11y-header__logo,
.a11y-header-middle .a11y-header__nav {
flex: 1;
}
}
.a11y-header-middle .a11y-header__search {
flex: 1 1 max-content;
}
/* .a11y-header__logo,
.a11y-header__search,
.a11y-header__nav {
--size: 100%;
flex: 1 1 calc(var(--size) - var(--gap));
}
@media (min-width: 62rem) {
.a11y-header__logo {
--size: calc(100% * 2 / 12);
}
.a11y-header__search,
.a11y-header__nav {
--size: calc(100% * 6 / 12 * 10 / 12);
}
}
@media (min-width: 75rem) {
.a11y-header__search {
--size: calc(100% * 7 / 12 * 10 / 12);
}
.a11y-header__nav {
--size: calc(100% * 5 / 12 * 10 / 12);
}
} */
.a11y-header-middle .a11y-header__logo,
.a11y-header-middle .a11y-header__nav {
display: none;
}
@media (min-width: 48rem) {
.a11y-header-middle .a11y-header__logo,
.a11y-header-middle .a11y-header__nav {
display: flex;
justify-content: center;
}
}
.a11y-header-mobile-nav-container {
position: relative;
}
.a11y-header-mobile-nav-container[data-overlay-state="opened"] {
background: var(--color-gray-900);
max-width: 100vw !important;
max-height: 100dvh !important;
width: 100vw;
height: calc(100dvh - var(--overlay-top, 0));
overflow: auto;
padding: 1.5rem 3rem;
overflow: auto;
padding: 1.5rem 3rem;
border-top: 0.1rem solid var(--color-gray-700);
}
.a11y-header-mobile-nav-heading {
color: var(--color-gray-200);
}
.skip-link {
position: absolute;
left: -999.9rem;
top: 0;
z-index: 1000;
padding: 0.75rem 1rem;
background: white;
outline: 0.2rem solid;
text-decoration: none;
border-radius: 0.5rem;
box-shadow: 0 0.2rem 0.8rem rgba(var(--color-gray-900-rgb), 0.2);
}
.skip-link:focus,
.skip-link:focus-visible {
left: 0.5rem;
top: 0.5rem;
}
.delivery-point-selector-dialog {
z-index: 99999;
}
.checkout-grid {
display: grid;
grid-template-columns: 1fr;
column-gap: 2rem;
}
.checkout-grid .checkout-item-details {
padding-top: 0.5rem;
}
@media (min-width: 48rem) {
.checkout-grid {
grid-template-columns: 1fr max-content max-content;
}
.checkout-grid .checkout-item-details {
padding-left: 2.5rem;
padding-top: 0;
}
}
.checkout-grid .checkout-list,
.checkout-grid .checkout-item {
display: grid;
grid-template-columns: 1fr;
grid-column: 1 / -1;
}
.checkout-grid .checkout-list {
padding: 0;
list-style: none;
}
:is(.checkout-grid .checkout-list) > .checkout-item {
padding: 1.5rem 0.9rem;
}
:is(:is(.checkout-grid .checkout-list) > .checkout-item):not([disabled]):hover {
background-color: var(--color-gray-100);
}
[disabled]:is(:is(.checkout-grid .checkout-list) > .checkout-item),
[disabled]:is(:is(.checkout-grid .checkout-list) > .checkout-item) label {
cursor: not-allowed;
}
[disabled]:is(:is(.checkout-grid .checkout-list) > .checkout-item) {
color: var(--color-gray-500);
background-color: var(--color-gray-50);
}
:is(:is(.checkout-grid .checkout-list) > .checkout-item) + .checkout-item {
border-top: 0.1rem solid var(--border-light);
}
:is(:is(.checkout-grid .checkout-list) > .checkout-item) .checkout-cell-main {
display: flex;
align-items: center;
gap: 0.9rem;
}
.checkout-grid .checkout-item > :not(.checkout-row) {
grid-column: 1 / -1;
}
.checkout-grid .checkout-row {
display: grid;
grid-template-columns: 1fr;
grid-column: 1 / -1;
align-items: center;
row-gap: 0.3rem;
margin-bottom: 0;
}
@media (min-width: 48rem) {
.checkout-grid .checkout-list,
.checkout-grid .checkout-item,
.checkout-grid .checkout-row {
grid-template-columns: 9fr 1fr 2fr;
}
}
@supports (grid-template-columns: subgrid) {
.checkout-grid .checkout-list,
.checkout-grid .checkout-item,
.checkout-grid .checkout-row {
grid-template-columns: subgrid;
}
}
:is(.form-group[data-invalid] > .form-label),
:is(.form-group[data-invalid] > .form-label) > * {
color: var(--color-error) !important;
}
.form-group[data-invalid] > .form-label {
display: flex;
align-items: center;
}
:is(.form-group[data-invalid] > .form-label)::after {
/** Hack to hide the icon for screen readers */
content: "\f071";
content: "\f071"/ "";
display: inline-block;
font: normal normal normal 1.4rem / 1 FontAwesome;
font-size: 1.8rem;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
margin-left: auto;
}
.form-group[data-invalid] > .form-control,
.input-group[data-invalid] > .form-control {
border-color: var(--color-error);
}
.checkout-delivery-point-selector {
padding: 1.5rem 0;
}
.checkout-delivery-current-point {
padding-bottom: 0.5rem;
}
.checkout-delivery-point-dialog-content {
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.checkout-delivery-point-dialog-content > div {
height: 100%;
}
.summary {
column-gap: calc(var(--spacing) * 2);
}
ul.summary {
padding-left: 0;
}
.summary.summary--flex {
display: flex;
flex-direction: column;
}
.summary:not(.summary--flex) {
display: grid;
grid-template-columns: 1fr 1fr;
}
@media (min-width: 23rem) {
.summary:not(.summary--flex) {
grid-template-columns: 1fr 3fr;
}
.summary.summary--inverted-columns:not(.summary--flex) {
grid-template-columns: 3fr 1fr;
}
}
.summary:not(.summary--dense) .summary__row {
padding: 0rem 1rem;
min-height: 3.4rem;
}
.summary.summary--striped .summary__row:nth-child(2n-1) {
background-color: var(--color-gray-50);
}
.summary.summary--hovered .summary__row:hover {
background-color: var(--color-gray-100);
}
.summary.summary--bordered .summary__row + .summary__row {
border-top: 0.1rem solid var(--border-light);
}
li:is(.summary .summary__row) {
padding-left: 0;
}
.summary.summary--flex :is(.summary .summary__row) {
display: flex;
column-gap: var(--spacing);
flex-wrap: wrap;
align-items: center;
}
.summary:not(.summary--flex) :is(.summary .summary__row) {
display: grid;
grid-template-columns: 1fr 1fr;
grid-column: 1 / -1;
align-items: center;
}
@media (min-width: 23rem) {
.summary:not(.summary--flex) :is(.summary .summary__row) {
grid-template-columns: 1fr 3fr;
}
.summary.summary--inverted-columns:not(.summary--flex)
:is(.summary .summary__row) {
grid-template-columns: 3fr 1fr;
}
}
@supports (grid-template-columns: subgrid) {
.summary:not(.summary--flex) :is(.summary .summary__row) {
grid-template-columns: subgrid;
}
}
@media (max-width: 47.9rem) {
.summary__row--wrap:is(
.summary:not(.summary--flex) :is(.summary .summary__row)
)
.summary__description,
.summary__row--wrap:is(
.summary:not(.summary--flex) :is(.summary .summary__row)
)
.summary__term {
grid-column: 1 / -1;
}
}
@media (max-width: 47.9rem) {
.summary:not(.summary--dense)
.summary__row--wrap:is(.summary .summary__row)
.summary__term {
padding: calc(var(--spacing) * 2) 0;
}
}
.summary .summary__description {
word-break: break-word;
}
:is(.summary .summary__description) address {
margin-bottom: 0;
}
:is(.summary .summary__description) > a {
font-weight: 600;
color: var(--color-blue-600);
}
:is(.summary .summary__description) > p {
margin-bottom: 0;
}
:is(:is(.summary .summary__description) > p) + p {
margin-top: calc(var(--spacing) * 2);
}
.summary:not(.summary--inverted-columns):not(.summary--flex) .summary__term,
.summary.summary--inverted-columns:not(.summary--flex) .summary__description {
word-break: break-word;
}
@media (min-width: 23rem) {
.summary:not(.summary--inverted-columns):not(.summary--flex) .summary__term,
.summary.summary--inverted-columns:not(.summary--flex) .summary__description {
min-width: 13rem;
word-break: keep-all;
}
}
.payment-methods-list {
list-style: none;
padding: 0;
margin: 0;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
gap: 1rem;
}
.payment-methods-list.payment-methods-list--prose {
max-width: 75rem;
margin: 0 auto;
}
.payment-methods-list .payment-methods-list__item {
grid-column: 1 / -1;
}
.payment-button {
width: 100%;
height: 5rem;
display: flex !important;
justify-content: center;
align-items: center;
gap: calc(var(--spacing) * 2);
}
.payment-button .payment-button__image {
max-height: 100%;
max-width: 100%;
object-fit: contain;
}
.payment-button__image--monochrome:is(.payment-button .payment-button__image) {
filter: grayscale(1) brightness(100);
}
.payment-button__image--blend:is(.payment-button .payment-button__image) {
mix-blend-mode: darken;
}
@media (max-width: 47.9rem) {
.payment-button .payment-button__icon {
display: none;
}
}
.payment-methods {
display: flex;
flex-direction: column;
gap: calc(var(--spacing) * 4);
}
.payment-method {
border: 0.1rem solid var(--border-medium);
border-radius: 0.5rem;
background-color: var(--color-gray-50);
}
.payment-method .payment-method__content {
padding: 0 calc(var(--spacing) * 6) calc(var(--spacing) * 4);
}
.payment-method-spacer {
border-top: 0.1rem solid var(--color-gray-200);
padding-top: calc(var(--spacing) * 4);
}
.payment-method-trigger {
width: 100%;
display: flex;
align-items: center;
gap: calc(var(--spacing) * 4);
padding: calc(var(--spacing) * 4) calc(var(--spacing) * 6);
border: none;
border-radius: 0.5rem;
background-color: transparent;
}
.payment-method-trigger:hover {
background-color: var(--color-gray-100);
}
.payment-method-trigger .payment-method-trigger__title {
font-size: 1.8rem;
color: var(--color-gray-900);
font-weight: 600;
text-align: left;
margin: 0;
}
.payment-method-trigger .payment-method-trigger__desc {
font-size: 1.4rem;
color: var(--color-gray-600);
text-align: left;
margin: 0;
}
.payment-method-trigger .payment-method-trigger__logo {
--bg-color: var(--color-white);
--text-color: var(--color-gray-900);
background-color: var(--bg-color);
color: var(--text-color);
border-radius: 0.5rem;
width: 4.5rem;
height: 4.5rem;
display: flex;
justify-content: center;
align-items: center;
flex-shrink: 0;
}
:is(.payment-method-trigger .payment-method-trigger__logo)
.payment-method-trigger__logo-image {
width: 100%;
height: 100%;
object-fit: contain;
display: block;
margin: 0 auto;
}
.payment-method-trigger__logo-image--monochrome:is(
:is(.payment-method-trigger .payment-method-trigger__logo)
.payment-method-trigger__logo-image
) {
filter: grayscale(1) brightness(100);
}
.payment-method-trigger__logo-image--blend:is(
:is(.payment-method-trigger .payment-method-trigger__logo)
.payment-method-trigger__logo-image
) {
mix-blend-mode: darken;
}
.payment-method-trigger .payment-method-trigger__content {
display: flex;
flex-direction: column;
gap: var(--spacing);
}
.payment-method-trigger .payment-method-trigger__anchor {
display: inline-block;
font: normal normal normal 1.4rem / 1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
margin-left: auto;
}
[aria-expanded="false"]
:is(.payment-method-trigger .payment-method-trigger__anchor)::before {
content: "\f078";
}
[aria-expanded="true"]
:is(.payment-method-trigger .payment-method-trigger__anchor)::before {
content: "\f077";
}
.form-groups {
display: flex;
flex-wrap: wrap;
gap: 1.5rem;
align-items: baseline;
}
.form-label.form-label--block {
display: block;
}
.form-inline.form-inline--gapped {
display: flex;
align-items: self-end;
column-gap: 0.5rem;
flex-wrap: wrap;
}
.form-inline.form-inline--gapped .form-dash-separator {
font-size: 2.4rem;
}
@media (min-width: 48rem) {
.form-inline .form-group {
white-space: nowrap;
}
}
.form-legend-label {
font-size: inherit;
border: none;
margin-bottom: var(--spacing);
}
.error-message {
margin-bottom: 0;
}
.error-message:not(:empty) {
color: var(--color-error);
padding: 1.2rem 1rem;
display: flex;
align-items: center;
background-color: var(--color-red-50);
margin-top: 1rem;
border-left: 0.2rem solid var(--color-error);
}
.error-message:not(:empty)::before {
/** Hack to hide the icon for screen readers */
content: "\f071";
content: "\f071"/ "";
display: inline-block;
font: normal normal normal 1.4rem / 1 FontAwesome;
font-size: 1.8rem;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
margin-right: 0.5rem;
}
.btn.btn-icon {
--size: 2.4rem;
background: none;
padding: var(--spacing);
border-radius: var(--rounding);
}
.btn.btn-icon:hover,
.btn.btn-icon:focus {
background-color: var(--color-gray-50);
color: var(--color-gray-900);
text-decoration: none;
}
.btn.btn-icon:focus-visible {
outline: 0.2rem solid var(--color-gray-300);
outline-offset: 0.2rem;
}
.btn.btn-icon img {
width: var(--size);
height: var(--size);
object-fit: contain;
}
.btn.btn-secondary {
background-color: var(--color-gray-100);
border-color: var(--color-gray-300);
color: var(--color-gray-700);
}
.btn.btn-secondary:hover,
.btn.btn-secondary:active,
.btn.btn-secondary:focus {
background-color: var(--color-gray-200);
border-color: var(--color-gray-400);
color: var(--color-gray-700);
}
.btn.btn-secondary[disabled] {
background-color: var(--color-gray-100);
border-color: var(--color-gray-200);
color: var(--color-gray-500);
opacity: 0.8;
cursor: not-allowed;
}
.btn.btn-secondary:focus-visible {
outline: 0.2rem solid var(--color-gray-300);
outline-offset: 0.2rem;
}
.btn.btn-custom {
--text-color: var(--color-gray-700);
--bg-color: var(--color-gray-50);
--border-color: color-mix(in srgb, var(--bg-color) 90%, black 15%);
--hover-bg-color: color-mix(in srgb, var(--bg-color) 90%, black 10%);
--hover-border-color: color-mix(in srgb, var(--bg-color) 70%, black 30%);
--active-bg-color: color-mix(in srgb, var(--bg-color) 80%, black 20%);
--active-border-color: color-mix(in srgb, var(--bg-color) 60%, black 40%);
--focus-ring-color: color-mix(in srgb, var(--bg-color) 50%, black 20%);
--disabled-bg-color: color-mix(in srgb, var(--bg-color) 75%, gray 25%);
--disabled-border-color: color-mix(
in srgb,
var(--border-color) 60%,
gray 40%
);
--disabled-text-color: color-mix(in srgb, var(--text-color) 60%, gray 40%);
--disabled-opacity: 0.8;
color: var(--text-color);
background-color: var(--bg-color);
border-color: var(--border-color);
display: flex;
justify-content: center;
align-items: center;
}
.btn.btn-custom:hover,
.btn.btn-custom:active,
.btn.btn-custom:focus {
background-color: var(--hover-bg-color);
border-color: var(--hover-border-color);
color: var(--text-color);
}
.btn.btn-custom:focus-visible {
outline: 0.2rem solid var(--focus-ring-color);
outline-offset: 0.2rem;
}
.btn.btn-custom[disabled] {
background-color: var(--disabled-bg-color);
border-color: var(--disabled-border-color);
color: var(--disabled-text-color);
opacity: var(--disabled-opacity);
cursor: not-allowed;
}
.btn.btn-default:focus-visible {
outline: 0.2rem solid var(--color-gray-300);
outline-offset: 0.2rem;
}
.btn.btn-inline {
border-radius: unset;
padding: unset;
height: unset;
width: unset;
display: inline;
background: unset;
border: unset;
white-space: normal;
text-align: unset;
}
.btn.btn-inline:focus,
.btn.btn-inline:focus-visible {
outline: thin dotted;
outline: 0.5rem auto -webkit-focus-ring-color;
}
.btn.btn-inline.btn-inline--link {
color: var(--color-blue-600);
}
.btn.btn-inline.btn-inline--link:hover,
.btn.btn-inline.btn-inline--link:focus {
text-decoration: underline;
}
.prose-container {
max-width: 104ch;
margin: 0 auto;
}
.catalog-heading {
display: flex;
align-items: center;
padding: calc(var(--spacing) * 3);
gap: calc(var(--spacing) * 2);
}
.catalog-heading .catalog-heading__title {
margin: 0;
}
.catalog-heading .catalog-heading__logo {
height: 2rem;
}
.self-start {
align-self: flex-start;
}
.numeric-input {
display: grid;
}
.numeric-input .form-control {
height: unset;
grid-area: input;
}
.numeric-input .numeric-input__increment {
grid-area: increment;
}
.numeric-input .numeric-input__decrement {
grid-area: decrement;
}
@media (max-width: 47.9rem) {
.numeric-input {
grid-template-areas: "decrement input increment";
}
.numeric-input .form-control {
border-left: 0;
border-right: 0;
border-radius: 0;
}
.numeric-input .numeric-input__increment {
border-radius: 0 var(--rounding) var(--rounding) 0;
}
.numeric-input .numeric-input__decrement {
border-radius: var(--rounding) 0 0 var(--rounding);
}
}
@media (min-width: 48rem) {
.numeric-input {
grid-template-areas:
"input increment"
"input decrement";
}
.numeric-input .form-control {
border-right: 0;
border-radius: var(--rounding) 0 0 var(--rounding);
}
.numeric-input .numeric-input__increment,
.numeric-input .numeric-input__decrement {
padding: var(--spacing) calc(var(--spacing) * 2);
font-size: 1.2rem;
line-height: 1.5;
}
.numeric-input .numeric-input__increment {
border-radius: 0 var(--rounding) 0 0;
}
.numeric-input .numeric-input__decrement {
border-radius: 0 0 var(--rounding) 0;
}
}
.add-to-cart-group {
display: flex;
flex-wrap: nowrap;
justify-content: flex-end;
}
.add-to-cart-group .add-to-cart-group__quantity {
flex: 1 1 min-content;
min-width: 6rem;
}
.add-to-cart-group .add-to-cart-group__button {
flex: 1 0 max-content;
height: unset !important;
}
@media (max-width: 47.9rem) {
.add-to-cart-group {
flex-direction: column;
gap: calc(var(--spacing) * 2);
}
.add-to-cart-group .add-to-cart-group__quantity,
.add-to-cart-group .add-to-cart-group__button {
flex: 1 1 100%;
}
.add-to-cart-group .add-to-cart-group__quantity {
max-width: 15rem;
align-self: end;
}
}
@media (min-width: 48rem) {
.add-to-cart-group .add-to-cart-group__quantity .numeric-input__increment,
.add-to-cart-group .add-to-cart-group__quantity .numeric-input__decrement {
border-radius: 0;
}
.add-to-cart-group .add-to-cart-group__button {
border-radius: 0 var(--rounding) var(--rounding) 0;
}
}
.btn-group-flex {
display: flex;
}
.btn-group-flex > .btn {
flex: 1 1 auto;
}
.btn-min-content:is(.btn-group-flex > .btn) {
flex: 0 1 min-content;
}
.btn-group-secondary-actions {
display: flex;
flex-wrap: wrap;
}
.btn-group-secondary-actions > * {
flex: 1 1 auto;
}
:is(.btn-group-secondary-actions > *) > * {
width: 100%;
}
.btn.btn--focus-only:not(:focus),
.btn.btn--focus-only:not(:focus-visible) {
position: absolute;
width: 0.1rem;
height: 0.1rem;
padding: 0;
margin: -0.1rem;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.modal-note {
padding: calc(var(--spacing) * 5);
background-color: var(--color-brand-50);
}
.modal-note:empty {
display: none;
}
/** Hacks */
.alert-danger a {
color: inherit;
text-decoration: underline;
}
address {
white-space: pre-line;
}
._attachment [style] {
font-family: inherit !important;
font-size: inherit !important;
color: inherit !important;
}
/** Legacy CSS styles */
html {
height: 100%;
/* Make base for rem units on 1rem */
font-size: 62.5%;
}
body {
font-family: roboto, sans-serif;
font-size: 1.3rem;
background-color: var(--bg-primary);
overflow-x: hidden;
overflow-y: scroll;
min-height: 100%;
position: relative;
padding: 0;
}
textarea {
background: var(--bg-secondary);
border: 0.1rem solid var(--border-medium);
}
input {
border: 0.1rem solid var(--border-medium);
background: var(--bg-secondary);
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
opacity: 0;
-webkit-appearance: none;
}
input[type="number"] {
-moz-appearance: textfield;
}
input[type="radio"]:checked + label {
font-weight: 700;
}
.main {
min-height: 90rem;
padding-top: 1rem;
}
.nav {
padding-left: 0;
}
.navbar {
min-height: 0;
margin-bottom: 0;
}
.navbar-header .fa {
color: var(--text-on-dark);
}
#nav-belt-menu.navbar {
/* background: var(--text-primary); */
background-color: var(--bg-dark);
}
.navbar-toggle {
position: relative;
margin: 0.5rem;
background-color: transparent;
background-image: none;
border: 0.1rem solid transparent;
border-radius: 0.4rem;
border-color: transparent !important;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
background-color: transparent;
}
#nav-belt-menu.navbar-default .navbar-brand {
color: var(--text-on-dark);
}
#nav-belt-menu.navbar-default {
border-width: 0;
border-radius: 0;
}
#nav-belt-menu.navbar-default .navbar-nav > li > a {
color: var(--text-on-dark);
font-size: 1.3rem;
padding: 0.8rem 0.4rem;
}
#nav-belt-menu.navbar-default .navbar-nav > li > a:hover,
#nav-belt-menu.navbar-default .navbar-nav > li > a:focus {
color: var(--color-gray-400);
}
#nav-belt-menu.navbar-default .navbar-nav > .active > a,
#nav-belt-menu.navbar-default .navbar-nav > .active > a:hover,
#nav-belt-menu.navbar-default .navbar-nav > .active > a:focus {
color: var(--color-gray-400);
font-weight: 300;
}
.nav-flag {
cursor: default;
}
.nav-flag li {
list-style: none;
display: inline-block;
padding-top: 1rem;
}
.nav-flag li a {
display: block;
}
.bg-flag_cz {
width: 1.6rem;
height: 1.1rem;
background: url(/zdjecia/items_tmp_files/img_debug/img/css_sprites_main.png) -34px -116px;
}
.bg-flag_at {
width: 1.6rem;
height: 1.1rem;
background: url(/zdjecia/items_tmp_files/img_debug/img/css_sprites_main.png) -129px -52px;
}
.bg-flag_be {
width: 1.6rem;
height: 1.1rem;
background: url(/zdjecia/items_tmp_files/img_debug/img/css_sprites_main.png) -6px -93px;
}
.bg-flag_bg {
width: 1.7rem;
height: 1.1rem;
background: url(/zdjecia/items_tmp_files/img_debug/img/css_sprites_main.png) -65px -68px;
}
.bg-flag_sk {
width: 1.6rem;
height: 1.1rem;
background: url(/zdjecia/items_tmp_files/img_debug/img/css_sprites_main.png) -62px -116px;
}
.bg-flag_gr {
width: 1.7rem;
height: 1.3rem;
background: url(/zdjecia/items_tmp_files/img_debug/img/css_sprites_main.png) -6px -68px;
}
.bg-flag_uk {
width: 1.6rem;
height: 1.1rem;
background: url(/zdjecia/items_tmp_files/img_debug/img/css_sprites_main.png) -34px -93px;
}
.bg-flag_dk {
width: 1.6rem;
height: 1.1rem;
background: url(/zdjecia/items_tmp_files/img_debug/img/css_sprites_main.png) -62px -93px;
}
.bg-flag_nl {
width: 1.6rem;
height: 1.1rem;
background: url(/zdjecia/items_tmp_files/img_debug/img/css_sprites_main.png) -90px -93px;
}
.bg-flag_es {
width: 1.6rem;
height: 1.1rem;
background: url(/zdjecia/items_tmp_files/img_debug/img/css_sprites_main.png) -129px -6px;
}
.bg-flag_lv {
width: 1.6rem;
height: 1.1rem;
background: url(/zdjecia/items_tmp_files/img_debug/img/css_sprites_main.png) -129px -29px;
}
.bg-flag_de {
width: 1.6rem;
height: 1.1rem;
background: url(/zdjecia/items_tmp_files/img_debug/img/css_sprites_main.png) -157px -98px;
}
.bg-flag_fr {
width: 1.6rem;
height: 1.1rem;
background: url(/zdjecia/items_tmp_files/img_debug/img/css_sprites_main.png) -129px -75px;
}
.bg-flag_it {
width: 1.6rem;
height: 1.1rem;
background: url(/zdjecia/items_tmp_files/img_debug/img/css_sprites_main.png) -6px -116px;
}
.bg-flag_hu {
width: 1.7rem;
height: 1.1rem;
background: url(/zdjecia/items_tmp_files/img_debug/img/css_sprites_main.png) -94px -68px;
}
.bg-flag_pt {
width: 1.8rem;
height: 1.2rem;
background: url(/zdjecia/items_tmp_files/img_debug/img/css_sprites_main.png) -35px -68px;
}
.bg-flag_se {
width: 1.6rem;
height: 1.1rem;
background: url(/zdjecia/items_tmp_files/img_debug/img/css_sprites_main.png) -90px -116px;
}
.bg-flag_lt {
width: 1.6rem;
height: 1.1rem;
background: url(/zdjecia/items_tmp_files/img_debug/img/css_sprites_main.png) -118px -116px;
}
.bg-flag_pl {
width: 1.6rem;
height: 1.1rem;
background: url(/zdjecia/items_tmp_files/img_debug/img/css_sprites_main.png) -157px -6px;
}
.bg-flag_ro {
width: 1.6rem;
height: 1.1rem;
background: url(/zdjecia/items_tmp_files/img_debug/img/css_sprites_main.png) -157px -29px;
}
.bg-flag_ru {
width: 1.6rem;
height: 1.1rem;
background: url(/zdjecia/items_tmp_files/img_debug/img/css_sprites_main.png) -157px -52px;
}
.bg-flag_com {
width: 1.6rem;
height: 1.1rem;
background: url(/zdjecia/items_tmp_files/img_debug/img/css_sprites_main.png) -157px -75px;
}
.bg-payments {
width: 11.1rem;
height: 5rem;
background: url(/zdjecia/items_tmp_files/img_debug/img/css_sprites_main.png) -6px -6px;
}
#currency {
margin: 1rem 0;
}
#currency select {
border-radius: 0;
font-weight: 300;
color: var(--text-on-dark);
background-color: var(--bg-dark);
min-width: 0;
}
#currency option {
color: var(--text-on-dark);
}
#currency option:hover,
#currency option:active,
#currency option:focus {
color: var(--text-primary);
}
.nav-main {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
position: relative;
}
.navbar-fixed-top {
padding: 0.5rem 0;
position: fixed;
-webkit-backface-visibility: hidden;
}
.navbar-fixed-top .logo {
height: 4.5rem;
float: right;
margin-top: -0.5rem;
-webkit-transition: all 350ms ease-in-out;
transition: all 350ms ease-in-out;
}
.logo {
height: 6.9rem;
margin: 0 auto;
display: block;
}
#search_keywords {
border-left: none;
margin-left: -0.1rem;
}
.red._search-highlight {
color: var(--color-error);
}
.btn-search {
background-color: var(--color-primary);
border-color: var(--color-primary-dark);
width: 6rem;
}
.btn-search .fa-search {
color: var(--text-on-primary);
}
.btn-search:hover,
.btn-search:focus {
background-color: var(--color-brand-600);
border-color: var(--color-brand-700);
}
.btn-category {
background-color: var(--color-white);
border-width: 0.1rem 0 0.1rem 0.1rem;
border-color: var(--border-dark);
border-radius: 0.5rem 0 0 0.5rem;
height: 3.4rem;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.search-select-btn {
display: inline-block;
padding: 0.6rem 2rem 0.6rem 1.2rem;
margin-bottom: 0;
font-size: 1.3rem;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
}
.search-select-btn:focus {
border-color: var(--color-blue-400);
outline: 0;
box-shadow:
inset 0 0.1rem 0.1rem rgba(0, 0, 0, 0.075),
0 0 0.8rem rgba(var(--color-blue-400-rgb), 0.6);
}
.search-select::-ms-expand {
display: none;
}
.search-select {
border-color: var(--border-dark);
border-style: solid;
border-width: 0.1rem 0 0.1rem 0.1rem;
box-shadow: 0 0.1rem 0.1rem rgba(0, 0, 0, 0.075) inset;
max-width: 15rem;
text-align: left;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.search-select-box .nav-main .form-control {
border-color: var(--border-dark);
border-width: 0.1rem 0 0.1rem 0.1rem;
}
.search-select-box:after {
content: "";
position: absolute;
top: 1.7rem;
margin-top: -0.2rem;
right: 0.5rem;
border-top: 0.6rem solid var(--text-primary);
border-left: 0.4rem solid transparent;
border-right: 0.4rem solid transparent;
pointer-events: none;
}
.affix {
top: 0;
z-index: 1000;
width: 100%;
box-shadow: 0 -0.5rem 4.1rem -0.9rem rgba(var(--color-gray-900-rgb), 0.45);
}
.glyphicon-search {
color: var(--text-on-primary);
}
.nav-main .btn-default {
border-color: var(--border-dark);
}
.search-select option {
text-align: left;
}
.searchbox {
width: 100%;
border-radius: 0;
box-shadow: none;
padding: 0;
z-index: 1029 !important;
}
.advanced-search span a,
.searchbox span a {
text-decoration: none;
color: var(--text-primary);
}
.searchbox-result {
padding: 0;
margin: 0;
}
.searchbox-result li {
list-style: none;
margin: 0;
padding: 0.5rem 1rem;
}
.searchbox-result li a {
text-decoration: none;
color: var(--text-primary);
cursor: pointer;
padding: 0 0.5rem;
}
.searchbox-result li a:empty {
display: none;
}
.searchbox-result li:hover {
background-color: var(--bg-muted);
}
.searchbox-result-product-name {
font-size: 1.1em;
}
.searchbox-result-incat {
color: var(--text-secondary);
}
.nav-main-margin {
margin-top: 2rem;
}
.main-header.affix .nav-main-margin {
margin-top: 0.2rem;
}
.main-header.affix .logo {
height: 4.3rem;
}
.main-header.affix .btn-login-nav,
.main-header.affix .btn-whishlist-nav,
.main-header.affix .btn-cart-nav {
font-size: 1.3rem;
}
.main-header.affix .nav-lwc-register {
font-size: 1rem;
}
.main-header.affix .btn-whishlist-nav .badge {
font-size: 0.9rem;
top: 0;
right: 0.1rem;
padding: 0.2rem 0.4rem;
}
.main-header.affix .btn-cart-nav .badge {
font-size: 0.9rem;
top: 0;
padding: 0.2rem 0.4rem;
}
.main-header.affix .btn-cart-nav .badge.-cart_badge {
right: -2rem;
}
.bold {
font-weight: 600;
}
.fa {
position: relative;
}
.btn > .badge {
position: absolute;
font-size: 1.1rem;
top: -0.6rem;
right: 0;
background-color: var(--color-primary);
padding: 0.2rem 0.4rem;
}
.mobile-cart-icon > .badge {
position: absolute;
font-size: 1.1rem;
top: 0;
right: 0;
background-color: var(--color-primary);
padding: 0.2rem 0.4rem;
}
.minicart-container {
padding: 0;
margin: 0;
overflow: hidden;
}
.mini-cart-product-box {
overflow-y: scroll;
min-height: 11rem;
max-height: 24rem;
min-width: 65rem;
padding-right: 2rem;
margin-right: -1.2rem;
}
.mini-cart-product-box th {
font-weight: 400;
font-size: 1.3rem;
}
.mini-cart-information-box {
font-size: 1.2rem;
}
.btn-minicart {
float: right;
margin-top: 0;
margin-bottom: 0;
}
.mini-cart-remove {
color: var(--color-error) !important;
font-size: 2em;
}
.mini-cart-information-box ._order_missing_free_delivery,
.mini-cart-information-box ._num_points {
white-space: nowrap;
}
.cart {
padding: 0.5rem 2rem;
border: none;
border-radius: none;
overflow: hidden;
}
.cart .thumbnail {
border: none;
}
.cart a {
text-decoration: none;
}
.minicart-container .table > thead:first-child > tr:first-child > th {
border: none;
}
.mini-cart-item-name {
display: block;
min-width: 20rem;
}
.mini-cart-item-image img {
height: 4rem;
width: auto;
}
.mini-cart-item-image {
text-align: center;
}
.minicart.item-logo-img {
display: inline-block;
margin-right: 0.5rem;
float: left;
}
.minicart.item-link {
display: block;
}
.minicart-container .item-cart-quantity-name .form-control {
text-align: center;
}
.mini-cart-item-price {
display: block;
min-width: 9rem;
text-align: center;
}
.minicart-left-column {
font-weight: 300;
text-align: left;
margin-top: 1.3rem;
}
.minicart-left-column .-delivery_info ._delivery_cost {
margin: 0;
font-size: 1.1rem;
font-weight: 500;
}
.minicart-left-column .-delivery_info ._country_name {
margin: 0;
font-size: 1.1rem;
}
.minicart-left-column .-delivery_info ._delivery_cost_link {
font-size: 1.1rem;
}
.minicart-right-column .minicart.points {
font-weight: 300;
font-size: 1.3rem;
}
.minicart-right-column .minicart.points a {
font-size: 1.2rem;
}
.minicart-right-column .minicart.points .btn {
margin-bottom: 0.5rem;
}
.minicart-right-column {
font-weight: 300;
text-align: left;
float: right;
}
.minicart-right-column ._num_points {
font-size: 1rem;
color: var(--text-primary);
}
.minicart-right-column .cart-resume._order_value {
display: block;
}
.normal-cart-item-name {
display: block;
}
.normalcart.item-logo-img {
display: inline-block;
margin-right: 0.5rem;
float: left;
}
.normalcart.item-link {
text-align: left;
}
.myprofile {
padding: 0;
border: none;
border-radius: none;
}
.myprofile > li > a {
padding-bottom: 0.5rem;
padding-top: 0.5rem;
font-size: 1.3rem;
}
.myprofile > li > a:hover {
color: var(--text-on-primary);
background-color: var(--color-primary);
background-image: none;
}
.myprofile .btn-logout {
width: 100%;
font-size: 1.3rem;
}
.myprofile .btn-logout:hover {
font-size: 1.3rem;
}
.myprofile-login {
border-radius: 0;
border-color: transparent;
padding: 0.5rem;
min-height: 15rem;
min-width: 25rem;
}
.myprofile-login-text {
display: block;
font-size: 1.2em;
margin: 1rem 0 1rem 1rem;
}
.myprofile-login input {
margin-top: 0.5rem;
width: 100%;
}
.myprofile-login .form-group {
margin: 1.5rem 1rem;
}
.myprofile-login a {
display: block;
margin: 1rem 0;
color: var(--text-primary);
}
.avatar {
position: absolute;
top: 0;
left: -2.5rem;
height: 3rem;
max-width: 3rem;
z-index: 2;
-o-object-fit: cover;
object-fit: cover;
}
.avatar-mobile {
height: 2rem;
-o-object-fit: cover;
object-fit: cover;
}
.megamenu .nav,
.megamenu .collapse,
.megamenu .dropup,
.megamenu .dropdown {
position: static;
}
.megamenu {
border-bottom: 0.1rem solid var(--border-light);
border-top: 0;
border-radius: 0;
background: linear-gradient(
to bottom,
var(--bg-secondary) 0%,
var(--color-gray-100) 100%
);
}
.megamenu .container {
position: relative;
}
.megamenu .dropdown-menu {
left: auto;
}
.megamenu .dropdown a {
color: var(--text-primary);
font-size: 1.3rem;
white-space: normal;
}
.dropdown-submenu a {
padding: 1rem 2rem !important;
}
.megamenu .dropdown a:hover,
.megamenu .dropdown a:focus,
.megamenu .dropdown a:active {
background: inherit;
}
.megamenu .dropdown a:hover .__element_border,
.megamenu .dropdown a:focus .__element_border,
.megamenu .dropdown a:active .__element_border {
color: var(--color-primary);
border-bottom: 0.2rem solid var(--color-primary);
padding-bottom: 0.3rem;
}
.megamenu .dropdown a:hover .fa-angle-down,
.megamenu .dropdown a:focus .fa-angle-down,
.megamenu .dropdown a:active .fa-angle-down {
color: var(--color-primary);
}
.megamenu .__element_bold {
font-weight: 500;
}
.megamenu ._megamenu_button {
padding: 0 1.3rem;
}
.megamenu ._center {
text-align: center;
}
.megamenu ._height {
padding: 1rem 0;
}
.megamenu .dropdown.megamenu-fw .dropdown-menu {
position: absolute;
left: 0;
right: 0;
top: auto;
width: 80vw;
margin-left: auto;
margin-right: auto;
}
.megamenu .dropdown-menu.megamenu-content {
border-top: 0.1rem solid var(--color-primary);
-webkit-columns: 5;
-moz-columns: 5;
columns: 5;
-webkit-column-gap: 0;
-moz-column-gap: 0;
column-gap: 0;
-webkit-column-rule-style: solid;
-moz-column-rule-style: solid;
column-rule-style: solid;
-webkit-column-rule-width: 0.1rem;
-moz-column-rule-width: 0.1rem;
column-rule-width: 0.1rem;
-webkit-column-rule-color: var(--border-light);
-moz-column-rule-color: var(--border-light);
column-rule-color: var(--border-light);
}
.megamenu .mgmn-category {
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
overflow: hidden;
}
.nav-cover_black {
position: absolute;
left: 0;
width: 100%;
height: 100%;
display: none;
background-color: var(--color-black);
opacity: 0.6;
z-index: 101;
}
.index.h1_title {
font-size: 1.5rem;
margin-top: 0.5rem;
margin-bottom: 0.5rem;
font-weight: 400;
}
.h2_title {
}
.btn:active {
outline: none;
box-shadow: none;
-webkit-box-shadow: none;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
outline: none;
}
.btn:focus {
outline: none;
}
.btn-social {
position: relative;
padding-left: 4.4rem;
text-align: left;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.btn-social.svg-icon {
padding: 0;
}
.btn-social.svg-icon svg {
vertical-align: middle;
margin: 0.8rem;
}
.btn-social.svg-icon span {
margin: 0 2.4rem 0 1.2rem;
font-size: 1.6rem;
vertical-align: middle;
letter-spacing: 0rem;
}
@media (max-width: 31.3rem) {
.btn-social.svg-icon span {
margin: 0 1.5rem 0 0;
font-size: 1.3rem;
}
}
.btn-facebook {
color: var(--color-white);
background-color: var(--color-blue-700);
border-color: rgba(var(--color-gray-900-rgb), 0.2);
-webkit-transition: background-color 250ms ease;
transition: background-color 250ms ease;
}
.btn-facebook:focus,
.btn-facebook.focus {
color: var(--color-white);
background-color: var(--color-blue-800);
border-color: rgba(var(--color-gray-900-rgb), 0.2);
-webkit-transition: background-color 250ms ease;
transition: background-color 250ms ease;
}
.btn-facebook:focus-visible {
outline: 0.2rem solid var(--color-blue-700);
outline-offset: 0.2rem;
}
.btn-facebook:hover {
color: var(--color-white);
background-color: var(--color-blue-800);
border-color: rgba(var(--color-gray-900-rgb), 0.2);
-webkit-transition: background-color 250ms ease;
transition: background-color 250ms ease;
}
.btn-facebook:active,
.btn-facebook.active,
.open > .dropdown-toggle.btn-facebook {
color: var(--color-white);
background-color: var(--color-blue-800);
border-color: rgba(var(--color-gray-900-rgb), 0.2);
background-image: none;
-webkit-transition: background-color 250ms ease;
transition: background-color 250ms ease;
}
.btn-facebook:active:hover,
.btn-facebook.active:hover,
.open > .dropdown-toggle.btn-facebook:hover,
.btn-facebook:active:focus,
.btn-facebook.active:focus,
.open > .dropdown-toggle.btn-facebook:focus,
.btn-facebook:active.focus,
.btn-facebook.active.focus,
.open > .dropdown-toggle.btn-facebook.focus {
color: var(--color-white);
background-color: var(--color-blue-900);
border-color: rgba(var(--color-gray-900-rgb), 0.2);
-webkit-transition: background-color 250ms ease;
transition: background-color 250ms ease;
}
.btn-facebook.disabled,
.btn-facebook[disabled],
fieldset[disabled] .btn-facebook,
.btn-facebook.disabled:hover,
.btn-facebook[disabled]:hover,
fieldset[disabled] .btn-facebook:hover,
.btn-facebook.disabled:focus,
.btn-facebook[disabled]:focus,
fieldset[disabled] .btn-facebook:focus,
.btn-facebook.disabled.focus,
.btn-facebook[disabled].focus,
fieldset[disabled] .btn-facebook.focus,
.btn-facebook.disabled:active,
.btn-facebook[disabled]:active,
fieldset[disabled] .btn-facebook:active,
.btn-facebook.disabled.active,
.btn-facebook[disabled].active,
fieldset[disabled] .btn-facebook.active {
background-color: var(--color-blue-600);
border-color: rgba(var(--color-gray-900-rgb), 0.2);
-webkit-transition: background-color 250ms ease;
transition: background-color 250ms ease;
}
.btn-facebook .fa-facebook {
position: absolute;
left: 1.9rem;
top: 0.9rem;
}
.btn-mh {
background-color: var(--color-primary) !important;
padding: 1rem;
margin-top: 1.5rem;
margin-bottom: 0.5rem;
border: 0.1rem solid var(--color-primary);
border-radius: none;
color: var(--text-on-primary) !important;
}
.btn-mh:hover {
color: var(--text-on-primary) !important;
}
.btn-login-nav,
.btn-cart-nav,
.btn-whishlist-nav {
background: 0 0;
outline: none;
box-shadow: none;
color: var(--text-primary);
}
.btn-cart-nav:hover,
.btn-whishlist-nav:hover {
border-bottom: 0.1rem solid var(--color-primary);
border-radius: 0;
}
.btn-login-nav .dropdown:hover > ul.dropdown-menu {
display: block;
}
.btn-cart-nav .-nav-cart {
position: absolute;
top: 0.1rem;
font-size: 2.2rem;
}
.btn-cart-nav .-cart_badge {
right: -2.4rem;
}
.btn-logout {
background-color: var(--color-gray-800) !important;
margin-top: 1rem;
padding: 1rem;
color: var(--text-on-dark) !important;
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.btn-logout:hover {
color: var(--text-on-dark) !important;
background-color: var(--color-gray-600);
font-size: 1em;
}
.btn-dark {
display: inline-block;
width: 18rem;
padding: 1.5rem 1.2rem;
color: var(--text-on-dark);
background-color: var(--bg-dark);
overflow: hidden;
-webkit-transition: background-color 250ms ease;
transition: background-color 250ms ease;
}
.btn-dark.btn-dark--on-dark {
background-color: var(--color-gray-700);
}
.btn-dark-small {
color: var(--text-on-dark);
background-color: var(--bg-dark);
overflow: hidden;
}
.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active,
.btn-dark-small:hover,
.btn-dark-small:focus,
.btn-dark-small:active {
color: var(--text-on-dark);
background-color: var(--color-gray-700);
-webkit-transition: background-color 250ms ease;
transition: background-color 250ms ease;
}
.btn-dark:focus-visible,
.btn-dark-small:focus-visible {
outline: 0.2rem solid var(--color-gray-600);
outline-offset: 0.2rem;
}
.btn-dark-width-a {
width: auto;
}
.btn-ghost {
display: inline-block;
text-decoration: none;
border: 0.1rem solid var(--color-white);
height: 3.6rem;
line-height: 3.6rem;
color: var(--color-white);
-webkit-border-radius: 0.5rem;
-webkit-background-clip: padding-box;
-moz-border-radius: 0.5rem;
-moz-background-clip: padding;
border-radius: 0.5rem;
background-clip: padding-box;
font-size: 1em;
padding: 0.5em 1.5em;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
background: 0 0;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
cursor: pointer;
zoom: 1;
-webkit-backface-visibility: hidden;
position: relative;
}
.btn-ghost:hover {
-webkit-transition: 0.2s ease;
-moz-transition: 0.2s ease;
-o-transition: 0.2s ease;
transition: 0.2s ease;
background-color: var(--color-white);
color: var(--text-primary);
}
.btn-ghost:focus {
outline: none;
color: var(--color-white);
}
.btn-red {
width: 18rem;
height: 5rem;
color: var(--text-on-primary);
background-color: var(--color-error);
overflow: hidden;
}
.btn-red:hover,
.btn-red:focus,
.btn-red:active {
color: var(--text-on-primary);
background-color: var(--color-error-hover);
}
.btn-red-long {
height: 5rem;
color: var(--text-on-primary);
background-color: var(--color-error);
overflow: hidden;
}
.btn-red-long:hover,
.btn-red-long:focus,
.btn-red-long:active {
color: var(--text-on-primary);
background-color: var(--color-error-hover);
}
.btn-dark-long {
height: 5rem;
color: var(--text-on-dark);
background-color: var(--bg-dark);
overflow: hidden;
}
.btn-dark-long:hover,
.btn-dark-long:focus,
.btn-dark-long:active {
color: var(--text-on-dark);
background-color: var(--color-gray-700);
}
.display-block {
display: block;
}
.btn-dark-fw {
display: block;
width: 100%;
height: 5rem;
color: var(--text-on-dark);
background-color: var(--bg-dark);
overflow: hidden;
}
.btn.btn--angular {
border-radius: 0;
}
.btn-dark-fw:hover,
.btn-dark-fw:focus,
.btn-dark-fw:active {
color: var(--text-on-dark);
background-color: var(--color-gray-700);
}
.btn-light {
display: inline-block;
width: 18rem;
padding: 1.5rem 1.2rem;
overflow: hidden;
-webkit-transition: background-color 250ms ease;
transition: background-color 250ms ease;
color: var(--text-on-primary);
background-color: var(--color-primary);
}
.btn-light:hover,
.btn-light:focus,
.btn-light:active {
color: var(--text-on-primary);
background-color: var(--color-primary-hover);
}
.btn-light:focus-visible {
outline: 0.2rem solid var(--color-primary);
outline-offset: 0.2rem;
}
.btn-green {
width: 18rem;
height: 5rem;
color: var(--color-white);
background-color: var(--color-success);
overflow: hidden;
}
.btn-green:hover,
.btn-green:focus,
.btn-green:active {
color: var(--color-white);
background-color: var(--color-success-hover);
}
.btn-green:focus-visible {
outline: 0.2rem solid var(--color-success);
outline-offset: 0.2rem;
}
.btn-clear-cart {
font-size: 1.2rem;
color: var(--text-on-primary);
}
.btn-back {
color: var(--text-on-dark);
background: var(--bg-dark);
}
.btn-back:hover {
color: var(--text-on-dark);
background: var(--color-gray-700);
}
.btn-facebook-login:hover {
color: var(--text-on-primary);
}
.btn-block {
white-space: normal;
}
.btn-orange {
background-color: var(--color-primary);
}
.btn-orange:hover {
background-color: var(--color-primary-hover);
}
.btn-light-green-darken-1 {
background-color: var(--color-green-700);
}
.btn-light-green-darken-1:hover,
.btn-light-green-darken-1:focus,
.btn-light-green-darken-1:active {
background-color: var(--color-green-800);
}
.btn-light-green-darken-1:focus-visible {
outline: 0.2rem solid var(--color-green-800);
outline-offset: 0.2rem;
}
.btn-light-green-darken-2 {
background-color: var(--color-green-800);
}
.btn-light-green-darken-2:hover,
.btn-light-green-darken-2:focus,
.btn-light-green-darken-2:active {
background-color: var(--color-green-900);
}
.btn-light-green-darken-2:focus-visible {
outline: 0.2rem solid var(--color-green-900);
outline-offset: 0.2rem;
}
.btn-light-green-darken-3 {
background-color: var(--color-green-950);
}
.btn-light-green-darken-3:hover,
.btn-light-green-darken-3:focus,
.btn-light-green-darken-3:active {
background-color: var(--color-green-800);
}
.btn-light-green-darken-3:focus-visible {
outline: 0.2rem solid var(--color-green-800);
outline-offset: 0.2rem;
}
.btn-light-green-darken-4 {
background-color: var(--color-green-950);
}
.btn-light-green-darken-4:hover,
.btn-light-green-darken-4:focus,
.btn-light-green-darken-4:active {
background-color: var(--color-green-800);
}
.btn-light-green-darken-4:focus-visible {
outline: 0.2rem solid var(--color-green-800);
outline-offset: 0.2rem;
}
.btn-red-darken-1 {
background-color: var(--color-error);
color: var(--color-white);
}
.btn-red-darken-1:hover,
.btn-red-darken-1:focus,
.btn-red-darken-1:active {
background-color: var(--color-error-hover);
color: var(--color-white);
}
.btn-red-darken-1:focus-visible {
outline: 0.2rem solid var(--color-error-hover);
outline-offset: 0.2rem;
}
.btn-red-darken-2 {
background-color: var(--color-red-700);
color: var(--color-white);
}
.btn-red-darken-2:hover,
.btn-red-darken-2:focus,
.btn-red-darken-2:active {
background-color: var(--color-red-800);
color: var(--color-white);
}
.btn-red-darken-2:focus-visible {
outline: 0.2rem solid var(--color-red-800);
outline-offset: 0.2rem;
}
.btn-red-darken-3 {
background-color: var(--color-red-800);
color: var(--color-white);
}
.btn-red-darken-3:hover,
.btn-red-darken-3:focus,
.btn-red-darken-3:active {
background-color: var(--color-red-900);
color: var(--color-white);
}
.btn-red-darken-3:focus-visible {
outline: 0.2rem solid var(--color-red-900);
outline-offset: 0.2rem;
}
.btn-red-darken-4 {
background-color: var(--color-red-950);
color: var(--color-white);
}
.btn-red-darken-4:hover,
.btn-red-darken-4:focus,
.btn-red-darken-4:active {
background-color: var(--color-red-800);
color: var(--color-white);
}
.btn-red-darken-4:focus-visible {
outline: 0.2rem solid var(--color-red-800);
outline-offset: 0.2rem;
}
.color-dark,
.color-dark:focus,
.color-dark:hover,
.color-dark:active {
color: var(--text-primary);
}
.color-light-green-darken-1,
.color-light-green-darken-1:focus,
.color-light-green-darken-1:hover {
color: var(--color-green-500);
}
.color-light-green-darken-2,
.color-light-green-darken-2:focus,
.color-light-green-darken-2:hover {
color: var(--color-green-600);
}
.color-light-green-darken-3,
.color-light-green-darken-3:focus,
.color-light-green-darken-3:hover {
color: var(--color-green-700);
}
.color-light-green-darken-4,
.color-light-green-darken-4:focus,
.color-light-green-darken-4:hover {
color: var(--color-green-800);
}
.color-red-darken-1,
.color-red-darken-1:focus,
.color-red-darken-1:hover {
color: var(--color-error);
}
.color-red-darken-2,
.color-red-darken-2:focus,
.color-red-darken-2:hover {
color: var(--color-red-700);
}
.color-red-darken-3,
.color-red-darken-3:focus,
.color-red-darken-3:hover {
color: var(--color-red-800);
}
.color-red-darken-4,
.color-red-darken-4:focus,
.color-red-darken-4:hover {
color: var(--color-red-900);
}
.close {
opacity: 1;
position: relative;
z-index: 1000;
}
.cart-info-btn > .btn-dark {
float: right;
}
.btn-responsive {
white-space: normal;
word-wrap: break-word;
}
.form-input-dark {
width: 20rem;
height: 5rem;
background: rgba(var(--color-gray-50-rgb), 0.9);
border: 0.1rem solid var(--border-medium);
text-align: center;
float: left;
}
.navbar-nav {
float: none;
display: inline-block;
}
.navbar-megamenu {
font-size: 1.3rem;
text-align: center;
}
.navbar-megamenu ul li a {
color: var(--text-primary);
}
.navbar-megamenu > ul > li > a:hover {
color: var(--color-primary);
text-decoration: underline;
background-color: transparent;
}
.navbar-megamenu > ul > li > a:focus {
color: var(--color-primary);
text-decoration: underline;
background-color: transparent;
}
.navbar-megamenu > .navbar-nav > li {
border-left: 0.1rem solid var(--border-light);
}
.navbar-megamenu > .navbar-nav > li:first-child {
border-left: 0.1rem solid var(--border-light);
}
.navbar-megamenu > .navbar-nav > li:nth-last-child(1) {
border-right: 0.1rem solid var(--border-light);
}
.navbar-megamenu .dropdown-toggle {
padding: 1rem 0.8rem;
}
.breadcrumb {
background: var(--bg-primary);
margin: 0;
padding-left: 1rem;
border-radius: 0;
border-bottom: 0.1rem solid var(--border-light);
}
.trust_icon_container.-product_page {
width: 100%;
border: 0.1rem solid var(--border-light);
border-radius: 0.3rem;
padding: 0.5rem 0;
background: var(--color-white);
text-align: center;
}
.trust_icon_container .trust_icon_list {
padding: 0;
margin: 0;
list-style: none;
}
.trust_icon_container.-product_page .-icon_box {
text-align: center;
display: inline-block;
width: 12rem;
vertical-align: top;
}
.trust_icon_container.-product_page .-header_box {
text-align: left;
padding-bottom: 1rem;
padding-top: 0.5rem;
border-bottom: 0.1rem solid var(--bg-muted);
}
.trust_icon_container.-product_page .-header_box h2 {
margin-top: 0;
margin-bottom: 0;
margin-left: 1rem;
font-size: 1.7rem;
font-weight: 400;
color: var(--text-secondary);
cursor: default;
}
.trust_icon_container.-product_page .-icon_box a {
color: var(--text-secondary);
padding: 1rem;
display: block;
cursor: pointer;
}
.trust_icon_container.-product_page .-icon_box a:hover {
color: var(--text-primary);
text-decoration: none;
}
.trust_icon_container.-product_page .-icon_box .fa {
font-size: 2.5rem;
}
.trust_icon_container.-product_page .-icon_box p {
margin: 0;
}
.catalog_name .h2_title {
margin-top: 1rem;
margin-bottom: 0;
font-size: 1.9rem;
font-weight: 400;
}
.catalog_name .h2_title._padding {
padding-left: 1rem;
}
.catalog_name .-producer {
padding-top: 0.5rem;
}
.catalog_name .-producer ._producer-logo {
height: 1.9rem;
display: inline-block;
padding: 0 0.5rem;
}
.catalog_name .h2_title._padding._producer {
padding-left: 0;
vertical-align: bottom;
}
.catalog_name .h2_title._padding._producer {
display: inline-block;
padding-right: 0.5rem;
}
.catalog_name .-producer p._producer {
display: inline-block;
margin: 0;
vertical-align: bottom;
}
.category-box {
padding: 1.5rem 0;
background: var(--color-primary);
margin: 0;
text-align: center;
}
.category-box .category-box__title {
margin: 0;
text-align: center;
display: inline-block;
color: var(--text-on-primary);
font-weight: 400;
cursor: default;
font-size: 1.8rem;
}
.category-box small a {
color: var(--text-on-primary);
text-decoration: none;
}
.category-box small a:hover {
color: var(--color-gray-200);
text-decoration: none;
}
.category-arrow-box {
display: block;
padding: 1rem;
margin-left: 1rem;
color: var(--text-primary);
}
.category-arrow {
display: inline-block;
color: var(--text-primary);
}
.category-arrow:hover {
color: var(--color-primary);
}
.category-arrow:after {
font-family: FontAwesome;
content: "\f062";
margin-left: 1rem;
}
.category-box-back {
color: var(--text-on-primary);
}
.cat-tree {
margin: 1rem 0;
}
.cat-tree a {
color: var(--text-primary);
}
.cat-tree a:focus,
.cat-tree a:hover {
color: var(--color-primary);
text-decoration: none;
}
.cat-tree li {
color: var(--text-primary);
padding-top: 0.5rem;
padding-bottom: 0.5rem;
list-style: none;
}
.cat-tree-head-accordion a {
color: var(--text-primary);
}
.cat-tree-head-accordion a:focus,
.cat-tree-head-accordion a:hover {
color: var(--color-primary);
background-color: transparent;
}
.sub-cat-tree {
margin: 1rem 0;
list-style: none;
}
.sub-cat-tree a {
color: var(--text-primary);
}
.sub-cat-tree a:hover,
.sub-cat-tree a:active,
.sub-cat-tree a:focus {
color: var(--color-primary);
font-style: none;
}
.connected-categories.cat-tree {
margin: 1.5rem 0 1rem;
}
.left-submenu > li > a {
color: var(--text-primary);
}
.nav-stacked > li > a {
color: var(--text-primary);
padding-left: 5rem;
}
.category-list {
background-color: var(--bg-muted);
}
.left-menu > li > a {
color: var(--text-primary);
font-size: 1.1em;
padding-top: 2rem;
padding-bottom: 2rem;
}
.left-menu > li > a:focus,
.left-menu > li > a:hover {
color: var(--color-primary);
background-color: transparent;
}
.category_descriptions ._description {
padding: 0.2rem 1.5rem;
}
.category_descriptions ._description h1 {
color: var(--text-secondary);
margin-top: 0;
font-size: 1.8rem;
}
.category_descriptions ._description h2 {
color: var(--text-secondary);
margin-top: 0;
font-size: 1.4rem;
}
.category_descriptions ._description p {
color: var(--text-secondary);
font-size: 1.2rem;
line-height: 1.8rem;
}
.index-item-gallery-homepage .titlebar {
margin-bottom: -0.1rem;
}
.index-item-gallery-homepage .productbox {
background: var(--color-white);
padding-bottom: 1rem;
border: 0.1rem solid var(--border-light);
margin-top: 0;
}
.index-item-gallery-box {
margin: 2rem auto;
text-align: center;
}
.index-item-gallery {
padding: 0;
}
.index-item-gallery li {
display: inline-block;
margin: 0.2rem;
}
.index-item-gallery img {
height: 10rem;
width: 10rem;
-o-object-fit: cover;
object-fit: cover;
}
.right-content {
margin-bottom: -0.1rem;
min-height: 80rem;
}
body > footer {
padding: 3.5rem 0;
background-color: var(--bg-dark);
color: var(--text-on-dark);
}
body > footer .text-muted a {
color: inherit;
text-decoration: underline;
}
body > footer .text-muted a:hover {
color: var(--text-on-dark);
}
body > footer .payment-logo {
height: 5rem;
margin: 2rem auto;
}
.footer-margin {
margin-top: 5rem;
}
.footer-txt a {
color: var(--text-on-dark);
}
.footer-txt ul {
list-style: none;
text-decoration: none;
padding: 0;
text-align: left;
}
.footer-logo {
max-width: 8.5rem;
max-height: 7.7rem;
min-width: 1rem;
min-height: 0.9rem;
}
.footer-col-head {
display: block;
font-weight: 700;
font-size: 1.6rem;
color: var(--text-on-dark);
}
.footer-social-media {
padding: 2rem 0;
}
.footer-social-media .fa-facebook-official {
color: var(--color-blue-600);
}
.footer-social-media .fa-google-plus-official {
color: var(--color-red-600);
}
.footer-social-media .fa-instagram {
color: var(--color-blue-400);
}
.bg-fb {
width: 2.5rem;
height: 2.5rem;
background: url(/zdjecia/items_tmp_files/img_debug/img/css_sprites_social_media.png) -10px -10px;
}
.bg-gplus {
width: 2.5rem;
height: 2.5rem;
background: url(/zdjecia/items_tmp_files/img_debug/img/css_sprites_social_media.png) -55px -10px;
}
.bg-instagram {
width: 2.5rem;
height: 2.5rem;
background: url(/zdjecia/items_tmp_files/img_debug/img/css_sprites_social_media.png) -10px -55px;
}
.bg-avail_hist_d {
width: 1.5rem;
height: 1.5rem;
background: url(/zdjecia/items_tmp_files/img_debug/img/css_sprites_item-available-history.png) -5px -57px;
}
.bg-avail_hist_g {
width: 1.5rem;
height: 1.5rem;
background: url(/zdjecia/items_tmp_files/img_debug/img/css_sprites_item-available-history.png) -30px -57px;
}
.bg-avail_hist_r {
width: 1.5rem;
height: 1.5rem;
background: url(/zdjecia/items_tmp_files/img_debug/img/css_sprites_item-available-history.png) -55px -57px;
}
.bg-avail_hist_s {
width: 1.5rem;
height: 1.5rem;
background: url(/zdjecia/items_tmp_files/img_debug/img/css_sprites_item-available-history.png) -83px -5px;
}
.bg-store_0 {
width: 1.6rem;
height: 1.6rem;
background: url(/zdjecia/items_tmp_files/img_debug/img/css_sprites_item-available-history.png) -5px -5px;
}
.bg-store_1 {
width: 1.6rem;
height: 1.6rem;
background: url(/zdjecia/items_tmp_files/img_debug/img/css_sprites_item-available-history.png) -31px -5px;
}
.bg-store_2 {
width: 1.6rem;
height: 1.6rem;
background: url(/zdjecia/items_tmp_files/img_debug/img/css_sprites_item-available-history.png) -5px -31px;
}
.bg-store_3 {
width: 1.6rem;
height: 1.6rem;
background: url(/zdjecia/items_tmp_files/img_debug/img/css_sprites_item-available-history.png) -31px -31px;
}
.bg-store_4 {
width: 1.6rem;
height: 1.6rem;
background: url(/zdjecia/items_tmp_files/img_debug/img/css_sprites_item-available-history.png) -57px -5px;
}
.bg-store_5 {
width: 1.6rem;
height: 1.6rem;
background: url(/zdjecia/items_tmp_files/img_debug/img/css_sprites_item-available-history.png) -57px -31px;
}
.footer-social-media li {
display: inline-block;
}
.footer-social-media a {
font-size: 1.9em;
color: var(--text-on-dark);
padding: 0 1rem;
}
.footer-payment-logo {
padding: 3.5rem 0;
margin-top: 4rem;
border-top: 0.1rem solid var(--color-gray-800);
background-color: var(--color-gray-900);
}
.productbox {
margin-top: 1rem;
}
.container-productbox {
padding-left: 0.7rem;
}
.titlebar {
vertical-align: middle !important;
padding: var(--titlebar-padding);
margin: var(--titlebar-margin);
color: var(--titlebar-text-color);
background-color: var(--titlebar-bg-color);
border-bottom: var(--titlebar-border-bottom);
cursor: default;
display: flex;
align-items: center;
}
.titlebar > .pull-right {
margin-left: auto;
}
.titlebar a {
/* padding-left: 1rem;
padding-right: 1rem; */
color: var(--text-on-primary);
}
.titlebar span {
/* padding-left: 1rem;
padding-right: 1rem; */
color: var(--text-on-primary);
}
.titlebar .h2_title,
.titlebar .h3_title {
/* padding-left: 1rem;
padding-right: 1rem; */
/* color: var(--text-on-primary); */
font-size: var(--titlebar-font-size);
margin-bottom: 0;
margin-top: 0;
font-weight: var(--titlebar-font-weight);
display: inline-block;
}
.container-product-box {
margin-bottom: 2.5rem;
background-color: var(--color-white);
border: 0.1rem solid var(--border-light);
}
.product-box {
position: relative;
margin-bottom: 1rem;
background-color: var(--color-white);
border: 0.1rem solid var(--border-light);
padding: 0.7rem 1rem 0;
}
.product-box a {
/* text-decoration: none; */
color: var(--text-primary);
}
.product-box-description {
margin: 1rem 0;
}
.product-box-description p:first-child {
font-size: 1.7rem;
margin: 0;
}
.product-box-description .product-list-pricing {
text-align: center;
}
.private-price:empty {
display: none;
}
.product-grid-title {
display: block;
min-height: 3rem;
max-height: 8rem;
white-space: nowrap;
text-align: left;
overflow: hidden;
}
.product-grid-title:after {
right: 0;
top: 0;
display: block;
position: absolute;
width: 30%;
height: 3rem;
content: "";
z-index: 1;
opacity: 1;
box-shadow: inset -24.6rem 0 5rem -17.5rem var(--color-white);
}
.product-grid-title a {
display: inline-block;
}
.product-grid-title img {
max-height: 2.3rem;
}
.product-grid-title .h2_title {
font-weight: 400;
font-size: 1.8rem;
line-height: 1.8rem;
margin-top: 0;
margin-bottom: 0;
display: inline;
}
.product-box .badge {
position: absolute;
right: 0;
top: 0;
border-radius: 0;
background-color: var(--color-error);
font-size: 1.2rem;
padding: 0.1rem 1rem;
color: var(--text-on-primary);
text-transform: uppercase;
text-align: center;
line-height: 2rem;
box-shadow: 0 0.3rem 1rem -0.5rem var(--color-black);
z-index: 2;
}
.product-box-action {
padding: 1.8rem 1.2rem;
}
.product-box .btn-orange,
.product-box .btn-dark {
display: block;
margin-left: auto;
margin-right: auto;
position: absolute;
right: 0;
left: 0;
bottom: 0.4rem;
}
.product-box .btn-dark._small {
padding: 0.8rem 1.2rem;
}
.promotion-txt {
color: var(--color-error);
font-weight: 500;
}
.del-box {
height: 181.6rem;
overflow: hidden;
}
.del-box .titlebar {
margin-bottom: 0;
}
.del-company-name {
font-weight: 700;
}
.del-product {
padding: 0.5rem 1rem;
background: var(--color-white);
border: 0.1rem solid var(--border-light);
}
.del-title {
font-size: 1.3rem;
margin: 0.2rem 0;
}
.del-title + .del-product-block {
margin-top: 0.6rem;
}
.del-link {
display: block;
}
.del-product,
.del-product a,
.del-product ul li {
text-decoration: none;
list-style: none;
color: var(--text-primary);
}
.del-product ul {
padding: 0;
}
.del-product > li > ul {
padding-left: 1rem;
}
.del-product li {
padding: 0.4rem 0;
}
.del-product ._closer {
padding: 0.2rem 0;
}
.del-product-number {
font-weight: 400;
}
.del-product-status {
color: var(--color-error);
}
.del-product-status > span[style="color: red;"] {
color: var(--color-error) !important;
}
.del-product-name {
font-weight: 500;
}
.del-product-cut-price {
text-decoration: line-through;
color: var(--text-muted);
}
.del-product-cut-percent {
color: var(--color-error);
}
.view-all-del:hover {
text-decoration: underline;
}
.del-more-box {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
text-align: center;
}
.del-more-box .del-more-box-white {
padding: 2rem;
margin: 0 1.6rem;
background: -webkit-linear-gradient(
top,
rgba(var(--color-gray-50-rgb), 0) 0%,
var(--color-gray-50) 100%
);
background: linear-gradient(
to bottom,
rgba(var(--color-gray-50-rgb), 0) 0%,
var(--color-gray-50) 100%
);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
}
.del-line {
width: 100%;
height: 0.1rem;
background-color: var(--color-black);
}
.promotion-list {
padding: 0;
list-style: none;
}
.current-promotion .titlebar {
margin-bottom: 0;
}
.current-promotion li {
list-style: none;
margin: 2rem 0;
}
.current-promotion li a {
color: var(--text-primary);
}
.current-promotion li a img {
margin-right: 1rem;
}
.message-window {
display: block;
border: 0.1rem solid var(--border-medium);
margin: 0 auto;
padding: 2.5rem;
text-align: center;
font-size: 1.1em;
background: var(--color-white);
box-shadow: 0 0 3rem -1.5rem var(--color-black);
}
.log-in-form-info {
margin: 2rem 0;
}
.log-in-form-info a {
color: var(--text-primary);
}
.form-text-head {
font-size: 1.3em;
font-weight: 700;
}
.form-text-subhead a {
color: var(--text-primary);
font-size: 0.9em;
}
.form-input {
display: block;
width: 100%;
height: 3.5rem;
border: 0.1rem solid var(--text-secondary);
background-color: var(--bg-secondary);
}
.form-label {
font-weight: 400;
}
.newaccount-text-head {
display: block;
margin: 2rem 0;
font-size: 1.3em;
font-weight: 700;
}
.newaccount-subhead a {
color: var(--text-primary);
font-size: 0.9em;
}
.cart-head-info {
display: block;
}
.td.item-cart-quantity .form-control {
text-align: center;
max-width: 5rem;
}
.item-remove-from-cart {
text-align: center;
}
.item-remove-from-cart .close {
float: none;
}
.cart-btn {
margin: 3rem 0;
}
.cart-thumbnail {
width: 14.5rem;
height: 8.5rem;
}
.cart-thumbnail-company {
width: 5rem;
display: block;
float: left;
margin-right: 1rem;
}
.cart-info {
display: block;
margin: 2rem 0;
}
.cart-resume-left-box {
float: left;
text-align: left;
font-weight: 300;
}
.cart-resume-right-box {
float: right;
text-align: left;
font-weight: 300;
}
.cart-resume-box.cart-resume-box--summary {
line-height: 1em;
}
.cart-resume-box.cart-resume-box--summary small {
display: block;
}
.cart-resume-box.delivery-cost {
margin-top: 1rem;
}
.cart-delivery {
font-weight: 500;
}
.cart-points {
font-weight: 500;
}
.cart-resume {
font-size: 1.5em;
font-weight: 700;
}
.cart-info-btn {
display: block;
height: 10rem;
margin: 1rem 0;
}
.cart-delayed-items-mode {
display: block;
text-align: left;
}
.cart-delayed-items-mode ul li {
list-style: none;
margin: 0.5rem 0;
}
.cart-delayed-item-information {
font-size: 1.1em;
display: block;
margin-bottom: unset;
}
.cart-global-not-logged {
margin: 2rem 0;
}
.cart-login-form {
margin: 1rem 0;
display: block;
}
.cart-login-form-left-box {
position: relative;
}
.cart-login-form-right-box {
position: relative;
}
.cart-login-form-right input {
position: absolute;
left: 0;
bottom: -0.6rem;
}
.cart-login-form-right {
height: 17rem;
}
.link-order-mh {
margin: 1rem 0;
}
.link-order-mh span {
margin: 1rem 0;
display: block;
}
.cart-delivery-name {
display: inline-block;
font-size: 1.1em;
margin-left: 2rem;
}
.cart-delivery-param {
display: block;
}
.cart-delivery-param:empty,
.cart-delivery-param .btn-group:empty {
display: none;
}
.cart-delivery-param select {
height: 3rem;
border: 0.1rem solid var(--border-medium);
}
.ups-locator {
display: inline-block;
margin-bottom: 0;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 0.1rem solid transparent;
color: var(--text-secondary);
background-color: var(--bg-primary);
border-color: var(--border-medium);
padding: 0.1rem 0.5rem;
font-size: 1.2rem;
line-height: 1.5;
border-radius: 0.3rem;
}
.method-selection-payu-box {
margin: 0.5rem 0;
display: block;
}
.method-selection-bank-box {
margin: 0.5rem 0;
display: block;
}
.method-selection-paypal-box {
margin: 0.5rem 0;
display: block;
}
.method-selection-paypal-button-box {
margin: 1rem 0;
}
.payment-bank-transfer-box {
margin: 2.5rem 0;
display: block;
}
.method-selection-bank-button {
height: 8rem;
width: 15rem;
display: inline-block;
border: 0;
}
.cart-form-input {
display: block;
width: 100%;
height: 3.5rem;
border: 0.1rem solid var(--border-medium);
background-color: rgba(var(--color-gray-50-rgb), 0.9);
padding-left: 2rem;
}
.filtr {
border-radius: 0.4rem;
}
.filtr-box {
padding-left: calc(var(--spacing) * 9);
padding-right: calc(var(--spacing) * 5);
}
@media (max-width: 74.9375rem) and (min-width: 48rem) {
.filtr-box {
padding-left: calc(var(--spacing) * 8);
padding-right: calc(var(--spacing) * 2.5);
}
}
.filters-links {
padding: 0;
}
.filters-inputs,
.filters-links {
display: flex;
flex-direction: column;
gap: var(--spacing);
}
.filters-toggle-btn {
margin: calc(var(--spacing) * -3) calc(var(--spacing) * -2.5)
calc(var(--spacing) * 2);
}
.filters-footer {
padding-right: calc(var(--spacing) * 5);
display: flex;
flex-direction: column;
gap: calc(var(--spacing) * 2);
}
.filtr-box li {
list-style: none;
color: var(--text-primary);
margin: 0 2rem 0 0;
}
.filtr-box a {
color: var(--text-primary);
cursor: pointer;
}
.filtr-box input {
text-align: center;
}
.filtr-box .radio label,
.filtr-box .checkbox label {
padding-left: 0;
}
.search-rem-news-search .radio-search-only-new {
margin-top: 1rem;
}
.filters-head-accordion {
margin: 1rem 0;
font-size: 1.2em;
font-weight: 700;
}
.filters-head-accordion a:hover {
color: var(--color-primary);
font-style: none;
}
.fa-red {
color: var(--color-error);
}
.fa-filtr-x {
position: absolute;
left: -1.3rem;
top: 0.2rem;
}
.fa-filtr-link {
position: relative;
}
.btn-filtr {
width: 18rem;
height: 5rem;
color: var(--text-on-dark);
background-color: var(--color-blue-special-slate);
}
.category-box-end {
height: 1rem;
margin: 1rem 0;
background: 0 0;
}
.btn-filtr:hover,
.btn-filtr:focus,
.btn-filtr:active {
color: var(--text-on-dark);
background-color: var(--color-gray-800) !important;
}
.titlebar-search {
padding-bottom: 0.5rem;
padding-top: 0.5rem;
margin: 0 0 0.5rem;
min-height: 3rem;
background-color: var(--color-primary);
color: var(--text-on-primary);
border-bottom: 0.2rem solid var(--border-light);
}
.titlebar-search a,
.titlebar-search button {
font-size: 1.3rem;
padding: 0 var(--spacing);
color: var(--text-on-primary);
background-color: transparent;
border: none;
}
.titlebar-search-container {
text-align: right;
}
.titlebar-search-select {
display: inline-block;
}
.titlebar-search-select label {
margin-bottom: 0;
}
.titlebar-search-select select {
background: 0 0;
border: none;
max-width: 11rem;
}
.titlebar-search-select select:after {
content: "";
position: absolute;
top: 1.7rem;
margin-top: -0.2rem;
right: 0.5rem;
border-top: 0.6rem solid var(--color-white);
border-left: 0.4rem solid transparent;
border-right: 0.4rem solid transparent;
pointer-events: none;
}
.titlebar-search-select select::-ms-expand {
display: none;
}
.titlebar-search-select select option {
color: var(--text-primary);
}
.available-check {
color: var(--color-green-500);
}
.not-available-check {
color: var(--color-error);
}
.toorder-check {
color: var(--text-primary);
}
.product-list-box {
position: relative;
padding: 0.7rem 0;
margin-bottom: 0.5rem;
background-color: var(--color-white);
border: 0.1rem solid var(--border-light);
}
.product-list-box a {
/* text-decoration: none; */
color: var(--text-secondary);
}
.product-list-box .btn.btn-dark._search_btn_gallery {
color: var(--text-on-primary);
}
.product-list-box .item-row.flex-center {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.product-list-box .private-price {
font-size: 1.2rem;
}
._store._notavailable {
color: var(--color-error);
}
.item-product-qty-form-input {
display: inline-block;
width: 7rem;
height: 5rem;
background-color: var(--bg-muted);
text-align: center;
float: left;
}
.btn-group-justified .item-product-qty-form-input {
width: 100%;
}
.product-list-box .item-row .quantity {
width: 0.5%;
}
.product-list-box .item-row .quantity .controls {
margin: 0 -0.1rem 0 -0.5rem;
}
.product-list-box .item-row .btn-orange,
.product-list-box .item-row .btn-red-darken-1 {
height: 5rem;
margin-left: -0.2rem;
}
.product-list-box .item-row .action {
display: block;
margin: 0.5rem 0;
}
.product-list-box .action .btn-sm {
overflow: hidden;
}
.product-list-box .search.-gallery {
display: inline-block;
vertical-align: top;
padding: 0 1rem;
}
.product-list-box .search.-gallery ._gallery-result {
display: inline-block;
padding: 0.3rem;
}
.search.-gallery ._gallery-result img {
width: 10rem;
height: 10rem;
object-fit: cover;
}
.product-list-box .-search-gallery._author-info {
display: inline-block;
vertical-align: top;
padding: 0 1rem;
float: right;
}
.product-list-box .-search-gallery._author-info .h2_title {
margin-top: 1rem;
margin-bottom: 0;
font-size: 1.9rem;
font-weight: 400;
}
.product-list-box.forum_search_container {
padding: 0 1rem;
}
.product-list-box.forum_search_container ._item_name .h2_title {
margin-top: 1rem;
margin-bottom: 0.5rem;
font-size: 1.9rem;
font-weight: 500;
}
.product-list-box.forum_search_container ._item_path {
margin-right: 0.5rem;
display: inline-block;
}
.product-list-box.forum_search_container ._item_path a {
font-size: 1.1rem;
color: var(--color-gray-600);
}
.product-list-box.forum_search_container .-item_navigation {
display: inline-block;
}
.product-list-box.forum_search_container .-item_navigation ._item_link {
font-size: 1.1rem;
color: var(--color-gray-600);
}
.product-list-box.forum_search_container .-item_description {
padding-top: 0.5rem;
}
.product-page .btn-orange {
height: 5rem;
margin-left: -0.2rem !important;
}
.item-row-picture {
max-height: 17.5rem;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
}
.item-row-description {
display: block;
border-top: 0.1rem solid var(--border-light);
margin: 1rem 0;
padding: 0.5rem;
}
.item-row-description p {
font-weight: 400;
}
.additions-product-list-content {
margin-top: 3rem;
padding: 2rem 0;
border: 0.1rem solid var(--border-light);
}
.list-badge {
position: absolute;
top: 0;
left: 0;
color: var(--text-on-dark);
font-weight: 500;
z-index: 100;
padding: 0;
font-size: 1.2em;
border-radius: 0;
cursor: default;
}
.list-badge-list li {
display: inline;
float: left;
list-style: none;
background-color: var(--color-error);
font-size: 1.2rem;
padding: 0.1rem 1rem;
color: var(--text-on-dark);
text-transform: uppercase;
text-align: center;
line-height: 2rem;
display: block;
box-shadow: 0 0.3rem 1rem -0.5rem var(--color-black);
}
.list-badge-search li {
background: var(--color-gray-700);
}
.list-badge-search a {
color: var(--color-white);
}
.list-badge-product-status {
padding: 0;
font-size: 1.5rem;
}
.list-badge-product-status li {
list-style: none;
color: var(--color-green-special-light);
font-weight: 700;
}
.product-list-description {
display: block;
margin-bottom: 0;
margin-top: 0.3rem;
}
.product-list-description img {
max-height: 2.3rem;
}
.product-list-description .item-logo-img {
display: inline-block;
vertical-align: top;
}
.product-list-description .item-logo-img:empty {
display: none;
}
.product-list-pricing {
margin: 0rem 0.5rem 1rem 0;
display: flex;
flex-wrap: wrap;
gap: var(--spacing);
}
@media (min-width: 48rem) {
.product-list-pricing {
margin: 2rem 0.5rem 1rem 0;
}
}
.product-list-pricing.product-list-pricing--center {
align-items: center;
}
.product-list-pricing.product-list-pricing--right {
align-items: flex-end;
justify-content: flex-end;
}
.product-list-pricing .product-list-price:not(strong) {
display: inline-flex;
align-items: center;
gap: var(--spacing);
justify-content: flex-end;
flex: 1 1 100%;
}
:is(.product-list-pricing .product-list-price:not(strong)) + small {
flex: 1 1 100%;
text-align: right;
}
.product-list-pricing strong.product-list-price,
.product-list-pricing .product-list-price strong {
font-size: 2.2rem;
text-align: right;
}
.product-list-pricing .item_price_no_prom {
font-size: 1.9rem;
text-decoration: line-through;
}
.product-list-pricing .item_price_no_prom._grid {
font-size: 1.5rem;
text-decoration: line-through;
}
.product-list-pricing small {
display: block;
font-size: 1.3rem;
}
.product-list-pricing .item-available {
display: block;
font-size: 1.3rem;
white-space: nowrap;
}
.product-list-pricing .item-available ._store._notavailable {
color: red;
}
.product-list-pricing .item-available img {
vertical-align: top;
}
.product-list-item-name {
display: inline;
}
.product-list-item-name .h2_title {
font-size: 1.8rem;
line-height: 1.8rem;
margin-top: 0;
margin-bottom: 0;
font-weight: 400;
display: inline;
}
.product-list-item-name a {
vertical-align: bottom;
}
.product-list-item-description {
display: block;
margin: 1rem 0;
}
.qty-product-list {
display: inline-block;
width: 100%;
height: 5rem;
border: 0.1rem solid var(--border-light);
background-color: transparent;
text-align: center;
float: left;
border-radius: 0;
}
.qty-cart {
display: inline-block;
height: 5rem;
border: 0.1rem solid var(--border-light);
background-color: transparent;
text-align: center;
}
.btn-list-addtocart {
color: var(--color-white) !important;
height: 5rem;
width: 100%;
background-color: var(--color-primary);
font-size: 1.1em;
box-shadow: unset;
-webkit-transition: background-color 250ms ease;
transition: background-color 250ms ease;
}
.btn-list-addtocart:focus,
.btn-list-addtocart:active,
.btn-list-addtocart:hover {
color: var(--color-white) !important;
height: 5rem;
width: 100%;
background-color: var(--color-primary-hover);
border-radius: unset;
font-size: 1.1em;
box-shadow: unset;
-webkit-transition: background-color 250ms ease;
transition: background-color 250ms ease;
}
.btn-list-addtowishlist {
color: var(--color-white);
width: 20%;
padding: 2rem;
background-color: var(--color-error);
border-radius: unset;
font-size: 1.1em;
box-shadow: unset;
-webkit-transition: background-color 250ms ease;
transition: background-color 250ms ease;
}
.btn-list-addtowishlist:hover .fa-heart-o:before,
.btn-list-addtowishlist:focus .fa-heart-o:before,
.btn-list-addtowishlist:active .fa-heart-o:before {
content: "\f004";
color: var(--color-white);
-webkit-transition: background-color 250ms ease;
transition: background-color 250ms ease;
}
.btn-list-product-item-dark {
color: var(--color-white);
background-color: var(--color-gray-700);
background-image: url(/zdjecia/items_tmp_files/img_debug/coins.png);
background-position-x: 10%;
background-position-y: 50%;
background-position: bottom 50% left 10%;
background-repeat: no-repeat;
-webkit-transition: background-color 250ms ease;
transition: background-color 250ms ease;
}
.btn-list-product-item-dark:hover,
.btn-list-product-item-dark:focus,
.btn-list-product-item-dark:active {
color: var(--color-white);
background-color: var(--color-gray-800);
-webkit-transition: background-color 250ms ease;
transition: background-color 250ms ease;
}
.pagination > li > a {
color: var(--text-primary);
text-align: center;
}
.pagination > li > a:hover {
background-color: var(--color-primary);
color: var(--text-on-primary);
border-color: var(--color-primary);
cursor: pointer;
}
.pagination > li > a:focus {
background-color: var(--color-primary);
color: var(--text-on-primary);
border-color: var(--color-primary);
}
.pagination .active > a,
.pagination .active > span {
background-color: var(--color-primary);
border-color: var(--color-primary);
color: var(--text-on-primary);
}
.pagination .active > a:hover,
.pagination .active > a:focus,
.pagination .active > span:hover {
background-color: var(--color-primary);
border-color: var(--color-primary);
color: var(--text-on-primary);
}
.payment label {
padding: 0;
}
.payment .delivery-date {
margin-top: 1rem;
margin-bottom: 1rem;
}
.order-title {
text-align: center;
}
.order-subtitle {
font-size: 1.4em;
}
.order-divider {
width: 100%;
height: 0.1rem;
background: var(--border-light);
margin: 1rem 0;
}
.order-step-1 {
display: block;
margin: 5rem 0;
}
.order-step-1 label {
display: block;
}
.order-payment-method-title {
}
.order-payment-method-radio .radio label {
display: block;
margin: 3rem 0;
}
.order-payment-method-radio-text {
font-size: 1.3em;
font-weight: 700;
}
.order-payment-method-payment-image {
margin: 0.5rem;
}
.label-table label {
font-weight: 400;
cursor: pointer;
width: 100%;
height: 100%;
}
.label-table .radio {
display: inline-block;
}
.label-table .radio input {
position: relative;
margin: 0 1rem 0 0;
}
.order-shipment-method-title {
}
.order-shipment-method {
}
.order-shipment-method-radio img {
display: inline;
}
.order-radio-content {
align: middle;
}
.order-shipment-point-change {
font-size: 0.9em;
}
.order-shipment-company-info {
font-size: 0.9em;
}
.order-address-method-title {
font-size: 1.4em;
margin: 1rem 0;
display: block;
}
.order-personal-form-address {
display: block;
padding: 1.5rem;
font-size: 1.1em;
}
.order-personal-address {
display: block;
padding: 1.5rem;
font-size: 1.1em;
font-weight: 700;
}
.order-summary-method-title {
font-size: 1.4em;
margin: 1rem 0;
display: block;
}
.order-personal-address-btn {
margin: 2rem 0;
}
.issue-invoice-information {
margin: 0 2rem 0 0;
padding: 0 0.5rem 0 0;
}
.order-step-4 {
display: block;
}
.order-summary-finish-cart {
display: block;
margin-bottom: 5rem;
padding: 0 2rem;
margin: 5rem 0;
}
.order-summary-finish-summary {
display: block;
margin: 5rem 0;
}
.order-summary-title {
font-size: 1.1em;
font-weight: 700;
}
.order-customer-message {
margin: 10rem 0 2rem;
}
.order-customer-message span {
display: block;
font-size: 1.1em;
margin: 2.5rem 0;
}
.order-customer-message textarea {
background: rgba(var(--color-gray-50-rgb), 0.9);
width: 100%;
}
.order-cart-notes span {
margin-bottom: 1rem;
}
.order-cart-notes span,
.order-end-date span {
display: block;
font-size: 1.3rem;
font-weight: 700;
}
.courier-notes {
padding: 1rem 0;
}
.courier-notes textarea {
padding: 1rem;
margin: 1rem 0;
font-size: 1.3rem;
}
.courier-notes-instruction {
font-size: 1.3rem;
margin: 1rem 0;
padding: 1rem 0;
display: block;
}
.payment-td_dhlcourier {
padding-top: 1.2rem !important;
padding-bottom: 1.2rem !important;
}
.payment-tr_ups {
box-shadow:
0 -0.4rem 1.8rem -0.5rem rgba(var(--color-gray-900-rgb), 0.05),
0 0.5rem 1.6rem -0.2rem rgba(var(--color-gray-900-rgb), 0.07);
}
.payment-td_ups {
padding: 1.5rem 0 !important;
}
.payment-td_ups .cart-delivery-name {
font-weight: 500;
}
.payment-td_ups.payment_name_ups label {
margin: 0;
}
.payment_name_ups {
position: relative;
}
.badge-small_information {
position: absolute;
top: 0;
left: 0;
color: var(--text-on-dark);
background: var(--color-black);
padding: 0.2rem 0.6rem;
font-size: 1rem;
background-image: linear-gradient(
-225deg,
var(--color-red-special-pink) 0%,
var(--purple-special) 52%,
var(--color-blue-600) 100%
);
}
.payment-tr_ups .payment-td_ups.payment_name_ups {
vertical-align: middle;
padding-left: 0.5rem !important;
}
.payment-td_inpost_paczkomat {
padding-top: 1.2rem !important;
}
.btn-fw {
width: 100% !important;
}
.item-gallery {
display: block;
margin: 0 0 0.2rem;
}
.item-gallery ul {
padding: calc(var(--spacing) * 2);
margin: 0;
}
.item-gallery ul li {
list-style: none;
display: inline-block;
margin: 0.5rem 0.4rem;
text-align: left;
}
.item-comments-container {
display: block;
margin: 1rem 0;
}
.item-comments-container .opinion-row:nth-child(even) {
background-color: var(--bg-secondary);
}
.item-comments-avatar {
display: inline-block;
text-align: center;
margin: 0.5rem 0;
}
.item-avatar {
margin: 0.5rem 0;
height: 6rem;
width: 6rem;
-o-object-fit: cover;
object-fit: cover;
}
.item-comments-content {
display: inline-block;
white-space: normal;
vertical-align: top;
margin: 0.5rem 0;
}
.item-new-comments-send {
padding: 2rem 0;
text-align: right;
}
.item-new-comments-send .btn {
float: right;
}
.item-comments-sign {
font-size: 0.9em;
font-weight: 300;
}
.item-comments-divider {
display: block;
height: 0.1rem;
width: 10rem;
background: var(--border-light);
}
.item-new-comments {
display: block;
}
.item-new-comments label {
display: block;
}
.item-new-comments-title {
display: block;
font-size: 1.2em;
font-weight: 700;
margin: 2rem 0;
}
.form-input-textarea {
display: block;
width: 100%;
height: 11.5rem;
border: 0.1rem solid var(--border-medium);
background-color: rgba(var(--color-gray-50-rgb), 0.9);
}
.form-control-textarea {
display: block;
width: 100%;
height: 11.5rem !important;
}
.leftBox {
margin: 2rem 0;
text-align: center;
color: var(--text-primary);
}
.left-column-my-account {
text-align: center;
vertical-align: middle;
line-height: normal;
}
.left-column-avatar-box {
display: block;
}
.left-column-avatar {
height: 6rem;
width: 6rem;
-o-object-fit: cover;
object-fit: cover;
}
.left-column-username-box {
display: block;
font-size: 1.2em;
text-align: left;
line-height: normal;
padding: 0 2rem;
}
.left-column-my-account-menu {
margin-top: 0.5rem;
}
.my-head-text {
text-align: center;
margin: 2rem 0;
display: block;
}
.my-head-text-left {
text-align: left;
margin: 2rem 0;
display: block;
}
.my-account-short {
display: inline-block;
vertical-align: top;
text-align: center;
margin-top: 1rem;
}
.my-account-short .btn {
float: right;
}
.my-account-back-to-homepage {
color: var(--color-gray-400);
font-size: 0.8em;
margin-top: 3rem;
display: block;
}
.my-account-go-helpzone {
color: var(--color-gray-400);
font-size: 0.8em;
margin-top: 3rem;
display: block;
}
.myaccount-avatar {
height: 6rem;
width: 6rem;
-o-object-fit: cover;
object-fit: cover;
}
.my-account-avatar-box {
display: inline-block;
margin-right: 3rem;
margin-top: 1rem;
}
.my-account-avatar-box .btn {
display: block;
margin-left: auto;
margin-right: auto;
}
.my-account-quick-information {
display: inline-block;
text-align: left;
vertical-align: middle;
line-height: normal;
}
.my-account-quick-information ul {
padding: 0;
}
.my-account-quick-information-namesurname {
font-weight: 700;
font-size: 1.5em;
}
.my-account-show-information-checkbox-box input {
display: inline-block;
margin-right: 3rem;
}
.my-account-show-information-checkbox-box span {
display: inline-block;
}
.my-account-show-site-about-u {
margin: 1.5rem 0;
display: block;
}
.my-account-save-information-checkbox {
display: block;
float: right;
margin-bottom: 3rem;
}
.my-account-footer-message-label {
margin: 2rem 0;
display: block;
}
.my-account-personal-data-form {
display: block;
text-align: center;
font-weight: 700;
}
.my-account-personal-data-save {
display: block;
margin: 4.5rem 0;
float: right;
}
.lotery {
}
.lottery.input-group {
max-width: 25rem;
}
.my-purchase-remove {
color: red !important;
opacity: 1;
top: -0.1rem;
right: 0;
position: absolute;
font-size: 1.7em;
margin-right: -2.3rem;
z-index: 2;
background: var(--color-white);
padding: 0 0.5rem;
border: 0.1rem solid var(--border-light);
}
.my-transactions-search {
margin: 5rem 0;
}
.my-transactions-search span {
font-size: 1.2em;
margin-right: 3rem;
}
.my-transactions-tid-input {
height: 5rem;
display: inline-block;
float: left;
text-align: center;
}
.my-transactions-thead {
color: var(--text-on-dark);
background: var(--bg-dark);
}
.my-transactions-thead tr th {
vertical-align: middle !important;
}
.my-transactions-transaction-link {
color: var(--text-primary);
font-style: italic;
font-weight: 700;
}
.my-transactions-item-link {
color: var(--text-primary);
font-style: italic;
font-weight: 700;
}
.my-transactions-link-payment {
margin: 2rem 0;
display: block;
}
.my-reservation-info-links {
margin: 1rem 0;
display: block;
}
.my-reservation-info-links a {
text-decoration: none;
color: var(--text-primary);
display: block;
}
.my-reservation-info-links a:hover {
color: var(--color-primary);
}
.my-reservation-add-to-reservation-text {
text-align: center;
margin: 2rem 0;
display: block;
}
.my-reservation-user-input {
display: block;
margin: 2rem 0;
}
.my-reservation-user-input textarea {
width: 100%;
min-height: 15rem;
display: block;
}
.my-reservation-fast-add-instr {
display: block;
}
.my-reservation-head-text {
text-align: center;
margin: 2rem 0;
display: block;
}
.my-reservation-advances {
text-align: center;
margin: 2rem 0;
display: block;
}
.my-reservation-thead {
color: var(--text-on-primary);
background: var(--color-primary);
}
.my-reservation-thead tr th {
vertical-align: middle !important;
}
.my-reservation-fwidth {
width: 100%;
}
.my-reservation-btn-margin {
margin: 1rem 0;
}
.my-reservation-declare {
border: 0.1rem solid var(--border-light);
text-align: center;
padding: 0.5rem;
margin: 0.5rem 0;
}
.my-promotion-codes-text {
margin: 3rem 0;
display: block;
}
.my-promotion-thead {
color: var(--color-white);
background: var(--text-primary);
}
.my-promotion-thead tr th {
vertical-align: middle !important;
}
.my-promotion-draw-link {
color: var(--text-primary);
cursor: pointer;
}
.my-promotion-tickets-now {
height: 5rem;
text-align: center;
}
.my-payment-head-text {
text-align: center;
margin: 2rem 0;
display: block;
}
.my-payments-thead {
color: var(--color-white);
background: var(--text-primary);
}
.my-payments-thead tr th {
vertical-align: middle !important;
}
.my-payments-left-to-pay {
display: block;
font-weight: 700;
}
.my-setup-forum ul {
list-style: none;
}
.my-newsletter-info-enable {
display: block;
margin: 1rem 0;
}
.my-newsletter-disable-newsletter {
display: block;
}
.my-newsletter-newsletter-list {
display: block;
margin: 5rem 0;
}
.my-newsletter-newsletter-list a {
color: var(--text-primary);
}
.my-mail-thead {
color: var(--color-white);
background: var(--text-primary);
}
.my-mail-thead tr th {
vertical-align: middle !important;
}
.my-mail-head-text h3 {
margin-top: 1rem;
}
.my-mail-msg-detail {
padding: 1.5rem 3rem;
margin-bottom: 3rem;
}
.my-mail-mail-box {
padding: 0 0 1rem;
position: relative;
}
.my-mail-mail-box .fa {
display: inline-block;
margin-right: 0.5rem;
position: absolute;
left: -1.7rem;
top: 0.1rem;
}
.my-mail-arrow {
display: inline-block;
}
.my-mail-msg-date {
display: inline-block;
}
.my-mail-msg-mail-from {
display: inline-block;
margin-right: 1rem;
}
.my-mail-msg-mail-to {
display: inline-block;
}
.my-mail-msg-topic {
display: block;
}
.my-mail-msg-body {
display: block;
}
.my-price-list-form-input {
display: inline-block;
border: 0.1rem solid var(--border-medium);
background-color: rgba(var(--color-gray-50-rgb), 0.9);
margin-left: 1rem;
margin-right: 1rem;
}
.my-pricelist-search select {
display: inline-block;
border: 0.1rem solid var(--border-light);
background-color: transparent;
margin-left: 1rem;
margin-right: 1rem;
}
.my-pricelist-search-available {
margin: 1rem 0;
display: block;
}
.my-pricelist-search-group {
margin: 1rem 0;
display: block;
}
.my-pricelist-search-price-level {
margin: 1rem 0;
display: block;
}
.my-pricelist-search-export-format {
margin: 1rem 0;
display: block;
}
.my-pricelist-thead {
color: var(--color-white);
background: var(--text-primary);
}
.my-pricelist-thead tr th {
vertical-align: middle !important;
}
.my-pricelist-box {
border: 0.1rem solid var(--border-light);
padding: 2rem 5rem;
margin-bottom: 2.5rem;
}
.my-pricelist-items-box a {
color: var(--text-primary);
}
.my-gallery-head-box {
border: 0.1rem solid var(--border-light);
padding: 2rem 5rem 4rem;
margin: 2.5rem 0;
}
.my-gallery-form-input {
display: inline-block;
margin-right: 1rem;
}
.my-gallery-list-form-input {
display: inline-block;
border: 0.1rem solid var(--border-medium);
background-color: rgba(var(--color-gray-50-rgb), 0.9);
margin-left: 1rem;
margin-right: 1rem;
}
.my-gallery-form-input select {
text-transform: lowercase;
}
.my-gallery-group-row-box {
margin: 2rem 0;
border: 0.1rem solid var(--border-light);
padding-bottom: 3rem;
padding-top: 3rem;
}
.my-gallery-group-row {
display: block;
}
.my-gallery-item-detail {
display: block;
}
.my-gallery-item-detail a {
color: var(--text-primary);
font-weight: 700;
}
.my-gallery-items {
display: inline-block;
margin-right: 2rem;
}
.my-gallery-items a {
display: block;
color: var(--text-primary);
font-size: 1.2em;
}
.my-gallery-photo-description {
height: 10rem;
width: 100%;
white-space: normal;
text-align: left;
overflow: hidden;
}
.my-gallery-u-link {
display: block;
}
.my-gallery-g-button-delete input {
min-width: unset !important;
}
.my-gallery-item-group {
text-align: center;
}
.my-gallery-item-add {
padding-left: 5rem;
}
.gallery-head-text {
text-align: center;
margin: 1rem 0;
display: block;
}
.gallery-head-text h3 {
margin: 0;
}
.gallery-category-tree-box {
display: block;
text-align: center;
margin: 1rem 0;
cursor: pointer;
}
.gallery-category-tree-box ul li {
margin: 0 -0.2rem;
padding: 1rem 1.5rem;
border-left: 0.1rem solid var(--border-light);
}
.gallery-category-tree-box li:nth-last-child(1) {
border-right: 0.1rem solid var(--border-light);
}
.gallery-category-tree-box a {
color: var(--text-primary);
}
.gallery-category-tree-list {
display: inline-block;
list-style: none;
padding: 0;
}
.gallery-information-box {
display: block;
margin: 2rem 0;
padding: 2rem 5rem;
border: 0.1rem solid var(--border-light);
}
.gallery-information-box a {
color: var(--text-primary);
}
.gallery-catalog .gallery-group-list {
text-align: center;
}
.gallery-link-user-groups {
color: var(--text-primary);
}
.gallery-group.titlebar {
margin-top: 0;
}
.gallery-groups-row {
position: relative;
margin: 2rem 0;
border: 0.1rem solid var(--color-gray-400);
height: 25rem;
padding: 5rem;
text-overflow: ellipsis;
}
.gallery-groups-row a {
color: var(--text-primary);
}
.gallery-group-name {
color: var(--color-white) !important;
font-size: 1.1em;
vertical-align: middle;
}
.gallery-groups-title {
position: absolute;
top: 0;
left: 0;
height: 3rem;
background: var(--color-primary);
}
.gallery-votes {
font-weight: 700;
display: block;
}
.gallery-win-previous-month {
display: block;
}
.gallery-win-previous-month span {
font-size: 1.2em;
font-weight: 700;
}
.gallery-win-previous-month a {
color: var(--text-primary);
}
.gallery-win-previous-month ul {
list-style: none;
line-height: 2;
}
.gallery-btn-block {
display: block;
}
.gallery-details-item-foto-wide {
text-align: center;
}
.gallery-item {
display: block;
height: 20rem;
width: 20rem;
}
.gallery-item-img {
display: inline-block;
}
.gallery-item-description {
display: inline-block;
height: 10rem;
width: 100%;
white-space: normal;
text-align: left;
overflow: hidden;
}
.gallery-group-list-item {
display: inline-block;
height: 25rem;
}
.gallery-voting {
margin: 3rem 0;
}
.gallery-num-votes {
display: block;
margin: 2rem 0;
}
.my-unsubscribe {
margin: 3rem 0;
text-align: center;
}
.my-unsubscribe input {
margin: 2rem 0;
}
.survey-name {
display: block;
font-size: 1.2em;
font-weight: 700;
}
.survey-field-name {
display: block;
font-size: 1.2em;
font-weight: 700;
margin: 2rem 0;
}
.survey-num-votes {
font-weight: 700;
}
.survey-response-name-num-votes {
display: block;
}
.survey-response-name {
font-weight: 700;
}
.survey-response-num-votes {
font-weight: 700;
}
.survey-list {
font-weight: 700;
font-size: 1em;
}
.survey-list-item {
display: block;
}
.survey-list-item a {
color: var(--text-primary);
}
.sendmail-message {
display: block;
margin: 2rem 0;
}
.sendmail-message textarea {
background: rgba(var(--color-gray-50-rgb), 0.9);
width: 100%;
min-height: 15rem;
}
.sendmail-detail {
display: block;
margin: 2rem 0;
}
.sendmail-detail textarea {
background: rgba(var(--color-gray-50-rgb), 0.9);
width: 100%;
min-height: 15rem;
}
.claim-box {
display: block;
margin: 2rem 0;
}
.claim-form {
display: block;
}
.claim-form-order-number {
display: block;
margin: 2rem 0;
}
.claim-form-order-number span {
display: block;
font-weight: 700;
}
.claim-form-description {
display: block;
margin: 2rem 0;
}
.claim-form-description span {
display: block;
font-weight: 700;
margin: 0 0 1rem;
}
.claim-form-description textarea {
min-height: 25rem;
}
.manufacturer-site-box {
margin: 1rem 0;
display: block;
}
.manufacturer-producer-logo {
display: block;
text-align: center;
margin: 2rem 0;
}
.manufacturer-webpage-box {
display: block;
margin: 2rem 0;
}
.manufacturer-webpage-box a {
color: var(--text-primary);
text-decoration: none;
}
.manufacturer-product {
display: block;
margin: 1rem 0;
}
.thead {
color: var(--text-on-primary);
background: var(--color-primary);
}
.thead-col {
display: block;
height: 3.5rem;
padding: 0.8rem;
vertical-align: middle !important;
border-bottom: 0.2rem solid var(--border-light);
margin-top: 1rem;
}
.thead-dyn {
display: block;
padding: 0.8rem;
vertical-align: middle !important;
border-bottom: 0.2rem solid var(--border-light);
margin-top: 1rem;
}
.thead tr th {
vertical-align: middle !important;
}
.delivery-cost-btn-box {
margin: 2rem 0;
display: block;
}
.delivery-cost-name {
margin-left: 1.5rem;
}
.delivery-cost-free-shipping {
margin: 5rem 0;
text-align: center;
font-size: 1.2em;
}
.delivery-cost-free-shipping span {
font-weight: 700;
}
.delete-account-box {
margin: 10rem 0;
}
.delete-account-content {
text-align: center;
}
.delete-account-content span,
.delete-account-content a {
font-weight: 700;
font-size: 1.3em;
color: var(--text-primary);
}
.a-black-link {
color: var(--text-primary);
text-decoration: none;
cursor: pointer;
}
.userinfo-box ul {
list-style: none;
}
.attachments-btn-box {
text-align: right;
}
.contact-page-box {
display: block;
margin: 2rem 0;
}
.contact-page-box ul {
list-style: none;
}
.contact-page-box ul li {
margin: 1rem 0;
}
.contact-page-box a {
color: var(--text-primary);
cursor: pointer;
}
.hdr-after-buy,
.hdr-before-buy,
.hdr-reservations,
.hdr-oferta,
.hdr-other {
max-width: 96rem;
padding: 1rem;
margin: 1.5rem auto;
border: var(--border-light) solid 0.1rem;
}
.hdr-title .fa {
font-size: 3em;
margin: 2rem;
vertical-align: middle;
}
.hdr-title h4 {
display: inline-block;
vertical-align: middle;
}
.rules-box {
margin: 2rem 0;
}
.rules-owner {
margin: 3rem 1rem;
}
.rules-general {
margin: 3rem 1rem;
}
.rules-privacy-policy {
margin: 3rem 1rem;
}
.rules-terms {
margin: 3rem 1rem;
}
.rules-delivery {
margin: 3rem 1rem;
}
.rules-return {
margin: 3rem 1rem;
}
.rules-data {
margin: 3rem 1rem;
}
.pts-rules-box {
margin: 3rem 1rem;
}
.faq.-faq_container {
margin: 1rem 0 3.5rem;
}
.faq.-faq_container .h1_title {
font-size: 2em;
}
.faq.-faq_container .h2_title {
font-size: 1.5em;
}
.h1_title._regulations {
font-size: 2em;
}
.h2_title._regulations {
font-size: 1.5em;
}
.h2_title._regulations._small {
font-size: 1em;
margin-top: 0;
}
.faq .rich_assortment .-gallery ._warehouse {
display: inline-block;
margin: 0.2rem;
}
.faq .content {
line-height: 2.4;
}
.faq-contact-form {
display: block;
margin: 2rem 0;
}
.faq-content-msg {
display: block;
margin: 1rem 0;
}
.faq-content-msg label {
display: block;
}
.faq-content-msg textarea {
min-height: 20rem;
}
.faq-reply-info-form {
display: block;
margin: 1rem 0;
}
.faq-reply-info-form label {
display: block;
}
.faq-reply-info-form textarea {
min-height: 10rem;
}
.recommendation-box {
display: block;
margin: 1rem 0;
}
.recommendation-how {
display: block;
margin: 2rem 0;
}
.recommendation-join {
display: block;
margin: 2rem 0;
}
.recommendation-restrictions {
display: block;
margin: 2rem 0;
}
.recommendation-thanks {
display: block;
margin: 2rem 0;
}
.card-board-box {
display: block;
margin: 2rem 0;
}
.card-board-head {
display: block;
margin: 1rem 0;
}
.card-board-head img {
display: inline-block;
height: 10rem;
}
.card-board-detail {
display: block;
margin: 2rem 0;
}
.delivery-date-table {
padding: 3rem 0;
display: block;
margin-right: auto;
margin-left: auto;
position: relative;
}
.delivery-dates-table-anchor {
display: block;
visibility: hidden;
position: absolute;
height: 18rem;
margin-top: -18rem;
}
.mobile-flag-menu {
position: absolute;
padding: 1.5rem 3rem;
top: 100%;
right: 0;
z-index: 100;
background-color: var(--text-primary);
box-shadow: 0 0.6rem 1.2rem rgba(var(--color-gray-900-rgb), 0.175);
list-style: none;
text-align: center;
min-width: 5rem;
}
.mobile-flag-menu li {
margin: 0.5rem 0;
}
.mobile-burger {
float: left;
}
.mobile-cart-icon {
float: right;
}
.navbar-collapse {
padding-right: 1.5rem;
padding-left: 1.5rem;
overflow-x: visible;
-webkit-overflow-scrolling: touch;
border-top: 0.1rem solid transparent;
box-shadow: transparent !important;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
border-color: transparent;
}
.mobile-currency-menu {
text-align: center;
width: 7rem !important;
min-width: 0;
background: var(--text-primary);
}
.mobile-currency-menu a {
color: var(--color-white) !important;
font-size: 1.3rem;
}
.mobile-currency-menu > li > a:hover,
.mobile-currency-menu > li > a:focus {
background-color: var(--color-primary) !important;
}
.mobile-currency-btn {
background: 0 0;
border: none;
color: var(--color-white);
vertical-align: middle;
text-align: center;
}
.nav-currency-btn {
background: 0 0;
border: none;
color: var(--color-white);
vertical-align: middle;
text-align: center;
float: right;
display: inline-block;
margin-right: 0.5rem;
padding-top: 1rem;
padding-bottom: 0.5rem;
}
#producer_filter_full_row,
#attr_1_filter_full_row {
display: none;
}
.similar-product-box {
position: relative;
border: 0.1rem solid var(--border-light);
height: 36rem;
margin: 0 1rem 1rem;
padding: 1rem;
color: var(--text-primary);
}
.similar-product-box a {
color: var(--text-primary);
}
.item-row-similar-image-box {
height: 14rem;
overflow: hidden;
position: relative;
}
.item-row-similar-image-box a img {
max-height: 14rem;
}
.item-row-similar-price-box {
position: absolute;
bottom: 0;
}
.item-row-more-info {
display: block;
color: var(--text-primary);
text-decoration: underline;
}
.item-row-list-name a,
.item-row-list-attr a,
.item-row-list-product a,
.item-row-list-price a,
.item-row-list-product-code a {
color: var(--text-primary);
}
.item-row-list-price {
font-weight: 700;
}
.quick-preview-box {
position: fixed;
z-index: 1000;
}
.quick-preview-box #carousel-custom {
margin: 0;
width: 50rem;
}
.quick-preview-item-box----backup {
position: absolute;
z-index: 1031;
margin-left: 15rem;
padding: 0.5rem;
background: rgba(var(--color-gray-100-rgb), 0.98);
box-shadow: 0 -0.5rem 4.1rem -0.9rem rgba(var(--color-gray-900-rgb), 0.45);
}
.quick-preview-item-box div {
-webkit-transition: none;
transition: none;
}
.quick-preview-item-box {
position: absolute;
z-index: 1031;
padding: 0.5rem;
background: rgba(var(--color-gray-100-rgb), 0.98);
box-shadow: 0 -0.5rem 4.1rem -0.9rem rgba(var(--color-gray-900-rgb), 0.45);
}
.quick-gallery a {
color: var(--color-white);
text-decoration: none;
}
.wait-box {
z-index: 1051;
position: absolute;
height: 100%;
width: 100%;
background: rgba(var(--color-gray-50-rgb), 0.6);
-webkit-transition: all 0.5s;
transition: all 0.5s;
inset: 0;
}
.wait {
position: fixed;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.wait-quickpreview {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.modal-lightbox {
z-index: 1032;
position: fixed;
top: 0;
bottom: 0;
height: 100%;
width: 100%;
background: rgba(var(--color-gray-900-rgb), 0.9);
-webkit-transition: all 0.5s;
transition: all 0.5s;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.modal-lightbox div {
-webkit-transition: none;
transition: none;
}
.modal-lightbox-container {
position: fixed;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.modal-lightbox-large-link {
z-index: 1035 !important;
}
.modal-lightbox-large {
display: block;
margin-right: auto;
margin-left: auto;
text-align: center;
}
.modal-lightbox-large .fa-search-plus {
color: var(--color-white);
font-size: 2em;
padding: 1rem 0;
}
.modal-lightbox-close {
position: fixed;
z-index: 1036;
top: 0;
right: 0;
padding: 3rem 4rem 0 0;
}
.modal-lightbox-close .fa {
color: var(--color-white);
font-size: 2em;
box-shadow: 0 -0.5rem 4.1rem -0.9rem rgba(var(--color-gray-900-rgb), 0.45);
}
.quickview-gallery {
display: block;
}
.quickview-gallery ul li {
list-style: none;
display: inline-block;
margin: 0.5rem;
}
.quickview-gallery-thumbnail {
width: 6rem;
height: 6rem;
-o-object-fit: cover;
object-fit: cover;
}
.quickview-carousel-box {
height: 50rem;
width: 50rem;
}
.carousel-bottom-control {
position: fixed;
bottom: 0;
margin-bottom: 1rem;
left: 0;
right: 0;
}
#carousel-example-generic {
margin: 2rem auto;
width: 60rem;
}
#carousel-custom {
width: 50rem;
}
#carousel-custom .carousel-indicators {
margin: 1rem 0 0;
overflow: auto;
position: static;
text-align: left;
white-space: nowrap;
width: 100%;
}
#carousel-custom .carousel-indicators li {
background-color: transparent;
border-radius: 0;
display: inline-block;
height: auto;
margin: 0 !important;
width: auto;
}
#carousel-custom .carousel-indicators li img {
display: block;
opacity: 0.5;
}
#carousel-custom .carousel-indicators li.active img {
opacity: 1;
}
#carousel-custom .carousel-indicators li:hover img {
opacity: 0.75;
}
#carousel-custom .carousel-outer {
position: relative;
}
#carousel-custom-product {
margin: 2rem auto;
width: 120rem;
}
#carousel-custom-product .carousel-indicators {
margin: 1rem 0 0;
overflow: auto;
position: static;
white-space: nowrap;
width: 100%;
}
#carousel-custom-product .carousel-indicators li {
background-color: transparent;
border-radius: 0;
display: inline-block;
height: auto;
margin: 0 !important;
width: auto;
}
#carousel-custom-product .carousel-indicators li img {
display: block;
opacity: 0.5;
}
#carousel-custom-product .carousel-indicators li.active img {
opacity: 1;
}
#carousel-custom-product .carousel-indicators li:hover img {
opacity: 0.75;
}
#carousel-custom-product .carousel-outer {
position: relative;
}
.carousel-control.carousel_product.left {
left: 0;
position: fixed;
}
.carousel-control.carousel_product.right {
right: 0;
position: fixed;
}
.mCustomScrollbar {
text-align: center !important;
}
.carousel_viev_image_id {
height: 30rem;
}
.quick-preview-item-image {
display: block;
max-height: 100%;
max-width: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.preview-photo-zoom a {
position: absolute;
background: var(--color-white);
color: var(--text-primary);
z-index: 2;
bottom: 0;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
opacity: 0.5;
cursor: pointer;
padding: 0.3rem 0;
text-align: center;
-webkit-transition: opacity 124ms ease;
transition: opacity 124ms ease;
}
.preview-photo-zoom a:hover,
.preview-photo-zoom a:focus,
.preview-photo-zoom a:active {
opacity: 1;
-webkit-transition: opacity 124ms ease;
transition: opacity 124ms ease;
}
.delivery-data-table-thead {
color: var(--color-white);
background: var(--color-gray-500);
}
.delivery-data-table-thead th {
font-weight: 400;
text-align: center;
vertical-align: top !important;
}
.bg-delivery_data_table_post {
width: 4rem;
height: 4rem;
background: url(/zdjecia/items_tmp_files/img_debug/img/css_sprites_delivery_data_table.png) -5px -5px;
}
.bg-delivery_data_table_ups {
width: 4rem;
height: 4rem;
background: url(/zdjecia/items_tmp_files/img_debug/img/css_sprites_delivery_data_table.png) -55px -5px;
}
.bg-delivery_data_table_gls {
width: 4rem;
height: 4rem;
background: url(/zdjecia/items_tmp_files/img_debug/img/css_sprites_delivery_data_table.png) -5px -55px;
}
.bg-delivery_data_table_inpost {
width: 4rem;
height: 4rem;
background: url(/zdjecia/items_tmp_files/img_debug/img/css_sprites_delivery_data_table.png) -55px -55px;
}
.bg-delivery_data_table_pick {
width: 4rem;
height: 4rem;
background: url(/zdjecia/items_tmp_files/img_debug/img/css_sprites_delivery_data_table.png) -105px -5px;
}
.bg-delivery_data_table_dhl {
width: 4rem;
height: 4rem;
background: url(/zdjecia/items_tmp_files/img_debug/img/css_sprites_delivery_data_table.png) -105px -55px;
}
.bg-all_courier_dhlparcelshop,
.bg-all_courier_dhlcourier {
width: 4rem;
height: 4rem;
background: url(/zdjecia/items_tmp_files/img_debug/img/css_sprites_kurier.png) -5px -5px;
}
.bg-all_courier_gls {
width: 4rem;
height: 4rem;
background: url(/zdjecia/items_tmp_files/img_debug/img/css_sprites_kurier.png) -55px -5px;
}
.bg-all_courier_inpkurier,
.bg-all_courier_inpost_paczkomat {
width: 4rem;
height: 4rem;
background: url(/zdjecia/items_tmp_files/img_debug/img/css_sprites_kurier.png) -5px -55px;
}
.bg-all_courier_pickup {
width: 4rem;
height: 4rem;
background: url(/zdjecia/items_tmp_files/img_debug/img/css_sprites_kurier.png) -55px -55px;
}
.bg-all_courier_poczta_list_pol_ek,
.bg-all_courier_poczta_list_pol_pr,
.bg-all_courier_poczta_list_zw_ek,
.bg-all_courier_poczta_list_zw_pr,
.bg-all_courier_poczta_paczka_ek,
.bg-all_courier_poczta_paczka_pr,
.bg-all_courier_poczta_przes_bizn {
width: 4rem;
height: 4rem;
background: url(/zdjecia/items_tmp_files/img_debug/img/css_sprites_kurier.png) -105px -5px;
}
.bg-all_courier_ruch {
width: 4rem;
height: 4rem;
background: url(/zdjecia/items_tmp_files/img_debug/img/css_sprites_kurier.png) -105px -55px;
}
.bg-all_courier_ups_pickup,
.bg-all_courier_ups {
width: 4rem;
height: 4rem;
background: url(/zdjecia/items_tmp_files/img_debug/img/css_sprites_kurier.png) -5px -105px;
}
.delivery-data-table-tbody {
text-align: center;
}
.delivery-date-table-head {
padding: 1rem 0;
background: var(--color-gray-600);
color: var(--color-white);
text-align: center;
}
.delivery-date-table-head a {
color: var(--color-white);
}
.delivery-date-table-change-address {
color: var(--color-white);
margin-left: 1rem;
}
.popup-box {
z-index: 1032;
position: absolute;
height: 100%;
width: 100%;
background: rgba(var(--color-gray-900-rgb), 0.6);
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.modalbox {
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.modal-box {
position: fixed;
top: 15%;
right: 0;
left: 0;
min-height: 15rem;
margin-right: auto;
margin-left: auto;
box-shadow: rgba(var(--color-gray-900-rgb), 0.3) 0 0.3rem 0.9rem;
background-color: var(--color-white);
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
border-width: 0.1rem;
border-style: solid;
border-color: rgba(var(--color-gray-900-rgb), 0.2);
}
.modal-header {
border: none;
}
.modal-header .close {
font-size: 1.3rem;
position: absolute;
top: 0.5rem;
right: 0.5rem;
color: var(--color-error);
}
.modal-button-close {
text-align: center;
margin: 1rem 0;
}
.fa-check-circle {
color: var(--color-green-600);
font-size: 1.2em;
display: inline-block;
}
.modal-head-belt .fa-exclamation-triangle {
color: var(--color-error);
font-size: 1.2em;
display: inline-block;
}
.modal-product-image {
text-align: center;
vertical-align: bottom;
}
.modal-product-image img {
height: 10rem;
object-fit: contain;
}
.modal-content-box {
padding: 0 2rem;
display: inline-block;
}
.modal-call-to-action {
margin: 2rem 1rem;
display: block;
}
.popup-title-head {
padding: 0;
margin: 0;
display: block;
}
.popup-description {
display: block;
}
.modal-body-information {
font-size: 6em;
text-align: center;
color: var(--color-red-500);
}
.modal-message-text {
margin: calc(var(--spacing) * 6) 0 calc(var(--spacing) * 2) 0;
}
.modal-message-text:first-line {
font-size: 1.8rem;
font-weight: 600;
line-height: 2;
}
.modal-message-text .fa-check-circle {
color: var(--color-green-600);
font-size: 2rem;
display: inline-block;
margin-right: var(--spacing);
}
.preloader-wrapper {
position: relative;
width: 4.8rem;
height: 4.8rem;
}
.preloader-wrapper.small {
width: 3.6rem;
height: 3.6rem;
}
.preloader-wrapper.big {
width: 6.4rem;
height: 6.4rem;
}
.preloader-wrapper.active {
-webkit-animation: container-rotate 1568ms linear infinite;
animation: container-rotate 1568ms linear infinite;
}
.spinner-layer {
position: absolute;
width: 100%;
height: 100%;
opacity: 0;
border-color: var(--teal-special);
}
.spinner-yellow,
.spinner-yellow-only {
border-color: var(--color-yellow-400);
}
.active .spinner-layer.spinner-yellow {
-webkit-animation:
fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,
yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
animation:
fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,
yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}
.active .spinner-layer,
.active .spinner-layer.spinner-blue-only,
.active .spinner-layer.spinner-red-only,
.active .spinner-layer.spinner-yellow-only,
.active .spinner-layer.spinner-green-only {
opacity: 1;
-webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1)
infinite both;
animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite
both;
}
@-webkit-keyframes container-rotate {
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes container-rotate {
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes fill-unfill-rotate {
12.5% {
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
25% {
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
}
37.5% {
-webkit-transform: rotate(405deg);
transform: rotate(405deg);
}
50% {
-webkit-transform: rotate(540deg);
transform: rotate(540deg);
}
62.5% {
-webkit-transform: rotate(675deg);
transform: rotate(675deg);
}
75% {
-webkit-transform: rotate(810deg);
transform: rotate(810deg);
}
87.5% {
-webkit-transform: rotate(945deg);
transform: rotate(945deg);
}
to {
-webkit-transform: rotate(1080deg);
transform: rotate(1080deg);
}
}
@keyframes fill-unfill-rotate {
12.5% {
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
25% {
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
}
37.5% {
-webkit-transform: rotate(405deg);
transform: rotate(405deg);
}
50% {
-webkit-transform: rotate(540deg);
transform: rotate(540deg);
}
62.5% {
-webkit-transform: rotate(675deg);
transform: rotate(675deg);
}
75% {
-webkit-transform: rotate(810deg);
transform: rotate(810deg);
}
87.5% {
-webkit-transform: rotate(945deg);
transform: rotate(945deg);
}
to {
-webkit-transform: rotate(1080deg);
transform: rotate(1080deg);
}
}
@-webkit-keyframes yellow-fade-in-out {
from {
opacity: 0;
}
40% {
opacity: 0;
}
50% {
opacity: 1;
}
75% {
opacity: 1;
}
76% {
opacity: 0;
}
}
@keyframes yellow-fade-in-out {
from {
opacity: 0;
}
40% {
opacity: 0;
}
50% {
opacity: 1;
}
75% {
opacity: 1;
}
76% {
opacity: 0;
}
}
.gap-patch {
position: absolute;
top: 0;
left: 45%;
width: 10%;
height: 100%;
overflow: hidden;
border-color: inherit;
}
.gap-patch .circle {
width: 1000%;
left: -450%;
}
.circle-clipper {
display: inline-block;
position: relative;
width: 50%;
height: 100%;
overflow: hidden;
border-color: inherit;
}
.circle-clipper .circle {
width: 200%;
height: 100%;
border-width: 0.3rem;
border-style: solid;
border-color: inherit;
border-bottom-color: transparent !important;
border-radius: 50%;
-webkit-animation: none;
animation: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
}
.circle-clipper.left .circle {
left: 0;
border-right-color: transparent !important;
-webkit-transform: rotate(129deg);
transform: rotate(129deg);
}
.circle-clipper.right .circle {
left: -100%;
border-left-color: transparent !important;
-webkit-transform: rotate(-129deg);
transform: rotate(-129deg);
}
.active .circle-clipper.left .circle {
-webkit-animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}
.active .circle-clipper.right .circle {
-webkit-animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite
both;
animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}
@-webkit-keyframes left-spin {
from {
-webkit-transform: rotate(130deg);
transform: rotate(130deg);
}
50% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
}
to {
-webkit-transform: rotate(130deg);
transform: rotate(130deg);
}
}
@keyframes left-spin {
from {
-webkit-transform: rotate(130deg);
transform: rotate(130deg);
}
50% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
}
to {
-webkit-transform: rotate(130deg);
transform: rotate(130deg);
}
}
@-webkit-keyframes right-spin {
from {
-webkit-transform: rotate(-130deg);
transform: rotate(-130deg);
}
50% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
}
to {
-webkit-transform: rotate(-130deg);
transform: rotate(-130deg);
}
}
@keyframes right-spin {
from {
-webkit-transform: rotate(-130deg);
transform: rotate(-130deg);
}
50% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
}
to {
-webkit-transform: rotate(-130deg);
transform: rotate(-130deg);
}
}
#spinnerContainer.cooldown {
-webkit-animation:
container-rotate 1568ms linear infinite,
fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1);
animation:
container-rotate 1568ms linear infinite,
fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1);
}
@-webkit-keyframes fade-out {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fade-out {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.article-title {
display: block;
min-height: 1rem;
}
.article-title a,
.article-title h1 {
font-size: 1.3em;
color: var(--text-primary);
}
.article-image {
display: block;
min-height: 4rem;
}
.article-image img {
display: block;
margin-right: auto;
margin-left: auto;
}
.article-content {
padding: 1rem 0;
min-height: 6rem;
}
.article-content a {
color: var(--text-primary);
}
.article-footer {
display: block;
min-height: 1rem;
margin: 1rem 0;
}
.article-footer a {
color: var(--text-primary);
}
.article-footer small {
display: inline-block;
}
.article-full-title {
margin: 5rem 0;
}
.article-full-image img {
display: block;
margin-right: auto;
margin-left: auto;
}
.article-full-content,
.article-full-attachment {
padding: 1rem 0;
min-height: 6rem;
}
.mobile-useraccount-btn {
height: 5rem;
background: var(--color-brand-500);
color: var(--color-white);
border-radius: 0;
overflow: hidden;
}
.mobile-useraccount-btn:hover,
.mobile-useraccount-btn:focus,
.mobile-useraccount-btn:active {
color: var(--color-white);
}
.categories-and-filters {
display: grid;
}
.categories-and-filters .categories-and-filters__categories {
grid-row: 1;
}
.categories-and-filters .categories-and-filters__filters {
grid-row: 2;
}
@media (max-width: 47.875rem) {
.categories-and-filters {
grid-template-columns: 1fr 1fr;
}
.categories-and-filters .categories-and-filters__categories,
.categories-and-filters .categories-and-filters__filters {
grid-row: 2;
grid-column: 1 / -1;
}
}
.carousel-top-navigation-bar {
height: 4rem;
background: rgba(var(--color-gray-900-rgb), 0.5);
display: block;
position: fixed;
top: 0;
right: 0;
z-index: 1037;
padding: 0 1rem;
}
.carousel-top-navigation-bar div {
display: inline-block;
float: right;
padding: 1rem 1.5rem;
}
.carousel-top-navigation-bar .fa {
color: var(--color-white);
font-size: 1.5em;
}
.flex-center {
overflow: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
}
.on-top-display {
display: none;
}
.on-top-box {
position: fixed;
right: 3rem;
bottom: 4rem;
/* background: rgba(var(--color-gray-800-rgb), 0.2); */
background-color: var(--color-gray-300);
border-radius: 100%;
z-index: 1000;
}
.on-top-box:hover {
background: var(--color-gray-700);
}
.on-top-box:hover .fa {
color: var(--color-white);
}
.on-top-box-a,
.on-top-box-a:hover,
.on-top-box-a:active,
.on-top-box-a:focus {
color: var(--text-primary);
}
.on-top-box-a:focus-visible .on-top-box {
outline: 0.2rem solid var(--color-gray-400);
outline-offset: 0.2rem;
}
.on-top {
padding: 1.2rem 1.5rem;
}
.nav-lwc-menu {
display: flex;
flex-direction: column;
}
.nav-lwc-menu a {
color: var(--text-primary);
}
.nav-lwc-register,
.nav-lwc-register a {
width: 100%;
text-decoration: none;
color: var(--text-secondary);
margin-top: -0.9rem;
padding: 0 0.6rem;
}
.item-link-box {
margin: 1rem 0;
}
.link-product-item-image {
display: block;
}
.item-link-description {
margin: 2rem 0;
}
.item-link-description a {
display: block;
color: var(--text-primary);
font-weight: 700;
font-size: 1.1em;
text-decoration: none;
}
.item-link-description p {
display: block;
color: var(--text-primary);
text-decoration: none;
}
.item-active-img {
box-shadow: 0 0 0.5rem 0 rgba(var(--color-brand-500-rgb), 0.6);
border: 0.2rem solid var(--color-primary-dark) !important;
border-radius: 0.5rem 0.5rem 0.5rem 0.5rem !important;
}
.register-background-1:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-image: url(/zdjecia/items_tmp_files/img_debug/bg.png);
background-repeat: no-repeat;
background-position: 77% -10%;
background-attachment: fixed;
opacity: 0.25;
}
.payment-well {
margin: 0 auto;
display: block;
}
.payment-bank-list {
padding: 1rem;
border: 0.1rem solid var(--border-light);
background: var(--color-white);
}
.payment-bank-list li {
width: 20rem;
min-height: 8rem;
display: inline-block;
margin: 0 auto;
padding: 0.5rem;
background: var(--color-white);
vertical-align: top;
position: relative;
}
.payment-bank-list img {
height: 4rem;
position: absolute;
margin: auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.payment-bank-list li input[type="radio"] {
display: inline-block;
margin: 0 auto;
}
.payment-bank-list .paypal-bank-list-clear {
width: 38.5rem;
}
.payment-bank-list-logo {
margin: 0.5rem auto;
}
.pay-bank-direct {
text-align: center;
}
.paypal-bank-list-clear {
padding: 1rem;
border: 0.1rem solid var(--border-light);
background: var(--color-white);
}
.paypal-bank-list-clear li {
display: inline-block;
margin: 0 auto;
padding: 0.5rem;
background: var(--color-white);
vertical-align: top;
position: relative;
}
.btn-payu {
background-color: transparent;
background-image: url("/zdjecia/items_tmp_files/img_debug/payu/pay_now_with_payu.png ");
text-indent: -9000rem;
height: 5rem;
width: 29rem;
border: 0;
}
.paypal-bank-list {
display: block;
margin: 4rem 0;
padding: 0 0 0 4rem;
}
.btn-pay-bank-direct {
background-color: var(--bg-muted);
border: 0.1rem solid var(--border-medium);
border-radius: 0.4rem;
height: 4.4rem;
}
.btn-paypal {
background-color: var(--bg-muted);
background-image: url(/zdjecia/items_tmp_files/img_debug/paypal/PP_logo_h_100x26.png);
background-position: right 1rem center;
background-repeat: no-repeat;
border: 0.1rem solid var(--color-gray-400);
border-radius: 0.4rem;
height: 4.4rem;
padding-right: 12rem;
text-align: left;
}
.btn-payu,
.paypal-bank-list,
.btn-pay-bank-direct,
.btn-paypal {
display: block;
margin: 0 auto;
}
.change-password-box {
margin: 2rem 0;
}
.change-password-box a {
color: var(--text-primary);
}
.logo-mobile {
position: absolute;
top: 0.5rem;
left: 6rem;
height: 4rem;
}
.register-form {
margin: 1rem 0;
}
.ask-connection {
margin: 1rem 0;
}
.ask-connection-button-box {
text-align: center;
margin: 1rem 0;
}
.ask-connection-button-box .btn-dark {
margin: 0 0.5rem;
display: inline-block;
}
.ask-save-data-instruction {
font-size: 0.98em;
margin: 1rem 0;
padding: 1rem 0;
display: block;
}
.ask-save-data-panel .ask-save-data {
margin: 2rem 0;
}
.ask-save-data-panel .ask-save-data p {
margin: 2rem 0;
}
.ask-save-data-panel .ask-save-data input {
display: block;
margin-left: auto;
margin-right: auto;
}
.ask-save-data .panel-wb {
padding: 2rem;
}
.cart-back {
margin: 1rem 0;
}
.cart-set-login-box .log-in-form-info p {
display: inline-block;
}
.cart-set-login {
border-left: 0.1rem solid var(--color-gray-400);
}
.cart-set-login:first-child {
border-left: none;
}
.cart-set-login:last-child {
border-bottom: none;
}
.cart-amount-left-to-pay {
font-size: 1.4em;
}
.cart-summary-box {
float: right;
}
.cart-summary-box .table > tbody > tr:first-child > th,
.cart-summary-box .table > tbody > tr:first-child > td {
border-top: none;
}
.register-form-hint {
text-align: center;
margin: 0.5rem 0;
}
.cart-step {
color: var(--color-gray-500);
list-style: none;
padding: 0;
margin: 1.5rem 0;
cursor: default;
border-bottom: 0.2rem solid var(--color-gray-500);
}
.cart-step li {
display: inline-block;
padding: 0 3.5rem;
margin: 0 -0.2rem -0.2rem;
border-bottom: 0.2rem solid var(--color-gray-500);
text-align: center;
}
.cart-step-active {
color: var(--text-muted) !important;
}
.cart-step-dot {
position: relative;
bottom: -0.5rem;
margin: 0 0 0 -0.5rem;
border-radius: 50%;
display: block;
content: "";
width: 1rem;
height: 1rem;
background: var(--color-gray-500);
margin-left: auto;
margin-right: auto;
}
.cart-step-dot-active {
background: var(--color-brand-500);
}
.cart-step-line:before {
content: "";
position: absolute;
left: 0.5rem;
bottom: 0.4rem;
width: 10rem;
border-bottom: 0.2rem solid var(--color-brand-500);
}
.bottom-fixed-nav {
position: fixed;
bottom: 0.8rem;
left: 0;
z-index: 1000;
}
.bottom-fixed-nav span,
.bottom-fixed-nav span:hover,
.bottom-fixed-nav i,
.bottom-fixed-nav i:hover {
color: var(--color-white);
text-decoration: none;
}
.report-bug {
background: var(--text-primary);
color: var(--color-white);
z-index: 1000;
padding: 1rem;
cursor: pointer;
text-decoration: none;
-webkit-transition: background-color 250ms ease;
transition: background-color 250ms ease;
}
.report-bug:hover {
background: var(--color-gray-700);
text-decoration: none;
-webkit-transition: background-color 250ms ease;
transition: background-color 250ms ease;
}
.report-bug-form {
padding: 1rem;
}
.report-bug-form .form-inline .form-control.widthControlAnswer {
width: 4.5rem;
text-align: center;
}
.report-bug-form .form-inline.controlAnswerRight {
float: right;
}
.old-site {
background: var(--text-primary);
color: var(--color-white);
z-index: 1000;
padding: 1rem;
cursor: pointer;
text-decoration: none;
-webkit-transition: background-color 250ms ease;
transition: background-color 250ms ease;
}
.old-site:hover {
background: var(--color-gray-700);
text-decoration: none;
-webkit-transition: background-color 250ms ease;
transition: background-color 250ms ease;
}
.gallery-group-list {
list-style: none;
padding: 0;
}
.gallery-group-list li {
display: inline-block;
height: 13.5rem;
width: 13.5rem;
margin: 0.3rem 0.2rem;
}
.gallery-group-list-image-box {
position: relative;
width: 100%;
}
.gallery-group-list-image-box img {
height: 13.5rem;
width: 13.5rem;
-o-object-fit: cover;
object-fit: cover;
border-radius: 0.4rem;
}
.gallery-group-list-group-name {
position: absolute;
bottom: 0;
width: 100%;
background: rgba(var(--color-gray-900-rgb), 0.6);
display: block;
text-align: left;
color: var(--color-white);
padding: 0.2rem 0.5rem;
border-radius: 0 0 0.5rem 0.5rem;
}
.gallery-group-list-group-name a {
color: var(--color-white);
}
.gallery-group-list-group-name .btn-link {
color: var(--color-white);
}
.gallery-group-list-group-name-autor {
border-bottom: 0.1rem solid var(--color-gray-400);
padding: 0 0 0.5rem;
}
.order-sent-information {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
height: 10rem;
}
.order-sent-information a {
display: block;
}
.order-sent-customer {
padding: 2rem;
}
.order-sent-box {
padding: 2rem 0;
}
.order-sent-box ul {
list-style: none;
}
.well {
z-index: 0;
}
.login-box-off {
margin: 2rem 0;
}
.login-box {
position: relative;
padding: 2rem;
margin: 0.5rem 0;
border: 0.1rem solid var(--color-gray-400);
}
/* REMOVED INVALID COLOR */
ook-likebox {
position: absolute;
z-index: 6;
left: -0.1rem;
top: 5.5rem;
}
/* REMOVED INVALID COLOR */
ook-likebox-button {
display: block;
position: absolute;
width: 4.5rem;
background-color: var(--color-blue-700);
}
/* REMOVED INVALID COLOR */
ook-likebox-img {
width: 4.5rem;
}
.keyword_highlight {
color: var(--color-red-500) !important;
}
.search-forum-link {
color: var(--text-primary);
}
.container-multi-step {
width: 100%;
}
.progressbar-multi-step {
margin: 0;
margin-top: 3rem;
padding: 0;
}
.progressbar-multi-step li {
list-style-type: none;
float: left;
width: 20%;
position: relative;
text-align: center;
}
.progressbar-multi-step li:before {
content: "";
width: 1rem;
height: 1rem;
border: 0.2rem solid var(--color-gray-400);
display: block;
text-align: center;
margin: 1.1rem auto 1rem;
border-radius: 50%;
background-color: var(--color-gray-400);
}
.progressbar-multi-step-after li:before {
background: var(--color-primary);
}
.progressbar-multi-step li:after {
content: "";
position: absolute;
width: 100%;
height: 0.2rem;
background-color: var(--color-gray-400);
top: 1.5rem;
left: -50%;
z-index: -1;
}
.progressbar-multi-step-after li:after {
content: "";
position: absolute;
width: 100%;
height: 0.2rem;
background-color: var(--color-gray-400);
top: 1.5rem;
left: -50%;
z-index: -1;
}
.progressbar-multi-step li:first-child:after {
content: none;
}
.progressbar-multi-step li.active-multi-step {
color: var(--color-black);
font-weight: 500;
}
.progressbar-multi-step li.active-multi-step:before {
border-color: var(--color-primary);
background: var(--color-primary);
}
.progressbar-multi-step li.active-multi-step-after:before {
background-color: var(--color-primary);
border: 0.2rem solid var(--color-primary);
}
.progressbar-multi-step li.active-multi-step span,
.progressbar-multi-step li.active-multi-step-after span {
color: var(--color-black) !important;
font-weight: 600;
}
.progressbar-multi-step li.active-multi-step-after + li:after {
background-color: var(--color-primary);
}
.progressbar-multi-step span {
color: var(--color-gray-500);
top: -4.2rem;
position: relative;
cursor: default;
}
.statistic {
}
.statistic .h1_title {
font-size: 2em;
}
.statistic .h2_title {
font-size: 1.5em;
}
.statistic .panel-wb._margin_bottom {
margin-bottom: 2rem;
}
.chart-items-availability-info {
padding: 1rem 0;
}
.statistic .legend-box ul {
padding: 0;
text-align: center;
}
.chart-box {
margin: 2rem 0;
}
.chart-box ._chart_container {
height: 20rem;
width: 40vw;
position: relative;
margin: auto;
}
.chart-box p {
text-align: center;
font-weight: 700;
}
.legend-box {
display: block;
}
.legend-box li {
display: inline-block;
padding: 0.5rem;
}
.legend-box li span {
width: 1em;
height: 1em;
display: inline-block;
margin-right: 0.5rem;
border: 0.1rem solid rgba(var(--color-gray-900-rgb), 0.3);
}
.legend-box ul {
list-style: none;
}
.search-num-results {
margin: 2rem 0;
padding: 2rem;
color: var(--text-primary);
font-weight: 700;
border: 0.1rem solid var(--border-light);
background: var(--color-white);
}
.search-num-no-results {
margin: 2rem 0;
padding: 2rem;
color: var(--text-primary);
border: 0.1rem solid var(--border-light);
background: var(--color-white);
}
.search-num-no-results + .h2_title {
margin-top: 0;
margin-bottom: 1rem;
font-size: 1.9rem;
font-weight: 400;
}
.category-window-box {
margin: 1rem auto;
}
.category-window {
list-style: none;
color: var(--text-primary);
}
.category-window ul {
list-style: none;
}
.category-window a {
color: var(--text-primary);
font-size: 1.6rem;
}
.category-window-btn-box {
margin: 1rem 0;
}
.category-window-btn-box input {
margin: 0.5rem 0;
}
.ext-login-info .close {
margin-right: 0.5rem;
text-shadow: 1;
color: var(--color-white);
}
.ext-login-info p {
text-align: center;
padding: 3rem;
margin-top: -0.1rem;
}
.cart-information-box p {
padding: 3rem;
margin-top: -0.1rem;
}
.cart-information-box .close {
margin-right: 0.5rem;
text-shadow: 1;
color: var(--color-white);
}
#slider_home {
margin: -0.1rem 0 0;
}
#slider_home .carousel-caption {
right: 10%;
top: 10%;
left: unset;
text-align: left;
}
#slider_home .carousel-caption p {
margin-bottom: 2rem;
}
#slider_home .btn-dark {
background-color: var(--color-white);
color: var(--text-primary);
}
#slider_home .carousel-inner img {
margin: auto;
}
.slider_home-left,
.slider_home-right {
opacity: 0.05;
}
.slider_home-left:hover,
.slider_home-right:hover {
opacity: 0.9;
}
.link-anchor {
display: block;
visibility: hidden;
position: absolute;
height: 18rem;
margin-top: -18rem;
}
.newsletter {
text-align: center;
}
.newsletter p {
text-align: center;
}
.newsletter-box {
padding: 2rem 1rem;
margin: 2rem 0;
border: 0.1rem solid var(--border-light);
background: var(--color-white);
}
.newsletter .form-inline {
margin: 2rem 0;
}
.newsletter .form-control {
margin: auto;
height: 5rem;
}
.promotion-inbox-information {
padding: 2rem 1rem;
color: var(--text-on-primary);
background: var(--color-primary-hover);
}
.items-abailability-info b {
font-weight: 700;
}
.maps_google_mh {
height: 40rem;
width: 100%;
}
.personal-collection-main-details .maps_google_mh {
margin: 1.5rem 0;
}
.personal-collection-main-warning {
display: block;
padding: 3rem 0;
}
.personal-collection-main-details {
display: block;
margin: 1rem 0;
padding: 1rem;
border: 0.1rem solid var(--color-gray-200);
}
.search-keywords-panel {
border: 0.1rem solid var(--border-light);
border-radius: 0.4rem;
color: var(--text-primary);
background: var(--color-white);
margin: 0 0 0.5rem;
padding: 0.5rem 1rem;
}
.search-keywords-list {
list-style: none;
padding: 0;
margin: 0;
display: inline-flex;
flex-wrap: wrap;
align-items: center;
gap: calc(var(--spacing) * 2);
}
.search-keywords-list > .search-keywords-list__title {
display: none;
}
.search-keywords-list .search-keywords-list__item {
display: inline-flex;
align-items: center;
gap: calc(var(--spacing) * 2);
}
.search-keywords-list__item--grouped:is(
.search-keywords-list .search-keywords-list__item
)
+ .search-keywords-list__item--grouped:is(
.search-keywords-list .search-keywords-list__item
)
.search-keywords-list__title {
display: none;
}
:is(.search-keywords-list .search-keywords-list__item):not(
.search-keywords-list__item--grouped
):after,
.search-keywords-list__item--grouped:is(
.search-keywords-list .search-keywords-list__item
):has(+ .search-keywords-list__title):after,
.search-keywords-list__item--grouped:is(
.search-keywords-list .search-keywords-list__item
):has(+ .search-keywords-list__action):after {
content: "|";
font-size: 1.4rem;
color: var(--border-light);
display: inline-block;
}
:is(.search-keywords-list .search-keywords-list__item) a {
display: block;
padding: 0.5rem 1.2rem;
border-radius: 0.4rem;
border: 0.1rem solid var(--border-dark);
color: var(--text-secondary);
-webkit-transition:
border 250ms ease,
color 250ms ease;
transition:
border 250ms ease,
color 250ms ease;
}
:is(:is(.search-keywords-list .search-keywords-list__item) a):hover {
color: var(--text-primary);
text-decoration: none;
border-color: var(--border-light);
-webkit-transition:
border 250ms ease,
color 250ms ease;
transition:
border 250ms ease,
color 250ms ease;
}
:is(:is(.search-keywords-list .search-keywords-list__item) a):hover .fa-times {
opacity: 1;
-webkit-transition: opacity 250ms ease;
transition: opacity 250ms ease;
}
:is(:is(.search-keywords-list .search-keywords-list__item) a) .fa-times {
right: -0.6rem;
color: var(--color-error);
opacity: 0.6;
-webkit-transition: opacity 250ms ease;
transition: opacity 250ms ease;
}
.search-keywords-tag:after {
border: 0.1rem solid var(--color-white);
}
.ribbon {
position: absolute;
right: 0;
top: 0;
z-index: 1;
overflow: hidden;
text-align: right;
cursor: default;
}
.ribbon span {
font-weight: 500;
font-size: 1.2rem;
padding: 0.1rem 1rem;
color: var(--color-white);
text-transform: uppercase;
text-align: center;
line-height: 2rem;
display: block;
background: var(--text-primary);
box-shadow: 0 0.3rem 1rem -0.5rem var(--color-black);
}
.about-company,
.about-target,
.about-team {
margin: 10rem auto;
}
.about-contact-section .maps_goog-le_mh {
margin: 0;
}
.about-target {
max-width: 95rem;
}
.about-contact {
text-align: center;
margin: 1rem auto;
}
.about-company-section {
background-image: url(/zdjecia/items_tmp_files/img_debug/background_store.png);
height: 100%;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.about-target-section {
position: relative;
background: var(--color-blue-500);
background:
-webkit-linear-gradient(hsla(0, 0%, 100%, 0.15) 0, hsla(0, 0%, 100%, 0.15)),
-webkit-linear-gradient(
bottom right,
var(--color-blue-400),
var(--color-blue-500) 50%,
var(--color-blue-900)
);
background:
linear-gradient(hsla(0, 0%, 100%, 0.15) 0, hsla(0, 0%, 100%, 0.15)),
linear-gradient(
to top left,
var(--color-blue-400),
var(--color-blue-500) 50%,
var(--color-blue-900)
);
background-blend-mode: soft-light;
color: var(--color-white);
text-shadow: 0 0.1rem 0.2rem rgba(var(--color-gray-900-rgb), 0.2);
}
.about-target-section #shop_statistic_regular_day {
margin: 0 auto;
}
.about-team-section {
background-image: url(/zdjecia/items_tmp_files/img_debug/background_crew.png);
height: 100%;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.about-team {
text-align: center;
margin: 15rem auto;
}
.about-team h3 {
margin: 3rem 0;
}
.about-company h2 {
text-align: center;
}
.about-company p {
color: var(--color-gray-600);
max-width: 96rem;
margin-left: 3rem;
}
.about-company a {
color: var(--color-gray-600);
font-weight: 600;
}
.about-domain-list {
list-style: none;
text-align: center;
color: var(--color-gray-600);
padding: 0;
}
.about-domain-list li {
display: inline-block;
margin: 0 0.5rem;
list-style: none;
}
.about-domain-list span {
display: block;
}
.about-target a {
color: var(--color-white);
text-decoration: underline;
}
.about-target .text-muted {
color: var(--color-white);
}
.about-team-list {
list-style: none;
padding: 0;
}
.about-team-list li {
display: inline-block;
text-align: center;
margin: 0 0.5rem;
width: 18rem;
}
.about-team-list img {
border-radius: 100%;
-o-object-fit: cover;
object-fit: cover;
height: 6rem;
}
.about-employee {
padding: 1rem 0;
}
.street-view {
height: 50rem;
width: 100%;
}
.new-post-from-forum-box .titlebar {
margin-bottom: -0.1rem;
}
.new-post-from-forum-box .productbox {
background: var(--color-white);
padding-bottom: 1rem;
border: 0.1rem solid var(--border-light);
margin-top: 0;
}
.new-post-from-forum {
padding: 0;
list-style: none;
}
.new-post-from-forum li {
margin: 1rem 1.5rem;
overflow: hidden;
}
.new-post-from-forum a {
color: var(--text-primary);
text-overflow: ellipsis;
white-space: nowrap;
}
.new-post-from-forum a img {
margin: 0 1rem;
}
.heightWBFU {
box-sizing: border-box;
background: var(--color-white);
}
.wbfu-header img {
width: 100%;
height: 18rem;
-o-object-fit: cover;
object-fit: cover;
border-top-left-radius: 0.5rem;
border-top-right-radius: 0.5rem;
}
.wbfu-content {
color: var(--text-primary);
background: var(--color-white);
padding: 1rem;
margin: 0;
line-height: 1.6em;
}
.wbfu-content .h2_title {
font-size: 1.8rem;
margin-top: 1rem;
margin-bottom: 1rem;
}
.wbfu-content .link {
color: var(--color-white);
}
.wbfu-content ul {
list-style: none;
padding: 0;
}
.wbfu-box {
border: 0.1rem solid var(--border-light);
margin: 0.5rem;
border-top-left-radius: 0.5rem;
border-top-right-radius: 0.5rem;
position: relative;
}
.wbfu-cta {
margin: 0;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.wbfu-cta a {
color: inherit;
font-size: 1.2em;
}
.own-payment-group {
list-style: none;
padding: 0;
}
.own-payment-group li {
margin: 0.5rem 0;
}
.own-courier-group {
padding: 0;
text-align: center;
}
.own-courier-group li {
display: inline-block;
padding: 0 0.5rem;
}
.bg-DHL_logo_40 {
width: 4rem;
height: 4rem;
background: url(/zdjecia/items_tmp_files/img_debug/img/css_sprites_index.png) -5px -81px;
}
.bg-UPS_logo_40 {
width: 4rem;
height: 4rem;
background: url(/zdjecia/items_tmp_files/img_debug/img/css_sprites_index.png) -55px -81px;
}
.bg-POST_logo_40 {
width: 4rem;
height: 4rem;
background: url(/zdjecia/items_tmp_files/img_debug/img/css_sprites_index.png) -105px -81px;
}
.bg-InPost_logo_40 {
width: 4rem;
height: 4rem;
background: url(/zdjecia/items_tmp_files/img_debug/img/css_sprites_index.png) -155px -81px;
}
.bg-GLS_logo_40 {
width: 4rem;
height: 4rem;
background: url(/zdjecia/items_tmp_files/img_debug/img/css_sprites_index.png) -205px -81px;
}
.bg-payment_method_bar_paypal {
width: 30rem;
height: 3.1rem;
background: url(/zdjecia/items_tmp_files/img_debug/img/css_sprites_index.png) -5px -5px;
}
.bg-payment_method_bar_payu {
width: 30rem;
height: 2.5rem;
background: url(/zdjecia/items_tmp_files/img_debug/img/css_sprites_index.png) -5px -46px;
}
.uploaded-items .uploaded-item-row {
border: 0.1rem solid var(--color-gray-300);
padding: 1.5rem;
margin-bottom: 1rem;
}
.uploaded-items .uploaded-item-row .uploaded-image {
display: block;
height: 16rem;
margin-left: auto;
margin-right: auto;
margin-bottom: 1.5rem;
text-align: center;
overflow: hidden;
}
.uploaded-item-row .uploaded-image {
display: block;
}
.uploaded-item-row .uploaded-image img {
max-height: 16rem;
}
.uploaded-items .uploaded-item-row .input-row {
margin-bottom: 0.5rem;
}
.uploaded-items .uploaded-item-row .input-row span {
font-size: 1rem;
}
.dropzone-iframe {
border: none;
width: 100%;
}
#show-next-btn.btn.btn-dark[type="submit"] {
display: none;
float: right;
margin-top: 0.5rem;
}
.survey-employe-box h3 {
text-align: center;
}
.survey-employe {
text-align: center;
}
.survey-employe-box .radio {
padding: 0 2rem;
}
.survey-employe-box .radio h4 {
display: inline-block;
}
.survey-employe img {
margin: 1rem;
border-radius: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.survey-employe p {
font-size: 1.33em;
}
.survey-employe-box .red {
color: var(--color-red-700) !important;
}
.survey-employe-box .light-red {
color: var(--color-red-500) !important;
}
.survey-employe-box .neutral {
color: var(--text-primary) !important;
}
.survey-employe-box .light-green {
color: var(--color-green-700) !important;
}
.survey-employe-box .green {
color: var(--color-green-900) !important;
}
.text-p {
padding: 1rem;
border-left: 0.4rem solid;
border-radius: 0.2rem;
}
.callout-neutral {
border-right-color: var(--text-primary);
}
.text-neutral {
color: var(--text-primary);
}
a.text-neutral:hover,
a.text-neutral:focus {
color: var(--color-blue-800);
}
.bg-neutral {
background: var(--color-white);
color: var(--color-brand-500);
border-right: 0.4rem solid var(--color-brand-500);
border-top: 0.1rem solid var(--border-light);
border-bottom: 0.1rem solid var(--border-light);
}
a.bg-neutral:hover,
a.bg-neutral:focus {
background-color: var(--color-blue-800);
}
.callout-border {
border-left-width: 0.3rem;
}
.callout-primary {
border-left-color: var(--color-blue-600);
}
.callout-success {
border-left-color: var(--color-green-700);
}
.callout-info {
border-left-color: var(--color-blue-700);
}
.callout-warning {
border-left-color: var(--color-brand-800);
}
.callout-danger {
border-left-color: var(--color-red-700);
}
.category_header {
margin-right: 0;
margin-left: 0;
margin-top: -0.1rem;
}
.category_header img {
height: 30rem;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.homepage-bar {
margin: 1rem 0 2.5rem;
padding: 0;
color: var(--color-white);
border-radius: 1rem;
overflow: hidden;
text-align: center;
min-height: 8.1rem;
}
.homepage-bar .border-right-list-margin {
margin: 0 0.5rem;
}
.homepage-bar .border-right {
height: 4rem;
border-right: 0.1rem solid var(--color-white);
}
.homepage-bar > div {
padding: 1rem 0;
background: var(--text-primary);
}
.homepage-bar > div:hover {
background: var(--color-brand-500);
}
.homepage-bar > div:first-child {
border-top-left-radius: 1rem;
border-bottom-left-radius: 1rem;
}
.homepage-bar > div:last-child {
border-top-right-radius: 1rem;
border-bottom-right-radius: 1rem;
}
.homepage-bar a {
display: block;
width: 100%;
height: 100%;
color: var(--color-white);
text-decoration: none;
}
.homepage-bar i {
display: inline-block;
font-size: 2.6em;
z-index: 1;
}
.homepage-bar p {
position: relative;
margin: 1rem 0 0;
z-index: 1;
}
.news-homepage .news-homepage-box {
background: var(--color-white);
padding: 1rem 2rem;
margin: 0;
border: 0.1rem solid var(--border-light);
}
.news-homepage .news-homepage-box .news-data,
.news-homepage .news-homepage-box h4.news-title a {
color: var(--text-primary);
}
.news-homepage .news-homepage-box .news-image {
display: inline-block;
}
/* .news-homepage .news-homepage-box .news-panel {
display: inline-block;
vertical-align: top;
} */
.news-homepage .news-homepage-box .news-title a {
color: inherit;
}
.news-homepage .news-homepage-box .news-panel a {
white-space: pre-wrap;
word-break: break-word;
}
.news-homepage .news-homepage-box .news-panel img {
display: block;
max-width: 100%;
height: auto;
}
.serivce-by-box {
padding: 1.5rem 1.5rem 3rem;
background: var(--color-white);
border: 0.1rem solid var(--border-light);
}
.serivce-by-box .employee-sale-manager,
.serivce-by-box .employee-packing,
.serivce-by-box .employee-completion,
.serivce-by-box .employee-checking {
display: inline-block;
border: 0.1rem solid rgba(var(--color-gray-300-rgb), 0.4);
width: 100%;
text-align: center;
padding: 1rem;
}
.serivce-by-box img {
height: 10rem;
width: 10rem;
border-radius: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.panel-wb {
background: var(--color-white);
border: 0.1rem solid var(--border-light);
}
.panel-wb ._product_card {
border-top: 0;
}
.border-bottom {
border-bottom: 0.1rem solid var(--border-light);
margin-bottom: 0.5rem;
}
.link {
color: var(--color-blue-600) !important;
}
.neutral-message-container {
text-align: center;
}
.neutral-message-container p:empty {
display: none;
}
.neutral-message {
display: inline-block;
text-align: center;
margin: 1.5rem 0;
padding: 2rem;
}
.neutral-message .fa {
font-size: 3em;
}
.neutral-message p {
color: var(--text-primary);
display: inline-block;
margin: 1.2rem 0 0 2rem;
vertical-align: top;
}
.list-angle-right {
list-style: none;
padding: 0;
}
.list-angle-right li {
padding-left: 1.3em;
}
.list-angle-right li:before {
content: "\f105";
font-family: FontAwesome;
display: inline-block;
margin-left: -1em;
width: 1em;
}
.inp_div {
position: absolute;
top: 12.4rem;
left: 7.5rem;
background: var(--color-white);
border: 0.1rem solid var(--border-light);
z-index: 1000;
height: 40rem;
min-width: 42.5rem;
overflow-y: scroll;
}
.inp_div:empty {
display: none;
}
.inp_div .inp_div_line {
padding: 0.5rem;
}
.inp_div .inp_div_image {
margin-left: 2rem;
}
.transaction-payment-method p {
margin: 0;
}
.transaction-payment-method p.text-p {
margin: 0 0 1rem;
}
.order-editor th {
font-weight: 400;
}
.h-panel-title {
font-size: 1em;
margin: 1rem 0;
display: block;
}
.h-panel-title-4 {
font-size: 1.4em;
margin: 1rem 0;
display: block;
}
.quantity .quantity-input {
border-right: none;
}
.quantity .controls .fa {
display: block;
vertical-align: middle;
padding: 0.5rem;
}
.quantity .controls .btn-default {
border-left: none;
}
.quantity .controls .btn-default:hover {
border-color: none;
}
.quantity .controls .btn-default.fa-minus {
height: 2.5rem;
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-left-radius: 0;
float: right;
}
.quantity .controls .btn-default.fa-plus {
height: 2.5rem;
border-bottom: none;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
float: right;
}
.quantity .controls {
height: 5rem;
width: 2.2rem;
display: inline-block;
margin: 0 0 0 -0.5rem;
position: absolute;
right: 0;
}
.item-row.quantity .controls {
position: absolute;
margin: 0 0 0 -2.2rem;
}
.userinfo-post .post-user-avatar {
margin: 0;
text-align: left;
}
.invoice-panel label {
font-weight: 400;
display: inline-block;
cursor: pointer;
}
.invoice-panel-main {
text-align: center;
}
.invoice-panel .invoice-version-main {
display: block;
padding: 1rem;
border: 0.1rem solid var(--border-light);
background: var(--color-white);
min-height: 10rem;
}
.invoice-panel .invoice-version-main input,
.invoice-panel .invoice-company input,
.invoice-panel .invoice-person input {
vertical-align: sub;
}
.invoice-panel .invoice-version-main span {
margin: 0 0 0 1.5rem;
text-align: left;
display: block;
}
.invoice-panel .other-fv {
vertical-align: top;
padding: 1rem;
border: 0.1rem solid var(--border-light);
background: var(--color-white);
min-height: 10rem;
}
.invoice-panel .other-fv p {
margin: 0;
}
.invoice-panel .other-fv label {
padding: 1.5rem;
background: var(--color-white);
}
.account-address-form .btn-right {
float: right;
}
.address-sets {
margin: 1.5rem 0;
border-bottom: 0.1rem solid var(--border-light);
}
.address-set-row {
position: relative;
display: inline-block;
padding: 3rem;
margin: 0.5rem;
border: 0.1rem solid var(--border-light);
vertical-align: top;
}
.address-data {
display: table-cell;
vertical-align: middle;
}
.personal-data {
margin: 1.5rem;
}
.address-set-row .link-delete {
position: absolute;
top: 0;
right: 0;
cursor: pointer;
padding: 0.3rem 0.6rem;
}
.address-set-row .edit {
position: absolute;
bottom: 0.5rem;
color: var(--color-gray-600);
}
.about-cert {
display: inline-block;
}
.about-cert .certificate {
display: inline-block;
height: 12rem;
width: 10rem;
margin: 0.5rem;
}
.about-cert .certificate img {
display: inline-block;
height: 12rem;
width: 10rem;
}
.transaction-action .label-disabled {
pointer-events: none;
}
.qty-addtocart {
position: relative;
}
.qty-addtocart .qty-panel {
position: absolute;
left: 0;
display: inline-block;
}
.qty-addtocart .addtocart {
position: relative;
margin-left: 8.5rem;
}
.modal {
text-align: center;
padding: 0 !important;
}
.modal:before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -0.4rem;
}
.modal-dialog {
display: inline-block;
text-align: left;
vertical-align: middle;
}
.modal-footer-stacked {
display: flex;
flex-direction: column;
gap: 0.8rem;
padding: 1rem;
align-items: center;
}
@media (max-width: 61.9rem) {
.modal-footer-stacked > .btn {
width: 100%;
max-width: 40rem;
}
}
.pjb .modal-body p {
margin: 2rem 0;
text-align: center;
}
.pjb.modal-footer,
.pjb .modal-footer {
text-align: center;
}
.delivery-panel {
overflow: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
}
.alert {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 62.4rem) {
.alert.alert--allow-wrap {
flex-wrap: wrap;
gap: calc(var(--spacing) * 4);
}
}
@media (min-width: 62.438rem) {
.alert.alert--allow-wrap {
gap: calc(var(--spacing) * 8);
}
}
.alert .fa {
font-size: 3rem;
display: inline-block;
margin-right: 1rem;
}
.alert p {
display: inline-block;
margin: 0;
padding: 0;
}
.modal-alert-info {
background: var(--color-blue-700);
color: var(--color-white);
}
.modal-alert-warning {
background: var(--color-brand-800);
color: var(--color-white);
}
.modal-alert-error {
background: var(--color-red-700);
color: var(--color-white);
}
.modal-alert-success {
background: var(--color-green-700);
color: var(--color-white);
}
.message-footer-panel {
width: 100%;
z-index: 1000;
position: fixed;
left: 0;
bottom: 0;
background: var(--text-primary);
padding: 0.5rem 0;
}
.message-footer {
color: var(--color-white);
padding: 0.5rem 0;
}
.message-footer p a {
color: var(--color-blue-300);
}
.coupon {
}
.coupon__row {
}
.coupon__row .ticket {
float: left;
position: relative;
display: inline-block;
width: 30rem;
height: 14rem;
margin: 0.2rem;
background: url(/zdjecia/items_tmp_files/img_debug/img/lotery/tickets.png);
}
.coupon__row .ticket .code_name {
position: absolute;
left: 55%;
top: 0.8rem;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
z-index: 1;
text-align: center;
}
.coupon__row .ticket .code_name p {
margin: 0;
}
.coupon__row .ticket .code_name .amount {
font-weight: 500;
}
.coupon__row .ticket .code {
position: absolute;
left: 55%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.coupon__row .ticket .code .code--text {
font-weight: 500;
font-size: 1.5rem;
}
.coupon__row .ticket .valid {
position: absolute;
left: 55%;
bottom: 1rem;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
text-align: center;
font-size: 1.1rem;
font-weight: 300;
}
.coupon__cart .code {
width: 8rem;
display: inline-block;
margin-left: 0.4rem;
}
.coupon__cart .fa-check {
position: absolute;
left: 0.4rem;
}
.coupon__cart .list-group-item {
padding-right: 6rem;
}
.coupon__cart .list-group-item .btn-xs {
position: absolute;
right: 0.5rem;
}
@keyframes mouse_wheel {
0% {
transform: translate(0, 0);
opacity: 0;
}
40% {
opacity: 1;
}
80% {
transform: translate(0, 2rem);
opacity: 0;
}
100% {
opacity: 0;
}
}
.scroll_down {
position: absolute;
bottom: 2rem;
left: 50%;
width: 3rem;
height: 5rem;
margin-left: -1.5rem;
border: 0.2rem solid var(--color-white);
border-radius: 5rem;
box-sizing: border-box;
opacity: 0.2;
cursor: pointer;
}
.scroll_down:before {
position: absolute;
top: 1rem;
left: 50%;
content: "";
width: 0.4rem;
height: 0.4rem;
margin-left: -0.2rem;
background-color: var(--color-white);
border-radius: 100%;
-webkit-animation: mouse_wheel 2s infinite;
animation: mouse_wheel 2s infinite;
box-sizing: border-box;
}
#gift_navbar.navbar {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 9;
border-radius: 0;
height: 5.1rem;
border-bottom: 0.1rem solid var(--border-light);
background: var(--color-white);
box-shadow: 0 1rem 2rem -0.5rem rgba(var(--color-gray-500-rgb), 0.15);
}
#gift_navbar .mh_logo {
float: left;
margin-top: 0.4rem;
margin-bottom: 0.4rem;
margin-right: 1rem;
}
#gift_navbar .navbar-nav a {
color: var(--text-primary);
}
#gift_navbar .navbar-text.navbar-right a {
color: var(--text-primary);
}
.nav_spacer {
height: 5.2rem;
}
.banner_panel {
width: 100vw;
height: 45rem;
position: relative;
background: -webkit-linear-gradient(
-40deg,
rgb(253, 251, 251),
rgb(235, 237, 238)
);
background: linear-gradient(-40deg, rgb(253, 251, 251), rgb(235, 237, 238));
}
.banner_panel .container {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
@import "https://fonts.googleapis.com/css?family=Indie+Flower";
.banner_panel .container p {
margin: 0;
font-size: 1.8rem;
font-family:
indie flower,
cursive;
}
.banner_panel .container h1 {
margin-top: 0;
margin-bottom: 3rem;
font-size: 5rem;
font-family:
indie flower,
cursive;
}
.banner_panel .banner_object {
position: absolute;
border: 0.4rem solid;
width: 61vw;
height: 36.3rem;
top: 50%;
left: 44%;
transform: translate(-50%, -50%);
}
.banner_panel .banner_object_img {
position: absolute;
top: 50%;
transform: translate(65%, -50%);
left: 50%;
}
.gift_card .radio input[type="radio"],
.gift_card .radio-inline input[type="radio"],
.gift_card .checkbox input[type="checkbox"],
.gift_card .checkbox-inline input[type="checkbox"] {
margin-left: -0.6rem;
}
.choose_style_gift_card .gift-card {
display: inline-block;
text-align: center;
margin: 1rem 0.5rem;
}
.choose_style_gift_card .gift-card img {
height: 20rem;
}
.choose_amount_gift_card .amount_on_card {
display: inline-block;
text-align: center;
margin: 1rem 0.5rem;
}
.choose_delivery .radio {
display: inline-block;
}
.choose_delivery .download {
text-align: center;
border: 0.1rem solid var(--color-gray-400);
display: inline-block;
height: 13rem;
width: 40rem;
vertical-align: top;
position: relative;
}
.choose_delivery .download:focus,
.choose_delivery .download:active,
.choose_delivery .download:hover {
background: var(--color-gray-50);
border: 0.1rem solid var(--color-brand-500);
}
.choose_delivery .download span {
position: absolute;
width: 100%;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.download input[type="radio"] {
position: absolute;
bottom: 0.6rem;
left: 50%;
}
.amount_on_card .amount_panel {
position: relative;
height: 5rem;
width: 14rem;
border: 0.1rem solid var(--color-gray-400);
}
.amount_on_card .amount_panel:hover {
background: var(--color-gray-50);
border: 0.1rem solid var(--color-brand-500);
}
.amount_on_card .amount_panel .amount {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
font-weight: 700;
}
.container__tag {
padding: 1rem 0.2rem;
}
.tag--span {
display: inline-block;
color: var(--color-gray-600);
}
.tag--row {
display: inline-block;
}
.tag--element {
color: var(--color-gray-600);
}
.tag--element:hover {
color: var(--text-primary);
text-decoration: none;
}
.article_header {
position: relative;
margin-top: 1rem;
}
.article_header + .spacer {
margin-top: 0;
}
.heading_container {
position: absolute;
z-index: 1;
padding: 9rem;
}
.heading_container .__heading {
color: var(--color-white);
font-size: 7rem;
line-height: 6.8rem;
font-weight: 700;
margin: 0 0 2rem;
word-break: break-word;
cursor: default;
}
.heading_container .__sub_heading {
display: block;
font-size: 2.5rem;
margin: 0 0 2rem;
word-break: break-word;
color: var(--color-white);
cursor: default;
}
.category_container {
position: absolute;
left: 3rem;
top: 1.5rem;
z-index: 1;
}
.category_container a {
color: var(--color-white);
}
.category_container .__symbol {
color: var(--color-gray-400);
}
.article_header .author_container {
position: absolute;
bottom: 1.5rem;
left: 3rem;
z-index: 1;
}
.author_container .author-page {
color: var(--color-white);
text-decoration: none;
}
.author_container .author-image {
display: inline-block;
margin-right: 0.5rem;
border-radius: 50%;
height: 3rem;
}
.author_container .author-name {
display: inline-block;
}
.article_header .more_info_container {
position: absolute;
bottom: 1.5rem;
right: 3rem;
z-index: 1;
color: var(--color-white);
cursor: default;
}
.more_info_container .comments {
display: inline-block;
margin-right: 0.5rem;
}
.more_info_container .comments .__qty {
margin-left: 0.5rem;
}
.more_info_container .date {
display: inline-block;
}
.article_header ._hero_img {
height: 50vh;
width: 100%;
overflow: hidden;
background-size: cover;
background-position: center;
}
._bg_overlay {
background: transparent
url("/zdjecia/items_tmp_files/img_debug/img/black_overlay.png") repeat 0 0;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 0;
}
.journal_container-s {
display: block;
margin: 0 auto;
max-width: 100%;
position: relative;
width: 78rem;
}
.journal_container-m {
display: block;
margin: 0 auto;
max-width: 100%;
position: relative;
width: 118rem;
}
.journal_richtext {
color: var(--text-secondary);
margin: 6rem 0;
margin: 4.28571rem 0;
}
.journal_list h2,
.journal_richtext > h2 {
font-weight: 700;
line-height: 1.1;
color: var(--color-black);
font-size: 3.2rem;
font-size: 2.28571rem;
margin-top: 1.5em;
margin-bottom: 0.5em;
}
.journal_richtext a[href] {
text-decoration: underline;
}
.journal_richtext a {
color: var(--color-gray-600);
}
.journal_list {
margin: 6rem 0;
margin: 4.28571rem 0;
}
.journal_list_richtext {
color: var(--text-secondary);
}
.journal_share_container h3 {
font-weight: 700;
line-height: 1.1;
color: var(--color-black);
}
.journal_image_grid {
box-sizing: border-box;
width: 100%;
display: inline-block;
position: relative;
}
.journal_image_grid img {
display: block;
width: 100%;
}
.mh_news {
background: var(--color-white);
border: var(--color-gray-400);
padding: 0.5rem 1rem;
margin: 1rem 0;
}
.mh_news .news_post {
padding: 4rem 0;
margin: 1rem 0;
border-bottom: 0.1rem solid var(--color-gray-400);
}
.mh_news .-page_title {
color: var(--color-brand-500);
margin: 2rem 0;
border-bottom: 0.1rem solid;
padding-bottom: 0.8rem;
cursor: default;
}
.mh_news .-post_link {
color: var(--text-primary);
}
.post_head .__item_date {
margin-bottom: 0;
color: var(--color-gray-600);
}
.post_head .__article_title {
margin-top: 0;
margin-bottom: 0.5rem;
font-size: 2.3rem;
font-weight: 300;
}
.post_content p {
font-size: 1.2rem;
line-height: 1.8rem;
color: var(--text-primary);
}
.mh_news ._show_more_news {
padding: 2rem 0;
text-align: center;
}
._show_more_news ._more_news {
color: var(--color-white);
background: var(--color-gray-400);
}
._show_more_news ._more_news:hover {
background: var(--color-gray-700);
}
.reservation_info.c_pointer,
.pts_info.c_pointer {
cursor: pointer;
}
.reservation_info.c_default,
.pts_info.c_default {
cursor: default;
}
.-a_color {
color: var(--color-blue-600) !important;
}
.tooltip {
z-index: 999;
}
.btn_width_fix {
width: inherit;
}
.spacer-0 {
margin: 0;
}
.spacer {
margin: calc(var(--spacing) * 2) 0;
}
.spacer-15 {
margin: calc(var(--spacing) * 3) 0;
}
.spacer-20 {
margin: calc(var(--spacing) * 4) 0;
}
.spacer-25 {
margin: calc(var(--spacing) * 5) 0;
}
.spacer-50 {
margin: calc(var(--spacing) * 10) 0;
}
.spacer-top-5 {
margin-top: var(--spacing);
}
.spacer-top-15 {
margin-top: calc(var(--spacing) * 3);
}
.spacer-top-20 {
margin-top: calc(var(--spacing) * 4);
}
.spacer-top-25 {
margin-top: calc(var(--spacing) * 5);
}
.v-spacer {
margin-left: var(--spacing);
margin-right: var(--spacing);
}
.v-spacer-10 {
margin-left: calc(var(--spacing) * 2);
margin-right: calc(var(--spacing) * 2);
}
.v-spacer-15 {
margin-left: calc(var(--spacing) * 3);
margin-right: calc(var(--spacing) * 3);
}
.v-spacer-20 {
margin-left: calc(var(--spacing) * 4);
margin-right: calc(var(--spacing) * 4);
}
.v-spacer-25 {
margin-left: calc(var(--spacing) * 5);
margin-right: calc(var(--spacing) * 5);
}
.spacer-padding {
padding: calc(var(--spacing) * 2);
}
.spacer-padding-15 {
padding: calc(var(--spacing) * 3);
}
.spacer-padding-20 {
padding: calc(var(--spacing) * 4);
}
.spacer-padding-25 {
padding: calc(var(--spacing) * 5);
}
.h-spacer-padding {
padding-top: calc(var(--spacing) * 2);
padding-bottom: calc(var(--spacing) * 2);
}
.h-spacer-padding-15 {
padding-top: calc(var(--spacing) * 3);
padding-bottom: calc(var(--spacing) * 3);
}
.h-spacer-padding-20 {
padding-top: calc(var(--spacing) * 4);
padding-bottom: calc(var(--spacing) * 4);
}
.h-spacer-padding-25 {
padding-top: calc(var(--spacing) * 5);
padding-bottom: calc(var(--spacing) * 5);
}
.v-spacer-padding {
padding-left: calc(var(--spacing) * 2);
padding-right: calc(var(--spacing) * 2);
}
.v-spacer-padding-15 {
padding-left: calc(var(--spacing) * 3);
padding-right: calc(var(--spacing) * 3);
}
.v-spacer-padding-20 {
padding-left: calc(var(--spacing) * 4);
padding-right: calc(var(--spacing) * 4);
}
.v-spacer-padding-25 {
padding-left: calc(var(--spacing) * 5);
padding-right: calc(var(--spacing) * 5);
}
@media (min-width: 128.6rem) {
._lg_max_container {
max-width: 146rem;
margin-left: auto;
margin-right: auto;
}
}
@media (min-width: 62.5rem) and (max-width: 74.9rem) {
.megamenu .container.width {
width: 100%;
padding-right: 0;
padding-left: 0;
}
.cart-login-form-right {
height: 17rem;
}
.cart-login-form-right input {
position: relative;
bottom: unset;
left: unset;
}
.btn-product-book {
width: 14rem;
}
.modal-call-to-action {
height: unset;
}
.modal-content-box {
display: block;
text-align: center;
}
.modal-content-box .popup-title-head {
display: unset;
}
.modal-btn-continue {
margin: var(--spacing) 0 !important;
width: 100%;
}
.modal-btn-cart {
margin: var(--spacing) 0 !important;
width: 100%;
}
#carousel-custom-product {
margin: 2rem auto;
width: 110rem;
}
.footer-txt ul {
text-align: center;
margin: 1.5rem 0;
}
.footer-txt > ul > li {
padding-bottom: 1rem;
}
.payment-logo {
max-height: 7.7rem;
min-height: 0.9rem;
margin-top: 1rem;
margin-bottom: 1rem;
}
.no-data tbody td:before {
display: none !important;
}
.no-data tbody td .row-content {
width: 100% !important;
}
.no-data:before {
display: none !important;
}
.no-data .row-content {
width: 100% !important;
}
.table-border.border-top-none,
.no-data.border-top-none {
border-top: 0 solid;
}
.table-border.border-top-table-first {
border-top: 0.6rem solid var(--text-primary);
}
.table-responsive-mobile .text-center.no {
text-align: start;
}
.table-responsive-mobile .transaction-id,
.table-responsive-mobile .td-head,
.table-responsive-mobile .transaction-id a,
.table-responsive-mobile .td-head a {
color: var(--color-white);
background: var(--text-primary);
}
.table-responsive-mobile .td-head.product_code {
padding: 0;
}
.table-responsive-mobile thead {
display: none;
}
.table-responsive-mobile tbody tr {
display: block;
margin: 0.5rem 0;
}
.table-responsive-mobile tbody td,
.table-responsive-mobile tbody th {
box-sizing: border-box;
position: relative;
display: block;
}
.table-responsive-mobile tbody td:before,
.table-responsive-mobile tbody th:before {
content: attr(data-title);
display: block;
float: left;
/* padding: 2rem; */
padding: 0.8rem 1rem;
width: 30%;
position: relative;
box-sizing: border-box;
font-weight: 700;
}
.table-responsive-mobile tbody td.payment:before,
.table-responsive-mobile tbody th.payment:before {
padding: 0.5rem 1rem;
}
.table-responsive-mobile tbody td .row-content,
.table-responsive-mobile tbody th .row-content {
/* padding: 2rem; */
padding: 0.8rem 1rem;
width: 70%;
box-sizing: border-box;
float: right;
text-align: center;
}
.table-responsive-mobile tbody td .row-content.payment,
.table-responsive-mobile tbody th .row-content.payment {
padding: 0.5rem 1rem;
}
.row-content p {
padding: 0.5rem;
}
.row-content p + p {
border-top: 0.1rem solid var(--border-light);
}
}
@media (min-width: 48rem) and (max-width: 62.4rem) {
.mobile-flag-menu > li > a {
padding: 0;
}
.megamenu .container.width {
width: 100%;
padding-right: 0;
padding-left: 0;
}
.product-list-pricing small {
display: inline-block;
font-size: 1.3rem;
}
.product-list-pricing .item-available {
display: inline-block;
font-size: 1.3rem;
}
.product-list-pricing .item-available img {
vertical-align: baseline;
}
.product-list-box .item-row .quantity .quantity-input {
width: 100%;
}
.homepage-bar a {
padding: 1.5rem 0;
}
.right-content {
padding-bottom: 5.1rem;
margin-bottom: -0.1rem;
min-height: 10rem;
}
.affix {
position: relative;
}
.carousel-inner {
height: 30rem;
}
.carousel-inner .item {
height: 100%;
}
.carousel-inner .item img {
-o-object-fit: cover;
object-fit: cover;
height: 100%;
}
.progressbar-multi-step {
margin-top: 4rem;
}
.progressbar-multi-step span {
top: -6.4rem;
}
.cart-set-login {
border-left: none;
border-bottom: 0.1rem solid var(--color-gray-400);
padding: 2rem 0;
}
.cart-resume-right-box {
float: right;
margin-top: 2rem;
}
.cart-login-form-right {
height: 17rem;
}
.cart-login-form-right input {
position: absolute;
}
.btn-mobile-fw {
width: 100%;
}
.report-bug-form .form-inline.controlAnswerRight .btn-mobile-fw {
margin-top: 0.5rem;
}
.modal-call-to-action {
height: inherit;
}
.modal-content-box {
display: block;
text-align: center;
}
.modal-content-box .popup-title-head {
display: unset;
}
.modal-btn-continue {
margin: var(--spacing) 0 !important;
width: 100%;
}
.modal-btn-cart {
margin: var(--spacing) 0 !important;
width: 100%;
}
#carousel-custom-product {
width: unset;
}
.nav-lwc {
margin: 1rem 0;
}
.footer-col-head {
display: block;
text-align: center;
}
.footer-txt ul {
text-align: center;
margin: 1.5rem 0;
}
.footer-txt > ul > li {
padding-bottom: 1rem;
}
.payment-logo {
max-height: 7.7rem;
min-height: 0.9rem;
margin-top: 1rem;
margin-bottom: 1rem;
}
.breadcrumb:before {
left: 0;
top: 0;
display: block;
position: absolute;
width: 20%;
height: 100%;
content: "";
z-index: 1;
opacity: 1;
-webkit-transition:
opacity 0.5s,
width 0s 0.5s;
transition:
opacity 0.5s,
width 0s 0.5s;
box-shadow: inset 22rem 0 5rem -20rem var(--color-gray-50);
}
.breadcrumb:after {
right: 0;
top: 0;
display: block;
position: absolute;
width: 20%;
height: 100%;
content: "";
z-index: 1;
opacity: 1;
-webkit-transition:
opacity 0.5s,
width 0s 0.5s;
transition:
opacity 0.5s,
width 0s 0.5s;
box-shadow: inset -22rem 0 5rem -20rem var(--color-gray-50);
}
.cart-step li {
display: inline-block;
padding: 0 2rem;
margin: 0 -0.2rem -0.2rem;
border-bottom: 0.2rem solid var(--color-gray-400);
text-align: center;
}
.no-data tbody td:before {
display: none !important;
}
.no-data tbody td .row-content {
width: 100% !important;
}
.no-data:before {
display: none !important;
}
.no-data .row-content {
width: 100% !important;
}
.table-border.border-top-none,
.no-data.border-top-none {
border-top: 0 solid;
}
.table-border.border-top-table-first {
border-top: 0.6rem solid var(--text-primary);
}
.table-responsive-mobile .text-center.no {
text-align: start;
}
.table-responsive-mobile .transaction-id,
.table-responsive-mobile .td-head,
.table-responsive-mobile .transaction-id a,
.table-responsive-mobile .td-head a {
color: var(--color-white);
background: var(--text-primary);
}
.table-responsive-mobile .td-head.product_code {
padding: 0;
}
.table-responsive-mobile thead {
display: none;
}
.table-responsive-mobile tbody tr {
display: block;
margin: 0.5rem 0;
}
.table-responsive-mobile tbody td,
.table-responsive-mobile tbody th {
box-sizing: border-box;
position: relative;
display: block;
}
.table-responsive-mobile tbody td:before,
.table-responsive-mobile tbody th:before {
content: attr(data-title);
display: block;
float: left;
/* padding: 2rem; */
padding: 0.8rem 1rem;
font-weight: 700;
width: 30%;
position: relative;
box-sizing: border-box;
}
.table-responsive-mobile tbody td.payment:before,
.table-responsive-mobile tbody th.payment:before {
padding: 0.5rem 1rem;
}
.table-responsive-mobile tbody td .row-content,
.table-responsive-mobile tbody th .row-content {
/* padding: 2rem; */
padding: 0.8rem 1rem;
width: 70%;
box-sizing: border-box;
float: right;
text-align: center;
}
/* .table-responsive-mobile tbody th {
display: none;
} */
.table-responsive-mobile tbody td .row-content.payment,
.table-responsive-mobile tbody th .row-content.payment {
padding: 0.5rem 1rem;
}
.row-content p {
padding: 0.5rem;
}
.row-content p + p {
border-top: 0.1rem solid var(--border-light);
}
.megamenu ._height {
padding: 0;
}
.megamenu ._megamenu_button {
padding: 1rem 1.3rem;
}
}
@media (max-width: 47.9rem) and (orientation: landscape) {
.product-list-content .product-list-item-atr {
margin: 0;
}
.product-list-content .product-list-pricing {
margin: 0 0 1rem;
}
.product-list-content .product-list-pricing small,
.product-list-content .product-list-pricing .item-available {
display: inline-block;
}
}
@media (max-width: 47.9rem) {
.report-bug-form .form-inline .form-control.widthControlAnswer {
text-align: left;
}
.report-bug-form .form-inline.controlAnswerRight .form-group {
display: inline-block;
}
.report-bug-form .form-inline.controlAnswerRight {
float: inherit;
width: 100%;
}
.del-box {
height: 113.2rem;
}
.mobile-flag-menu > li > a {
padding: 0 !important;
}
.catalog_name .h2_title {
font-size: 1.4rem;
}
.category_container {
left: 0.5rem;
top: 0.5rem;
}
.heading_container {
padding: 2rem 1rem;
position: absolute;
top: 50%;
transform: translate(0, -50%);
}
.heading_container .__heading {
font-size: 3rem;
line-height: 2.8rem;
}
.heading_container .__sub_heading {
font-size: 1.5rem;
line-height: 1.5rem;
}
.article_header .author_container {
bottom: 0.5rem;
left: 0.5rem;
}
.article_header .more_info_container {
bottom: 0.5rem;
right: 0.5rem;
width: 15rem;
}
.journal_container-s {
padding: 0 1rem;
}
.container-productbox {
padding-left: 0;
padding-right: 0;
}
.titlebar-search-container {
text-align: left;
}
.titlebar-search-select select {
width: 100%;
max-width: 100%;
}
#gift_card_hello {
margin: 2rem 3.5rem;
}
#gift_card_menu {
margin-top: 5.1rem;
background: var(--color-white);
}
.gift_card .gift-card-container,
.gift_card .delivery_method,
.gift_card .amount_on_card_container {
text-align: center;
}
.banner_panel .banner_object {
opacity: 0.1;
}
.gift_card .radio label,
.gift_card .checkbox label {
padding-left: 0;
}
.choose_delivery .download {
text-align: center;
border: 0.1rem solid var(--color-gray-400);
display: inline-block;
height: 13rem;
width: 70vw;
vertical-align: top;
position: relative;
}
.collapse_left_column_account_name {
display: none;
}
.left-column-avatar-box {
margin: 0.5rem 0;
}
.left-column-username-box {
margin: 0.2rem 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.left-column-my-account-menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.no-data tbody td:before {
display: none !important;
}
.no-data tbody td .row-content {
width: 100% !important;
}
.no-data:before {
display: none !important;
}
.no-data .row-content {
width: 100% !important;
}
.table-border.border-top-none,
.no-data.border-top-none {
border-top: 0 solid;
}
.table-border.border-top-table-first {
border-top: 0.6rem solid var(--text-primary);
}
.table-responsive-mobile .text-center.no {
text-align: start;
}
.table-responsive-mobile .transaction-id,
.table-responsive-mobile .td-head,
.table-responsive-mobile .transaction-id a,
.table-responsive-mobile .td-head a {
color: var(--color-white);
background: var(--text-primary);
}
.table-responsive-mobile .td-head.product_code {
padding: 0;
}
.table-responsive-mobile thead {
display: none;
}
.table-responsive-mobile tbody tr {
display: block;
margin: 0.5rem 0;
}
.table-responsive-mobile tbody td,
.table-responsive-mobile tbody th {
box-sizing: border-box;
position: relative;
display: block;
}
.table-responsive-mobile tbody td:before,
.table-responsive-mobile tbody th:before {
content: attr(data-title);
display: block;
float: left;
/* padding: 2rem; */
padding: 0.5rem 1rem;
width: 30%;
position: relative;
box-sizing: border-box;
font-weight: 700;
}
.table-responsive-mobile tbody td.payment:before,
.table-responsive-mobile tbody th.payment:before {
padding: 0.5rem 1rem;
}
.table-responsive-mobile tbody td .row-content,
.table-responsive-mobile tbody th .row-content {
/* padding: 2rem; */
padding: 0.5rem 1rem;
width: 70%;
box-sizing: border-box;
float: right;
text-align: center;
}
/*
.table-responsive-mobile tbody th {
display: none;
} */
.table-responsive-mobile tbody td .row-content.payment {
padding: 0.5rem 1rem;
}
.row-content p {
padding: 0.5rem;
}
.row-content p + p {
border-top: 0.1rem solid var(--border-light);
}
.item-row-similar-image-box {
height: inherit;
max-height: 17.5rem;
}
.item-row-similar-image-box a img {
max-height: inherit;
}
.btn-dark.btn-orange {
width: 18rem;
}
.delivery-panel {
display: block;
}
.product-list-pricing {
text-align: center;
}
.product-list-description {
margin: 1rem 0 0;
}
.product-list-box .item-row .quantity .controls {
position: absolute;
right: 0;
}
.product-list-box .item-row .quantity .quantity-input {
width: 100%;
}
.quick-gallery .left,
.quick-gallery .right {
display: none;
}
.btn-item-social {
width: 100%;
}
.address-set-row {
width: 100%;
}
.address-set-row .edit {
bottom: 0;
}
.table-panel-wb {
background: var(--color-white);
border: 0.1rem solid var(--border-light);
}
.table-panel-wb td:first-child {
border-top: none !important;
}
.homepage-bar a {
padding: 1.5rem 0;
}
.td-head-mobile {
border-top: none !important;
padding: 0 !important;
}
.cart-delivery-name {
margin-left: 0;
}
.order-payment-method-radio-text {
font-size: 1em;
font-weight: initial;
}
.order-payment-method-payment-image {
display: block;
max-width: 100%;
height: auto;
margin: 1rem 0;
}
.height {
height: auto !important;
}
.user-height-row {
min-height: auto !important;
}
.right-content {
padding-bottom: 5.1rem;
margin-bottom: -0.1rem;
min-height: 10rem;
}
.affix {
position: relative;
}
.item-new-comments-send {
padding: 2rem 0;
text-align: center;
}
.category {
height: auto !important;
}
.payment-bank-list {
text-align: center;
}
.login-facebook-box {
text-align: center;
}
.navbar-nav {
margin: 0 2rem;
}
.navbar-nav h4 {
color: var(--color-gray-400);
}
.carousel-inner {
height: 30rem;
}
.carousel-inner .item {
height: 100%;
}
.carousel-inner .item img {
-o-object-fit: cover;
object-fit: cover;
height: 100%;
}
.my-account-avatar-box {
float: none;
}
.report-bug {
bottom: 0.8rem;
}
.on-top-box {
bottom: 4.6rem;
}
.cart-set-login {
border-left: none;
border-bottom: 0.1rem solid var(--color-gray-400);
padding: 2rem 0;
}
.cart-resume-right-box {
float: right;
margin-top: 2rem;
}
.cart-login-form-right {
height: 5rem;
}
.cart-login-form-right input {
position: relative;
bottom: unset;
left: unset;
}
.btn-mobile-fw {
width: 100%;
}
.breadcrumb {
margin: 0;
padding-left: 1rem;
border-radius: 0;
width: 100%;
white-space: nowrap;
overflow-x: scroll;
-webkit-overflow-scrolling: touch;
}
.modal-call-to-action {
height: inherit;
}
.modal-content-box {
margin: 0.5rem 0;
display: block;
text-align: center;
}
.modal-content-box .popup-title-head {
display: unset;
}
.modal-btn-continue {
margin: var(--spacing) 0 !important;
width: 100%;
}
.modal-btn-cart {
margin: var(--spacing) 0 !important;
width: 100%;
}
.nav-main-margin {
margin: 2rem 0;
}
#carousel-custom-product {
width: unset;
}
.navbar-fixed-top {
position: relative;
top: auto;
z-index: 1;
}
.search-select {
max-width: 9rem;
}
.nav-lwc {
padding: 0.5rem 0;
}
.footer-col-head {
display: block;
text-align: center;
}
.footer-txt ul {
text-align: center;
margin: 1.5rem 0;
}
.footer-txt > ul > li {
padding-bottom: 1rem;
}
.payment-logo {
max-height: 7.7rem;
min-height: 0.9rem;
margin-top: 1rem;
margin-bottom: 1rem;
}
.btn-dark {
width: 100%;
}
.product-box .btn-dark {
width: 18rem;
}
.breadcrumb:before {
left: 0;
top: 0;
display: block;
position: absolute;
width: 20%;
height: 100%;
content: "";
z-index: 1;
opacity: 1;
-webkit-transition:
opacity 0.5s,
width 0s 0.5s;
transition:
opacity 0.5s,
width 0s 0.5s;
box-shadow: inset 22rem 0 5rem -20rem var(--color-gray-50);
}
.breadcrumb:after {
right: 0;
top: 0;
display: block;
position: absolute;
width: 20%;
height: 100%;
content: "";
z-index: 1;
opacity: 1;
-webkit-transition:
opacity 0.5s,
width 0s 0.5s;
transition:
opacity 0.5s,
width 0s 0.5s;
box-shadow: inset -22rem 0 5rem -20rem var(--color-gray-50);
}
.product-list-box .-search-gallery._author-info {
float: none;
padding: 1rem;
display: block;
}
.product-list-box
.-search-gallery._author-info
.btn.btn-dark._search_btn_gallery {
display: block;
margin-left: auto;
margin-right: auto;
width: 18rem;
}
}
@media (max-width: 30rem) {
.invoice-panel .invoice-panel-main label:first-child {
width: 100%;
}
.invoice-panel .invoice-version-main {
width: 100%;
}
.other-fv {
width: 100%;
}
.homepage-bar > div:first-child {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.homepage-bar > div:last-child {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.imp_div {
left: 0 !important;
}
.transaction-action .btn-default {
display: block;
}
.height {
height: auto !important;
}
.user-height-row {
min-height: auto !important;
}
.survey-employe-box .radio label,
.survey-employe-box .checkbox label {
display: block;
margin: 1rem 0;
}
.survey-employe-box .radio-inline + .radio-inline,
.survey-employe-box .checkbox-inline + .checkbox-inline {
margin-left: 0;
}
.right-content {
padding-bottom: 5.1rem;
margin-bottom: -0.1rem;
min-height: 10rem;
}
.affix {
position: relative;
}
.item-new-comments-send {
padding: 2rem 0;
text-align: center;
}
.category {
height: auto !important;
}
.payment-bank-list {
text-align: center;
}
.login-facebook-box {
text-align: center;
}
.carousel-inner {
height: 30rem;
}
.carousel-inner .item {
height: 100%;
}
.carousel-inner .item img {
-o-object-fit: cover;
object-fit: cover;
height: 100%;
}
.my-account-avatar-box {
float: none;
}
.report-bug {
bottom: 0.8rem;
}
.on-top-box {
bottom: 4.6rem;
}
.cart-set-login {
border-left: none;
border-bottom: 0.1rem solid var(--color-gray-400);
padding: 2rem 0;
}
.cart-resume-right-box {
float: right;
margin-top: 2rem;
}
.cart-login-form-right {
height: 5rem;
}
.cart-login-form-right input {
position: relative;
bottom: unset;
left: unset;
}
.btn-mobile-fw {
width: 100%;
}
.modal-call-to-action {
height: inherit;
}
.modal-content-box {
display: block;
text-align: center;
}
.modal-content-box .popup-title-head {
display: unset;
}
.modal-btn-continue {
margin: var(--spacing) 0 !important;
width: 100%;
}
.modal-btn-cart {
margin: var(--spacing) 0 !important;
width: 100%;
}
.breadcrumb {
background: var(--color-gray-50);
margin: 0;
padding-left: 1rem;
border-radius: 0;
width: 100%;
white-space: nowrap;
overflow-x: scroll;
-webkit-overflow-scrolling: touch;
}
.nav-main-margin {
margin: 1rem 0;
padding: 0;
}
#carousel-custom-product {
width: unset;
}
.navbar-fixed-top {
position: relative;
top: auto;
z-index: 1;
}
.search-select {
max-width: 9rem;
}
.footer-col-head {
display: block;
text-align: center;
}
.footer-txt ul {
text-align: center;
margin: 1.5rem 0;
}
.footer-txt > ul > li {
padding-bottom: 1rem;
}
.payment-logo {
max-height: 7.7rem;
min-height: 0.9rem;
margin-top: 1rem;
margin-bottom: 1rem;
}
.item-product-quick-information a {
display: block;
}
}
@media print {
.item-product-main-btn {
visibility: hidden !important;
margin: 0 !important;
margin-top: 0 !important;
padding: 0 !important;
}
.item-more-info {
margin: 0 !important;
padding: 0 !important;
}
.item-gallery {
visibility: hidden !important;
margin: 0 !important;
padding: 0 !important;
}
.well {
min-height: none !important;
padding: 0 !important;
margin-bottom: 0 !important;
background-color: none !important;
border: none !important;
border-radius: none !important;
box-shadow: none !important;
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11 {
width: 100% !important;
}
a[href]:after {
content: none;
}
table {
overflow: hidden;
}
}
@media screen and (min-width: 0\0) {
select {
background: none\9;
padding: 0.5rem\9;
}
.search-select {
background: none\9;
padding: 0.5rem\9;
}
.titlebar-search-select select {
background: none\9;
padding: 0.5rem\9;
}
}
.settings-list {
padding: 0;
list-style: none;
margin: 0;
}
.settings-list li label {
font-weight: 400;
cursor: pointer;
}
#forum_settings_page ul.list-menu {
margin-top: 2rem;
}
.left-column-my-account-menu ul,
ul.list-menu {
padding: 0;
margin: 0;
list-style: none;
}
.left-column-my-account-menu ul {
margin-top: 3rem;
}
.left-column-my-account-menu ul li a,
ul.list-menu li a,
ul.list-menu li.list-menu__heading {
display: block;
background-color: var(--color-gray-50);
padding: 0.8rem 1.8rem;
border: 0.1rem solid var(--color-gray-100);
border-bottom: 0;
transition:
background-color 0.15s ease-out,
color 0.15s ease-out;
}
ul.list-menu li.list-menu__heading {
background: var(--color-gray-200);
font-weight: 700;
padding: 0.8rem 1.3rem;
}
.left-column-my-account-menu ul li a:hover,
ul.list-menu li a:hover {
background-color: var(--color-gray-200);
}
.left-column-my-account-menu ul li a:focus,
ul.list-menu li a:focus {
background-color: var(--color-brand-500);
color: var(--color-white);
}
.left-column-my-account-menu ul li a:active,
ul.list-menu li a:active {
background-color: var(--color-brand-600);
color: var(--color-white);
}
.left-column-my-account-menu ul li:first-of-type a,
ul.list-menu li:first-of-type a,
ul.list-menu li.list-menu__heading:first-of-type {
border-top-left-radius: 0.6rem;
border-top-right-radius: 0.6rem;
}
.left-column-my-account-menu ul li:last-of-type a,
ul.list-menu li:last-of-type a {
border-bottom: 0.1rem solid var(--color-gray-100);
border-bottom-left-radius: 0.6rem;
border-bottom-right-radius: 0.6rem;
}
.list-menu-additional {
color: grey;
font-size: 1.1rem;
margin-top: 1.6rem;
display: block;
text-align: center;
}
table.simple-table td {
vertical-align: top;
}
table.simple-table td + td {
padding-left: 0.5rem;
}
.simple-label {
font-weight: 400;
cursor: pointer;
margin-bottom: 0;
}
table.forum-table > tbody > tr > td {
vertical-align: middle;
}
.forum-table:not(.forum-table--posts) .forum-table__metadata > a {
font-size: 1.4rem;
font-weight: 700;
}
.forum-table .forum-table__metadata .pagination {
display: flex;
margin: 0.5rem 0;
font-size: 1.1rem;
}
.forum-table .forum-table__metadata .pagination:before {
content: attr(aria-label);
font-size: 1.1rem;
font-style: italic;
margin-right: 0.5rem;
}
.forum-table .forum-table__metadata .pagination > li > a {
padding: 0.2rem 0.5rem;
color: var(--text-primary);
background: 0 0;
border: 0.1rem solid var(--color-gray-200);
border-radius: 0;
line-height: 1;
}
.forum-table .forum-table__metadata .pagination > li > a[rel="next"],
.forum-table .forum-table__metadata .pagination > li > a[rel="prev"] {
display: none;
}
.forum-table .forum-table__metadata .pagination > li + li > a {
margin-left: 0.5rem;
}
.forum-table .forum-table__metadata .pagination > li.active > a {
color: var(--color-brand-500);
}
.forum-table .forum-table__icon,
.forum-table .forum-table__topics,
.forum-table .forum-table__posts {
text-align: center;
}
.forum-table .forum-table__icon .forum-table__icon-element {
display: inline-block;
width: 2.7rem;
height: 2.7rem;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.forum-table .forum-table__icon .forum-table__icon-element.is_read {
background-image: url(../forum/imageset/topic_read.gif);
}
.forum-table .forum-table__icon .forum-table__icon-element {
background-image: url(../forum/imageset/topic_unread.gif);
}
.forum-table .forum-table__icon .forum-table__icon-element.observe {
background-image: url(../forum/imageset/topic_unread_mine.gif);
}
.forum-table .forum-table__icon .forum-table__icon-element.observe.is_read {
background-image: url(../forum/imageset/topic_read_mine.gif);
}
.forum-table .forum-table__checkbox {
text-align: center;
}
.forum-table .forum-table__lastpost-text {
font-size: 1.1rem;
margin: 0;
}
.forum-table .forum-table__divider-header td {
background-color: var(--color-blue-100);
font-weight: 700;
}
@media (max-width: 47.9rem) {
.forum-table thead {
display: none;
}
.forum-table tr {
display: flex;
flex-wrap: wrap;
}
.forum-table tr td {
display: block;
flex: 0 0 100%;
}
table.forum-table > tbody > tr > td {
border: none;
}
.forum-table .forum-table__divider-header td:last-child {
display: none;
}
.forum-table .forum-table__icon {
flex: 0 0 4.4rem;
}
.forum-table .forum-table__metadata {
flex: 0 0 calc(100% - 4.4rem);
}
.forum-table td[data-title]:before {
content: attr(data-title);
font-weight: 700;
margin-bottom: 0.5rem;
display: block;
}
.forum-table .forum-table__topics,
.forum-table .forum-table__posts {
flex: 1 1 25%;
}
.forum-table .forum-table__lastpost {
flex: 1 1 50%;
}
.forum-table tbody tr:nth-child(odd):not(.forum-table__divider-header) {
background: var(--color-gray-100);
padding: 0.3rem 0 0.8rem;
border-top: 0.1rem solid var(--color-gray-300);
border-bottom: 0.1rem solid var(--color-gray-300);
}
}
@media (max-width: 29.2rem) {
.forum-table td.forum-table__topics:before,
.forum-table td.forum-table__posts:before {
display: inline-block;
margin: 0 0.5rem 0 0;
}
.forum-table .forum-table__topics,
.forum-table .forum-table__posts {
display: none;
}
.forum-table .forum-table__lastpost {
flex: 1 1 100%;
text-align: left;
font-size: 1.1rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
}
.new-message .new-message-topic {
margin-bottom: 3rem;
}
.new-message #cke_message_body {
max-width: 100%;
}
.new-message #format-buttons {
margin-bottom: 2rem;
}
.option-box {
}
.option-box .option-box__title {
font-weight: 700;
margin-bottom: 1.1rem;
display: block;
}
.option-box .option-box__action {
margin-top: 2rem;
}
.dropdown-menu.collapse.in.dropdown-menu.dropdown-menu--columns {
display: flex;
}
.dropdown-menu.dropdown-menu--columns {
flex-wrap: wrap;
}
.dropdown-menu.dropdown-menu--columns > * {
flex: 0 0 15rem;
}
.dropdown-menu.dropdown-menu.dropdown-menu--languages .dropdown-menu__item img {
width: 2em;
margin-right: 0.5em;
}
.dropdown-menu.dropdown-menu.dropdown-menu--languages .dropdown-menu__item {
display: flex;
justify-items: center;
font-size: 0.9em;
}
.dropdown-menu.dropdown-menu--languages {
top: 5.3rem;
max-height: calc(100vh - 10rem);
max-width: 48rem;
width: 100%;
overflow: auto;
padding-bottom: 1.5rem;
}
.nav__lang-list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
align-items: center;
}
.nav__lang-list li img {
width: 1.3em;
height: 1.2em;
}
.nav__lang-list li + li {
margin-left: 1rem;
}
@media (min-width: 48rem) {
.dropdown-menu.dropdown-menu--languages {
top: 4rem;
max-height: calc(100vh - 8rem);
}
}
.c-rate-selector {
display: inline-flex;
margin-bottom: 1rem;
}
.c-rate-selector label .c-icon {
fill: var(--star-active);
--size: 3rem;
}
.c-rate-selector input {
position: absolute !important;
width: 0.1rem;
height: 0.1rem;
padding: 0;
margin: -0.1rem;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.c-rate-selector:not(:hover) input:indeterminate + label .c-icon,
.c-rate-selector:not(:hover) input:checked ~ input + label .c-icon,
.c-rate-selector input:hover ~ input + label .c-icon {
fill: var(--star-inactive);
}
.c-rate-selector input:focus-visible + label.c-rate-selector__star {
outline: 0.2rem solid var(--color-blue-500);
outline-offset: 0.3rem;
}
.c-rate-selector .c-rate-selector__star {
font-size: 0;
cursor: pointer;
margin: 0;
border-radius: 100%;
}
.c-review {
padding: 1.6rem 0 2rem;
}
.c-review__meta {
display: flex;
flex-direction: column;
gap: 1rem;
}
.c-review__verified-info {
display: flex;
align-items: center;
gap: 0.5rem;
font-size: 1.1rem;
line-height: 1;
color: var(--color-gray-500);
}
.c-author {
display: flex;
gap: 0.8rem;
align-items: center;
}
.c-author__avatar,
.c-author__avatar img {
width: 3.6rem;
height: 3.6rem;
margin: 0;
}
.c-review__header {
display: flex;
gap: 0.7rem;
margin-bottom: 1rem;
align-items: center;
}
.c-review__date {
line-height: 1;
display: block;
color: var(--color-gray-500);
}
.c-rate {
display: inline-flex;
gap: 0.2rem;
margin-bottom: 0;
}
.c-icon {
--star-active: #fece3c;
--star-inactive: #dddddd;
fill: var(--star-inactive);
width: var(--size, 1.7rem);
height: var(--size, 1.7rem);
}
.c-icon.active {
fill: var(--star-active);
}
.c-dot {
display: inline-block;
}
.c-dot:before {
content: "";
width: 0.3rem;
height: 0.3rem;
background-color: var(--color-gray-500);
border-radius: 100%;
display: block;
}
.hero {
aspect-ratio: 1140 / 253;
width: 100%;
min-width: 30rem;
overflow: hidden;
background-color: var(--color-gray-100);
display: flex;
flex-direction: column;
justify-content: center;
align-items: start;
position: relative;
border-radius: 0.32rem;
padding: 2rem 4rem 2.4rem;
text-decoration: none !important;
}
a.hero:focus-visible {
outline: 0.2rem solid var(--color-blue-500);
outline-offset: 0.3rem;
}
.hero__background {
position: absolute;
inset: 0;
z-index: 1;
}
.hero__background.hero__background--mask:before {
content: "";
position: absolute;
background-color: rgba(var(--color-gray-900-rgb), 0.4);
inset: 0;
}
.hero__background.hero__background--gradient-mask:before {
content: "";
position: absolute;
inset: 0;
background: rgb(0, 0, 0);
background: linear-gradient(
90deg,
rgba(var(--color-gray-900-rgb), 0.6) 40%,
rgba(var(--color-blue-400-rgb), 0) 100%
);
}
.hero__background img,
.hero__background picture {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
}
.hero__title {
font-size: 6.8rem;
font-weight: 600;
text-transform: uppercase;
line-height: 1.1;
width: 100%;
color: white;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
text-decoration: none;
text-shadow:
-0.1rem -0.1rem 0.5rem rgba(var(--color-gray-900-rgb), 0.1),
0.1rem -0.1rem 0.5rem rgba(var(--color-gray-900-rgb), 0.1),
-0.1rem 0.1rem 0.5rem rgba(var(--color-gray-900-rgb), 0.1),
0.1rem 0.1rem 0.5rem rgba(var(--color-gray-900-rgb), 0.1);
z-index: 2;
}
.hero__description {
font-size: 3.5rem;
font-weight: 100;
line-height: 1.1;
color: white;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
text-decoration: none;
z-index: 2;
text-shadow:
-0.1rem -0.1rem 0.5rem rgba(var(--color-gray-900-rgb), 0.1),
0.1rem -0.1rem 0.5rem rgba(var(--color-gray-900-rgb), 0.1),
-0.1rem 0.1rem 0.5rem rgba(var(--color-gray-900-rgb), 0.1),
0.1rem 0.1rem 0.5rem rgba(var(--color-gray-900-rgb), 0.1);
}
.hero__link {
background-color: var(--color-red-600);
font-size: 1.4rem;
/* margin-top: auto; */
margin-top: 5.3rem;
text-transform: uppercase;
text-align: center;
color: white;
font-weight: 500;
text-decoration: none;
border-radius: 0.32rem;
padding: 1.1rem;
min-width: 14.4rem;
z-index: 2;
cursor: pointer;
transition: background-color 0.15s ease-out;
}
.hero__link:hover {
background-color: var(--color-red-700);
}
.hero__link:active {
background-color: var(--color-red-800);
}
.hero__fitcontainer {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
@supports (width: clamp(1px, 2px, 3px)) {
.hero {
padding: clamp(0.8rem, 1.82vw, 2rem) clamp(1rem, 4vw - 0.3rem, 4rem)
clamp(0.8rem, 2.18vw, 2.4rem);
}
.hero__title {
font-size: clamp(
calc(1.3rem * (25 / max(var(--content-length, 25), 25))),
calc(7.5vw * (25 / max(var(--content-length, 25), 25))) -
calc(1.5rem * (25 / max(var(--content-length, 25), 25))),
calc(6.8rem * (25 / max(var(--content-length, 25), 25)))
);
}
.hero__description {
font-size: clamp(1rem, 3.55vw - 0.4rem, 3.5rem);
}
.hero__link {
font-size: clamp(1.1rem, 2vw, 1.4rem);
padding: clamp(0.24rem, 1vw, 1.1rem);
min-width: clamp(10rem, 15vw + 1rem, 14.4rem);
margin-top: auto;
}
@media (min-width: 48rem) {
.hero__title {
font-size: calc(4.2rem * (25 / max(var(--content-length, 25), 25)));
}
}
@media (min-width: 62rem) {
.hero__title {
font-size: calc(5.7rem * (25 / max(var(--content-length, 25), 25)));
}
}
@media (min-width: 75rem) {
.hero__title {
font-size: calc(6.8rem * (25 / max(var(--content-length, 25), 25)));
}
}
}
@media (min-width: 48rem) {
.hero__description {
font-size: 1.9rem;
}
.hero {
padding: 1.2rem 2rem 1.2rem;
}
}
@media (min-width: 62rem) {
.hero__description {
font-size: 2.4rem;
}
.hero {
padding: 1.8rem 3rem 2rem;
}
}
@media (min-width: 75rem) {
.hero__description {
font-size: 3.5rem;
}
.hero {
padding: 2rem 4rem 2.4rem;
}
}
#facebook-likebox {
position: absolute;
z-index: 6;
left: -0.1rem;
top: 5.5rem;
}
#facebook-likebox-button {
display: block;
position: absolute;
width: 4.5rem;
background-color: var(--color-blue-700);
}
#facebook-likebox-button:focus-visible {
outline: 0.2rem solid var(--color-blue-500);
outline-offset: 0.3rem;
}
#facebook-likebox-img {
width: 4.5rem;
}
.keyword_highlight {
color: var(--color-error) !important;
}