:root {
	--body-bg-color: #fff;
	--default-text-color: #393939;
	--input-default-color: var(--default-text-color);
	--wrapper-bg-color: #fff;
	--mobile-bg-cover: #fff;
	--desktop-bg-cover: transparent;
	--std-font-family: Arial, sans-serif;
	--cashier-bg: #f1f1f1;
	--selectArea-bg: #fff;
	--selectAreaCheckedLabel: #fff;
	--rdoBorderColor: #525050;
	--rdoBgColor: #fff;
	--activeSelectionColor: #0059A7;
	--activeSelectionColor-hover: #00427b;
	--inactiveSelectionColor: #ccc;
	--placeholder-color-mobile: #333;
	--placeholder-color-focus-mobile: transparent;
	--placeholder-color-desktop: #585858;
	--placeholder-color-focus-desktop: #ccc;
	--desktop-stickyheader-hide-transform: translate3d(0,-35px,0);
	--desktop-stickyheader-allmostall-transform: translate3d(0,-35px,0);
	--link-default-hover-color: #014A82;

	/* Default Button 1 */
	--button-default-color: #4D4352;
	--button-default-color-hover: #645969;
	--button-default-text-color: #fff;

	/* Default Button 2 */
	/*--button-default-color: var(--wrapper-bg-color);
	--button-default-color-hover: #dfdfdf;
	--button-default-text-color: var(--default-text-color);*/

	/* Alternative Button */
	--button-alternative-color: #B2A7B8;
	--button-alternative-color-hover: #a192a8;
	--button-alternative-text-color: #f7f7f7;

	/* Action Button */
	--button-action-color: #D9534F;
	--button-action-color-hover: #C9302C;
	--button-action-text-color: #fff;

	/* Muted Button */
	--button-muted-color: #f1f1f1;
	--button-muted-color-hover: #dbdbdb;
	--button-muted-text-color: var(--default-text-color);

	/* Button colors */
	--button-icon-bg-color-addtocart: var(--button-action-text-color);
	--button-icon-bg-color-productchoice: var(--button-action-text-color);
	--button-icon-bg-color-notify: var(--button-alternative-color);
	--button-icon-bg-color-showbasket: var(--button-default-color);
	--button-icon-bg-color-favouriteChecked: rgba(221, 127, 177, 0.75);
	--button-icon-stroke-color-favouriteChecked:  #402251;
	--button-icon-bg-color-favouriteUnchecked: rgba(245, 245, 245, 0.75);
	--button-icon-stroke-color-favouriteUnchecked: #402251;

	--transition-bg-color: background-color .3s ease-in-out;
	--default-focus-visible-outline: 2px solid #000;
	--default-focus-visible-box-shadow: 0 0 0 1px #ffffff, 4px 4px 0 3px #3f3f3f;
	--toparea-bg-color-desktop: transparent;
	--topbar-bg-color-desktop: #fff;
	--sale-color: #B00331;
	--accordion-bg-color: #525050;
	--error-color: #933;
	--productlistcontaner-article-height: 457px; /* performance related */
	--productlistcontaner-article-minwidth: 19%; /* grid-child width */

	/* Footer */
	--footer-height-mobile: 1150px; /* performance related */
	--footer-height: 700px; /* performance related */
	--footer-bg-color: var(--button-default-color);
	--footer-text-color: rgba(255,255,255,.7);
	--footer-link-color: rgba(255,255,255,.5);
	--footer-link-hover-color: rgba(255,255,255,.7);
	--footer-heading-color: #fff;
	--footer-bg-color-light: #736877; /* Anpassa färgen efter behov */
	--footer-text-color-light: #333; /* Anpassa färgen efter behov */
	--footer-link-color-light: #666; /* Anpassa färgen efter behov */
	--footer-link-hover-color-light: #000; /* Anpassa färgen efter behov */
	--footer-heading-color-light: #000; /* Anpassa färgen efter behov */
	--footer-bg-color-dark: #302a35; /* Anpassa färgen efter behov */
	--footer-text-color-dark: #fff; /* Anpassa färgen efter behov */
	--footer-link-color-dark: #bbb; /* Anpassa färgen efter behov */
	--footer-link-hover-color-dark: #fff; /* Anpassa färgen efter behov */
	--footer-heading-color-dark: #fff; /* Anpassa färgen efter behov */

	/* border radius*/
	--border-radius-btn: 5px;
	--border-radius-small-btn: 5px;
	--border-radius-small-tag: 30px;
	--border-radius-small-tag-2: 5px;
	--border-radius-small-input: 5px;
	--border-radius-big-input: 5px;
	--border-radius-dropdown: 9px;
	--border-radius-search-input: 35px;

	/* Colors and gradients */
	--color-swatch-whiteagate: #fdfdfb;
	--color-swatch-brightrosequartz: #f9f6f9;
	--color-swatch-easteryellow: #F7E951;
	--color-swatch-piglet: linear-gradient(to right, #ee9ca7, #ffdde1);
	--color-swatch-lush: linear-gradient(to right, #56ab2f, #a8e063);
	--color-swatch-moss: linear-gradient(to right, #134e5e, #71b280);
	--color-swatch-influenza: linear-gradient(to right, #c04848, #480048);
	--color-swatch-calmdarya: linear-gradient(to right, #5f2c82, #49a09d);


/* Top menu */

--top-menu-bg-color: #f9f9f9; /* Light gray background */
--top-menu-bg-color-active-desktop: #525050; /* Dark gray background for active items */
--top-menu-text-color: #393939; /* Dark gray text color */

--top-menu-bg-color-1: #D7D2F4; /* Light blue background */
--top-menu-text-color-1: #0091F1; /* Dark blue text color */

--top-menu-bg-color-2: #E9CCEA; /* Light pink background */
--top-menu-text-color-2: #C56B9C; /* Dark pink text color */

--top-menu-bg-color-3: #F4CADA; /* Light orange background */
--top-menu-text-color-3: #CA92AF; /* Dark orange text color */

--top-menu-bg-color-4: #F7CAC9; /* Light peach background */
--top-menu-text-color-4: #EE9A9A; /* Dark peach text color */

--top-menu-bg-color-5: #F1CEBB; /* Light beige background */
--top-menu-text-color-5: #C99283; /* Dark beige text color */

--top-menu-bg-color-6: #E3D3B4; /* Light olive background */
--top-menu-text-color-6: #9C8B6D; /* Dark olive text color */

--top-menu-bg-color-7: #D2D8B6; /* Light green background */
--top-menu-text-color-7: #836D5D; /* Dark green text color */

--top-menu-bg-color-8: #FFC5D0; /* Light orange pink background */
--top-menu-text-color-8: #D9748F; /* Dark orange pink text color */

--top-menu-active-shadow-1: 0 0.25rem 1.5rem -8px var(--top-menu-bg-color-1);
--top-menu-active-shadow-2: 0 0.25rem 1.5rem -8px var(--top-menu-bg-color-2);
--top-menu-active-shadow-3: 0 0.25rem 1.5rem -8px var(--top-menu-bg-color-3);
--top-menu-active-shadow-4: 0 0.25rem 1.5rem -8px var(--top-menu-bg-color-4);
--top-menu-active-shadow-5: 0 0.25rem 1.5rem -8px var(--top-menu-bg-color-5);
--top-menu-active-shadow-6: 0 0.25rem 1.5rem -8px var(--top-menu-bg-color-6);
--top-menu-active-shadow-7: 0 0.25rem 1.5rem -8px var(--top-menu-bg-color-7);
--top-menu-active-shadow-8: 0 0.25rem 1.5rem -8px var(--top-menu-bg-color-8);

/* Graphics */
--icon-addtocart: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M24 0v24H0V0h24ZM12.594 23.258l-.012.002-.071.035-.02.004-.014-.004-.071-.036c-.01-.003-.019 0-.024.006l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427c-.002-.01-.009-.017-.016-.018Zm.264-.113-.014.002-.184.093-.01.01-.003.011.018.43.005.012.008.008.201.092c.012.004.023 0 .029-.008l.004-.014-.034-.614c-.003-.012-.01-.02-.02-.022Zm-.715.002a.023.023 0 0 0-.027.006l-.006.014-.034.614c0 .012.007.02.017.024l.015-.002.201-.093.01-.008.003-.011.018-.43-.003-.012-.01-.01-.184-.092Z'/%3E%3Cpath fill='%2309244BFF' d='M9 5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v4h4a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2h-4v4a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2v-4H5a2 2 0 0 1-2-2v-2a2 2 0 0 1 2-2h4V5Z'/%3E%3C/g%3E%3C/svg%3E");
--icon-productnotify:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath d='M24 0v24H0V0h24ZM12.594 23.258l-.012.002-.071.035-.02.004-.014-.004-.071-.036c-.01-.003-.019 0-.024.006l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427c-.002-.01-.009-.017-.016-.018Zm.264-.113-.014.002-.184.093-.01.01-.003.011.018.43.005.012.008.008.201.092c.012.004.023 0 .029-.008l.004-.014-.034-.614c-.003-.012-.01-.02-.02-.022Zm-.715.002a.023.023 0 0 0-.027.006l-.006.014-.034.614c0 .012.007.02.017.024l.015-.002.201-.093.01-.008.003-.011.018-.43-.003-.012-.01-.01-.184-.092Z'/%3E%3Cpath fill='%2309244BFF' d='M12 3a7 7 0 0 1 7 7v3.764l1.822 3.644A1.1 1.1 0 0 1 19.838 19H4.162a1.1 1.1 0 0 1-.984-1.592L5 13.764V10a7 7 0 0 1 7-7Zm0 2a5 5 0 0 0-5 5v3.764a2 2 0 0 1-.211.894L5.619 17h12.763l-1.17-2.342a2 2 0 0 1-.212-.894V10a5 5 0 0 0-5-5Zm4.88-2.63a1 1 0 0 1 1.406-.147 10.04 10.04 0 0 1 2.61 3.206 1 1 0 0 1-1.778.915 8.037 8.037 0 0 0-2.09-2.567 1 1 0 0 1-.148-1.406Zm-9.76 0a1 1 0 0 1-.148 1.407 8.038 8.038 0 0 0-2.084 2.555 1 1 0 1 1-1.776-.918 10.038 10.038 0 0 1 2.602-3.191 1 1 0 0 1 1.406.148ZM9 20h6a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2Z'/%3E%3C/g%3E%3C/svg%3E");
--icon-productchoice:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 52 52' xml:space='preserve'%3E%3Cpath d='M6.9 33.7H3.7c-.9 0-1.6.7-1.6 1.6v3.2c0 .9.7 1.6 1.6 1.6H7c.9-.1 1.5-.8 1.4-1.6v-3.2c.1-.9-.6-1.6-1.5-1.6zm9.6-21.9h31.6c.9 0 1.6-.7 1.6-1.6V7c0-.9-.7-1.6-1.6-1.6H16.5c-.9 0-1.6.7-1.6 1.6v3.2c0 .9.7 1.6 1.6 1.6zm0 14.2h31.6c.9 0 1.6-.7 1.6-1.6v-3.2c0-.9-.7-1.6-1.6-1.6H16.5c-.9 0-1.6.7-1.6 1.6v3.2c0 .8.7 1.6 1.6 1.6zM6.9 5.4H3.7c-.9 0-1.6.7-1.6 1.6v3.2c0 .9.7 1.6 1.6 1.6H7c.9-.1 1.5-.8 1.4-1.6V6.9c.1-.8-.6-1.5-1.5-1.5zm0 14.1H3.7c-.9 0-1.6.7-1.6 1.6v3.2c0 .9.7 1.6 1.6 1.6H7c.9-.1 1.5-.8 1.4-1.6v-3.2c.1-.8-.6-1.6-1.5-1.6zm14 20.2c0-1.8.6-3.6 1.7-5v-1.1h-6.1c-.9 0-1.6.7-1.6 1.6v3.2c0 .9.7 1.6 1.6 1.6h4.4v-.3zm14.3-8.3c.8-.8 1.9-1.3 3.2-1.3 1.7 0 3.1.9 3.9 2.2.6-.2 1.4-.5 2.2-.5 2.9 0 5.4 2.5 5.4 5.3 0 2.9-2.5 5.3-5.4 5.3-.3 0-.7 0-1-.1-.6 1.2-2 2-3.4 2-.6 0-1.2-.2-1.7-.4-.7 1.6-2.3 2.7-4.1 2.7-2 0-3.6-1.2-4.2-2.9-.2 0-.6.1-.9.1-2.3 0-4.2-1.8-4.2-4.1 0-1.5.8-2.9 2.1-3.6-.2-.6-.4-1.2-.4-1.9 0-2.6 2.2-4.8 4.8-4.8 1.4.1 2.9.8 3.7 2z'/%3E%3C/svg%3E");
--icon-showcart: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath d='M24 0v24H0V0zM12.593 23.258l-.011.002-.071.035-.02.004-.014-.004-.071-.035c-.01-.004-.019-.001-.024.005l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427c-.002-.01-.009-.017-.017-.018m.265-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093c.012.004.023 0 .029-.008l.004-.014-.034-.614c-.003-.012-.01-.02-.02-.022m-.715.002a.023.023 0 0 0-.027.006l-.006.014-.034.614c0 .012.007.02.017.024l.015-.002.201-.093.01-.008.004-.011.017-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%2309244BFF' d='M9 20a1 1 0 1 1 0 2 1 1 0 0 1 0-2m7 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2M2.2 2.9a1 1 0 0 1 1.295-.269l.105.07 1.708 1.28a2 2 0 0 1 .653.848l.06.171h12.846a2 2 0 0 1 1.998 2.1l-.013.148-.457 3.655a5 5 0 0 1-4.32 4.34l-.226.023-7.313.61.26 1.124H17.5a1 1 0 0 1 .117 1.993L17.5 19H8.796a2 2 0 0 1-1.906-1.393l-.043-.157-2.74-11.87L2.4 4.3a1 1 0 0 1-.2-1.4'/%3E%3C/g%3E%3C/svg%3E");
--icon-showbasket: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath d='M24 0v24H0V0zM12.593 23.258l-.011.002-.071.035-.02.004-.014-.004-.071-.035c-.01-.004-.019-.001-.024.005l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427c-.002-.01-.009-.017-.017-.018m.265-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093c.012.004.023 0 .029-.008l.004-.014-.034-.614c-.003-.012-.01-.02-.02-.022m-.715.002a.023.023 0 0 0-.027.006l-.006.014-.034.614c0 .012.007.02.017.024l.015-.002.201-.093.01-.008.004-.011.017-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%2309244BFF' d='M10.464 3.282a2 2 0 0 1 2.964-.12l.108.12L17.469 8h2.985a1.49 1.49 0 0 1 1.484 1.655l-.092.766-.1.74-.082.554-.095.595-.108.625-.122.648-.136.661c-.072.333-.149.667-.232.999a21.018 21.018 0 0 1-.832 2.583l-.221.54-.214.488-.202.434-.094.194-.249.49c-.32.61-.924.97-1.563 1.022l-.16.006H6.555a1.929 1.929 0 0 1-1.71-1.008l-.232-.45-.18-.37a20.09 20.09 0 0 1-.095-.205l-.2-.449a21.536 21.536 0 0 1-1.108-3.276 32.366 32.366 0 0 1-.156-.654l-.142-.648-.127-.634-.112-.613-.1-.587-.087-.554-.074-.513-.09-.683-.066-.556a39.802 39.802 0 0 1-.017-.153 1.488 1.488 0 0 1 1.348-1.64L3.543 8h2.989zM19.883 10H4.113l.062.484.076.548.092.604.108.648c.04.222.081.45.126.682l.143.707c.076.358.16.722.25 1.084a19.532 19.532 0 0 0 1 2.957l.196.441.182.384.163.323.072.138H17.41l.154-.303.177-.365.194-.423c.367-.825.787-1.918 1.095-3.152.125-.5.236-1.008.335-1.507l.14-.738.12-.709.053-.339.095-.637.077-.57zm-9.897 2.836.5 3a1 1 0 0 1-1.972.328l-.5-3a1 1 0 1 1 1.972-.328M15.048 12l.116.013A1 1 0 0 1 16 13.048l-.013.116-.5 3a1 1 0 0 1-1.985-.212l.013-.116.5-3A1 1 0 0 1 15.048 12M12 4.562 9.135 8h5.73z'/%3E%3C/g%3E%3C/svg%3E");
--icon-gotoproduct: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath d='M24 0v24H0V0h24ZM12.593 23.258l-.011.002-.071.035-.02.004-.014-.004-.071-.035c-.01-.004-.019-.001-.024.005l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427c-.002-.01-.009-.017-.017-.018Zm.265-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093c.012.004.023 0 .029-.008l.004-.014-.034-.614c-.003-.012-.01-.02-.02-.022Zm-.715.002a.023.023 0 0 0-.027.006l-.006.014-.034.614c0 .012.007.02.017.024l.015-.002.201-.093.01-.008.004-.011.017-.43-.003-.012-.01-.01-.184-.092Z'/%3E%3Cpath fill='%2309244BFF' d='M12 4c2.787 0 5.263 1.257 7.026 2.813.885.781 1.614 1.658 2.128 2.531.505.857.846 1.786.846 2.656 0 .87-.34 1.799-.846 2.656-.514.873-1.243 1.75-2.128 2.531C17.263 18.743 14.786 20 12 20c-2.787 0-5.263-1.257-7.026-2.813-.885-.781-1.614-1.658-2.128-2.531C2.34 13.799 2 12.87 2 12c0-.87.34-1.799.846-2.656.514-.873 1.243-1.75 2.128-2.531C6.737 5.257 9.214 4 12 4Zm0 2c-2.184 0-4.208.993-5.702 2.312-.744.656-1.332 1.373-1.729 2.047C4.163 11.049 4 11.62 4 12c0 .38.163.951.569 1.641.397.674.985 1.39 1.729 2.047C7.792 17.007 9.816 18 12 18s4.208-.993 5.702-2.312c.744-.657 1.332-1.373 1.729-2.047.406-.69.569-1.261.569-1.641 0-.38-.163-.951-.569-1.641-.397-.674-.985-1.39-1.729-2.047C16.208 6.993 14.184 6 12 6Zm0 3c.088 0 .175.004.261.011a2 2 0 0 0 2.728 2.728A3 3 0 1 1 12 9Z'/%3E%3C/g%3E%3C/svg%3E");
--graphic-banner-wave: url("data:image/svg+xml,%3Csvg width='960' height='35' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m0 8 11.5 1.8C23 11.7 46 15.3 68.8 15.3c22.9 0 45.5-3.6 68.4-3.6 22.8 0 45.8 3.6 68.6 6.1 22.9 2.5 45.5 3.9 68.4 3.5C297 21 320 19 342.8 17c22.9-2 45.5-4 68.4-3.5 22.8.5 45.8 3.5 68.8 4s46-1.5 68.8-1.3c22.9.1 45.5 2.5 68.4 3.8 22.8 1.3 45.8 1.7 68.6-.5 22.9-2.2 45.5-6.8 68.4-7.8 22.8-1 45.8 1.6 68.6 3.6 22.9 2 45.5 3.4 68.4 1.7 22.8-1.7 45.8-6.3 57.3-8.7L960 6v30H0Z' fill='%23eee'/%3E%3Cpath d='m0 25 11.5-.8c11.5-.9 34.5-2.5 57.3-3.7 22.9-1.2 45.5-1.8 68.4-1 22.8.8 45.8 3.2 68.6 3.7 22.9.5 45.5-.9 68.4-3.2 22.8-2.3 45.8-5.7 68.6-5.8 22.9-.2 45.5 2.8 68.4 2.5 22.8-.4 45.8-4 68.8-3.7 23 .3 46 4.7 68.8 7.3 22.9 2.7 45.5 3.7 68.4 3.9 22.8.1 45.8-.5 68.6-3 22.9-2.5 45.5-6.9 68.4-7.5C777 13 800 16 822.8 16.8c22.9.9 45.5-.5 68.4-2 22.8-1.5 45.8-3.1 57.3-4L960 10v26H0Z' fill='%23d5d4d6'/%3E%3Cpath d='m0 13 11.5.8c11.5.9 34.5 2.5 57.3 3.5 22.9 1 45.5 1.4 68.4 2.5C160 21 183 23 205.8 24c22.9 1 45.5 1 68.4 1 22.8 0 45.8 0 68.6.3 22.9.4 45.5 1 68.4.5 22.8-.5 45.8-2.1 68.8-4.6 23-2.5 46-5.9 68.8-6.7 22.9-.8 45.5.8 68.4 2.3 22.8 1.5 45.8 2.9 68.6 3.7 22.9.8 45.5 1.2 68.4.7 22.8-.5 45.8-1.9 68.6-1.2 22.9.7 45.5 3.3 68.4 2.7C914 22 937 18 948.5 16l11.5-2v22H0Z' fill='%23bdbabe'/%3E%3Cpath d='m0 23 11.5-1.3c11.5-1.4 34.5-4 57.3-4.9 22.9-.8 45.5.2 68.4 1.4 22.8 1.1 45.8 2.5 68.6 2 22.9-.5 45.5-2.9 68.4-2.7 22.8.2 45.8 2.8 68.6 4 22.9 1.2 45.5.8 68.4 1.5 22.8.7 45.8 2.3 68.8 3 23 .7 46 .3 68.8-.2 22.9-.5 45.5-1.1 68.4-2.6 22.8-1.5 45.8-3.9 68.6-4.2 22.9-.3 45.5 1.3 68.4 2.8 22.8 1.5 45.8 2.9 68.6 3.9 22.9 1 45.5 1.6 68.4 1.8 22.8.2 45.8-.2 57.3-.3L960 27v9H0Z' fill='%23a6a0a7'/%3E%3Cpath d='M0 22h11.5c11.5 0 34.5 0 57.3-.3 22.9-.4 45.5-1 68.4-1.5 22.8-.5 45.8-.9 68.6-.9 22.9 0 45.5.4 68.4.4 22.8 0 45.8-.4 68.6 1 22.9 1.3 45.5 4.3 68.4 5 22.8.6 45.8-1 68.8-2s46-1.4 68.8-1.2c22.9.2 45.5.8 68.4 1.7 22.8.8 45.8 1.8 68.6 1.1 22.9-.6 45.5-3 68.4-3.8 22.8-.8 45.8-.2 68.6-.3 22.9-.2 45.5-1.2 68.4-1 22.8.1 45.8 1.5 57.3 2.1l11.5.7v13H0Z' fill='%238f8891'/%3E%3Cpath d='m0 23 11.5-.2c11.5-.1 34.5-.5 57.3-.6 22.9-.2 45.5-.2 68.4.6 22.8.9 45.8 2.5 68.6 2.5 22.9 0 45.5-1.6 68.4-2.1 22.8-.5 45.8.1 68.6.1 22.9 0 45.5-.6 68.4-.6 22.8 0 45.8.6 68.8 1.5 23 .8 46 1.8 68.8 2.6 22.9.9 45.5 1.5 68.4.7 22.8-.8 45.8-3.2 68.6-3.3 22.9-.2 45.5 1.8 68.4 2 22.8.1 45.8-1.5 68.6-2.5 22.9-1 45.5-1.4 68.4-1 22.8.3 45.8 1.3 57.3 1.8l11.5.5v11H0Z' fill='%2378707b'/%3E%3Cpath d='m0 27 11.5-.2c11.5-.1 34.5-.5 57.3-.5 22.9 0 45.5.4 68.4.2 22.8-.2 45.8-.8 68.6-.3 22.9.5 45.5 2.1 68.4 2.8 22.8.7 45.8.3 68.6-.3 22.9-.7 45.5-1.7 68.4-1.4 22.8.4 45.8 2 68.8 2.5s46-.1 68.8-.1c22.9 0 45.5.6 68.4.6 22.8 0 45.8-.6 68.6-.8 22.9-.2 45.5.2 68.4.2 22.8 0 45.8-.4 68.6-1.2 22.9-.8 45.5-2.2 68.4-2.3 22.8-.2 45.8.8 57.3 1.3l11.5.5v8H0Z' fill='%23625966'/%3E%3Cpath d='M0 29h11.5c11.5 0 34.5 0 57.3.5 22.9.5 45.5 1.5 68.4 1.5 22.8 0 45.8-1 68.6-1.7 22.9-.6 45.5-1 68.4-.5 22.8.5 45.8 1.9 68.6 2.2 22.9.3 45.5-.3 68.4-.7 22.8-.3 45.8-.3 68.8 0 23 .4 46 1 68.8 1 22.9 0 45.5-.6 68.4-.6 22.8 0 45.8.6 68.6.3 22.9-.3 45.5-1.7 68.4-1.7 22.8 0 45.8 1.4 68.6 1.9 22.9.5 45.5.1 68.4.1 22.8 0 45.8.4 57.3.5l11.5.2v4H0Z' fill='%234d4352'/%3E%3C/svg%3E");

}

*, *:after, *:before { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.preload * { -webkit-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; -o-transition: none !important; }
html { scroll-padding-top: 120px; }
html, body { border: none; height: 100%;}

/* Experimental */
body:not(.prevent-scroll) #wrapper { opacity: .3; animation: fadeInOnLoad .2s ease-in-out forwards; }
body:not(.prevent-scroll) .catProdImage,
body:not(.prevent-scroll) .prodSwiper {opacity: .3; animation: fadeInOnLoad .4s ease-in-out forwards; }
@keyframes fadeInOnLoad { to { opacity: 1; } }

body { height: 100vh; padding: 0; margin: 0; color: var(--default-text-color); font-family: var(--std-font-family); font-size: 16px; background-color: var(--body-bg-color); display: flex; flex-direction: column;  -webkit-font-smoothing: antialiased; }
img,
object,
video { border: none; height: auto; max-width: 100%; -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none; }
input[type=text] { -webkit-user-select: text; color: var(--input-default-color); }

img { /*object-fit: cover;*/ }
img, picture, video, canvas { display: block; max-width: 100%; }
input, button, textarea, select { font: inherit; color: var(--input-default-color); background-color: #fff; }
p, h1, h2, h3, h4, h5, h6 { /*overflow-wrap: break-word;*/ }
h1, h2, h3, h4, h5, h6 { text-wrap: balance; }
p { text-wrap: pretty; }

iframe { border: none; max-width: 100%; }
a { text-decoration:none; color:var(--default-text-color); outline: none; }
a:active,
a:hover { outline: 0; }
a:focus,
a:hover { text-decoration:underline; color: var(--link-default-hover-color); }
a:focus-visible { outline: var(--default-focus-visible-outline); }
a:active { background-color:transparent; outline:none }
.visually-hidden { position: absolute; border: 0; clip: rect(0 0 0 0); clip-path: inset(100%); width: 1px; height: 1px; margin: -1px; padding: 0; white-space: nowrap; overflow: hidden; }
button,
textarea,
input,
select,
a {  font-family: var(--std-font-family); -webkit-tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;  user-select: none; }
h1, h2, h3, h4 { font-family: var(--std-font-family); }
h1 { font-size: 2em; font-weight: 500; margin-bottom: 20px; }
h2 { color: var(--default-text-color); display: block; font-size: 1.6em; margin: 0; padding: 25px 0; font-weight: 600; text-align: center; }
h1.styled,
h2.styled { position: relative; font-size: 1.7em; font-weight: 700; padding: 15px 0 20px 0; text-align: center;}
h1 .h1prefix { color: #707070; }
h3 { margin:0; padding:0 0 3px 0; display:block; font-size:1em; font-weight: 400; }
p { line-height: 1.6em; }
.infotext ul li a,
p a { text-decoration: underline; color: var(--default-text-color); }
.standardformat a { text-decoration: underline; color: var(--button-action-color); }
.standardformat ul { list-style-type: disc; margin: 10px 0 10px 22px; }
.standardformat table { border-collapse: collapse; width: 100%; background-color: #ffffff; }
.standardformat th, .standardformat td { padding: 8px; text-align: left; border-bottom: 1px solid #ddd; }
.standardformat th { background-color: #f2f2f2; }
.standardformat tr:nth-child(even) { background-color: #f9f9f9; }
.standardformat tr { transition: all .3s ease-in-out; }
.standardformat tr:hover { transform: scale(1.04); background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,.4); outline: none !important; }
.pad { padding: 5px; }
.container {max-width:1300px; margin:0 auto; }

/* KQL-related example */
.container.category_burtoncustom { max-width: none; margin-top: -150px; }
.container.category_burtoncustom .bodytext p:not(:first-child) { max-width: 1300px; margin: 0 auto; }

#wrapper { padding: 0; background-color: var(--wrapper-bg-color)}

div#dealOfTheDayGlobal { height: 40px; background-color: #2c2c2c; color: #fff; display: flex; align-items: center; justify-content: center; }
div#dealOfTheDayGlobal a { color: #fff; font-weight: 600; display: flex; flex-basis: 100%; justify-content: center; height: 100%; align-items: center; }

#notice_bar { background-color: #B00331; display: flex; padding: 20px; align-items: center; justify-content: center; color: #fff; }
#notice_bar a { color: #fff; text-decoration: none; }

ul { list-style-type: none; margin:0; padding: 0; }
div:focus { outline: none; }

input,
select,
textarea { border: 1px solid #ccc; font-family: inherit; }
input[type=number] {-moz-appearance: textfield; color: var(--input-default-color); background-color: #fff;}
::-webkit-inner-spin-button { -webkit-appearance: none;}
::-webkit-outer-spin-button { -webkit-appearance: none;}
button, input { font-family:  var(--std-font-family) }

input,
textarea,
button { -webkit-border-radius: 0; }
input[type=text], input[type=password], textarea { transition: all 0.30s ease-in-out; outline: none; padding: 3px 0 3px 3px; margin: 5px 1px 3px 0; border: 1px solid #6b6b6b; color: var(--input-default-color); background-color: #fff; }
.styled-select { border: 1px solid #6b6b6b; }
input[type=text]:focus,
textarea:focus {}
caption { text-align: left; border-bottom: 1px solid #ccc; padding-bottom: 3px; }
label { font-size: 0.9em; font-weight: 600; }
.smallLabelText { font-weight: normal; font-size: .8em; }
form { width: 100%; }
form,
fieldset { margin:0; padding:0; border:none; clear: both; }

/* Clearfix */
.cf:before,
.cf:after { content: " "; /* 1 */ display: table; /* 2 */ }
.cf:after { clear: both; }

.nav-icon { margin: 0 auto; width: 24px; cursor: pointer; }
.nav-icon:after,
.nav-icon:before,
.nav-icon span { background-color: #fff; border-radius: 3px; content: ""; display: block; height: 2px; margin: 5px 0; transition: all 0.2s ease-in-out; }
/*Note: If you changed width of lines of head of arrow, then you also might have to set the transformation of those line accordingly*/
.nav-icon.closed:before { transform: translate3d(-2px,3px,0) rotate(135deg); width: 14px; }
.nav-icon.closed:after { transform: translate3d(-2px,-3px,0) rotate(-135deg);  width: 14px; }

#topFavouriteWrapper { display: flex; width: 60px; order: 10; align-items: center; justify-content: center; background-color: var(--mobile-bg-cover); }
#topFavourite { position: relative; cursor: pointer; color: var(--default-text-color); display: flex; align-items: center; justify-content: center;flex-wrap: wrap;}
#topFavourite .dyn-favourites-count { top: 50%; position: absolute; color: var(--default-text-color); display: flex; width: 20px; height: 20px; align-items: center; justify-content: center; border-radius: 100%; font-size: .8em; font-weight: normal; transition: color .3s; transform: translate3d(0,-50%,0) }
#topFavourite.active .dyn-favourites-count { display: flex; }
#topFavourite { display: flex; align-items: center; justify-content: center; }
#topFavourite:hover,
#topFavourite:focus { text-decoration: none; }
#topFavourite:hover svg,
#topFavourite:focus svg { fill: var(--button-alternative-color-hover); }
#topFavourite:focus-visible { outline: var(--default-focus-visible-outline); outline-offset: 2px; }
#topFavourite.favourites-text svg {fill: var(--button-icon-bg-color-favouriteUnchecked); stroke: var(--button-icon-stroke-color-favouriteUnchecked); stroke-width: 1.2px; transition: fill .3s; display: flex; align-items: center; justify-content: center; width: 35px; height: 35px;}
#topFavourite.favourites-text:not(.active) svg {fill: var(--button-icon-bg-color-favouriteUnchecked);}
#topFavourite.favourites-text.active svg { fill:var(--button-icon-bg-color-favouriteChecked); stroke: var(--button-icon-stroke-color-favouriteChecked); color: var(--default-text-color); }
#topFavourite.favourites-text.active .dyn-favourites-count { color: #fff;  background-color: var(--button-icon-bg-color-favouriteChecked);}
#topFavourite.favourites-text:hover svg,
#topFavourite.favourites-text:focus svg { fill: var(--button-alternative-color-hover); }
#topFavourite.favourites-text:hover .dyn-favourites-count,
#topFavourite.favourites-text:focus .dyn-favourites-count { color: #fff; }

#topLogo,
#topCartContent,
#topContact,
#topFlag,
#topTP,
#topFavouriteWrapper { z-index: 2; }

body.stickyheader #topBar { position: fixed; width: 100%; z-index: 10; min-height: 118px; top: 0; /*transform: translate3d(0,0,0);*/ transition: transform .25s; backface-visibility: hidden; background-color: var(--topbar-bg-color-desktop); }
/*
body.stickyheader #topBar:after {  content: \'\'; position: absolute; z-index: -1; width: 100%; opacity: 0; transition: opacity 0.3s ease; box-shadow: 0 -7px 20px 4px #9e9e9e;}
body.stickyheader #topBar.hide { transform: translateY(-120px); transition: transform .25s; backface-visibility: hidden; }
body.stickyheader #topBar.hide:after { opacity: 1; }
*/

body.stickyheader #topBar.hide { max-height: 60px; min-height: auto;}
body.stickyheader #topBar.hide #topLogo { flex: auto; background-color: var(--mobile-bg-cover);}
body.stickyheader #topBar #btnNav,
body.stickyheader #topBar #topSearch { transition: transform .25s; }
body.stickyheader #topBar.hide #topSearch,
body.stickyheader #topBar.hide #btnNav { transform: translate3d(0,-60px,0); z-index:-1; }
body.stickyheader #topBar.allmostall #topSearch,
body.stickyheader #topBar.allmostall #btnNav	{ transform: translate3d(0,0,0); z-index:1}
body.stickyheader #wrapper { margin-top: 120px; /*padding-bottom: 50px;*/ }

/*
body.stickyheader #topBar.allmostall { transform: translateY(0); transition: transform .25s; backface-visibility: hidden; }
body.stickyheader #topBar.allmostall:after { opacity: 1; }
body.stickyheader #wrapper { margin-top: 120px; }
*/

#topBar { position: relative; color: var(--default-text-color); background-color: #fff; z-index: 11; }
#topBar > .container { display: flex; flex-wrap: wrap; position: relative; padding: 0; background-color: var(--mobile-bg-cover); max-height: 60px;}
#topArea { display: none;}

#topLogin { margin-right: 15px; }
#topLogin a {padding: 5px 10px !important; background-color: #535353; color: #fff; border-radius: var(--border-radius-small-btn); transition: background-color .3s ease-in-out; }
#topLogin a:hover,
#topLogin a:focus-visible { background-color: #353535; }

#topLogo { order: 10; background-color: var(--mobile-bg-cover); flex: auto; display: flex; align-items: center; padding-left: 10px; /* TEST --> */ width: min-content; min-width: 200px}
#topLogo img { /*max-height: 55px; width: auto; max-width: 175px;*/ /* TEST --> */ height: auto; max-height: 45px;     width: auto; }
#topLogo svg { width: 100%; height: auto; max-height: 60px; max-width: 200px; }
#topLogo svg #PGlogo {color: #d43281;}
#topLogo svg #PGtext {color: #181818;}
#topLogo a { display: flex; align-items: center; justify-content: center; height: 60px; }
#topLogo .logotext { fill: #fff; }
#topLogo 
body.cashierrelated #topLogo { width: 85%; }

#topSearch { order: 30; align-items: center; justify-content: center; display: flex; flex-grow: 1; min-width: 77%;}
#topSearch form { display: flex; width: 100%; height: 60px; align-items: center; justify-content: center;}
#topSearch fieldset { width: 100%; height: 100%; }
.search-form-new .searchContainer { position: relative; display: flex; height: 100%; align-items: center; justify-content: center; }
.search-form-new .searchContainer .twitter-typeahead { width: 100%; height: 100%; position: relative; top: 0; }
.search-form-new .text { height: 100%; padding: 5px 5px 5px 5px; font-size: 16px; width: 100%; border: 0; border-radius: 0; background-color: #dedede; margin: 0; z-index: 2;}
.search-form-new .text:focus { color: #333;  }
.search-form-new .text:focus,
.search-form-new .text:active { background-color: #f7f7f7; }
.search-form-new .text::placeholder { color: #333; }
.search-form-new .text::-webkit-input-placeholder { color:var(--placeholder-color-mobile); }
.search-form-new .text:-moz-placeholder { color: var(--placeholder-color-mobile); }
.search-form-new .text:-moz-placeholder { color: var(--placeholder-color-mobile); }
.search-form-new .text:-ms-input-placeholder { color: var(--placeholder-color-mobile); }
.search-form-new .text:focus-visible { }
.search-form-new .text:focus::placeholder { color: var(--placeholder-color-focus-mobile); }
.search-form-new .text:focus::-webkit-input-placeholder { color: var(--placeholder-color-focus-mobile); }
.search-form-new .text:focus:-moz-placeholder { color: var(--placeholder-color-focus-mobile); }
.search-form-new .text:focus::-moz-placeholder { color: var(--placeholder-color-focus-mobile); }
.search-form-new .text:focus:-ms-input-placeholder { color: var(--placeholder-color-focus-mobile); }
.search-form-new .icon { cursor: pointer; position: absolute;justify-content: center; align-items: center; color: #fff; background-color: var(--button-alternative-color); height: 60px; width: 60px; font-size: 18px; top: 0; right: 0; border: 0; transition: all 250ms ease; }
.search-form-new .icon:hover { color: #fff; transition: all 250ms ease }
.search-form-new .icon:hover,
.search-form-new .icon:focus { background-color: var(--button-alternative-color-hover); }
.search-form-new .icon:hover svg,
.search-form-new .icon:focus svg { fill: #fff }
.search-form-new svg { width: 18px; height: 18px; fill: #fff; transition: all 250ms ease}

.jsShakeArea { display: flex; align-items: stretch; flex-direction: column; height: 100%; }
#topCartContent { order: 20; align-items: center; justify-content: right; width: 60px;}
#topCartOpen { height: 100%; align-items: center; justify-content: flex-end; display: flex; }

#topTP { display: none; }

#topFlag { position: relative; display: flex; align-items: center; justify-content: center; order: 15; background-color: var(--mobile-bg-cover);}
#topFlag #btnFlag { width: 60px; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%;border: 0; cursor: pointer; background-color: transparent;}
#topFlag #btnFlag .btnlabel { font-size: .9em; }
#topFlag #btnFlag .btnlabel.btnlabel2 { color: #000; background-color: rgb(255 255 255 / 80%); font-size: .7em; padding: 2px 5px; border-radius: 20px; position: absolute; bottom: 4px; min-width: 90px; }
#topFlag #btnFlag svg { width: 25px; height: 25px; fill: var(--default-text-color); transition: fill .4s ease; }
#topFlag #btnFlag[aria-expanded=true] svg { fill: #C72D25; }
#topFlag #btnFlag[aria-expanded=true]:after { bottom:0; left:50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(222, 222, 222, 0);	border-bottom-color: #dedede; border-width: 6px; margin-left: -6px; }

#topFlagInner { display: none; position: absolute; width: 230px; right: 0; background-color: #fff; top: 100%; box-shadow: 5px 12px 18px -4px #333; max-height: 0; overflow: hidden; transition: max-height .3s; will-change: max-height; }
#topFlagInner.open { display: block;  max-height: 80vh; transition: max-height .3s; z-index: 1;}
#topFlagInner ul { display: flex; flex-direction: column; justify-content: center; }
#topFlagInner li { display: flex; flex-basis: 100%;}
#topFlagInner li.active a { background-color: #f0f0f0; opacity: 1; }
#topFlagInner a { display: flex; align-items: center; flex-basis: 100%; padding: 10px; font-size: .9em;  opacity: .7; }
#topFlagInner a:hover { text-decoration: none; background-color: #f7f7f7; opacity:1; }
#topFlagInner a:focus-visible { outline: 1px solid #000; background-color: #f7f7f7; opacity:1;}
#topFlagInner img { margin-right: 10px; }
#topFlagInner .cName { margin-right: 0; margin-left: auto;}
#topFlagInner .cShort {}
#topFlag .flagImg { width: 44px; height: 27px; background-repeat: no-repeat; background-position: center center; background-size: cover; }
#topFlag .flagImg.sub { margin-right: 10px; }

/*#topContact { display: none; align-items: center; justify-content: center; order: 15; width: 60px;}*/
#topContact { display: flex; align-items: center; justify-content: center; order: 15; width: 140px; background-color: var(--mobile-bg-cover);}
#topContact .md_switch{ color: var(--default-text-color);}
#topContact #topContactInner { /*display: none;*/ position: absolute; width: 100%; left: 0; background-color: #dedede; top: 59px; box-shadow: 5px 12px 18px -4px #333; max-height: 0; overflow: hidden; transition: max-height .3s; will-change: max-height; }
#topContact #topContactInner.open { /*display: block;*/  max-height: 80vh; transition: max-height .3s; }
#topContact #topContactInner ul { padding: 20px; }
#topContact #btnContact { width: 60px; position: relative; /*display: flex;*/ display: none; flex-direction: column; align-items: center; justify-content: center; height: 100%;border: 0; cursor: pointer; background-color: #3c8bc3; }
#topContact #btnContact svg { width: 25px; height: 25px; fill: #fff; transition: fill .4s ease; }
#topContact #btnContact[aria-expanded=true] svg { fill: #C72D25; }
#topContact #btnContact[aria-expanded=true]:after { bottom:0; left:50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(222, 222, 222, 0);	border-bottom-color: #dedede; border-width: 6px; margin-left: -6px; }

#topMenu { display: flex; align-items: center; justify-content: center; }
#topMenu { display: flex; align-items: center; justify-content: flex-end; place-content: flex-end; position: absolute; right: 0; bottom: 0; height: 60px; }
#btnNav { z-index: 2; order: 40; cursor: pointer; color: #fff; background-color: var(--button-alternative-color); border: 0; width: 60px; height: 60px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
#btnNav:hover { background-color: var(--button-alternative-color);}
#btnNav:focus {color: var(--default-text-color);outline: none; background-color: var(--button-alternative-color); }
#btnNav:focus-visible {outline: var(--default-focus-visible-outline); }
#btnNav .menuText { font-size: .7em; font-weight: 500; color: #fff;}

#basketItems { border: 0; color: var(--default-text-color); display: flex; align-items: center; position: relative; cursor: pointer; font-weight: 600; font-size: 1em; height: 100%; background-color: var(--mobile-bg-cover); width: 60px; justify-content: center; }
#basketItems.hasitems {}
#basketItems.hasitems svg { }
#basketItems .iconwrapper { display: flex; align-items: flex-end; justify-content:center; position: relative; min-height:30px; min-width:30px; position:absolute;}
#basketItems .iconwrapper .basketQty { min-width: 15px; min-height: 15px; background-color: #a4a4a4; /*border: 2px solid #fff;*/ display: flex; align-items: center; justify-content: center; color: #fff; border-radius: var(--border-radius-small-btn); font-size: .7em; padding: 2px; margin-bottom: 3px; /*position: absolute; top: -12px; right: 0;*/}
#basketItems.hasitems .iconwrapper .basketQty { background-color: var(--button-action-color); }
#basketItems svg { width: 30px; height: 30px; margin-right: 10px; fill: var(--default-text-color);}
#basketItems .basketTotal {display: none; }
#basketItem:hover { color: #fff; }
#basketItems:hover,
#basketItems:focus { outline: 2px solid transparent; }
#basketItems:focus-visible .iconwrapper { outline-offset: 2px; outline: var(--default-focus-visible-outline);;}
#btnToCashier { display: none; }


/*#wrapper { padding: 0 10px; }*/

#breadcrumbs { font-size: .8em; padding: 0 10px;}
#breadcrumbs nav ul { display: flex; align-items: stretch; flex-wrap: nowrap; padding: 5px 0; overflow-x: auto; scroll-snap-type: x mandatory;
	/*
    background-image: linear-gradient(to right, #f7f7f7, #f7f7f7), linear-gradient(to right, #f7f7f7, #f7f7f7), linear-gradient(to right, rgba(0, 0, 0, 0.25), rgba(255, 255, 255, 0)), linear-gradient(to left, rgba(0, 0, 0, 0.25), rgba(255, 255, 255, 0));
    background-position: left center, right center, left center, right center;
    background-repeat: no-repeat;
    background-size: 20px 100%, 20px 100%, 10px 100%, 10px 100%;
    background-attachment: local, local, scroll, scroll;*/
}
#breadcrumbs nav ul::-webkit-scrollbar { width: 0; background: transparent; height: 0;}
#breadcrumbs nav li { flex: none;  margin-right: 10px; scroll-snap-align: start; display: flex; align-items: center; justify-content: center;}
#breadcrumbs nav li a { min-height: 44px; display: flex; align-items: center; }
#breadcrumbs nav a#activecrumb { background-color: #c72d25; color: #fff; }
#breadcrumbs li.arrow:before { content:"/"; padding-right:10px; }
#breadcrumbs li.lastchild { font-weight: 600; }
#breadcrumbs li.lastchild a { padding:0 10px;}
#breadcrumbs li.lastchild:before { padding-right: 0; }

#productPageUpper {	background-color: #fff; }
#productPageUpper section {	display: flex; flex-wrap: wrap; }
#productPageUpper #prodImage {width: 100%; order: 1; }
#productPageUpper .productImageWrapper { background-color: #fff;  }
#productPageUpper #prodInfo { flex: 1; order: 2; /*background-color: #f5f5f5;*/ -webkit-transition: all 0.3s ease;transition: all 0.3s ease; position: relative; padding: 10px; }
#assoc2Wrapper, #assoc3Wrapper { margin-top: 20px; }
#productPageUpper #mimagecont img { max-height: 30px; margin-bottom: 8px; }
#productPageUpper #mimagecont img[src$=".svg"] { min-height: 60px; }
#productPageUpper #mimagecont a { display: inline-block; }
#productPageUpper #mimagecont a:focus-visible { outline: 1px solid #000; }
.productImageWrapper {position: sticky; top: 0;}
.productImageContainer {position: relative; overflow: hidden;}
.productImageContainer .next,
.productImageContainer .prev {cursor: pointer;font-size: 50px;font-weight: 600;position: absolute;color: #333; top: 50%; transform: translate3d(0,-50%,0) }
.productImageContainer .next {right: 5px;}
.productImageContainer .prev {left: 5px;}
.productImageContainer .next:hover,
.productImageContainer .prev:hover {color: #787878;}
.productImage {display: flex; justify-content: center; align-items: center; height: 350px; background-color: #fff;position: relative;width: 100%;/*overflow: hidden*/;max-width: 700px;margin: 0 auto 0;/*height: 320px;line-height: 320px;*/}
.productImage img {max-height: 350px; width: auto;}
.productImage a,
.productImage video { display: flex; justify-content: center; align-items: center; margin: auto; }
.productImage video { width: 90%; }
.productImage .image-caption { position: absolute; bottom: 30px; height: 40px; line-height: 40px; width: 100%; font-size: .9em; padding: 0 25px;
	background: -moz-linear-gradient(left,  rgba(229,229,229,0) 0%, rgba(229,229,229,.7) 15%, rgba(229,229,229,.7) 85%, rgba(229,229,229,0) 100%);
	background: -webkit-linear-gradient(left,  rgba(229,229,229,0) 0%,rgba(229,229,229,.7) 15%,rgba(229,229,229,.7) 85%,rgba(229,229,229,0) 100%);
	background: linear-gradient(to right,  rgba(229,229,229,0) 0%,rgba(229,229,229,.7) 15%,rgba(229,229,229,.7) 85%,rgba(229,229,229,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00e5e5e5", endColorstr="#00e5e5e5",GradientType=1 );
}
#slider { visibility: hidden; overflow: hidden; }
#prodInfo .rating {	cursor: pointer; margin: -10px 0 15px 0; }

.stars { position: relative; white-space: nowrap; isolation: isolate;}
.stars svg { width: 20px; }
.cover { background: white; height: 100%; overflow: hidden; mix-blend-mode: color; position: absolute; top: 0; right: 0; }
.stars svg { fill: gold;}

#prodInfo p { padding: 8px 0;  }
#prodInfo p.giftwraptext { margin: 10px 0; font-size: .9rem; display: flex; align-items: center; color: rgb(174, 101, 0); padding: 0 !important; }
#prodInfo p.giftwraptext svg { width: 20px; height: 20px; margin-right: 10px; fill: rgb(174, 101, 0); }
#prodInfo .selProdAssoc { width: 100%; }
#prodInfo .dealPill { background-color: #000; display: inline-flex; color: #fff; padding: 4px 10px; font-size: .8em; border-radius: 20px; margin-bottom: 5px; font-weight: bold; }
#prodInfo h1 {padding-top: 0;padding-bottom: 0;padding-left: 0; text-align: left;}
#prodInfo .subscriptSpot {margin-top: 10px;font-size: .8em;text-align: center;}
#prodInfo .subscriptSpot span {background-color: #333; padding: 4px 10px; color: #fff; border-radius: 2px; }
#productManufacturer { text-align: left; margin: 5px 0 10px; padding: 0; font-size: .85em; font-weight: normal; }
#productManufacturer .artno { color: #393939; }
#prodInfo .agreeprice { border: 1px solid #414141; background-color: #fff; padding: 10px; font-size: 1em; font-weight: 600; margin: 10px 0; }
#prodInfo .agreeprice i { font-size: 2.6em; float: left; margin-right: 9px; color: #00a6f4; }
#prodInfo .shortDesc { margin-top: 10px; text-wrap: pretty; }
#prodInfo .shortDesc p { white-space: pre-line; }
#prodInfo .symbolContainerInfo { display: flex; margin: 20px 0; align-items: center; gap: 20px; }
#prodInfo .symbolContainerInfo .attrRefInner { width: 50px; height: 50px; display: flex; align-items: center; }
#prodInfo .symbolContainerInfo .attrRefInner.url { background-size: contain; background-repeat: no-repeat; }
#prodInfo .helpttext { position: relative; margin: 10px 0; padding: 10px; font-size: .9em; }
#prodInfo #data-attrib-result .helpttext { background-color: #ececec; }
#prodInfo #data-attrib-result .productBuy input { background-color: #fff; }
#prodInfo .assoc { margin: 15px 0 20px; /*background-color: #fff;*/ padding: 10px 10px 15px 0; border-radius: 4px; }
#prodInfo .prices { font-weight:600; font-size: 2.3em; position: relative; margin: 15px 0;}
#prodInfo .pricescont { display: inline-block; width: 60%; vertical-align: middle; }
#prodInfo .actions { position: absolute; right: 5px; top: 10px; }
#prodInfo .priceOld { font-size: .5em; }
#prodInfo .stockStatus { display: flex; justify-content: space-between; font-size: .9em; margin: 15px 0 0; border-top: 1px solid #dddddd; padding: 15px 5px; border-bottom: 1px solid #dddddd; flex-wrap: wrap; gap: 5px; }
#prodInfo .stockStatus .delDays {}
#prodInfo .stockStatus .stockstatustext,
#prodInfo .stockStatus .deliverydays { flex-basis: 100%;}
#prodInfo .bracketPrices { background-color: #efefef; padding: 10px; position: relative; margin:5px 0 15px 0; font-size: .9em; width: 100%; }
#prodInfo .bracketPrices table { width: 100%; }
#prodInfo .bracketPrices .col1 { width: 25%; }
#prodInfo .productBuy .stockQty { font-size: .7em; display: flex; align-items: center; justify-content: center; padding: 5px; margin-bottom: -10px; }
#prodInfo .bracketPrices caption { font-weight: 700; margin-bottom: 5px; }
#prodInfo .bracketPrices th { font-size: .9em; text-align: left; }
#prodInfo .bracketPrices:after {top: 100%;left: 40px;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(247, 247, 247, 0);border-top-color: #efefef;border-width: 10px;margin-left: -10px;}
#prodInfo .installment {margin-top: 8px;font-size: 13px;font-weight: normal;}
#prodInfo .productOptions { margin-top: 20px; padding-top: 4px; border-top: 1px dashed #ccc; }
#prodInfo .productBuy {display: flex; flex-wrap: wrap;}
#prodInfo .productBuy .col1 {position: relative; width: 80px; margin-right: 10px;}
#prodInfo .productBuy .col2 {flex: 1;}
#prodInfo #maxQty { display: flex; flex-basis: 100%; background-color: #cef2ec; margin: -12px 0 10px 0; padding: 5px; }

#prodInfo .notify { width: 100%; }
#prodInfo .notifyme { position: relative; background-color: var(--button-muted-color); color: var(--button-muted-text-color); border: 1px solid var(--button-muted-color-hover); }
#prodInfo .notifyme:hover,
#prodInfo .notifyme:focus-visible { background-color: var(--button-muted-color-hover); }

#prodInfo .productBuy input {border: 1px solid #6b6b6b;line-height: 45px;height: 45px;text-align: center;font-weight: 600;border-radius: var(--border-radius-big-input); font-size: 1.3em; background-color: #fff; width: 100%;}
#prodInfo .productBuy input:focus-visible {box-shadow: var(--default-focus-visible-box-shadow);}
#prodInfo .productBuy input[readonly] { background: #ebebeb; color: #9a9a9a; }
#prodInfo .productBuy button.showCart,
#prodInfo .productBuy a.linkToCashier {display: flex; align-items:center; justify-content: center; width: 100%; line-height: normal; background-color: #535353; padding: 10px; font-size: .9em; border-radius: 20px; color: #fff; margin-top: 10px;}
#prodInfo .stickywrap { min-height: 50px; }
body.makesticky #prodInfo .stickywrap a.linkToCashier { display: none; }

.freightNotice { color: var(--button-alternative-color); margin-top: 25px; }
#miniCart .freightNotice,
#cashierCart .freightNotice { margin-top: 5px; font-weight: normal; font-size: .7rem; }
#prodInfo .assoc { }
#prodInfo .assocText { }
#prodInfo .assocText span { color: red; }
#prodInfo .assocSelectWrapper { flex-basis: 100%; }
#prodInfo #assocSelectLabel { margin: 5px 0 0; font-size: 1em; }
#prodInfo .assocName { font-weight: bold; }
#prodInfo .selProdAssoc { width: 100%; }
#prodInfo .selProdAssocImg { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 20px; }
#prodInfo .selProdAssocImg .assocChoiceLabel { padding: 5px; border-radius: 5px; cursor:pointer; border: 2px solid #eaeaea; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; background-color: #fff; margin-bottom: 10px;}
#prodInfo .selProdAssocImg .assocChoiceLabel input[type=radio].assocChoice { opacity: 0; position: absolute; cursor: pointer; }
#prodInfo .selProdAssocImg .assocChoiceLabel:hover { border: 2px solid #999; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
#prodInfo .selProdAssocImg .assocChoiceLabel.selected  { border: 2px solid #0aa328; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
#prodInfo .selProdAssocImg .assocChoiceLabel img { max-height: 50px; font-size: 1px; }
#prodInfo .selProdAssocImg .assocChoiceLabel.disabled { opacity: .7; position: relative; }
#prodInfo .selProdAssocImg .assocChoiceLabel.disabled img { filter: grayscale(1); opacity: .7; position: relative; overflow: hidden; }
#prodInfo .selProdAssocImg .assocChoiceLabel.disabled:after{ content: ""; position: absolute; border-top: 2px solid #5d5d5d; width: 87px; transform: rotate(45deg); transform-origin: 0 0; top: -4px; left: 0; }
#prodInfo .selProdAssocImg .assocChoiceLabel .assocname { flex: auto; font-size: .7em; margin-top: 9px; margin-left: -5px; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; }
#prodInfo .selProdAssocImg .assocChoiceLabel .assocname span { display: none; }

#dynStickyContent.hide { display: none; }
@media (max-width: 767.98px) {
	body.makesticky #prodInfo .productBuy { display: flex; flex-wrap: wrap; position: fixed; bottom: 0; background-color: #fff; z-index: 4; width: 100%; left: 0; min-height: 75px; padding: 5px 10px; animation: fadein 1s; box-shadow: 0 1px 2px rgba(0,0,0,0.07),	0 2px 4px rgba(0,0,0,0.07),	0 4px 8px rgba(0,0,0,0.07),	0 8px 16px rgba(0,0,0,0.07),0 16px 32px rgba(0,0,0,0.07),0 32px 64px rgba(0,0,0,0.07); }
	#dynStickyContent { display: flex; max-width: 100%; flex-basis: 100%; font-size: 13px; font-weight: bold; margin-top: -2px; justify-content: space-between; align-items: center; padding: 0 10px; }
	#dynStickyContent .h1div { max-width: 69%; height: 13px; margin-bottom: 7px; text-overflow: ellipsis; overflow: hidden; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
}

#prodStructure { position: relative; margin: 10px 0 20px 0; padding: 10px; background-color: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0, 0, 0, .24); border-radius: 4px;  transition: all 0.3s cubic-bezier(.25,.8,.25,1); }
#prodStructure:hover { box-shadow: 0 6px 10px rgba(0, 0, 0, .25), 0 1px 4px rgba(0, 0, 0, .22); }
#prodStructure h2 { margin: 5px 0 12px 0; font-weight: bold; text-align: left; padding: 7px 0 7px 0; font-size: 1.1em;}
#prodStructure li { flex-basis: 100%; align-items: center; }
#prodStructure ul { display: flex; flex-wrap: wrap; gap: 6px; }
#prodStructure ul li a { display: flex; align-items: center; gap: 25px; background-color: #f7f7f7; font-size: .9em;}
#prodStructure span.sIcon { position: absolute; top: 5px; right: 11px; }
#prodStructure span.sIcon svg { width: 40px; height: 40px; fill: #565656; }
#prodStructure span.sAmount { justify-content: flex-end; display: flex; width: 40px; font-size: .8em; font-weight: 600; }
#prodStructure span.sImage { height: 50px; width: 50px; display: flex; align-items: center; justify-content: center; background-color: #fff; margin-right: -25px; }
#prodStructure span.sImage img { object-fit: none; }
#structureInfo { margin-top: 10px; padding: 10px; font-size: .9rem; background-color: #eaf7fe; }
#structureInfo strong { display: block; margin-bottom: 5px;}

#prodDesc { padding-top: 30px; }
#prodDesc .container { display: flex; flex-wrap: wrap; position: relative; padding: 10px 0; }
#prodDesc p { line-height: 1.8em; margin: 10px 0; }
#prodDesc p:first-of-type { margin-top: 0;}
#prodDesc h3 { font-weight: bold; }
#productEmail,
#wishList { margin-left: 10px; font-size: .6em;}

#prodOthers { /*background-color: #f7f7f7;*/ }
#prodOthers section { padding-bottom: 40px; margin: 20px 0 0 0; }

#extracontainer { position: relative; display: flex; align-items: center; justify-content: space-between; padding: 0 10px }
#productInfoConditions { color: #333;margin-bottom: 0;font-weight: 400;font-size: .9em; display: flex; flex-basis: 100%; margin-top: 10px;}
#productInfoConditions span { color: var(--default-text-color); font-size: 1.1em; margin-right: 6px; font-weight: 600; }
#productInfoConditions div {padding: 3px 0;margin-right: 5px;flex-basis: 100%;}
#productInfoConditions #pUsp {	display: flex; justify-content: space-between; flex-wrap: wrap; flex-basis: 100%; }


#printIcon { display: flex; justify-content: center; margin-right: 15px; }
#printIcon svg { width: 20px; height: 20px; fill: #fff; }
#printIcon a { background-color: var(--activeSelectionColor); padding: 10px; border-radius: 50%; display: flex; }
#printIcon a:hover,
#printIcon a:focus { background-color: var(--activeSelectionColor-hover); }

#pUsp p { display: inline; }

#prodMisc {	display: flex; flex-direction: column;  width: 100%; padding: 20px 8px 0 8px; background-color: #fff; margin-top: 10px; }
#prodAttributes table { font-size: .9em; }

#prodMisc h2 { font-size: 1.2em; font-weight: 600; padding:  15px 0 5px 0; margin: 10px 0; text-align: left; }
#prodMisc h2:first-of-type { margin-top: 0; }
#prodMisc ul li i { font-size: .7em; }

#lowestDaily .chart { margin-bottom: 10px; }
#lowestDaily .single { color: #626262; }
#lowestDaily .multi .single { font-size: .9em; padding: 10px; }


.modalRightClose { position: absolute; height: 50px; width: 50px; right: 3px; top: 5px; background-color: transparent; }
.modalRightClose:hover svg,
.modalRightClose:focus svg { outline: 0; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg);	transition: all 200ms ease 0s; }
.modalRightClose:focus-visible { outline: var(--default-focus-visible-outline); }
.pressed { transform: scale(0.95); transition: transform 0.1s ease; }

@media (max-width: 767.98px) {
	.right-open.modalShadow {    box-shadow: -8px 0 29px rgba(0,0,0,.35); }
	.modalRightTransition {  transform: translate3d(85vw,0,0); width: 85vw; backface-visibility: hidden; will-change: transform; /*transition: transform 0.3s;*/ transition: all 0.3s ease}
	.modalRightTransition,
		/*.modalRightTransition > * { transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), box-shadow 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);  }*/
	.modalRightTransition > * { transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86) }
	.right-open { visibility:visible !important; transform: translate3d(0,0,0) !important; /*transition: transform 0.3s;*/ transition: all 0.3s ease; backface-visibility: hidden; will-change: transform;}
	.modalRight h3,
	.modalRight strong { display: flex;  font-weight: 600; font-size: 1.1em; background-color: var(--top-menu-bg-color); color:var(--top-menu-text-color); min-height: 60px; align-items: center; padding: 0 15px; }
	.modalRight h3 > svg,
	.modalRight strong > svg{ width: 20px; height: 20px; fill: var(--default-text-color); margin-right: 10px; }
	.modalRightClose { transition: all 200ms ease 0s; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; border: 0; outline: none; margin-left: auto; }
	.modalRightClose svg { width: 18px; height: 18px; fill: var(--default-text-color); }
}
@media (min-width: 768px) {

}

#topContact li { margin: 4px 0; }
#topContact a { color: #c72d25; }
#topContact a:hover,
#topContact a:focus { color: #c72d25; text-decoration: underline;}

/*
#topFlag li { margin: 4px 0; }
#topFlag a { color: #c72d25; }
#topFlag a:hover,
#topFlag a:focus { color: #c72d25; text-decoration: underline;}
*/


.priceRegular {	color: var(--default-text-color); }
.priceNew { color: var(--sale-color); display: block; }
.priceOld { color: #565656; display: block; font-weight:normal; font-size: 0.8em; margin-top: -2px; text-decoration: line-through; }
.recPrice { font-size: .4em; color: #717171; display: block; font-weight: 400; text-decoration: line-through;}
.recPrice { font-size: .4em; color: #717171; display: block; font-weight: 400; }
.recPrice span { /*text-decoration: line-through;*/}
.stockstatustext { display: flex; align-items: center; font-weight: 600;}
.stockstatustext svg { width: 14px; height: 14px; margin-right: 5px; }
.stockstatustext.instock svg { fill: var(--default-text-color); }
.stockstatustext.outofstock svg { fill: var(--default-text-color); }
.stockstatustext.orderitem svg { fill: var(--default-text-color); }
.stockstatustext.onitsway svg { fill: var(--default-text-color); }
.stockstatustext.instock.few svg { fill: #ed6700; }
.deliverydays { display: flex; align-items: center; }
.deliverydays .deldate { padding-left: 4px;}

.navbar { contain: layout; position: relative; height: 60px; display: block; align-items: center; justify-content: center; /*z-index: 100;*/ }
.navbar a { }

/* Top-level */
.navbar > .navbar-menu > li > a { display: flex; height: 100%; align-items: center; color:var(--top-menu-text-color); background: transparent; transition: background 0.25s linear, color 0.25s linear;  }
.navbar > .navbar-menu > li > a:hover,
.navbar > .navbar-menu > li > a:focus {	color: var(--default-text-color); }
.navbar > .navbar-menu > li > a[aria-expanded=true] { background-color:  var(--toparea-bg-color-desktop);}
.navbar > .navbar-menu > li > a[aria-expanded=true]:after { /*top: 47px; left: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(247, 247, 247, 0); border-bottom-color: #f7f7f7; border-width: 7px; margin-left: -7px;*/ }
.navbar > .navbar-menu li a.btnloader:after { border-color: #b1b1b1; border-left-color: #3c3c3c; border-top-color: #3c3c3c; }

.navbar-menu { display: flex; align-items: center; /*justify-content: center;*/ justify-content: flex-start; width: 100%; height: 100%; }
.navbar-menu a { display: block; padding: 0 20px; text-decoration: none; }
.navbar-menu,
.navbar-menu ul { margin: 0; padding: 0; list-style: none; }

/* Nested */
/*.navbar-menu ul { position: absolute; top: 100%; visibility: hidden; opacity: 0; width: 100%; box-shadow: 0 0.25rem 1.5rem -8px #91919F; transition: visibility 0s linear 0.1s, opacity 0.1s linear; background-color: #f7f7f7; min-height: 300px; background: linear-gradient(90deg, #fff 250px, #f7f7f7 0%); max-width: 1500px; margin: 0 auto; left: 50%; transform: translateX(-50%); }*/
.navbar-menu ul { position: absolute; top: 100%; visibility: hidden; opacity: 0; width: 100%; /*box-shadow: 0 0.25rem 1.5rem -8px #91919F;*/ transition: visibility 0s linear 0.1s, opacity 0.1s linear; background-color: var(--top-menu-bg-color); max-width: 1500px; margin: 0 auto; left: 50%; transform: translate3d(-50%,0,0); border-bottom: 3px solid var(--default-text-color);}
.navbar-menu li { height: 100%; display: flex; align-items: center; }


/* Top level in menu*/
.navbar > .navbar-menu > li.special { display: flex; }
.navbar > .navbar-menu > li > a.other.brands {}
.navbar > .navbar-menu > li > a.other.brands .menuName { order: 2; }
.navbar > .navbar-menu > li > a.other.brands:hover,
.navbar > .navbar-menu > li > a.other.brands:focus { background-color: #dadada; }
.navbar > .navbar-menu > li > a.other.brands:after { content: ""; width: 70px; height: 35px; background-size: 28px; margin-left: 5px; margin-right: 15px; background-repeat: no-repeat; background-position: center; transition: all 0.25s linear;
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M461.056,70.867V50.959C461.056,22.86,438.196,0,410.097,0H268.371c-13.613,0-26.409,5.301-36.034,14.927L31.899,215.366 c-9.626,9.625-14.927,22.422-14.927,36.034c0,13.612,5.301,26.409,14.927,36.034l20.367,20.367 c-0.863,3.744-1.32,7.609-1.32,11.545c0,13.612,5.301,26.409,14.927,36.034L207.596,497.1C217.53,507.033,230.58,512,243.629,512 c13.049,0,26.099-4.967,36.033-14.902l200.44-200.44c9.626-9.626,14.927-22.422,14.927-36.034v-141.72 C495.029,96.76,480.826,77.879,461.056,70.867z M55.921,263.411c-3.208-3.208-4.976-7.474-4.976-12.012 c0-4.538,1.768-8.802,4.976-12.012L256.36,38.948c3.209-3.207,7.474-4.975,12.012-4.975h141.724 c9.366,0,16.986,7.62,16.986,16.986v16.986H302.344c-13.613,0-26.409,5.301-36.034,14.927L70.848,278.336L55.921,263.411z M456.08,272.636l-200.44,200.44c-6.625,6.624-17.4,6.622-24.022,0L89.894,331.356c-3.208-3.208-4.976-7.474-4.976-12.012 c0-4.538,1.768-8.802,4.976-12.012l200.439-200.44c3.209-3.207,7.474-4.975,12.012-4.975h141.724 c9.366,0,16.986,7.62,16.986,16.986v141.72h0.001C461.056,265.161,459.288,269.427,456.08,272.636z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M376.124,135.891c-28.099,0-50.959,22.86-50.959,50.959s22.86,50.959,50.959,50.959s50.959-22.86,50.959-50.959 S404.223,135.891,376.124,135.891z M376.124,203.837c-9.366,0-16.986-7.62-16.986-16.986c0-9.366,7.62-16.986,16.986-16.986 c9.366,0,16.986,7.62,16.986,16.986C393.11,196.217,385.49,203.837,376.124,203.837z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
.navbar-menu > li > a { font-size: 1em; }
.navbar-menu li > a .menuImg { width: 80px; height: 80px; margin: 0 15px 0 0; /*isolation: isolate;*/ }
.navbar-menu li > a .menuImg img { max-height: 80px; width: auto; transition: opacity 0.25s linear;  mix-blend-mode: multiply; }

/* First level in submenu */
.navbar-menu ul > li { height: auto; }
/*.navbar-menu ul > li > a { width: 250px; padding: 15px; font-size: .9em; display: flex; align-items: center; }*/
.navbar-menu ul > li > a { padding: 15px; font-size: .9em; display: flex; align-items: center; flex-wrap: wrap; flex-basis: 100%; justify-content: center; height: 100%;}
.navbar-menu ul > li > a:hover { background-color: #f7f7f7; color:var(--top-menu-text-color); }
.navbar-menu ul > li > a .menuImg { flex-basis: 100%; align-items: center; justify-content: center;display: flex; margin-bottom: 15px; }
.navbar-menu ul > li > a img { max-height: 80px; }
.navbar-menu ul > li > a[aria-expanded=true] { background-color: #ececec; }
.navbar-menu ul > li > a[aria-expanded=true]:after {left: 100%; top: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: transparent; border-left-color: #ececec; border-width: 7px; margin-top: -7px;background-color: transparent; }

.navbar-menu li.allproducts a { font-weight: 600; }

/* Second level in submenu */
@media (min-width: 768px) {
	.navbar-menu ul > li > ul { background: none; left: 250px; width: calc(100% - 250px); top: 0; max-height: 100%; min-height: 100%; overflow-y: auto; overflow-x: hidden; box-shadow: none; display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-start; align-content: flex-start; border-top: none; transform: translate3d(0, 0, 0); }
	.navbar-menu ul > li > ul > li { background-color: transparent; display: flex; flex: 0 0 25%; }
	.navbar-menu ul > li > ul > li > a { width: 100%; background-color: transparent; }
	.navbar-menu ul > li > ul > li > a:hover { background-color: transparent; }
	.navbar-menu ul > li > ul > li.allproducts { display: none; }

	body.leftMenuOrientation #wrapper { display: flex; flex-direction: column; margin-top: 145px; }
	#leftNavContentWrapper { display: flex; width: 100%; }
	#menuLeft { flex: none; background-color: #fff; width: 280px; display: flex; /* <-- Fill height or not */ /* flex-wrap: wrap; */ /* flex-direction: row; */ animation: fadein 2s; }
	#contentWithLeftMenu { padding-left: 30px; }
	#menuLeft .navbar { height: auto; justify-content: flex-start; align-items: flex-start; flex-direction: column; background-color: transparent; }
	#menuLeft .navbar-menu { width: 100%; height: auto; flex-direction: column; flex-wrap: wrap; }
	#menuLeft .navbar-menu li { display: flex; width: 100%; padding: 0; height: auto; flex-direction: column; }
	#menuLeft .navbar-menu li ul li { padding: 0; }
	#menuLeft .navbar-menu ul > li > a { padding: 8px 20px; justify-content: flex-start; width: 100%; }
	#menuLeft .navbar-menu ul a[aria-current=page] { background-color: #fbfbfb; }
	#menuLeft .navbar-menu ul a[aria-current=page] .subname { color: #2198f2; }
	#menuLeft .navbar-menu ul > li > a .menuImg { display: none; }
	#menuLeft .navbar-menu ul > li > a .subname { background-color: transparent; color: var(--default-text-color); padding: 0; border-radius: unset; }
	#menuLeft .navbar > .navbar-menu > li > a { /* First sub level */ background-color: #fff; color: var(--default-text-color); width: 100%; height: 100%; padding: 15px 25px 15px 10px; flex: 1; border-bottom: 1px solid #e9e9e9; transition: padding-left .3s ease-in-out, background-color .3s ease-in-out; }
	#menuLeft .navbar > .navbar-menu > li > a[aria-expanded=true] { color: var(--default-text-color); background-color: #e9e9e9; }
	#menuLeft .navbar > .navbar-menu > li > a:hover { padding-left: 15px; background-color: #e9e9e9; }
	#menuLeft .navbar-menu li:hover > ul,
	#menuLeft .navbar-menu ul li:hover > ul,
	#menuLeft .navbar-menu ul li:focus-within > ul { visibility: hidden; opacity: 0; transition-delay: unset; }

	/* active sub menu ..*/
	#menuLeft .navbar-menu > li > a[aria-expanded=true] + ul,
	#menuLeft .navbar-menu ul > li > ul,
	#menuLeft .navbar-menu > li > ul > li > a[aria-expanded=true] + ul { max-height: none; box-shadow: none; position: relative; display: block; top: auto; left: auto; transform: none; grid-template-columns: none; grid-gap: unset; visibility: visible; opacity: 1; margin: 0; transition: none;  }
	#menuLeft .navbar-menu ul > li > ul { min-height: unset; overflow: unset; width: 100%; visibility: hidden; opacity: 0; display: none; }
	#menuLeft .navbar-menu ul > li > ul > li { padding-left: 15px; }
	#menuLeft .navbar-menu > li.has-children > a:hover:before,
	#menuLeft .navbar-menu > li.has-children > a:hover:after { /*outline: 1px solid red;*/ background-color: transparent; }
	#menuLeft .navbar-menu li.has-children > a:before { position: absolute; right: 0; content: " "; width: 25px; height: 12px; font-size: 20px; font-weight: 600; order:2; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 330 330'%3E%3Cpath d='M325.6 79.4c-5.9-5.9-15.4-5.9-21.2 0l-139.4 139.4L25.6 79.4c-5.9-5.9-15.4-5.9-21.2 0 -5.9 5.9-5.9 15.4 0 21.2l150 150c2.8 2.8 6.6 4.4 10.6 4.4s7.8-1.6 10.6-4.4l150-150C331.5 94.7 331.5 85.3 325.6 79.4z'/%3E%3C/svg%3E%0A"); background-size: 15px; background-repeat: no-repeat; background-position: center center; transition: transform  0.3s ease; }
	#menuLeft .navbar-menu li.has-children > a[aria-expanded=true]:before {transform: rotate(-180deg); }


	@keyframes spin { 100% {transform: rotate(180deg);} }
	#navbar .drop-menu-icon { border: 0; cursor: pointer; position: relative; left: 0; opacity: 1; transition: all 0.3s ease-in 0s; color: #fff; margin-right: 18px; background-color: lightgrey; display: flex; justify-content: center; align-items: center; padding: 5px; border-radius: 100%; }
	#navbar .drop-menu-icon svg { width: 20px; height: 20px; }
	#navbar .drop-menu-icon svg:hover { -webkit-animation: spin 0.2s 2 ease-in; animation: spin 0.2s 2 ease-in; }
	#navbar .drop-menu-icon.hidden { width: 20px; padding: 0; overflow: hidden; align-self: center; visibility: hidden; left: 15px; opacity: 0; }
	#navbar ul.dropdown-menu.hidden { visibility: hidden; opacity: 0; top: 80%; }
	#navbar ul.dropdown-menu { position: absolute; background: #fff; right: 23px; top: 96%; transition: all 0.3s ease-in 0s; min-width: 150px; box-shadow: 0 2px 5px 2px rgba(0, 0, 0, 0.09); margin: 0; padding: 0; }
	#navbar ul.dropdown-menu:before { content: ""; border-bottom: 10px solid #fff; border-left: 10px solid transparent; border-right: 10px solid transparent; position: absolute; top: -9px; right: 10px; }
	#navbar ul.dropdown-menu li { padding-right: 1rem; font-size: 0.95em; transition: all 0.5s; list-style-type: none; }
	#navbar ul.dropdown-menu li:hover { background: #f3f3f3; }
	#navbar ul.dropdown-menu li:hover a { color: #0054FF; }
	#navbar ul.dropdown-menu li:first-child { margin-top: 10px; }
	#navbar ul.dropdown-menu li:last-child { margin-bottom: 10px; }
	#navbar ul.dropdown-menu li a { color: var(--default-text-color); display: block; padding: 5px 10px; }
	#navbar ul.dropdown-menu li ul { display: none; }

}

/* HACK: Prevents box shadow from child dropdowns from overlapping its parent dropdown */
.navbar-menu li.has-children > a { position: relative; }
.navbar-menu li.has-children > a:after { position: absolute; content: ''; top: 0; right: 0; height: 100%; /*width: 1rem;*/ background: inherit; z-index: 999; }
/* ENDHACK */

.navbar-menu ul { display: none; }
.navbar-menu .activesub { display: flex; visibility: visible; opacity: 1; transition-delay: 0s; } /* This can be found in media query for dekstop to where hover acts the same!! */

#loginlink { background-color: #ebebeb; }
#loginlink svg { width: 20px; margin-right: 8px; }

@media (min-width: 768px) {
	html { scroll-padding-top: 200px; }

	html{ overflow-y: scroll; margin-left: auto; margin-right: auto; }
	h2 { text-align: left; }

	#topLogo,
	#topCartContent,
	#topContact,
	#topFlag,
	#topTP,
	#topFavouriteWrapper { z-index: auto; }

	#topTP {width: 250px; order: 20;flex: 1;display: flex; align-items: center;}
	#topFavouriteWrapper { width: 55px; order: 27; background-color: var(--desktop-bg-cover); }
	#topFavourite .dyn-favourites-text { font-size: .7em; color: var(--default-text-color); margin-top: 2px; }
	#topFavourite.favourites-text.active svg { fill:var(--button-icon-bg-color-favouriteChecked); stroke: var(--button-icon-stroke-color-favouriteChecked); color: var(--default-text-color); }

	#topBar > .container { background-color: transparent; max-height: none; }

	#topLogo { background-color: var(--desktop-bg-cover); }
	#topLogo svg { -webkit-filter: none; filter:none; max-height: 80px}
	#topLogo .logotext { fill: var(--default-text-color); }

	#topSearch { min-width: 35%;}
	#topSearch form { width: 80%;}
	.search-form-new .text { background-color: #fafafa; outline: none; border: 1px solid #6b6b6b; }
	.search-form-new .text:focus { border-color: #969696; }

	.search-form-new .text::placeholder { color: var(--placeholder-color-desktop); }
	.search-form-new .text::-webkit-input-placeholder { color:var(--placeholder-color-desktop); }
	.search-form-new .text:-moz-placeholder { color:var(--placeholder-color-desktop); }
	.search-form-new .text:-moz-placeholder { color:var(--placeholder-color-desktop); }
	.search-form-new .text:-ms-input-placeholder { color:var(--placeholder-color-desktop); }
	.search-form-new .text:focus::placeholder { color: var(--placeholder-color-focus-desktop); }
	.search-form-new .text:focus::-webkit-input-placeholder { color: var(--placeholder-color-focus-desktop); }
	.search-form-new .text:focus:-moz-placeholder { color: var(--placeholder-color-focus-desktop); }
	.search-form-new .text:focus:-moz-placeholder { color: var(--placeholder-color-focus-desktop); }
	.search-form-new .text:focus:-ms-input-placeholder { color: var(--placeholder-color-focus-desktop); }

	body.stickyheader #topBar.hide { max-height: none; min-height: auto;}
	body.stickyheader #topBar.hide #topSearch { transform: none; opacity: 1; z-index: 1; }
	body.stickyheader #topBar.allmostall #topSearch	{ transform: none; opacity: 1; z-index: 1; }

	.search-form-new .searchContainer .twitter-typeahead { top: 3px; }
	.topFlagInner { left: 0; }
	#breadcrumbs { font-size: .9em; padding: 0;}
	#breadcrumbs nav ul { flex-wrap: wrap; background: none; }
	#prodInfo h1 {text-align: left;}
	#productInfoConditions div {padding: 3px 0 3px 3px;margin-right: 5px;flex-basis: 100%;}
	#prodInfo .assocRow .assocCol { flex-basis: 46%; }
	#printIcon { justify-content: flex-end; margin-bottom: 0; }
	.modalRightClose { display: none; }
	.modalRightTransition { display: none; }

	#btnNav { display: none; }

	body.stickyheader #topBar.hide { max-height: 200px; min-height: auto;}
	body.stickyheader #topBar.hide #topLogo { flex: 1; background-color: transparent;}

	body.stickyheader #topBar { position: fixed; width: 100%;z-index: 11; /*min-height: 209px;*/ /*transform: translate3d(0,0,0);*/ transition: transform .25s; backface-visibility: hidden; }
	body.stickyheader #topBar.hide {transform: var(--desktop-stickyheader-hide-transform); transition: transform .25s; backface-visibility: hidden; }
	body.stickyheader #topBar #topMenu .navbar { max-height: 60px; transition: max-height .25s;  }
	body.stickyheader #topBar.hide #topMenu .navbar { max-height: 50px;  }
	body.stickyheader #topBar.allmostall {  transform: var(--desktop-stickyheader-allmostall-transform); transition: transform .25s; backface-visibility: hidden; }
	body.stickyheader #wrapper { margin-top: 205px; /*padding-bottom: 100px;*/ }

	#wrapper { /*padding: 0 10px; */ }
	#topBar > .container { padding: 15px 10px;}
	#topArea > .container { padding: 0 10px;}

	#topLogo { order: 10; flex: 1; /*min-width: 200px;*/ /*padding: 10px;*/ padding-left: 0;}
	#topLogo a {display: flex; height: 100%; width: 100%;}
	#topLogo a:focus-visible { outline: var(--default-focus-visible-outline); }
	#topLogo img {  /*max-height: 75px; height: auto; max-width: 260px; min-height: 20px; width: auto; max-height: 60px;*/ /* TEST --> */ max-height: 80px; width: auto;}
	#topLogo svg { max-width: 260px;}
	#topSearch { order:20; padding: 10px 1rem; width: 30%; }
	#topCartContent { order: 30; width: 15%;}
	#topContact { display: flex; order:25; flex-direction: column; width: auto; font-size: .9em; text-align: right; font-weight: 600;}
	#topContact #btnContact { display: none; }
	#topContact #topContactInner { display: block; max-height: none; position: relative; width: auto; left: auto; background-color: transparent; padding: 0; top: auto; box-shadow: none;}
	#topContact #topContactInner ul { padding: 0; }
	#topContact #topContactInner:after { display: none;}


	#topFlag { display: flex; order:25; flex-direction: column; width: auto; font-size: .9em; text-align: right; font-weight: 600; background-color: var(--desktop-bg-cover);}
	#topFlag #btnContact { display: none; }
	/*
	#topFlag #topFlagInner { display: none; max-height: none; position: relative; width: auto; left: auto; background-color: transparent; padding: 0; top: auto; box-shadow: none;}
	#topFlag #topFlagInner ul { padding: 0; }
	#topFlag #topFlagInner:after { display: none;}
	 */



	#topMenu { position: relative; bottom: 0; right: auto; }

	#topArea { display: flex; font-size: .9em; width: 100%; background-color: var(--toparea-bg-color-desktop); height: 35px; }
	#topArea .container { display: flex; /*align-items: stretch; justify-content: space-between;*/ align-items: center; justify-content: center; padding: 5px 0; height: 100%; width: 100%;}
	#topAreaLeft,
	#topAreaLeft a { color: var(--default-text-color); font-size: .9em; }
	#topAreaLeft { align-items: center; justify-content: center; flex: 1; }
	#topAreaLeft ul { display: flex; align-items: center; justify-content: flex-start; }
	#topAreaLeft li { display: flex; position: relative; padding: 2px 0 2px 0;  margin-right: 20px; }
	#topAreaLeft li:before { content: "\2713";  color: var(--default-text-color); font-size: 1.1em; margin-right: 6px; font-weight: 600; display: inline-flex; }
	#topAreaRight  { display: flex; align-items: center; position: relative; /*margin-left: auto;*/ font-size: .9em; }

	.search-form-new .text { height: 55px; padding: 5px 50px 5px 20px; width: 100%; border-radius: var(--border-radius-search-input); }
	.search-form-new .icon { z-index: 2; display: flex; left: auto; right: 6px; top: 8px; color: #fff; height: 45px; width: 45px; font-size: 18px; border-radius: 100%;  }
	.search-form-new svg { fill: #fff; }
	.search-form-new .icon:hover,
	.search-form-new .icon:focus { }
	.search-form-new .icon:hover svg,
	.search-form-new .icon:focus svg { fill: #fff }
	.search-form-new .icon:focus-visible { outline: var(--default-focus-visible-outline);; outline-offset: 2px; }

	#basketItems { background-color: transparent; width: 100%; margin-right: 10px; }
	#basketItems svg { fill: var(--default-text-color); }
	#basketItems.hasitems {background-color: transparent; }
	#basketItems.hasitems svg { }
	#basketItems .basketTotal {display: flex; font-size: .8em; color: var(--default-text-color); }

	#btnToCashier { display: flex; }
	#btnToCashier a { font-size: 1em; color: var(--button-default-text-color);  background-color: var(--button-default-color); transition: var(--transition-bg-color); height: 40px; line-height: 40px; padding: 0 15px; display: block; position: relative; border-radius: 30px; }
	#btnToCashier a:hover,
	#btnToCashier a:focus {background-color: var(--button-default-color-hover); text-decoration: none;}
	#btnToCashier a:focus-visible { outline: var(--default-focus-visible-outline); box-shadow: var(--default-focus-visible-box-shadow); }

	#productPageUpper #prodImage,
	#prodDesc #prodTabs {width: 55%; background-color:#fff; transition: opacity .7s ease-in-out; }
	#prodDesc #prodTabs { background-color:transparent; }
	#prodDesc #prodMisc { flex: 1; padding: 0 20px; position: relative; background-color: transparent; margin-top: 0;}
	#productPageUpper #prodInfo { padding: 20px; margin: 0 10px; }
	#prodDesc { padding-top: 0; background-color: transparent; margin-top: 8px; }
	#prodDesc .container { display: flex; flex-wrap: wrap; position: relative; /*background: linear-gradient(180deg, #fbfbfb 55%, #fff 100%); border-top: 1px solid #eaeaea; */}

	.productImage { height: 600px;  }
	.productImage img { max-height: 580px; }
	#mimagecont { text-align: left;	margin: 0; }


	#extracontainer { padding: 0 }

	#loginlink { display: none; }

	.navbar-menu.container { max-width: 1300px; justify-content: center; }

	.navbar-menu > li > a { font-size: .9em; font-weight: 600; }
	.navbar { /*background-color: var(--top-menu-bg-color);*/ width: 100%; /*z-index: 99;*/ display: flex; }
	.navbar > h3, .navbar > strong { color: var(--default-text-color); position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; /* = visually-hidden */ }
	.navbar-menu { position: relative; }
	.navbar > .navbar-menu > li > a[aria-expanded=true] { color: var(--top-menu-text-color);}
	.navbar > .navbar-menu > li > a { color: var(--top-menu-text-color); }
	.navbar > .navbar-menu > li.login { display: none; }
	.navbar-menu li.allproducts { /*position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden;*/ /* = visually-hidden */ }
	.navbar-menu li.allproducts a {height: 100%;  font-weight: 500; font-size: .9em; }
	.navbar-menu li.allproducts a:focus-visible { background-color: #333; color: #fff; }
	.navbar-menu li.allproducts a .menuImg { display: none; }

	.navbar-menu li.special { margin-right: 0; margin-left: auto; }

	.navbar-menu > li.has-children > a {position: relative; }
	/*
	.navbar-menu > li.has-children > a:before,
	.navbar-menu > li.has-children > a:after { content: ""; display: block; width: 6px; height: 1px; background: var(--top-menu-text-color); position: absolute; top: 50%; transition: transform .5s; transform: translate3d(0,-50%,0); }
	.navbar-menu > li.has-children > a:before { right: 10px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; transform: rotate(45deg); }
	.navbar-menu > li.has-children > a:after { right: 7px; transform: rotate(-45deg); }
	 */
	/* Dölj pilen.
	.navbar-menu li.has-children > a:before { position: absolute; content: " "; width: 8px; height: 8px; right: 3px; font-size: 20px; font-weight: 600; order:2; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 330 330'%3E%3Cpath d='M325.6 79.4c-5.9-5.9-15.4-5.9-21.2 0l-139.4 139.4L25.6 79.4c-5.9-5.9-15.4-5.9-21.2 0 -5.9 5.9-5.9 15.4 0 21.2l150 150c2.8 2.8 6.6 4.4 10.6 4.4s7.8-1.6 10.6-4.4l150-150C331.5 94.7 331.5 85.3 325.6 79.4z'/%3E%3C/svg%3E%0A"); background-size: 15px; background-repeat: no-repeat; background-position: center center; transition: transform  0.3s ease; }*/
	/*.navbar-menu li.has-children > a[aria-expanded=true]:before {transform: rotate(-180deg); }*/


	.navbar-menu > li.has-children > a:hover:before,
	.navbar-menu > li.has-children > a:hover:after,
	.navbar-menu > li.activeli a:before,
	.navbar-menu > li.activeli > a:after { filter: invert(1); }

	.navbar-menu > li > a { position: relative; border-bottom: 1px solid var(--top-menu-bg-color);}
	/*.navbar-menu > li > a:before { content: ""; position: absolute; right: 0; top: 50%; height: 60%; width: 1px; background: #d2d2d2; transform: translateY(-50%); }*/
	.navbar > .navbar-menu > li > a[aria-expanded=true],
	.navbar-menu > li > a:hover,
	.navbar-menu > li > a:focus { border-bottom-color: var(--top-menu-text-color);}

	/* Individuell border */
	/*.navbar>.navbar-menu>li:nth-child(1)>a { border-bottom-color: var(--top-menu-bg-color-1); }
	.navbar>.navbar-menu>li:nth-child(2)>a { border-bottom-color: var(--top-menu-bg-color-2); }
	.navbar>.navbar-menu>li:nth-child(3)>a { border-bottom-color: var(--top-menu-bg-color-3); }
	.navbar>.navbar-menu>li:nth-child(4)>a { border-bottom-color: var(--top-menu-bg-color-4); }
	.navbar>.navbar-menu>li:nth-child(5)>a { border-bottom-color: var(--top-menu-bg-color-5); }
	.navbar>.navbar-menu>li:nth-child(6)>a { border-bottom-color: var(--top-menu-bg-color-6); }
	.navbar>.navbar-menu>li:nth-child(7)>a { border-bottom-color: var(--top-menu-bg-color-7); }
	.navbar>.navbar-menu>li:nth-child(8)>a { border-bottom-color: var(--top-menu-bg-color-8); }*/
	/* Färgad shadow */
	/*.navbar>.navbar-menu>li:nth-child(1)>ul {box-shadow:var(--top-menu-active-shadow-1);}
	.navbar>.navbar-menu>li:nth-child(2)>ul {box-shadow:var(--top-menu-active-shadow-2);}
	.navbar>.navbar-menu>li:nth-child(3)>ul {box-shadow:var(--top-menu-active-shadow-3);}
	.navbar>.navbar-menu>li:nth-child(4)>ul {box-shadow:var(--top-menu-active-shadow-4);}
	.navbar>.navbar-menu>li:nth-child(5)>ul {box-shadow:var(--top-menu-active-shadow-5);}
	.navbar>.navbar-menu>li:nth-child(6)>ul {box-shadow:var(--top-menu-active-shadow-6);}
	.navbar>.navbar-menu>li:nth-child(7)>ul {box-shadow:var(--top-menu-active-shadow-7);}
	.navbar>.navbar-menu>li:nth-child(8)>ul {box-shadow:var(--top-menu-active-shadow-8);}*/
	/* Individuell bg och text */
	/*.navbar>.navbar-menu>li:nth-child(1)>a:hover,
	.navbar>.navbar-menu>li:nth-child(1)>a:focus {
		background-color: var(--top-menu-bg-color-1);
		border-bottom-color: var(--top-menu-text-color-1);
		color: var(--top-menu-text-color-1);
	}

	.navbar>.navbar-menu>li:nth-child(2)>a:hover,
	.navbar>.navbar-menu>li:nth-child(2)>a:focus {
		background-color: var(--top-menu-bg-color-2);
		border-bottom-color: var(--top-menu-text-color-2);
		color: var(--top-menu-text-color-2);
	}

	.navbar>.navbar-menu>li:nth-child(3)>a:hover,
	.navbar>.navbar-menu>li:nth-child(3)>a:focus {
		background-color: var(--top-menu-bg-color-3);
		border-bottom-color: var(--top-menu-text-color-3);
		color: var(--top-menu-text-color-3);
	}

	.navbar>.navbar-menu>li:nth-child(4)>a:hover,
	.navbar>.navbar-menu>li:nth-child(4)>a:focus {
		background-color: var(--top-menu-bg-color-4);
		border-bottom-color: var(--top-menu-text-color-4);
		color: var(--top-menu-text-color-4);
	}

	.navbar>.navbar-menu>li:nth-child(5)>a:hover,
	.navbar>.navbar-menu>li:nth-child(5)>a:focus {
		background-color: var(--top-menu-bg-color-5);
		border-bottom-color: var(--top-menu-text-color-5);
		color: var(--top-menu-text-color-5);
	}

	.navbar>.navbar-menu>li:nth-child(6)>a:hover,
	.navbar>.navbar-menu>li:nth-child(6)>a:focus {
		background-color: var(--top-menu-bg-color-6);
		border-bottom-color: var(--top-menu-text-color-6);
		color: var(--top-menu-text-color-6);
	}

	.navbar>.navbar-menu>li:nth-child(7)>a:hover,
	.navbar>.navbar-menu>li:nth-child(7)>a:focus {
		background-color: var(--top-menu-bg-color-7);
		border-bottom-color: var(--top-menu-text-color-7);
		color: var(--top-menu-text-color-7);
	}

	.navbar>.navbar-menu>li:nth-child(8)>a:hover,
	.navbar>.navbar-menu>li:nth-child(8)>a:focus {
		background-color: var(--top-menu-bg-color-8);
		border-bottom-color: var(--top-menu-text-color-8);
		color: var(--top-menu-text-color-8);
	}*/
	.navbar-menu > li > a .menuImg img { opacity: .5; }
	.navbar-menu > li > a:hover .menuImg img,
	.navbar-menu > li.activeli > a .menuImg img { opacity: 1; }
	.navbar-menu > li.activeli > a .menuImg img { filter: invert(0.6) sepia(1) saturate(5) hue-rotate(174deg); }
	.navbar-menu li > a .menuImg img { /*animation: fadein 1s;*/ }
	.navbar-menu ul > li > a .subname { background-color: var(--top-menu-bg-color); border-radius: var(--border-radius-small-tag-2); padding: 5px 10px; color: var(--top-menu-text-color); }

	.navbar-menu ul > li > ul > li.allproducts a { border: 0;}
	.navbar-menu li > a .menuImg { margin: 0 15px 0 2%; }
	.navbar-menu li > a .menuName { line-height: 1.5em; letter-spacing: .03em; margin-right: 2%; }

	/*.navbar-menu li:focus-within > ul*/
	/*
	.navbar-menu li:hover > ul,
	.navbar-menu ul li:hover > ul,
	.navbar-menu ul li:focus-within > ul { visibility: visible; opacity: 1; transition-delay: .1s;} */ /* This can be found in media query for mobile/general above, where hover acts the same!! */

	/*.navbar-menu .activesub { visibility: visible; opacity: 1; transition-delay: 0s; max-height: 68vh; overflow-y: auto;}*/
	.navbar-menu ul { /*display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); grid-gap: 0; background-color: #fff;*/}
	.navbar-menu ul li { /*background: linear-gradient(207deg, rgba(250,250,250,1) 0%, rgb(248 248 248) 0%, rgba(255,255,255,1) 100%);*/
		background: linear-gradient(207deg, rgba(250,250,250,1) 0%, rgb(243 242 242) 0%, rgba(255,255,255,1) 100%)}
	.navbar-menu .activesub { visibility: visible; opacity: 1; transition-delay: 0s; max-height: 68vh; overflow-y: auto; display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); grid-gap: 0; background-color: #fff;}

}

@media (max-width: 1200px) and (min-width: 768px) {
	.navbar-menu > li > a .menuImg,
	.navbar > .navbar-menu > li > a.other.brands:after { display: none; }
	.navbar,
	.navbar-menu.container {  justify-content: flex-start; }
	.navbar-menu li > a .menuName { font-size: .9em; }
	.navbar > .navbar-menu > li > a {min-width: 85px;}
}

@media (max-width: 767.98px) {
	#topMenuMobile { z-index: 100;}
	.navbar { visibility:hidden; flex-direction: column; align-items: normal; background-color: #fff; /*height: 100vh;*/ z-index: 1000; height: auto; bottom: 0; width: 85vw; position: fixed; top: 0; right:0; transform:translate3d(85vw,0,0); transition: all 0.3s ease; padding-bottom: 60px; /* 60 is the header height in fixed sidebar div ... */}
	.navbar-menu { /*flex-direction: column; */  flex-wrap: wrap; align-content: baseline; align-items: normal; overflow-x: hidden; justify-content: flex-start; font-size: .9em; overscroll-behavior-y: contain; overflow-y: auto;}
	.navbar > .navbar-menu > li > a { flex: 1; color: var(--default-text-color); padding: 20px 15px; justify-content: space-between; border-bottom: 1px solid #dfdfdf;}
	.navbar-menu .activesub { position: relative; top: auto; left: 0; box-shadow: none; /*width: 100%;*/ flex-wrap: wrap; align-content: baseline; }
	.navbar-menu li { flex: 0; align-items: normal; flex-direction: column; height: auto; flex-basis: 100%;}
	.navbar-menu li.has-children a:before { content: " "; width: 25px; height: 12px; font-size: 20px; font-weight: 600; order:2; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 330 330'%3E%3Cpath d='M325.6 79.4c-5.9-5.9-15.4-5.9-21.2 0l-139.4 139.4L25.6 79.4c-5.9-5.9-15.4-5.9-21.2 0 -5.9 5.9-5.9 15.4 0 21.2l150 150c2.8 2.8 6.6 4.4 10.6 4.4s7.8-1.6 10.6-4.4l150-150C331.5 94.7 331.5 85.3 325.6 79.4z'/%3E%3C/svg%3E%0A"); background-size: 15px; background-repeat: no-repeat; background-position: center center; transition: transform  0.3s ease; }
	.navbar-menu li.has-children a[aria-expanded=true]:before {transform: rotate(-180deg); fill: red;}
	.navbar-menu li.no-children a:before { content: ""; display: none;  }
	.navbar-menu ul { min-height: auto; transition: none; border-top: 0; max-width: none; margin: auto; left: auto; transform: translate3d(0,0,0); }
	.navbar-menu ul > li { background-color: #f7f7f7; border-bottom: 1px solid #ccc; }
	.navbar-menu ul > li:last-child { border-bottom: 0; }
	.navbar-menu ul > li > a {width: auto; padding-left: 35px; font-size: 1em; justify-content: space-between;}
	.navbar-menu ul > li > a .menuImg { display: none; }
	.navbar-menu ul > li > ul > li {flex: 0 0 100%; }
	.navbar-menu ul > li > ul > li.allproducts { display: block;}
	.navbar-menu ul > li > ul > li > a { padding-left: 55px; }
	.navbar-menu li > a[aria-current=page] { background-color: #e2e2e2 !important; color: #000; }
	.navbar > .navbar-menu > li > a[aria-expanded=true] { background-color: #fff; }
	.navbar > .navbar-menu > li > a[aria-expanded=true]:after { /*display: none;*/ }
	.navbar > .navbar-menu > li > a:hover,
	.navbar > .navbar-menu > li > a:focus {	color: var(--default-text-color); }
	.navbar-menu .-more {display: none;}
	.navbar-menu .menuName { margin-left: 0; margin-right: auto; }
	.navbar-menu > li > a .menuImg { display: none; width: 30px; height: 30px; }
	.navbar-menu li > a .menuImg img { height: 30px; }

	.navbar > .navbar-menu > li > a.other.brands:after { display: none;}

	.navbar-menu.closed { display: none; }
	#navbar-support { padding: 10px 20px; }
	#navbar-support h3 { background-color: transparent;	padding: 10px 0; border-bottom: 1px solid #bfbfbf; margin-bottom: 10px;	}
}

.navbar-menu a { position: relative; overflow: hidden; }

@keyframes fadein { from { opacity: .4; } to   { opacity: 1; } }
@-moz-keyframes fadein { from { opacity: .4; } to   { opacity: 1; } }
@-webkit-keyframes fadein { from { opacity: .4; } to   { opacity: 1; } }
@-ms-keyframes fadein { from { opacity: .4; } to   { opacity: 1; } }
@-o-keyframes fadein { from { opacity: .4; } to   { opacity: 1; } }
@keyframes fadeout { from { opacity: 1; } to   { opacity: 0; } }
@-moz-keyframes fadeout { from { opacity: 1; } to   { opacity: 0; } }
@-webkit-keyframes fadeout { from { opacity: 1; } to   { opacity: 0; } }
@-ms-keyframes fadeout { from { opacity: 1; } to   { opacity: 0; } }
@-o-keyframes fadeout { from { opacity: 1; } to   { opacity: 0; } }