/* Customized version of normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
 ========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font: 100% sans-serif;
    box-sizing: border-box;
}

/* Sections
 ========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
    margin: 0;
    background: rgb(var(--colour-neutral-1, 255, 255, 255));
    color: rgb(var(--colour-text-and-icon-2, 72, 72, 72));
    min-height: 100%;
    margin: 0;
    font-size: 0.875rem;
    line-height: 1.571;
}

/* Grouping content
 ========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
    box-sizing: content-box; /* 1 */
    height: 0; /* 1 */
    overflow: visible; /* 2 */
}

/* Text-level semantics
 ========================================================================== */
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
    border-bottom: none; /* 1 */
    text-decoration: underline; /* 2 */
    -webkit-text-decoration: underline dotted;
            text-decoration: underline dotted; /* 2 */
}

/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
    font-weight: 700;
}

/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
    font-family: Monaco, Courier, "Courier New", monospace;
    font-size: 1em;
}

/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
    font-size: 66%;
    line-height: 1;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content
 ========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
    border-style: none;
}

/* Forms
 ========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 1 */
    line-height: 1.5; /* 1 */
    margin: 0; /* 2 */
}

/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input {
    overflow: visible; /* 1 */
}

/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select {
    text-transform: none; /* 1 */
}

/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button;
}

/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/**
* Correct the padding in Firefox.
*/
fieldset {
    padding: 0.75rem 1rem 0.75rem;
}

/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
*    `fieldset` elements in all browsers.
*/
legend {
    box-sizing: border-box; /* 1 */
    color: inherit; /* 2 */
    display: table; /* 1 */
    max-width: 100%; /* 1 */
    padding: 0; /* 3 */
    white-space: normal; /* 1 */
}

/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
    vertical-align: baseline;
}

/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
    overflow: auto;
}

/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type=checkbox],
[type=radio] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto;
}

/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type=search] {
    -webkit-appearance: textfield; /* 1 */
    outline-offset: -2px; /* 2 */
}

/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
    -webkit-appearance: button; /* 1 */
    font: inherit; /* 2 */
}

/* Interactive
 ========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
    display: block;
}

/*
* Add the correct display in all browsers.
*/
summary {
    display: list-item;
}

/* Misc
 ========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
    display: none;
}

/**
* Add the correct display in IE 10.
*/
[hidden] {
    display: none;
}

/**
 * Basic resets
 */
blockquote,
body,
caption,
div,
dl,
dt,
dd,
form,
fieldset,
h1,
h2,
h3,
h4,
h5,
h6,
html,
li,
ul,
ol,
p,
pre,
textarea,
table,
td,
th,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
    margin: 0;
    padding: 0;
}

/**
    * HTML5 elements legacy reset
    */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
    display: block;
}

*,
*::before,
*::after {
    box-sizing: inherit;
    outline: none;
}

a,
button {
    position: relative;
}

dt {
    font-weight: 700;
}

dd::after {
    content: "";
    display: block;
}

fieldset,
table,
th,
td {
    border: 0;
}

th,
td {
    vertical-align: top;
}

caption,
th {
    font-weight: 700;
    text-align: left;
}

a {
    color: rgb(var(--colour-text-and-icon-2, 72, 72, 72));
    background-color: transparent;
}

a:hover {
    color: rgb(var(--colour-text-and-icon-1, 17, 17, 17));
    text-decoration: underline;
}

a:focus,
a:active {
    color: rgb(var(--colour-text-and-icon-1, 17, 17, 17));
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 1rem;
}

input[type=search] {
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: inherit;
}

button,
[type=submit],
[type=reset] {
    cursor: pointer;
}

i,
em {
    font-style: italic;
}

[type=search] {
    -webkit-appearance: textfield;
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
}

hr {
    border: none;
    border-top: 1px solid transparent;
    border-right: 1px solid transparent;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    background: rgb(var(--colour-neutral-3, 223, 223, 223));
    height: auto;
}

.grid {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-column-gap: 0.75rem;
    grid-row-gap: 0.75rem;
}
@media (min-width: 48em) {
    .grid {
        grid-template-columns: repeat(6, minmax(0, 1fr));
        grid-column-gap: 1rem;
        grid-row-gap: 1rem;
    }
}
@media (min-width: 62em) {
    .grid {
        grid-template-columns: repeat(12, minmax(0, 1fr));
        grid-column-gap: 1.25rem;
        grid-row-gap: 1.25rem;
    }
}

/* common-styles */
hr.divider {
    border-block-start: 1px solid rgb(var(--colour-neutral-3, 223, 223, 223));
}

/* common-styles */
.focus-visible:not(input):not(select):not(main):not(.custom-select-box):not(textarea) {
    box-shadow: 0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255))) !important;
    outline: 2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17))) !important;
    outline-offset: 2px !important;
    transition: outline 200ms ease-out, box-shadow 200ms ease-out !important;
}

[tabindex="0"]:focus-visible:not([name=select2-searcher]) {
    box-shadow: 0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255))) !important;
    outline: 2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17))) !important;
    outline-offset: 2px !important;
    transition: outline 200ms ease-out, box-shadow 200ms ease-out !important;
}

.link {
    text-decoration: underline;
    font-weight: 400;
    color: rgb(var(--colour-text-and-icon-2, 72, 72, 72));
}
.link:focus, .link:hover, .link:active {
    color: rgb(var(--colour-text-and-icon-1, 17, 17, 17));
}

.link--disabled {
    cursor: default;
    pointer-events: none;
    opacity: 0.4;
}
.link--disabled:focus::before {
    border: 0;
}

.link--black {
    color: rgb(var(--colour-text-and-icon-1, 17, 17, 17));
}
.link--black:hover, .link--black:focus, .link--black:active {
    color: rgb(var(--colour-text-and-icon-2, 72, 72, 72));
}
.link--black.link--disabled {
    cursor: default;
    pointer-events: none;
    opacity: 0.4;
    color: rgb(var(--colour-text-and-icon-1, 17, 17, 17));
}
.link--black.link--disabled:focus::before {
    border: 0;
}
.link--black.link--disabled:hover {
    color: rgb(var(--colour-text-and-icon-1, 17, 17, 17));
}
.link--black.link--disabled:focus, .link--black.link--disabled:active {
    color: rgb(var(--colour-text-and-icon-1, 17, 17, 17));
}

.link--grey {
    color: rgb(var(--colour-text-and-icon-3, 118, 118, 118));
}
.link--grey:hover, .link--grey:focus, .link--grey:active {
    color: rgb(var(--colour-text-and-icon-1, 17, 17, 17));
}
.link--grey.link--disabled {
    cursor: default;
    pointer-events: none;
    opacity: 0.4;
    color: rgb(var(--colour-text-and-icon-2, 72, 72, 72));
}
.link--grey.link--disabled:focus::before {
    border: 0;
}
.link--grey.link--disabled:hover {
    color: rgb(var(--colour-text-and-icon-2, 72, 72, 72));
}
.link--grey.link--disabled:focus, .link--grey.link--disabled:active {
    color: rgb(var(--colour-text-and-icon-2, 72, 72, 72));
}

.link--white {
    color: rgb(var(--colour-static-white, 255, 255, 255));
}
.link--white:hover, .link--white:focus, .link--white:active {
    color: rgb(var(--colour-static-light-grey, 245, 245, 245));
}
.link--white.link--disabled {
    cursor: default;
    pointer-events: none;
    opacity: 0.4;
    color: rgb(var(--colour-static-white, 255, 255, 255));
}
.link--white.link--disabled:focus::before {
    border: 0;
}
.link--white.link--disabled:hover {
    color: rgb(var(--colour-static-white, 255, 255, 255));
}
.link--white.link--disabled:focus, .link--white.link--disabled:active {
    color: rgb(var(--colour-static-white, 255, 255, 255));
}

.link--subtle {
    text-decoration: none;
}
.link--subtle:focus, .link--subtle:hover, .link--subtle:active {
    text-decoration: underline;
}

h1 .link,
h2 .link,
h3 .link,
h4 .link,
h5 .link,
h6 .link,
p .link {
    margin-bottom: 0;
    text-decoration: underline;
}
h1 .link .svg-icon,
h2 .link .svg-icon,
h3 .link .svg-icon,
h4 .link .svg-icon,
h5 .link .svg-icon,
h6 .link .svg-icon,
p .link .svg-icon {
    vertical-align: middle;
}
h1 .link:hover, h1 .link:focus, h1 .link:active,
h2 .link:hover,
h2 .link:focus,
h2 .link:active,
h3 .link:hover,
h3 .link:focus,
h3 .link:active,
h4 .link:hover,
h4 .link:focus,
h4 .link:active,
h5 .link:hover,
h5 .link:focus,
h5 .link:active,
h6 .link:hover,
h6 .link:focus,
h6 .link:active,
p .link:hover,
p .link:focus,
p .link:active {
    text-decoration: underline;
}
h1 .link--subtle,
h2 .link--subtle,
h3 .link--subtle,
h4 .link--subtle,
h5 .link--subtle,
h6 .link--subtle,
p .link--subtle {
    text-decoration: none;
}
h1 .link--subtle:focus, h1 .link--subtle:hover, h1 .link--subtle:active,
h2 .link--subtle:focus,
h2 .link--subtle:hover,
h2 .link--subtle:active,
h3 .link--subtle:focus,
h3 .link--subtle:hover,
h3 .link--subtle:active,
h4 .link--subtle:focus,
h4 .link--subtle:hover,
h4 .link--subtle:active,
h5 .link--subtle:focus,
h5 .link--subtle:hover,
h5 .link--subtle:active,
h6 .link--subtle:focus,
h6 .link--subtle:hover,
h6 .link--subtle:active,
p .link--subtle:focus,
p .link--subtle:hover,
p .link--subtle:active {
    text-decoration: underline;
}

a {
    outline: none;
}

.list {
    list-style-position: outside;
    font-size: var(--skapa-list-font-size, 0.875rem);
    padding-inline-start: var(--skapa-list-padding-start, 1.9375rem);
}
.list ul.list {
    list-style-type: circle;
}
.list ol.list {
    list-style-type: upper-alpha;
}
.list ul,
.list ol {
    padding-inline-start: var(--skapa-list-nested-padding-start, 1.1875rem);
}
.list ul li,
.list ol li {
    margin-top: var(--skapa-list-nested-item-margin-top, 0.5rem);
}
.list li:not(:first-child) {
    margin-top: var(--skapa-list-item-margin-top, 0.75rem);
}
.list--small {
    --skapa-list-font-size: 0.75rem;
    --skapa-list-padding-start: 1.375rem;
    --skapa-list-item-margin-top: 0.5rem;
    --skapa-list-nested-padding-start: 0.875rem;
    --skapa-list-nested-item-margin-top: 0.25rem;
}
.list--large {
    --skapa-list-font-size: 1rem;
    --skapa-list-padding-start: 2rem;
    --skapa-list-item-margin-top: 0.75rem;
    --skapa-list-nested-padding-start: 1.25rem;
    --skapa-list-nested-item-margin-top: 0.5rem;
}
.list--xlarge {
    --skapa-list-font-size: 1.25rem;
    --skapa-list-padding-start: 2.5625rem;
    --skapa-list-item-margin-top: 1rem;
    --skapa-list-nested-padding-start: 1.5625rem;
    --skapa-list-nested-item-margin-top: 0.75rem;
}

.typography,
.typography * {
    --skapa-letter-spacing-multiplier-for-font-weight: calc(var(--skapa-font-weight, 400) / 800 - .125);
    letter-spacing: calc(var(--skapa-characterset-multiplier, 1) * var(--skapa-letter-spacing-multiplier-for-font-weight, 0.375) * (var(--skapa-base-multiplier, 1) * 0.875rem - 1em) / (0.875 * var(--skapa-rem, 16)));
}

*[class*=typography-] {
    font-size: calc(1rem * var(--skapa-base-multiplier, 1) * var(--skapa-font-size, 14) / 16);
    font-weight: clamp(400, var(--skapa-font-weight, 400), 700);
    line-height: var(--skapa-typography-line-height, 1.5);
    --skapa-letter-spacing-multiplier-for-font-weight: calc(var(--skapa-font-weight, 400) / 800 - .125);
    letter-spacing: calc(var(--skapa-characterset-multiplier, 1) * var(--skapa-letter-spacing-multiplier-for-font-weight, 0.375) * (var(--skapa-base-multiplier, 1) * 0.875rem - 1em) / (0.875 * var(--skapa-rem, 16)));
}

.typography-margin-compensation *[class*=typography-] {
    margin-inline: calc(-1 * (1em - 14px) * 0.095);
}

.typography-paragraph-spacing *[class*=typography-] {
    margin-bottom: calc(1em * (var(--skapa-typography-line-height, 1.5) - 1));
}

.typography-base-14 {
    --skapa-base-multiplier: calc(14 / 14);
}
.typography-base-16 {
    --skapa-base-multiplier: calc(16 / 14);
}
.typography-base-20 {
    --skapa-base-multiplier: calc(20 / 14);
}
.typography-base-28 {
    --skapa-base-multiplier: calc(28 / 14);
}
.typography-base-56 {
    --skapa-base-multiplier: calc(56 / 14);
}

.typography-body-s {
    --skapa-font-weight: 400;
    --skapa-font-size: var(--skapa-body-s, 12);
    --skapa-typography-line-height: 1.8;
}
.typography-body-m {
    --skapa-font-weight: 400;
    --skapa-typography-line-height: 1.5;
    --skapa-font-size: var(--skapa-body-m, 14);
}
.typography-body-l {
    --skapa-font-weight: 400;
    --skapa-typography-line-height: 1.5;
    --skapa-font-size: var(--skapa-body-l, 16);
}

.typography-display-m {
    --skapa-font-weight: 700;
    --skapa-typography-line-height: 1.2;
    --skapa-font-size: var(--skapa-display-m, 40);
}
.typography-display-xl {
    --skapa-font-weight: 700;
    --skapa-typography-line-height: 1.2;
    --skapa-font-size: var(--skapa-display-xl, 72);
}
.typography-display-l {
    --skapa-font-weight: 700;
    --skapa-typography-line-height: 1.2;
    --skapa-font-size: var(--skapa-display-l, 56);
}

.typography-heading-m {
    --skapa-font-weight: 700;
    --skapa-typography-line-height: 1.25;
    --skapa-font-size: var(--skapa-heading-m, 18);
}
.typography-heading-xl {
    --skapa-font-weight: 700;
    --skapa-typography-line-height: 1.25;
    --skapa-font-size: var(--skapa-heading-xl, 32);
}
.typography-heading-l {
    --skapa-font-weight: 700;
    --skapa-typography-line-height: 1.25;
    --skapa-font-size: var(--skapa-heading-l, 24);
}
.typography-heading-s {
    --skapa-font-weight: 700;
    --skapa-typography-line-height: 1.25;
    --skapa-font-size: var(--skapa-heading-s, 16);
}
.typography-heading-xs {
    --skapa-font-weight: 700;
    --skapa-typography-line-height: 1.25;
    --skapa-font-size: var(--skapa-heading-xs, 14);
}

.typography-label-s {
    --skapa-font-weight: 700;
    --skapa-typography-line-height: 1.25;
    --skapa-font-size: var(--skapa-label-s, 12);
}
.typography-label-xs {
    --skapa-font-weight: 700;
    --skapa-typography-line-height: 1.25;
    --skapa-font-size: var(--skapa-label-xs, 10);
    text-transform: uppercase;
}
.typography-label-m {
    --skapa-font-weight: 700;
    --skapa-typography-line-height: 1.25;
    --skapa-font-size: var(--skapa-label-m, 14);
}
.typography-label-l {
    --skapa-font-weight: 700;
    --skapa-typography-line-height: 1.25;
    --skapa-font-size: var(--skapa-label-l, 16);
}

.typography-caption-m {
    --skapa-font-weight: 400;
    --skapa-typography-line-height: 1.25;
    --skapa-font-size: var(--skapa-caption-m, 14);
}
.typography-caption-l {
    --skapa-font-weight: 400;
    --skapa-typography-line-height: 1.25;
    --skapa-font-size: var(--skapa-caption-l, 16);
}
.typography-caption-s {
    --skapa-font-weight: 400;
    --skapa-font-size: var(--skapa-caption-s, 12);
    --skapa-typography-line-height: 1.5;
}

.typography-statement-m {
    --skapa-font-weight: 400;
    --skapa-typography-line-height: 1.5;
    --skapa-font-size: var(--skapa-statement-m, 20);
}
.typography-statement-l {
    --skapa-font-weight: 400;
    --skapa-typography-line-height: 1.5;
    --skapa-font-size: var(--skapa-statement-l, 28);
}

.typography-regular {
    --skapa-font-weight: 400;
}

.typography-typescale-desktop {
    --skapa-display-xl: 72;
    --skapa-display-l: 56;
    --skapa-display-m: 40;
    --skapa-heading-xl: 32;
    --skapa-heading-l: 24;
    --skapa-heading-m: 18;
    --skapa-heading-s: 16;
    --skapa-heading-xs: 14;
    --skapa-statement-l: 28;
    --skapa-statement-m: 20;
    --skapa-caption-l: 16;
    --skapa-caption-m: 14;
    --skapa-caption-s: 12;
    --skapa-label-l: 16;
    --skapa-label-m: 14;
    --skapa-label-s: 12;
    --skapa-label-xs: 10;
    --skapa-body-l: 16;
    --skapa-body-m: 14;
    --skapa-body-s: 12;
}
.typography-typescale-small-screen {
    --skapa-display-xl: 48;
    --skapa-display-l: 36;
    --skapa-display-m: 28;
    --skapa-heading-xl: 24;
    --skapa-heading-l: 20;
    --skapa-heading-m: 18;
    --skapa-heading-s: 16;
    --skapa-heading-xs: 14;
    --skapa-statement-l: 20;
    --skapa-statement-m: 18;
    --skapa-caption-l: 16;
    --skapa-caption-m: 14;
    --skapa-caption-s: 12;
    --skapa-label-l: 16;
    --skapa-label-m: 14;
    --skapa-label-s: 12;
    --skapa-label-xs: 10;
    --skapa-body-l: 16;
    --skapa-body-m: 14;
    --skapa-body-s: 12;
}
.typography-typescale-large-screen {
    --skapa-display-xl: 144;
    --skapa-display-l: 96;
    --skapa-display-m: 64;
    --skapa-heading-xl: 40;
    --skapa-heading-l: 28;
    --skapa-heading-m: 18;
    --skapa-heading-s: 16;
    --skapa-heading-xs: 14;
    --skapa-statement-l: 40;
    --skapa-statement-m: 28;
    --skapa-caption-l: 16;
    --skapa-caption-m: 14;
    --skapa-caption-s: 12;
    --skapa-label-l: 16;
    --skapa-label-m: 14;
    --skapa-label-s: 12;
    --skapa-label-xs: 10;
    --skapa-body-l: 16;
    --skapa-body-m: 14;
    --skapa-body-s: 12;
}
.typography-typescale-auto {
    --skapa-display-xl: 48;
    --skapa-display-l: 36;
    --skapa-display-m: 28;
    --skapa-heading-xl: 24;
    --skapa-heading-l: 20;
    --skapa-heading-m: 18;
    --skapa-heading-s: 16;
    --skapa-heading-xs: 14;
    --skapa-statement-l: 20;
    --skapa-statement-m: 18;
    --skapa-caption-l: 16;
    --skapa-caption-m: 14;
    --skapa-caption-s: 12;
    --skapa-label-l: 16;
    --skapa-label-m: 14;
    --skapa-label-s: 12;
    --skapa-label-xs: 10;
    --skapa-body-l: 16;
    --skapa-body-m: 14;
    --skapa-body-s: 12;
}
@media (min-width: 48em) {
    .typography-typescale-auto {
        --skapa-display-xl: 72;
        --skapa-display-l: 56;
        --skapa-display-m: 40;
        --skapa-heading-xl: 32;
        --skapa-heading-l: 24;
        --skapa-heading-m: 18;
        --skapa-heading-s: 16;
        --skapa-heading-xs: 14;
        --skapa-statement-l: 28;
        --skapa-statement-m: 20;
        --skapa-caption-l: 16;
        --skapa-caption-m: 14;
        --skapa-caption-s: 12;
        --skapa-label-l: 16;
        --skapa-label-m: 14;
        --skapa-label-s: 12;
        --skapa-label-xs: 10;
        --skapa-body-l: 16;
        --skapa-body-m: 14;
        --skapa-body-s: 12;
    }
}
@media (min-width: 75em) {
    .typography-typescale-auto {
        --skapa-display-xl: 144;
        --skapa-display-l: 96;
        --skapa-display-m: 64;
        --skapa-heading-xl: 40;
        --skapa-heading-l: 28;
        --skapa-heading-m: 18;
        --skapa-heading-s: 16;
        --skapa-heading-xs: 14;
        --skapa-statement-l: 40;
        --skapa-statement-m: 28;
        --skapa-caption-l: 16;
        --skapa-caption-m: 14;
        --skapa-caption-s: 12;
        --skapa-label-l: 16;
        --skapa-label-m: 14;
        --skapa-label-s: 12;
        --skapa-label-xs: 10;
        --skapa-body-l: 16;
        --skapa-body-m: 14;
        --skapa-body-s: 12;
    }
}

*:is(.typography-character-set-arabic, .typography-character-set-chinese_simplified, .typography-character-set-chinese_traditional, .typography-character-set-hebrew, .typography-character-set-japanese, .typography-character-set-korean) {
    --skapa-characterset-multiplier: 0;
}

.typography {
    color: rgb(var(--colour-text-and-icon-1, 17, 17, 17));
}
.typography[class*=body], .typography[class*=caption] {
    color: rgb(var(--colour-text-and-icon-2, 72, 72, 72));
}

.typography,
.typography * {
    --skapa-letter-spacing-multiplier-for-font-weight: calc(var(--skapa-font-weight, 400) / 800 - .125);
    letter-spacing: calc(var(--skapa-characterset-multiplier, 1) * var(--skapa-letter-spacing-multiplier-for-font-weight, 0.375) * (var(--skapa-base-multiplier, 1) * 0.875rem - 1em) / (0.875 * var(--skapa-rem, 16)));
}

*[class*=typography-] {
    font-size: calc(1rem * var(--skapa-base-multiplier, 1) * var(--skapa-font-size, 14) / 16);
    font-weight: clamp(400, var(--skapa-font-weight, 400), 700);
    line-height: var(--skapa-typography-line-height, 1.5);
    --skapa-letter-spacing-multiplier-for-font-weight: calc(var(--skapa-font-weight, 400) / 800 - .125);
    letter-spacing: calc(var(--skapa-characterset-multiplier, 1) * var(--skapa-letter-spacing-multiplier-for-font-weight, 0.375) * (var(--skapa-base-multiplier, 1) * 0.875rem - 1em) / (0.875 * var(--skapa-rem, 16)));
}

.typography-margin-compensation *[class*=typography-] {
    margin-inline: calc(-1 * (1em - 14px) * 0.095);
}

.typography-paragraph-spacing *[class*=typography-] {
    margin-bottom: calc(1em * (var(--skapa-typography-line-height, 1.5) - 1));
}

.typography-base-14 {
    --skapa-base-multiplier: calc(14 / 14);
}
.typography-base-16 {
    --skapa-base-multiplier: calc(16 / 14);
}
.typography-base-20 {
    --skapa-base-multiplier: calc(20 / 14);
}
.typography-base-28 {
    --skapa-base-multiplier: calc(28 / 14);
}
.typography-base-56 {
    --skapa-base-multiplier: calc(56 / 14);
}

.typography-body-s {
    --skapa-font-weight: 400;
    --skapa-font-size: var(--skapa-body-s, 12);
    --skapa-typography-line-height: 1.8;
}
.typography-body-m {
    --skapa-font-weight: 400;
    --skapa-typography-line-height: 1.5;
    --skapa-font-size: var(--skapa-body-m, 14);
}
.typography-body-l {
    --skapa-font-weight: 400;
    --skapa-typography-line-height: 1.5;
    --skapa-font-size: var(--skapa-body-l, 16);
}

.typography-display-m {
    --skapa-font-weight: 700;
    --skapa-typography-line-height: 1.2;
    --skapa-font-size: var(--skapa-display-m, 40);
}
.typography-display-xl {
    --skapa-font-weight: 700;
    --skapa-typography-line-height: 1.2;
    --skapa-font-size: var(--skapa-display-xl, 72);
}
.typography-display-l {
    --skapa-font-weight: 700;
    --skapa-typography-line-height: 1.2;
    --skapa-font-size: var(--skapa-display-l, 56);
}

.typography-heading-m {
    --skapa-font-weight: 700;
    --skapa-typography-line-height: 1.25;
    --skapa-font-size: var(--skapa-heading-m, 18);
}
.typography-heading-xl {
    --skapa-font-weight: 700;
    --skapa-typography-line-height: 1.25;
    --skapa-font-size: var(--skapa-heading-xl, 32);
}
.typography-heading-l {
    --skapa-font-weight: 700;
    --skapa-typography-line-height: 1.25;
    --skapa-font-size: var(--skapa-heading-l, 24);
}
.typography-heading-s {
    --skapa-font-weight: 700;
    --skapa-typography-line-height: 1.25;
    --skapa-font-size: var(--skapa-heading-s, 16);
}
.typography-heading-xs {
    --skapa-font-weight: 700;
    --skapa-typography-line-height: 1.25;
    --skapa-font-size: var(--skapa-heading-xs, 14);
}

.typography-label-s {
    --skapa-font-weight: 700;
    --skapa-typography-line-height: 1.25;
    --skapa-font-size: var(--skapa-label-s, 12);
}
.typography-label-xs {
    --skapa-font-weight: 700;
    --skapa-typography-line-height: 1.25;
    --skapa-font-size: var(--skapa-label-xs, 10);
    text-transform: uppercase;
}
.typography-label-m {
    --skapa-font-weight: 700;
    --skapa-typography-line-height: 1.25;
    --skapa-font-size: var(--skapa-label-m, 14);
}
.typography-label-l {
    --skapa-font-weight: 700;
    --skapa-typography-line-height: 1.25;
    --skapa-font-size: var(--skapa-label-l, 16);
}

.typography-caption-m {
    --skapa-font-weight: 400;
    --skapa-typography-line-height: 1.25;
    --skapa-font-size: var(--skapa-caption-m, 14);
}
.typography-caption-l {
    --skapa-font-weight: 400;
    --skapa-typography-line-height: 1.25;
    --skapa-font-size: var(--skapa-caption-l, 16);
}
.typography-caption-s {
    --skapa-font-weight: 400;
    --skapa-font-size: var(--skapa-caption-s, 12);
    --skapa-typography-line-height: 1.5;
}

.typography-statement-m {
    --skapa-font-weight: 400;
    --skapa-typography-line-height: 1.5;
    --skapa-font-size: var(--skapa-statement-m, 20);
}
.typography-statement-l {
    --skapa-font-weight: 400;
    --skapa-typography-line-height: 1.5;
    --skapa-font-size: var(--skapa-statement-l, 28);
}

.typography-regular {
    --skapa-font-weight: 400;
}

.typography-typescale-desktop {
    --skapa-display-xl: 72;
    --skapa-display-l: 56;
    --skapa-display-m: 40;
    --skapa-heading-xl: 32;
    --skapa-heading-l: 24;
    --skapa-heading-m: 18;
    --skapa-heading-s: 16;
    --skapa-heading-xs: 14;
    --skapa-statement-l: 28;
    --skapa-statement-m: 20;
    --skapa-caption-l: 16;
    --skapa-caption-m: 14;
    --skapa-caption-s: 12;
    --skapa-label-l: 16;
    --skapa-label-m: 14;
    --skapa-label-s: 12;
    --skapa-label-xs: 10;
    --skapa-body-l: 16;
    --skapa-body-m: 14;
    --skapa-body-s: 12;
}
.typography-typescale-small-screen {
    --skapa-display-xl: 48;
    --skapa-display-l: 36;
    --skapa-display-m: 28;
    --skapa-heading-xl: 24;
    --skapa-heading-l: 20;
    --skapa-heading-m: 18;
    --skapa-heading-s: 16;
    --skapa-heading-xs: 14;
    --skapa-statement-l: 20;
    --skapa-statement-m: 18;
    --skapa-caption-l: 16;
    --skapa-caption-m: 14;
    --skapa-caption-s: 12;
    --skapa-label-l: 16;
    --skapa-label-m: 14;
    --skapa-label-s: 12;
    --skapa-label-xs: 10;
    --skapa-body-l: 16;
    --skapa-body-m: 14;
    --skapa-body-s: 12;
}
.typography-typescale-large-screen {
    --skapa-display-xl: 144;
    --skapa-display-l: 96;
    --skapa-display-m: 64;
    --skapa-heading-xl: 40;
    --skapa-heading-l: 28;
    --skapa-heading-m: 18;
    --skapa-heading-s: 16;
    --skapa-heading-xs: 14;
    --skapa-statement-l: 40;
    --skapa-statement-m: 28;
    --skapa-caption-l: 16;
    --skapa-caption-m: 14;
    --skapa-caption-s: 12;
    --skapa-label-l: 16;
    --skapa-label-m: 14;
    --skapa-label-s: 12;
    --skapa-label-xs: 10;
    --skapa-body-l: 16;
    --skapa-body-m: 14;
    --skapa-body-s: 12;
}
.typography-typescale-auto {
    --skapa-display-xl: 48;
    --skapa-display-l: 36;
    --skapa-display-m: 28;
    --skapa-heading-xl: 24;
    --skapa-heading-l: 20;
    --skapa-heading-m: 18;
    --skapa-heading-s: 16;
    --skapa-heading-xs: 14;
    --skapa-statement-l: 20;
    --skapa-statement-m: 18;
    --skapa-caption-l: 16;
    --skapa-caption-m: 14;
    --skapa-caption-s: 12;
    --skapa-label-l: 16;
    --skapa-label-m: 14;
    --skapa-label-s: 12;
    --skapa-label-xs: 10;
    --skapa-body-l: 16;
    --skapa-body-m: 14;
    --skapa-body-s: 12;
}
@media (min-width: 48em) {
    .typography-typescale-auto {
        --skapa-display-xl: 72;
        --skapa-display-l: 56;
        --skapa-display-m: 40;
        --skapa-heading-xl: 32;
        --skapa-heading-l: 24;
        --skapa-heading-m: 18;
        --skapa-heading-s: 16;
        --skapa-heading-xs: 14;
        --skapa-statement-l: 28;
        --skapa-statement-m: 20;
        --skapa-caption-l: 16;
        --skapa-caption-m: 14;
        --skapa-caption-s: 12;
        --skapa-label-l: 16;
        --skapa-label-m: 14;
        --skapa-label-s: 12;
        --skapa-label-xs: 10;
        --skapa-body-l: 16;
        --skapa-body-m: 14;
        --skapa-body-s: 12;
    }
}
@media (min-width: 75em) {
    .typography-typescale-auto {
        --skapa-display-xl: 144;
        --skapa-display-l: 96;
        --skapa-display-m: 64;
        --skapa-heading-xl: 40;
        --skapa-heading-l: 28;
        --skapa-heading-m: 18;
        --skapa-heading-s: 16;
        --skapa-heading-xs: 14;
        --skapa-statement-l: 40;
        --skapa-statement-m: 28;
        --skapa-caption-l: 16;
        --skapa-caption-m: 14;
        --skapa-caption-s: 12;
        --skapa-label-l: 16;
        --skapa-label-m: 14;
        --skapa-label-s: 12;
        --skapa-label-xs: 10;
        --skapa-body-l: 16;
        --skapa-body-m: 14;
        --skapa-body-s: 12;
    }
}

*:is(.typography-character-set-arabic, .typography-character-set-chinese_simplified, .typography-character-set-chinese_traditional, .typography-character-set-hebrew, .typography-character-set-japanese, .typography-character-set-korean) {
    --skapa-characterset-multiplier: 0;
}

h1 {
    --skapa-font-weight: 700;
    --skapa-typography-line-height: 1.25;
    --skapa-font-size: var(--skapa-heading-l, 24);
}

h2 {
    --skapa-font-weight: 700;
    --skapa-typography-line-height: 1.25;
    --skapa-font-size: var(--skapa-heading-m, 18);
}

h3 {
    --skapa-font-weight: 700;
    --skapa-typography-line-height: 1.25;
    --skapa-font-size: var(--skapa-heading-s, 16);
}

h4,
h5,
h6 {
    --skapa-font-weight: 700;
    --skapa-typography-line-height: 1.25;
    --skapa-font-size: var(--skapa-heading-xs, 14);
}

p {
    --skapa-font-weight: 400;
    --skapa-typography-line-height: 1.5;
    --skapa-font-size: var(--skapa-body-m, 14);
}

small {
    --skapa-font-weight: 400;
    --skapa-font-size: var(--skapa-body-s, 12);
    --skapa-typography-line-height: 1.8;
}

.light-mode {
    --colour-neutral-1: 255, 255, 255;
    --colour-neutral-2: 245, 245, 245;
    --colour-neutral-3: 223, 223, 223;
    --colour-neutral-4: 204, 204, 204;
    --colour-neutral-5: 146, 146, 146;
    --colour-neutral-6: 72, 72, 72;
    --colour-neutral-7: 17, 17, 17;
    --colour-text-and-icon-1: 17, 17, 17;
    --colour-text-and-icon-2: 72, 72, 72;
    --colour-text-and-icon-3: 118, 118, 118;
    --colour-text-and-icon-4: 146, 146, 146;
    --colour-text-and-icon-5: 255, 255, 255;
    --colour-elevation-1: 255, 255, 255;
    --colour-elevation-2: 255, 255, 255;
    --colour-elevation-3: 17, 17, 17;
    --colour-elevation-1-border: 223, 223, 223;
    --colour-elevation-2-border: 72, 72, 72;
    --colour-semantic-informative: 0, 88, 163;
    --colour-semantic-positive: 10, 138, 0;
    --colour-semantic-caution: 242, 106, 47;
    --colour-semantic-caution-text: 202, 80, 8;
    --colour-semantic-negative: 224, 7, 81;
    --colour-static-white: 255, 255, 255;
    --colour-static-light-grey: 245, 245, 245;
    --colour-static-grey: 223, 223, 223;
    --colour-static-dark-grey: 118, 118, 118;
    --colour-static-black: 17, 17, 17;
    --colour-static-ikea-brand-blue: 0, 88, 163;
    --colour-static-ikea-brand-yellow: 255, 219, 0;
    --colour-static-ikea-family: 0, 124, 193;
    --colour-static-ikea-business-network: 222, 188, 156;
    --colour-commercial-message-new: 202, 80, 8;
    --colour-commercial-message-new-lower-price: 204, 0, 8;
    --colour-commercial-message-ikea-family: 0, 124, 193;
    --colour-commercial-message-bti-yellow: 255, 219, 0;
    --colour-commercial-message-bti-red: 204, 0, 8;
    --colour-campaign-sustainability: 0, 133, 62;
    --colour-interactive-primary-bg-default: 17, 17, 17;
    --colour-interactive-primary-bg-hover: 51, 51, 51;
    --colour-interactive-primary-bg-pressed: 0, 0, 0;
    --colour-interactive-secondary-bg-default: 245, 245, 245;
    --colour-interactive-secondary-bg-hover: 223, 223, 223;
    --colour-interactive-secondary-bg-pressed: 204, 204, 204;
    --colour-interactive-subtle-bg-default: 255, 255, 255;
    --colour-interactive-subtle-bg-hover: 245, 245, 245;
    --colour-interactive-subtle-bg-pressed: 223, 223, 223;
    --colour-interactive-subtle-border-default: 146, 146, 146;
    --colour-interactive-subtle-border-hover: 17, 17, 17;
    --colour-interactive-subtle-border-pressed: 17, 17, 17;
    --colour-interactive-subtle-border-selected: 17, 17, 17;
    --colour-interactive-emphasised-bg-default: 0, 88, 163;
    --colour-interactive-emphasised-bg-hover: 0, 79, 147;
    --colour-interactive-emphasised-bg-pressed: 0, 62, 114;
    --colour-interactive-emphasised-border-selected: 0, 88, 163;
    --colour-interactive-destructive-bg-default: 224, 7, 81;
    --colour-interactive-destructive-bg-hover: 204, 0, 61;
    --colour-interactive-destructive-bg-pressed: 184, 0, 41;
    --colour-interactive-disabled-1: 204, 204, 204;
    --colour-interactive-disabled-2: 146, 146, 146;
    --colour-interactive-disabled-3: 255, 255, 255;
    --colour-interactive-static-primary-bg-default: 17, 17, 17;
    --colour-interactive-static-primary-bg-hover: 51, 51, 51;
    --colour-interactive-static-secondary-bg-default: 245, 245, 245;
    --colour-interactive-static-secondary-bg-hover: 223, 223, 223;
    --colour-interactive-static-secondary-bg-pressed: 204, 204, 204;
    --colour-interactive-static-primary-bg-pressed: 0, 0, 0;
    --colour-extended-palette-01: 193, 207, 212;
    --colour-extended-palette-02: 163, 172, 176;
    --colour-extended-palette-03: 140, 221, 255;
    --colour-extended-palette-04: 0, 150, 210;
    --colour-extended-palette-05: 0, 89, 128;
    --colour-extended-palette-06: 217, 171, 255;
    --colour-extended-palette-07: 107, 61, 153;
    --colour-extended-palette-08: 255, 166, 218;
    --colour-extended-palette-09: 229, 47, 126;
    --colour-extended-palette-10: 255, 174, 102;
    --colour-extended-palette-11: 255, 170, 0;
    --colour-extended-palette-12: 242, 106, 47;
    --colour-extended-palette-13: 204, 177, 0;
    --colour-extended-palette-14: 199, 217, 0;
    --colour-extended-palette-15: 122, 181, 29;
    --colour-extended-palette-16: 80, 128, 32;
    --colour-extended-palette-17: 149, 229, 187;
    --colour-extended-palette-18: 0, 153, 133;
    --colour-extended-palette-19: 0, 102, 88;
    --colour-extended-palette-20: 215, 199, 162;
    --colour-extended-palette-21: 195, 178, 137;
}

body {
    --skapa-display-xl: 48;
    --skapa-display-l: 36;
    --skapa-display-m: 28;
    --skapa-heading-xl: 24;
    --skapa-heading-l: 20;
    --skapa-heading-m: 18;
    --skapa-heading-s: 16;
    --skapa-heading-xs: 14;
    --skapa-statement-l: 20;
    --skapa-statement-m: 18;
    --skapa-caption-l: 16;
    --skapa-caption-m: 14;
    --skapa-caption-s: 12;
    --skapa-label-l: 16;
    --skapa-label-m: 14;
    --skapa-label-s: 12;
    --skapa-label-xs: 10;
    --skapa-body-l: 16;
    --skapa-body-m: 14;
    --skapa-body-s: 12;
}
@media (min-width: 48em) {
    body {
        --skapa-display-xl: 72;
        --skapa-display-l: 56;
        --skapa-display-m: 40;
        --skapa-heading-xl: 32;
        --skapa-heading-l: 24;
        --skapa-heading-m: 18;
        --skapa-heading-s: 16;
        --skapa-heading-xs: 14;
        --skapa-statement-l: 28;
        --skapa-statement-m: 20;
        --skapa-caption-l: 16;
        --skapa-caption-m: 14;
        --skapa-caption-s: 12;
        --skapa-label-l: 16;
        --skapa-label-m: 14;
        --skapa-label-s: 12;
        --skapa-label-xs: 10;
        --skapa-body-l: 16;
        --skapa-body-m: 14;
        --skapa-body-s: 12;
    }
}

.display-1 {
    --skapa-font-weight: 700;
    --skapa-typography-line-height: 1.2;
    --skapa-font-size: var(--skapa-display-l, 56);
    margin-bottom: 0.5em;
}
@media (min-width: 48em) {
    .display-1 {
        --skapa-font-weight: 700;
        --skapa-typography-line-height: 1.2;
        --skapa-font-size: var(--skapa-display-l, 56);
    }
}

.display-2 {
    --skapa-font-weight: 700;
    --skapa-typography-line-height: 1.2;
    --skapa-font-size: var(--skapa-display-m, 40);
    margin-bottom: 0.5em;
}
@media (min-width: 48em) {
    .display-2 {
        --skapa-font-weight: 700;
        --skapa-typography-line-height: 1.2;
        --skapa-font-size: var(--skapa-display-m, 40);
    }
}

.display-3 {
    --skapa-font-weight: 700;
    --skapa-typography-line-height: 1.2;
    --skapa-font-size: var(--skapa-display-m, 40);
    margin-bottom: 0.5em;
}
@media (min-width: 48em) {
    .display-3 {
        --skapa-font-weight: 700;
        --skapa-typography-line-height: 1.2;
        --skapa-font-size: var(--skapa-display-m, 40);
    }
}

.display-4,
.display-5 {
    --skapa-font-weight: 700;
    --skapa-typography-line-height: 1.25;
    --skapa-font-size: var(--skapa-heading-xl, 32);
    margin-bottom: 0.5em;
}
@media (min-width: 48em) {
    .display-4,
    .display-5 {
        --skapa-font-weight: 700;
        --skapa-typography-line-height: 1.25;
        --skapa-font-size: var(--skapa-heading-xl, 32);
    }
}

.display-6,
.h1 {
    --skapa-font-weight: 700;
    --skapa-typography-line-height: 1.25;
    --skapa-font-size: var(--skapa-heading-l, 24);
    margin-bottom: 0.5em;
}
@media (min-width: 48em) {
    .display-6,
    .h1 {
        --skapa-font-weight: 700;
        --skapa-typography-line-height: 1.25;
        --skapa-font-size: var(--skapa-heading-l, 24);
    }
}

.display-7,
.display-8,
.h2 {
    --skapa-font-weight: 700;
    --skapa-typography-line-height: 1.25;
    --skapa-font-size: var(--skapa-heading-m, 18);
    margin-bottom: 0.5em;
}
@media (min-width: 48em) {
    .display-7,
    .display-8,
    .h2 {
        --skapa-font-weight: 700;
        --skapa-typography-line-height: 1.25;
        --skapa-font-size: var(--skapa-heading-m, 18);
    }
}

.h3 {
    --skapa-font-weight: 700;
    --skapa-typography-line-height: 1.25;
    --skapa-font-size: var(--skapa-heading-s, 16);
    margin-bottom: 0.5em;
}
@media (min-width: 48em) {
    .h3 {
        --skapa-font-weight: 700;
        --skapa-typography-line-height: 1.25;
        --skapa-font-size: var(--skapa-heading-s, 16);
    }
}

.h4,
.h5,
.h6 {
    --skapa-font-weight: 700;
    --skapa-typography-line-height: 1.25;
    --skapa-font-size: var(--skapa-heading-xs, 14);
    margin-bottom: 0.5em;
}
@media (min-width: 48em) {
    .h4,
    .h5,
    .h6 {
        --skapa-font-weight: 700;
        --skapa-typography-line-height: 1.25;
        --skapa-font-size: var(--skapa-heading-xs, 14);
    }
}

.text--heading-xl,
.heading-xl {
    --skapa-font-weight: 700;
    --skapa-typography-line-height: 1.2;
    --skapa-font-size: var(--skapa-display-m, 40);
    margin-bottom: 0.5em;
}
.text--heading-l,
.heading-l {
    --skapa-font-weight: 700;
    --skapa-typography-line-height: 1.25;
    --skapa-font-size: var(--skapa-heading-xl, 32);
    margin-bottom: 0.5em;
}
.text--heading-m,
.heading-m {
    --skapa-font-weight: 700;
    --skapa-typography-line-height: 1.25;
    --skapa-font-size: var(--skapa-heading-l, 24);
    margin-bottom: 0.5em;
}
.text--heading-s,
.heading-s {
    --skapa-font-weight: 700;
    --skapa-typography-line-height: 1.25;
    --skapa-font-size: var(--skapa-heading-s, 16);
    margin-bottom: 0.5em;
}
.text--heading-xs,
.heading-xs {
    --skapa-font-weight: 700;
    --skapa-typography-line-height: 1.25;
    --skapa-font-size: var(--skapa-heading-xs, 14);
    margin-bottom: 0.5em;
}

.text--body-xl,
.body-xl {
    --skapa-font-weight: 400;
    --skapa-typography-line-height: 1.5;
    --skapa-font-size: var(--skapa-statement-m, 20);
}
.text--body-l,
.body-l {
    --skapa-font-weight: 400;
    --skapa-typography-line-height: 1.5;
    --skapa-font-size: var(--skapa-body-l, 16);
}
.text--body-m,
.body-m {
    --skapa-font-weight: 400;
    --skapa-typography-line-height: 1.5;
    --skapa-font-size: var(--skapa-body-m, 14);
}
.text--body-s,
.body-s {
    --skapa-font-weight: 400;
    --skapa-font-size: var(--skapa-body-s, 12);
    --skapa-typography-line-height: 1.8;
}
.text--body-xs,
.body-xs {
    --skapa-font-weight: 400;
    --skapa-font-size: var(--skapa-body-xs, 11);
    --skapa-typography-line-height: 1.8;
}

h1, h2, h3, h4, h5, h6,
*[class*=text--heading-] {
    color: rgb(var(--colour-text-and-icon-1, 17, 17, 17));
}

h1, h2, h3, h4, h5, h6,
*[class*=display-],
*[class*=text--heading-],
*[class*=heading-] {
    font-size: calc(1rem * var(--skapa-font-size, 14) / 16);
    font-weight: clamp(400, var(--skapa-font-weight, 400), 700);
    line-height: var(--skapa-typography-line-height, 1.5);
    --skapa-letter-spacing-multiplier-for-font-weight: calc(var(--skapa-font-weight, 400) / 800 - .125);
    letter-spacing: calc(var(--skapa-characterset-multiplier, 1) * var(--skapa-letter-spacing-multiplier-for-font-weight, 0.375) * (0.875rem - 1em) / 14);
}

*[class*=text--body-],
*[class*=body-] {
    font-size: calc(1rem * var(--skapa-font-size, 14) / 16);
    font-weight: clamp(400, var(--skapa-font-weight, 400), 700);
    line-height: var(--skapa-typography-line-height, 1.5);
    letter-spacing: 0;
}

/* custom added styles copied from wc-price */
.wc-price {
    font-weight: 700;
    line-height: 1;
    font-size: 1.5rem;
    position: relative;
    color: rgb(var(--colour-text-and-icon-1, 17, 17, 17));
}

.price--size-small, .price--size-medium, .price--size-large {
    font-weight: 700;
    line-height: 1;
    position: relative;
}
.price--subtle {
    color: rgb(var(--colour-text-and-icon-2, 72, 72, 72));
}
.price em {
    font-style: normal;
}
.price--nowrap {
    white-space: nowrap;
}
.price .currency,
.price .decimal,
.price .priceDecimalFormat,
.price .units,
.price .subscript {
    font-size: 0.5em;
    line-height: 1.3;
}
.price .integer,
.price .decimal,
.price .priceDecimalFormat,
.price .currency,
.price .units {
    display: inline;
}
.price .currency {
    unicode-bidi: bidi-override;
}
.price .subscript {
    unicode-bidi: isolate;
}
.price .currency,
.price .decimal,
.price .priceDecimalFormat {
    position: relative;
    top: -0.727em;
}
.price--size-medium {
    font-size: 1.5rem;
}
.price--size-medium .subscript,
.price--size-medium .decimal,
.price--size-medium .priceDecimalFormat,
.price--size-medium .currency {
    display: inline;
    line-height: 1.3;
    top: -0.727em;
    font-size: 0.5em;
}
.price--size-large {
    font-size: 2.25rem;
}
.price--size-large .subscript,
.price--size-large .decimal,
.price--size-large .priceDecimalFormat,
.price--size-large .currency {
    display: inline;
    line-height: 1.3;
    top: -0.46em;
    font-size: 0.6em;
}
.price--size-small {
    font-size: 1rem;
}
.price--bti {
    display: inline-block;
    color: rgb(var(--colour-static-black, 17, 17, 17));
    padding: 0.2em 0.3em;
    background: rgb(var(--colour-commercial-message-bti-yellow, 255, 219, 0));
    box-shadow: 0.08em 0.08em 0 rgb(var(--colour-commercial-message-bti-red, 204, 0, 8));
    font-style: normal;
}
.price--regular-font-weight {
    font-weight: 400;
}
.price--strikeout .currency,
.price--strikeout .decimal,
.price--strikeout .priceDecimalFormat,
.price--strikeout .integer {
    text-decoration: line-through;
}
.price--fixed-size .subscript,
.price--fixed-size .currency,
.price--fixed-size .decimal,
.price--fixed-size .priceDecimalFormat, .price--strikeout .subscript,
.price--strikeout .currency,
.price--strikeout .decimal,
.price--strikeout .priceDecimalFormat, .price--regular-font-weight .subscript,
.price--regular-font-weight .currency,
.price--regular-font-weight .decimal,
.price--regular-font-weight .priceDecimalFormat, .price--size-small .subscript,
.price--size-small .currency,
.price--size-small .decimal,
.price--size-small .priceDecimalFormat {
    display: inline;
    font-size: 1em !important;
    line-height: 1 !important;
    top: auto !important;
}
.price.sr-text {
    position: absolute;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    margin: -1px;
    white-space: nowrap;
    left: 0;
}
.price--decimal-alignment-base .decimal, .price--decimal-alignment-base .priceDecimalFormat, .price--currency-alignment-base .currency {
    top: unset;
}

/* custom added styles copied from wc-price */
/* TMP FIX TYPOGRAPHY SHARED, ADD NEW HEADING STYLES */
.space-block-ll, .space-block-xl {
    padding-block: 2.5rem;
}
.space-block-mm, .space-block-ml, .space-block-md, .space-block-lg {
    padding-block: 1.25rem;
}
@media (min-width: 56.25em) {
    .space-block-ml, .space-block-lg {
        padding-block: 2.5rem;
    }
}
.space-block-ss, .typography-heading-m.space-block, .typography-heading-s.space-block, .typography-heading-xs.space-block, .space-block-sm, .typography-heading-xl.space-block, .typography-heading-l.space-block, .space-block-xs {
    padding-block: 0.75rem;
}
@media (min-width: 56.25em) {
    .space-block-sm, .typography-heading-xl.space-block, .typography-heading-l.space-block {
        padding-block: 1.25rem;
    }
}
.space-block-b-ll, .space-block-b-xl {
    padding-bottom: 2.5rem;
}
.space-block-b-mm, .space-block-b-ml, .space-block-b-md, .space-block-b-lg {
    padding-bottom: 1.25rem;
}
@media (min-width: 56.25em) {
    .space-block-b-ml, .space-block-b-lg {
        padding-bottom: 2.5rem;
    }
}
.space-block-b-ss, .space-block-b-sm, .space-block-b-xs {
    padding-bottom: 0.75rem;
}
@media (min-width: 56.25em) {
    .space-block-b-sm {
        padding-bottom: 1.25rem;
    }
}
.space-block-t-ll, .space-block-t-xl {
    padding-top: 2.5rem;
}
.space-block-t-mm, .space-block-t-ml, .space-block-t-md, .space-block-t-lg {
    padding-top: 1.25rem;
}
@media (min-width: 56.25em) {
    .space-block-t-ml, .space-block-t-lg {
        padding-top: 2.5rem;
    }
}
.space-block-t-ss, .space-block-t-sm, .space-block-t-xs {
    padding-top: 0.75rem;
}
@media (min-width: 56.25em) {
    .space-block-t-sm {
        padding-top: 1.25rem;
    }
}

.m-25 {
    margin: 0.25rem;
}
.m-50 {
    margin: 0.5rem;
}
.m-75 {
    margin: 0.75rem;
}
.m-100 {
    margin: 1rem;
}
.m-125 {
    margin: 1.25rem;
}
.m-150 {
    margin: 1.5rem;
}
.m-200 {
    margin: 2rem;
}
.m-250 {
    margin: 2.5rem;
}
.m-300 {
    margin: 3rem;
}
.m-400 {
    margin: 4rem;
}
.m-550 {
    margin: 5.5rem;
}
.m-750 {
    margin: 7.5rem;
}
.mt-25 {
    margin-top: 0.25rem;
}
.mt-50 {
    margin-top: 0.5rem;
}
.mt-75 {
    margin-top: 0.75rem;
}
.mt-100 {
    margin-top: 1rem;
}
.mt-125 {
    margin-top: 1.25rem;
}
.mt-150 {
    margin-top: 1.5rem;
}
.mt-200 {
    margin-top: 2rem;
}
.mt-250 {
    margin-top: 2.5rem;
}
.mt-300 {
    margin-top: 3rem;
}
.mt-400 {
    margin-top: 4rem;
}
.mt-550 {
    margin-top: 5.5rem;
}
.mt-750 {
    margin-top: 7.5rem;
}
.mb-25 {
    margin-bottom: 0.25rem;
}
.mb-50 {
    margin-bottom: 0.5rem;
}
.mb-75 {
    margin-bottom: 0.75rem;
}
.mb-100 {
    margin-bottom: 1rem;
}
.mb-125 {
    margin-bottom: 1.25rem;
}
.mb-150 {
    margin-bottom: 1.5rem;
}
.mb-200 {
    margin-bottom: 2rem;
}
.mb-250 {
    margin-bottom: 2.5rem;
}
.mb-300 {
    margin-bottom: 3rem;
}
.mb-400 {
    margin-bottom: 4rem;
}
.mb-550 {
    margin-bottom: 5.5rem;
}
.mb-750 {
    margin-bottom: 7.5rem;
}
.ml-25 {
    margin-left: 0.25rem;
}
.ml-50 {
    margin-left: 0.5rem;
}
.ml-75 {
    margin-left: 0.75rem;
}
.ml-100 {
    margin-left: 1rem;
}
.ml-125 {
    margin-left: 1.25rem;
}
.ml-150 {
    margin-left: 1.5rem;
}
.ml-200 {
    margin-left: 2rem;
}
.ml-250 {
    margin-left: 2.5rem;
}
.ml-300 {
    margin-left: 3rem;
}
.ml-400 {
    margin-left: 4rem;
}
.ml-550 {
    margin-left: 5.5rem;
}
.ml-750 {
    margin-left: 7.5rem;
}
.mr-25 {
    margin-right: 0.25rem;
}
.mr-50 {
    margin-right: 0.5rem;
}
.mr-75 {
    margin-right: 0.75rem;
}
.mr-100 {
    margin-right: 1rem;
}
.mr-125 {
    margin-right: 1.25rem;
}
.mr-150 {
    margin-right: 1.5rem;
}
.mr-200 {
    margin-right: 2rem;
}
.mr-250 {
    margin-right: 2.5rem;
}
.mr-300 {
    margin-right: 3rem;
}
.mr-400 {
    margin-right: 4rem;
}
.mr-550 {
    margin-right: 5.5rem;
}
.mr-750 {
    margin-right: 7.5rem;
}
.my-25 {
    margin-block: 0.25rem;
}
.my-50 {
    margin-block: 0.5rem;
}
.my-75 {
    margin-block: 0.75rem;
}
.my-100 {
    margin-block: 1rem;
}
.my-125 {
    margin-block: 1.25rem;
}
.my-150 {
    margin-block: 1.5rem;
}
.my-200 {
    margin-block: 2rem;
}
.my-250 {
    margin-block: 2.5rem;
}
.my-300 {
    margin-block: 3rem;
}
.my-400 {
    margin-block: 4rem;
}
.my-550 {
    margin-block: 5.5rem;
}
.my-750 {
    margin-block: 7.5rem;
}
.mx-25 {
    margin-inline: 0.25rem;
}
.mx-50 {
    margin-inline: 0.5rem;
}
.mx-75 {
    margin-inline: 0.75rem;
}
.mx-100 {
    margin-inline: 1rem;
}
.mx-125 {
    margin-inline: 1.25rem;
}
.mx-150 {
    margin-inline: 1.5rem;
}
.mx-200 {
    margin-inline: 2rem;
}
.mx-250 {
    margin-inline: 2.5rem;
}
.mx-300 {
    margin-inline: 3rem;
}
.mx-400 {
    margin-inline: 4rem;
}
.mx-550 {
    margin-inline: 5.5rem;
}
.mx-750 {
    margin-inline: 7.5rem;
}

.p-25 {
    padding: 0.25rem;
}
.p-50 {
    padding: 0.5rem;
}
.p-75 {
    padding: 0.75rem;
}
.p-100 {
    padding: 1rem;
}
.p-125 {
    padding: 1.25rem;
}
.p-150 {
    padding: 1.5rem;
}
.p-200 {
    padding: 2rem;
}
.p-250 {
    padding: 2.5rem;
}
.p-300 {
    padding: 3rem;
}
.p-400 {
    padding: 4rem;
}
.p-550 {
    padding: 5.5rem;
}
.p-750 {
    padding: 7.5rem;
}
.pt-25 {
    padding-top: 0.25rem;
}
.pt-50 {
    padding-top: 0.5rem;
}
.pt-75 {
    padding-top: 0.75rem;
}
.pt-100 {
    padding-top: 1rem;
}
.pt-125 {
    padding-top: 1.25rem;
}
.pt-150 {
    padding-top: 1.5rem;
}
.pt-200 {
    padding-top: 2rem;
}
.pt-250 {
    padding-top: 2.5rem;
}
.pt-300 {
    padding-top: 3rem;
}
.pt-400 {
    padding-top: 4rem;
}
.pt-550 {
    padding-top: 5.5rem;
}
.pt-750 {
    padding-top: 7.5rem;
}
.pb-25 {
    padding-bottom: 0.25rem;
}
.pb-50 {
    padding-bottom: 0.5rem;
}
.pb-75 {
    padding-bottom: 0.75rem;
}
.pb-100 {
    padding-bottom: 1rem;
}
.pb-125 {
    padding-bottom: 1.25rem;
}
.pb-150 {
    padding-bottom: 1.5rem;
}
.pb-200 {
    padding-bottom: 2rem;
}
.pb-250 {
    padding-bottom: 2.5rem;
}
.pb-300 {
    padding-bottom: 3rem;
}
.pb-400 {
    padding-bottom: 4rem;
}
.pb-550 {
    padding-bottom: 5.5rem;
}
.pb-750 {
    padding-bottom: 7.5rem;
}
.pl-25 {
    padding-left: 0.25rem;
}
.pl-50 {
    padding-left: 0.5rem;
}
.pl-75 {
    padding-left: 0.75rem;
}
.pl-100 {
    padding-left: 1rem;
}
.pl-125 {
    padding-left: 1.25rem;
}
.pl-150 {
    padding-left: 1.5rem;
}
.pl-200 {
    padding-left: 2rem;
}
.pl-250 {
    padding-left: 2.5rem;
}
.pl-300 {
    padding-left: 3rem;
}
.pl-400 {
    padding-left: 4rem;
}
.pl-550 {
    padding-left: 5.5rem;
}
.pl-750 {
    padding-left: 7.5rem;
}
.pr-25 {
    padding-right: 0.25rem;
}
.pr-50 {
    padding-right: 0.5rem;
}
.pr-75 {
    padding-right: 0.75rem;
}
.pr-100 {
    padding-right: 1rem;
}
.pr-125 {
    padding-right: 1.25rem;
}
.pr-150 {
    padding-right: 1.5rem;
}
.pr-200 {
    padding-right: 2rem;
}
.pr-250 {
    padding-right: 2.5rem;
}
.pr-300 {
    padding-right: 3rem;
}
.pr-400 {
    padding-right: 4rem;
}
.pr-550 {
    padding-right: 5.5rem;
}
.pr-750 {
    padding-right: 7.5rem;
}
.py-25 {
    padding-block: 0.25rem;
}
.py-50 {
    padding-block: 0.5rem;
}
.py-75 {
    padding-block: 0.75rem;
}
.py-100 {
    padding-block: 1rem;
}
.py-125 {
    padding-block: 1.25rem;
}
.py-150 {
    padding-block: 1.5rem;
}
.py-200 {
    padding-block: 2rem;
}
.py-250 {
    padding-block: 2.5rem;
}
.py-300 {
    padding-block: 3rem;
}
.py-400 {
    padding-block: 4rem;
}
.py-550 {
    padding-block: 5.5rem;
}
.py-750 {
    padding-block: 7.5rem;
}
.px-25 {
    padding-inline: 0.25rem;
}
.px-50 {
    padding-inline: 0.5rem;
}
.px-75 {
    padding-inline: 0.75rem;
}
.px-100 {
    padding-inline: 1rem;
}
.px-125 {
    padding-inline: 1.25rem;
}
.px-150 {
    padding-inline: 1.5rem;
}
.px-200 {
    padding-inline: 2rem;
}
.px-250 {
    padding-inline: 2.5rem;
}
.px-300 {
    padding-inline: 3rem;
}
.px-400 {
    padding-inline: 4rem;
}
.px-550 {
    padding-inline: 5.5rem;
}
.px-750 {
    padding-inline: 7.5rem;
}

.gap-25 {
    gap: 0.25rem;
}
.gap-50 {
    gap: 0.5rem;
}
.gap-75 {
    gap: 0.75rem;
}
.gap-100 {
    gap: 1rem;
}
.gap-125 {
    gap: 1.25rem;
}
.gap-150 {
    gap: 1.5rem;
}
.gap-200 {
    gap: 2rem;
}
.gap-250 {
    gap: 2.5rem;
}
.gap-300 {
    gap: 3rem;
}
.gap-400 {
    gap: 4rem;
}
.gap-550 {
    gap: 5.5rem;
}
.gap-750 {
    gap: 7.5rem;
}

/* CUSTOM PAGES */
/* FOOTER */
.btn--family-webc {
    --background: #0077c8;
    --background-hover: #006ca8;
    --background-press: #0d5983;
}

.btn--skip-content {
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    transition: transform 200ms;
    transform: scale(0);
    margin: 0.5rem;
    background-color: #f5f5f5;
    z-index: 10000;
    --border: 0 !important;
}
.btn--skip-content:focus {
    transform: scale(1);
}

.wc-payment-logo a, .wc-payment-logo img {
    width: 100%;
    height: 100%;
}

#footer-customer-box-skip-btn.socialSection a.socialIcon:hover {
    background-color: #DFDFDF;
}
#footer-customer-box-skip-btn.socialSection a.socialIcon:active {
    background-color: #CCCCCC;
}

/* FOOTER */
/* newsletter */
/* conjurer_src/web_src/Views/custominformation/conjurer/newsletter_static_content.html.twig */
#newsletterForm .form-container {
    gap: 1rem;
}
#newsletterForm a {
    text-decoration: underline;
}
#newsletterForm > sk-card {
    cursor: auto;
}
#newsletterForm > sk-card:hover h2 {
    text-decoration: none;
}

/* FOOTER */
/*SITE AND LANGUAGE SELECT*/
/*/home/ubuntu/code/sarton-docker/conjurer/dev/web_src/Views/navigation/_default/parts/lang-selector.html.twig*/
/*/home/ubuntu/code/sarton-docker/conjurer/dev/web_src/Views/navigation/_default/parts/site-selector.html.twig*/
.navbar.navbar-nav.servicesList {
    justify-content: center;
    flex: 3 1 auto;
}

.webSelector_header {
    position: relative;
    flex-grow: 1;
    justify-content: start;
}
.webSelector_header .skp-site-selector__header {
    margin-right: 0;
}
@media (min-width: 1200px) {
    .webSelector_header .skp-site-selector__header {
        margin-right: 1rem;
    }
}
.webSelector_header .dropdown-menu .dropdown-item {
    font-size: 0.75rem;
}

#footer .footerMain .siteSelector .siteSelector-link.nav-link {
    border: 1px solid rgb(var(--colour-neutral-7, 17, 17, 17));
    border-radius: 10rem;
    cursor: pointer;
    color: #111111;
    font-size: 0.75rem;
}
#footer .footerMain .siteSelector .siteSelector-link.nav-link:hover {
    box-shadow: inset 0 0 0 1px rgb(var(--colour-neutral-7, 17, 17, 17));
    border-color: inherit;
}
@media (max-width: 575.98px) {
    #footer .footerMain .siteSelector .siteSelector-link.nav-link {
        white-space: wrap;
    }
}
#footer .footerMain .langSelector .langSelector-link.nav-link {
    border: 1px solid rgb(var(--colour-neutral-7, 17, 17, 17));
    border-radius: 10rem;
    cursor: pointer;
    color: #111111;
    font-size: 0.75rem;
}
#footer .footerMain .langSelector .langSelector-link.nav-link:hover {
    box-shadow: inset 0 0 0 1px rgb(var(--colour-neutral-7, 17, 17, 17));
    border-color: inherit;
}
#footer .footerMain .langSelector .dropdown-menu {
    min-width: 8rem !important;
}
#footer .footerMain .dropdown-menu .dropdown-item:hover {
    text-decoration: none !important;
}

/* FOOTER */
#contactPage sk-input-field,
#contactPage sk-select {
    width: 100%;
}
#contactPage sk-input-field .intl-tel-input.allow-dropdown .flag-container,
#contactPage sk-input-field .intl-tel-input.separate-dial-code .flag-container {
    left: -8px;
}
#contactPage sk-input-field input, #contactPage sk-input-field .flag-container input {
    border: none;
    width: 100%;
    height: 3rem;
    box-shadow: none;
}
#contactPage sk-input-field input:-internal-autofill-selected, #contactPage sk-input-field .flag-container input:-internal-autofill-selected {
    background-color: #ffffff !important;
}
#contactPage sk-input-field .intl-tel-input {
    width: 100%;
}
#contactPage .wc-card:hover h2 {
    margin-bottom: 1.5rem;
    text-decoration: none;
}
#contactPage .wc-card h2 {
    font-size: 1.5rem;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}
#contactPage .wc-card h3 {
    margin-bottom: 0.5rem;
}
#contactPage .wc-card .form-row {
    flex-direction: column;
    margin-bottom: 1.5rem;
}
#contactPage .wc-card .numOrder-input {
    width: 100%;
}
#contactPage .wc-card .numOrder-input label {
    font-weight: 700;
    color: #111111;
    margin-bottom: 0.25rem;
}
#contactPage .wc-card #label-textarea {
    margin-top: 1.5rem;
}
#contactPage .wc-card .publicityInfo p {
    margin-bottom: 0;
}
#contactPage .wc-card .is_hide_publicity {
    position: absolute;
}
#contactPage .wc-card::part(footer) {
    margin-top: 0;
}

/* FOOTER */
.dishesList .wc-overflow-carrousel {
    padding-bottom: 1.5rem;
}

.contentWrapper .ikeaFood .ikeaFoodSectionsMenu .navbar-nav,
.contentWrapper .ikeaFood .hnf-link__group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1.75rem;
    flex-wrap: wrap;
    border-bottom: 0;
    margin: 0;
    padding-inline-start: 0;
}
.contentWrapper .ikeaFood .ikeaFoodSectionsMenu .navbar-nav .nav-item,
.contentWrapper .ikeaFood .ikeaFoodSectionsMenu .navbar-nav .hnf-links__group-label,
.contentWrapper .ikeaFood .hnf-link__group .nav-item,
.contentWrapper .ikeaFood .hnf-link__group .hnf-links__group-label {
    padding: 0;
    list-style-type: none;
    min-height: 1.5rem;
}
.contentWrapper .ikeaFood .ikeaFoodSectionsMenu .navbar-nav .nav-item.active,
.contentWrapper .ikeaFood .ikeaFoodSectionsMenu .navbar-nav .hnf-links__group-label.active,
.contentWrapper .ikeaFood .hnf-link__group .nav-item.active,
.contentWrapper .ikeaFood .hnf-link__group .hnf-links__group-label.active {
    border-bottom: 0;
    box-shadow: none;
}
.contentWrapper .ikeaFood .ikeaFoodSectionsMenu .navbar-nav .nav-item.active a,
.contentWrapper .ikeaFood .ikeaFoodSectionsMenu .navbar-nav .hnf-links__group-label.active a,
.contentWrapper .ikeaFood .hnf-link__group .nav-item.active a,
.contentWrapper .ikeaFood .hnf-link__group .hnf-links__group-label.active a {
    color: rgb(var(--colour-text-and-icon-1, 17, 17, 17));
}
.contentWrapper .ikeaFood .ikeaFoodSectionsMenu .navbar-nav .nav-item a,
.contentWrapper .ikeaFood .ikeaFoodSectionsMenu .navbar-nav .hnf-links__group-label a,
.contentWrapper .ikeaFood .hnf-link__group .nav-item a,
.contentWrapper .ikeaFood .hnf-link__group .hnf-links__group-label a {
    text-decoration: underline;
    color: rgb(var(--colour-text-and-icon-3, 118, 118, 118));
}
.contentWrapper .ikeaFood .ikeaFoodSectionsMenu .navbar-nav .nav-item a.link--black, .contentWrapper .ikeaFood .ikeaFoodSectionsMenu .navbar-nav .nav-item a:hover, .contentWrapper .ikeaFood .ikeaFoodSectionsMenu .navbar-nav .nav-item a:focus, .contentWrapper .ikeaFood .ikeaFoodSectionsMenu .navbar-nav .nav-item a:active,
.contentWrapper .ikeaFood .ikeaFoodSectionsMenu .navbar-nav .hnf-links__group-label a.link--black,
.contentWrapper .ikeaFood .ikeaFoodSectionsMenu .navbar-nav .hnf-links__group-label a:hover,
.contentWrapper .ikeaFood .ikeaFoodSectionsMenu .navbar-nav .hnf-links__group-label a:focus,
.contentWrapper .ikeaFood .ikeaFoodSectionsMenu .navbar-nav .hnf-links__group-label a:active,
.contentWrapper .ikeaFood .hnf-link__group .nav-item a.link--black,
.contentWrapper .ikeaFood .hnf-link__group .nav-item a:hover,
.contentWrapper .ikeaFood .hnf-link__group .nav-item a:focus,
.contentWrapper .ikeaFood .hnf-link__group .nav-item a:active,
.contentWrapper .ikeaFood .hnf-link__group .hnf-links__group-label a.link--black,
.contentWrapper .ikeaFood .hnf-link__group .hnf-links__group-label a:hover,
.contentWrapper .ikeaFood .hnf-link__group .hnf-links__group-label a:focus,
.contentWrapper .ikeaFood .hnf-link__group .hnf-links__group-label a:active {
    color: rgb(var(--colour-text-and-icon-1, 17, 17, 17));
}
.contentWrapper .ikeaFood .ikeaFoodSectionsMenu .navbar-nav .nav-item a > span,
.contentWrapper .ikeaFood .ikeaFoodSectionsMenu .navbar-nav .hnf-links__group-label a > span,
.contentWrapper .ikeaFood .hnf-link__group .nav-item a > span,
.contentWrapper .ikeaFood .hnf-link__group .hnf-links__group-label a > span {
    font-size: 0.875rem;
}
@media (max-width: 767.98px) {
    .contentWrapper .ikeaFood .ikeaFoodSectionsMenu .navbar-nav .hnf-link__group,
    .contentWrapper .ikeaFood .hnf-link__group .hnf-link__group {
        display: block;
    }
}
@media (min-width: 768px) {
    .contentWrapper .ikeaFood .swedishFoodMarket .wc-carousel.wc_swedishFoodMarketMenu {
        --skapa-carousel-item-gap: 0;
    }
    .contentWrapper .ikeaFood .swedishFoodMarket .wc-carousel.wc_swedishFoodMarketMenu .nav-item {
        padding: 0.5rem;
        flex: 0 0 11.35%;
    }
}

/* FOOTER */
/*TRUCK-PURCHASE*/
/*/home/ubuntu/code/sarton-docker/conjurer/dev/conjurer_src/web_src/Views/client/conjurer/myOrder.html.twig*/
.form_exist p.text {
    margin-bottom: 0;
}
.form_exist p.text:not(:last-of-type) {
    margin-bottom: 0.75rem;
}
.form_exist .mb-100 {
    margin-bottom: 1rem !important;
}
.form_exist .form_exist-generateBox.form-inline > .wc-input-field {
    max-width: 230px;
}

.wc-inline-message.myOrder p {
    font-size: 1rem;
}
.wc-inline-message.myOrder p .link {
    color: #0058A3;
}

/* FOOTER */
/*Button back to top*/
/*web_src/Views/commons/_default/base.html.twig*/
.skp-sidebar-actions__bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media (min-width: 1200px) {
    .skp-sidebar-actions__bar {
        position: fixed;
        top: auto;
        bottom: 2.5rem;
        right: 6rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-direction: r ow;
        flex-wrap: wrap;
        transform: none;
        width: 4rem;
    }
}
.skp-sidebar-actions__bar sk-icon-button,
.skp-sidebar-actions__bar sk-expanding-button,
.skp-sidebar-actions__bar wc-expanding-button {
    position: fixed;
    right: 3rem;
    bottom: 1.5rem;
    z-index: 1039;
}
@media (max-width: 767.98px) {
    .skp-sidebar-actions__bar sk-icon-button,
    .skp-sidebar-actions__bar sk-expanding-button,
    .skp-sidebar-actions__bar wc-expanding-button {
        right: 1rem;
    }
}

/* FOOTER */
#personal_info_form sk-input-field,
#personal_info_form sk-select,
#personal_info_form wc-select,
.appointment sk-input-field,
.appointment sk-select,
.appointment wc-select {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    width: 100%;
}
#personal_info_form sk-input-field input,
#personal_info_form sk-select input,
#personal_info_form wc-select input,
.appointment sk-input-field input,
.appointment sk-select input,
.appointment wc-select input {
    border: none;
    width: 100%;
    height: 3rem;
}
#personal_info_form wc-choice,
.appointment wc-choice {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
#personal_info_form wc-choice sk-choice-item,
.appointment wc-choice sk-choice-item {
    box-sizing: border-box;
    width: 20%;
    margin-bottom: 0.5rem;
}
#personal_info_form wc-choice sk-choice-item label,
.appointment wc-choice sk-choice-item label {
    margin: 0;
    margin-top: 0.75rem;
    font-size: 1rem;
}
#personal_info_form wc-choice sk-choice-item img,
.appointment wc-choice sk-choice-item img {
    border-radius: 100%;
}
@media (max-width: 768px) {
    #personal_info_form wc-choice sk-choice-item,
    .appointment wc-choice sk-choice-item {
        width: 45%;
    }
}
#personal_info_form wc-choice .titleHouse,
.appointment wc-choice .titleHouse {
    display: inline-block;
    vertical-align: middle;
    font-weight: normal;
    margin: 0;
    margin-top: 0.75rem;
    font-size: 1rem;
}
#personal_info_form .house-group,
.appointment .house-group {
    position: relative;
}
#personal_info_form .house-group .checkboxes-wrapper,
.appointment .house-group .checkboxes-wrapper {
    position: absolute;
    visibility: hidden;
    bottom: -1rem;
    left: 1rem;
}
#personal_info_form sk-inline-message h6,
.appointment sk-inline-message h6 {
    margin: 1rem 0 0;
    font-size: 0.875rem;
    line-height: 1.571;
    font-weight: 700;
}
#personal_info_form sk-inline-message p,
.appointment sk-inline-message p {
    margin-bottom: 0;
}
#personal_info_form #house-error,
.appointment #house-error {
    display: block;
    width: 100%;
    font-size: 0.8rem;
    border-radius: 4px;
    line-height: 1.2;
}
#personal_info_form #storeToVisit_01.wc-radio-group,
#personal_info_form #storeToVisit_01.wc-radio-group + label,
.appointment #storeToVisit_01.wc-radio-group,
.appointment #storeToVisit_01.wc-radio-group + label {
    margin-top: 1rem;
}
#personal_info_form #radioValidation,
.appointment #radioValidation {
    margin-top: 1rem;
}
#personal_info_form #message-phone-validation,
.appointment #message-phone-validation {
    margin-top: 0.5rem;
}
#personal_info_form .wc-checkbox-group,
.appointment .wc-checkbox-group {
    margin-bottom: 1rem;
}
#personal_info_form .wc-checkbox-group input[type=checkbox],
.appointment .wc-checkbox-group input[type=checkbox] {
    transform: scale(1);
}
#personal_info_form #houseRoomChoice-field,
.appointment #houseRoomChoice-field {
    display: none;
}
#personal_info_form .storeCheckboxes,
.appointment .storeCheckboxes {
    position: absolute;
    visibility: hidden;
}
#personal_info_form .personal_info_content,
.appointment .personal_info_content {
    row-gap: 1rem;
}
#personal_info_form .publicityInfo p,
.appointment .publicityInfo p {
    margin-bottom: 0;
}

/* FOOTER */
/*conjurer_src/web_src/Views/client/conjurer/parts/account/register/form.html.twig*/
.form_login .wc-input-field, .sign-in-form_js .wc-input-field, .sign-up-email-form_js .wc-input-field {
    width: 100%;
}

.sign-in-form_js .wc-input-field .forgot a {
    text-decoration: underline;
}

#registerForm .wc-input-field input:not([type=checkbox]) {
    border: none;
}
#registerForm div.toggle_js {
    margin-top: 1rem;
}
#registerForm [data-steps-id=ikeafamily-phone-sms-validation] .ikeafamily-register-submit-btn {
    height: 3.5rem;
}

.ikeafamily-sidebar_js h2.text-blue-family-brand {
    margin-bottom: 0.5rem;
}
.ikeafamily-sidebar_js .ikeafamily-sidebar-content_js > p, .ikeafamily-sidebar_js .ikeafamily-sidebar-content_js > ul {
    margin-bottom: 1rem;
}
.ikeafamily-sidebar_js .ikeafamily-sidebar-content_js .sign-in-form_js {
    margin-top: 1rem;
}
.ikeafamily-sidebar_js .link-ikeafamily > a {
    color: #0058A3;
}
.ikeafamily-sidebar_js .radio-group-gap {
    --skapa-input-group-row-gap: 1rem;
}

.form_exist.form_exist-already .advise .itemsAlign {
    -moz-column-gap: 35px;
         column-gap: 35px;
}
.form_exist.form_exist-already .advise .itemsAlign .wc-icon {
    color: #CC0008;
    height: 100%;
    width: 25%;
}

[data-steps-id=register-ikeafamily-too] .wc-select {
    width: 100%;
}
[data-steps-id=register-ikeafamily-too] .form-group.macroHidden-input-group {
    display: none;
}
[data-steps-id=register-ikeafamily-too] .wc-checkbox-group label {
    margin: 0;
}
[data-steps-id=register-ikeafamily-too] .wc-input-field, [data-steps-id=register-ikeafamily-too] .message {
    margin-bottom: 1.5rem;
}
[data-steps-id=register-ikeafamily-too] .wc-button {
    margin-top: 1.5rem;
}
[data-steps-id=register-ikeafamily-too] #tel_movil-helper, [data-steps-id=register-ikeafamily-too] .wc-generic-error {
    margin-bottom: 1rem;
}
[data-steps-id=register-ikeafamily-too] .icheckbox_minimal-blue:has(input.focus-visible) {
    box-shadow: 0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255)));
    outline: 2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17)));
    outline-offset: 1px;
    transition: outline 0.2s ease-out, box-shadow 0.2s ease-out;
}

.form_exist.form_exist-already .wc-icon {
    width: 35px;
    height: 35px;
}
.form_exist.form_exist-already .actions-wrapper {
    margin-left: 10px;
    margin-top: calc(3rem - 8px);
}

/* FOOTER */
.wc-carousel .card-header > a {
    font-size: 24px;
}

/* Traffic and Searcher: 
  web_src/Views/products/_default/parts/itemInfo_Template-compact.html.twig //   web_src/Views/products/_default/parts/itemInfo_Template-mini.html.twig
*/
.card-body .itemInfo-compact {
    margin-top: 0.25rem;
}
.card-body .itemInfo-compact .itemName-link:hover .itemTitle,
.card-body .itemInfo-compact .itemName-link.focus-visible .itemTitle {
    text-decoration: underline;
    color: #111111;
}
.card-body .itemInfo-compact a:hover, .card-body .itemInfo-compact a.focus-visible {
    color: #484848;
}
.card-body .product-title {
    margin-top: 0.25rem;
}
.card-body .product-title .itemLink.itemName-link {
    text-decoration: none;
}
.card-body .product-title .itemLink.itemName-link:hover .itemName, .card-body .product-title .itemLink.itemName-link.focus-visible .itemName {
    text-decoration: underline;
    color: #111111;
}
.card-body .product-title .itemLink.itemName-link:hover .itemOldPrice, .card-body .product-title .itemLink.itemName-link.focus-visible .itemOldPrice {
    color: #484848;
}
.card-body .product-title .itemLink.itemName-link.focus-visible {
    box-shadow: none !important;
    outline: none !important;
    outline-offset: 0 !important;
    transition: none !important;
}
.card-body .product-title:has(.itemLink.itemName-link.focus-visible) {
    outline: 2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17))) !important;
    outline-offset: 2px !important;
    transition: outline 200ms ease-out, box-shadow 200ms ease-out !important;
}

/* web_src/Views/products/_default/parts/itemInfo_Template-compact.html.twig */
.second-slider.swiper-container .itemName:hover .itemTitle, .second-slider.swiper-container .itemName.focus-visible .itemTitle {
    text-decoration: underline;
    color: #111111;
}
.second-slider.swiper-container .itemName:hover .itemTitle .icon, .second-slider.swiper-container .itemName.focus-visible .itemTitle .icon {
    text-decoration: none;
}
.second-slider.swiper-container .itemName:hover .itemOldPrice, .second-slider.swiper-container .itemName.focus-visible .itemOldPrice {
    color: #484848;
}

/*PAGE RANGE NAVIGATION*/
/*Views/products/_default/parts/page_range_navigation.html.twig*/
#collections > div.swiper-container, #collections > div.swiper-container > div.swiper {
    overflow: visible;
}

/*TRAFFIC BLOCK*/
/*web_src/Views/index/conjurer/trafficBlock.html.twig*/
.traffic .wc-tabs .productList.trafficList_js.trafficList-not-vendor.swiper-container .swiper {
    overflow: visible;
}

.panel.sk-active-panel.focus-visible:focus {
    outline: block;
}

/*Presentation tabs*/
/*web_src/Views/products/_default/parts/page_range_navigation.html.twig*/
#presentationTabs .swiper-container.full-width-xs, #presentationTabs .swiper-container.full-width-xs .swiper {
    overflow: visible;
}

#product-main-carousel.wc-carousel {
    --skapa-carousel-overflow-start: 0;
    --skapa-carousel-overflow-end: 0;
}
#product-main-carousel.wc-carousel .swiper-slide {
    flex-shrink: 0;
    max-width: 100%;
    height: 100%;
    max-height: 500px;
    position: relative;
}
@media (max-width: 575.98px) {
    #product-main-carousel.wc-carousel.page-edge {
        --skapa-carousel-overflow-start: 20px;
        --skapa-carousel-overflow-end: 20px;
        --carousel-container-vertical-padding: 0;
    }
    #product-main-carousel.wc-carousel.page-edge .swiper-slide {
        max-width: calc(100% - (var(--skapa-carousel-overflow-start) + var(--skapa-carousel-overflow-end)));
    }
}

#product-thumbnails-carousel {
    --skapa-carousel-item-gap: 5px;
}
#product-thumbnails-carousel .active .borderContainer {
    border: 1px solid #111111;
    width: 100%;
}
@media (min-width: 576px) {
    #product-thumbnails-carousel::exportparts(control-button) {
        display: block;
    }
    #product-thumbnails-carousel::part(control-button) {
        display: block;
    }
    #product-thumbnails-carousel::part(container) {
        padding-left: var(--carousel-container-vertical-padding);
        padding-right: var(--carousel-container-vertical-padding);
    }
}

.template_detail .productList .swiper .slick-list.draggable:has(.card.slick-slide.focus-visible) {
    box-shadow: 0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255))) !important;
    outline: 2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17))) !important;
    outline-offset: 2px !important;
    transition: outline 200ms ease-out, box-shadow 200ms ease-out !important;
}
.template_detail .productList .swiper .swiper_link.focus-visible {
    box-shadow: none !important;
    outline: 0 !important;
}
.template_detail .productList .swiper .swiper_link.focus-visible .texto-encima {
    box-shadow: 0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255))) !important;
    outline: 2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17))) !important;
    outline-offset: 2px !important;
    transition: outline 200ms ease-out, box-shadow 200ms ease-out !important;
}

/* -------------------------------------------------------------------------- */
/*                               General styles                               */
/* -------------------------------------------------------------------------- */
/*para evitar saltos en los formularios*/
/* .wc-input-field, 
.wc-select,
.wc_textarea_wrapp, 
.wc-select-search  {
    position: relative;
    padding-bottom: 1.125rem;
    & .wc-helper-text {
        position: absolute;
    }
} */
.publicityInfo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    row-gap: 0.5rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.publicityInfo .check-publicity-area .icheck.icheckCustome {
    margin: 0;
    font-size: 0.875rem;
    line-height: 1.571;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.publicityInfo .check-publicity-area .icheckbox_flat-aero {
    min-width: 20px;
    max-width: 20px;
}
.publicityInfo .check-publicity-area label {
    margin-top: 0;
    display: inline-block !important;
    cursor: pointer;
}
.publicityInfo .is_hide_publicity {
    visibility: hidden;
}

.wc-checkbox-group label[disabled] {
    --colour-interactive-disabled-1: 118, 118, 118;
}

.is_hide_publicity {
    position: absolute;
}

.wc_input_hidden {
    position: absolute;
    opacity: 0;
    visibility: hidden;
}

.wc-input-field {
    width: 100%;
    /* ----------------------- Styles for macro file ----------------------- */
    /* ----------------------- Styles for macro phone ---------------------- */
}
.wc-input-field .custom-file-label {
    border: none;
    background-color: transparent;
    height: 48px !important;
}
.wc-input-field .custom-file-label::after {
    border: 1px solid var(--skapa-form-validation-colour, rgb(var(--colour-interactive-subtle-border-default, 146, 146, 146)));
}
.wc-input-field input[type=file] {
    opacity: 0;
}
.wc-input-field #phone,
.wc-input-field #phone2 {
    border: 0;
    width: 100%;
    min-height: 3rem;
}
.wc-input-field .intl-tel-input {
    width: 100%;
    min-height: 3rem;
}
.wc-input-field .intl-tel-input.allow-dropdown .flag-container, .wc-input-field .intl-tel-input.separate-dial-code .flag-container {
    left: -8px;
}
.wc-input-field .intl-tel-input.allow-dropdown .flag-container .selected-flag, .wc-input-field .intl-tel-input.separate-dial-code .flag-container .selected-flag {
    border-radius: 4px;
    background-color: transparent;
}
.wc-input-field .intl-tel-input.allow-dropdown .flag-container .selected-flag.focus-visible, .wc-input-field .intl-tel-input.separate-dial-code .flag-container .selected-flag.focus-visible {
    box-shadow: none !important;
    outline: 2px solid #161616 !important;
    outline-offset: 0 !important;
    transition: none !important;
}
.wc-input-field .intl-tel-input.allow-dropdown .flag-container .selected-flag .iti-arrow, .wc-input-field .intl-tel-input.separate-dial-code .flag-container .selected-flag .iti-arrow {
    position: absolute;
    top: 50%;
    margin-top: -11px;
    right: 0;
    width: 20px;
    height: 20px;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='black'><path d='m12.0003 15.5996-5.7857-5.785 1.414-1.4143 4.3717 4.3711 4.3717-4.3711 1.4141 1.4143-5.7858 5.785z' fill='black'/></svg>");
    background-repeat: no-repeat;
}
.wc-input-field .intl-tel-input input,
.wc-input-field .intl-tel-input .flag-container input {
    min-height: 3rem;
    box-shadow: none;
}
.wc-input-field .intl-tel-input input.form-control:focus,
.wc-input-field .intl-tel-input .flag-container input.form-control:focus {
    box-shadow: none;
}
.wc-input-field sk-helper-text a.text-red {
    color: inherit !important;
}

.wc-checkbox-group[state=error] input {
    border: 1px solid #e00751;
}

/* -------------------------------------------------------------------------- */
/*                                Skapa select                                */
/* -------------------------------------------------------------------------- */
.wc-select-wrapp {
    width: 100%;
}
.wc-select-wrapp.wc-select-postal .select2.select2-container {
    height: 3rem !important;
}
.wc-select-wrapp.wc-select-postal .select2-selection--single {
    border: none;
}
.wc-select-wrapp.wc-select-postal .select2-selection__arrow {
    display: none;
}
.wc-select-wrapp label span {
    margin-left: 0.25rem;
}

.wc-select.wc-select2 select {
    width: 100%;
}
.wc-select.wc-select2 .select2.select2-container {
    height: 3rem !important;
}
.wc-select.wc-select2 .select2-selection--single {
    border: none;
}

/* -------------------------------------------------------------------------- */
/*                                  Textarea                                  */
/* -------------------------------------------------------------------------- */
.wc_textarea_wrapp {
    width: 100%;
}
.wc_textarea_wrapp .wc_textarea {
    width: 100%;
}

/* -------------------------------------------------------------------------- */
/*                          Check publicityAgreement                          */
/* -------------------------------------------------------------------------- */
.icheck.icheck_flat .icheckbox_flat-aero.focus {
    outline: 2px solid #161616;
    outline-offset: 2px;
    border-radius: 2px;
}

/* -------------------------------------------------------------------------- */
/*                                Skapa button                                */
/* -------------------------------------------------------------------------- */
.wc_button {
    color: black !important;
}
.wc_button .wc-icon_text {
    margin: 0;
}
.wc_button[variant=add-to-cart] {
    color: black !important;
}

/* -------------------------------------------------------------------------- */
/*                               Skapa carousel                               */
/* -------------------------------------------------------------------------- */
.wc-carousel--not_arrows::part(control-button) {
    display: none;
}

/* -------------------------------------------------------------------------- */
/*                                    Icon                                    */
/* -------------------------------------------------------------------------- */
.wc_icon_small {
    width: 1rem;
}

/* -------------------------------------------------------------------------- */
/*                                    Label                                   */
/* -------------------------------------------------------------------------- */
.label_truncated {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    margin-bottom: -0.25rem;
}

label {
    margin-bottom: 0.125rem;
}

sk-select label,
sk-input label,
wc-select-search label {
    display: block;
    margin: 0 0 0.125rem;
}

/* -------------------------------------------------------------------------- */
/*                                   Checkout                                   */
/* -------------------------------------------------------------------------- */
#inputRecoverToken .wc-input-field input:not([type=checkbox]) {
    border: none;
    padding: 0;
}

/* FOOTER */
.appointment-container sk-card:hover h2,
#stepsFormPAX sk-card:hover h2,
#stepsFormSkytta sk-card:hover h2 {
    text-decoration: none;
}
.appointment-container .boxSelect[data-box] .card,
#stepsFormPAX .boxSelect[data-box] .card,
#stepsFormSkytta .boxSelect[data-box] .card {
    outline: 0;
}
.appointment-container .boxSelect[data-box] .card:hover,
#stepsFormPAX .boxSelect[data-box] .card:hover,
#stepsFormSkytta .boxSelect[data-box] .card:hover {
    outline: 0;
}
.appointment-container sk-choice .card,
.appointment-container .wc-choice .card,
#stepsFormPAX sk-choice .card,
#stepsFormPAX .wc-choice .card,
#stepsFormSkytta sk-choice .card,
#stepsFormSkytta .wc-choice .card {
    text-align: justify;
    padding-top: 1.25rem;
}
.appointment-container sk-choice .card-body,
.appointment-container .wc-choice .card-body,
#stepsFormPAX sk-choice .card-body,
#stepsFormPAX .wc-choice .card-body,
#stepsFormSkytta sk-choice .card-body,
#stepsFormSkytta .wc-choice .card-body {
    padding: 0;
}
.appointment-container .step h1,
#stepsFormPAX .step h1,
#stepsFormSkytta .step h1 {
    text-align: center;
}

#personal_info_lastStep .heading-wrapp {
    margin-bottom: 0.5rem;
}
#personal_info_lastStep .heading-wrapp wc-icon {
    width: 2.5rem;
    height: 2.5rem;
    color: #0a8a00;
}

#personal_info input[type=checkbox] {
    transform: scale(1) !important;
}
#personal_info sk-input-field .intl-tel-input .form-control:focus {
    box-shadow: none;
}

/* FOOTER */
.appointment-container sk-card:hover h2,
#stepsFormPAX sk-card:hover h2,
#stepsFormSkytta sk-card:hover h2 {
    text-decoration: none;
}
.appointment-container .boxSelect[data-box] .card,
#stepsFormPAX .boxSelect[data-box] .card,
#stepsFormSkytta .boxSelect[data-box] .card {
    outline: 0;
}
.appointment-container .boxSelect[data-box] .card:hover,
#stepsFormPAX .boxSelect[data-box] .card:hover,
#stepsFormSkytta .boxSelect[data-box] .card:hover {
    outline: 0;
}
.appointment-container sk-choice .card,
.appointment-container .wc-choice .card,
#stepsFormPAX sk-choice .card,
#stepsFormPAX .wc-choice .card,
#stepsFormSkytta sk-choice .card,
#stepsFormSkytta .wc-choice .card {
    text-align: justify;
    padding-top: 1.25rem;
}
.appointment-container sk-choice .card-body,
.appointment-container .wc-choice .card-body,
#stepsFormPAX sk-choice .card-body,
#stepsFormPAX .wc-choice .card-body,
#stepsFormSkytta sk-choice .card-body,
#stepsFormSkytta .wc-choice .card-body {
    padding: 0;
}
.appointment-container .step h1,
#stepsFormPAX .step h1,
#stepsFormSkytta .step h1 {
    text-align: center;
}

#personal_info_lastStep .heading-wrapp {
    margin-bottom: 0.5rem;
}
#personal_info_lastStep .heading-wrapp wc-icon {
    width: 2.5rem;
    height: 2.5rem;
    color: #0a8a00;
}

.appointment-container .step .inputWrapper > .cm {
    position: relative;
    top: 45px;
    right: 41px;
    opacity: 1;
}
.appointment-container .step .labelRange {
    margin-top: 0.5rem;
}

/* FOOTER */
/* ------------------------ Variables ------------------------ */
:root {
    --modal-transition: 0.3s ease-out;
    --modal-margin-top-small: 0.5rem;
    --modal-margin-top-medium: 1rem;
    --modal-icon-height-initial: 2.5rem;
    --modal-icon-height-success: 5rem;
    --modal-footer-padding: 0.5rem 0;
    --modal-padding: 1rem 0;
    --modal-max-width: 75%;
}

/* ------------------------ Media Query Mixins ------------------------ */
/* ------------------------ Modal Base Styles ------------------------ */
#modalSavelist, #abandonCart {
    border: 0;
    transition: transform var(--modal-transition);
}
#modalSavelist .wc-card, #abandonCart .wc-card {
    width: 100%;
    cursor: default;
}
#modalSavelist .wc-card .shoppingCart, #abandonCart .wc-card .shoppingCart {
    position: relative;
}
#modalSavelist .wc-card .shoppingCart .wc-badge, #abandonCart .wc-card .shoppingCart .wc-badge {
    position: absolute;
    bottom: 2px;
    left: 22px;
    border: 0;
}
#modalSavelist .wc-card .modal-mt-2, #abandonCart .wc-card .modal-mt-2 {
    margin-top: var(--modal-margin-top-small);
}
#modalSavelist .wc-card .modal-mt-3, #abandonCart .wc-card .modal-mt-3 {
    margin-top: var(--modal-margin-top-medium);
}
#modalSavelist .wc-card .modal-margin-auto, #abandonCart .wc-card .modal-margin-auto {
    margin-left: auto !important;
    margin-right: auto !important;
}
#modalSavelist .wc-card .modal-hidden, #abandonCart .wc-card .modal-hidden {
    visibility: hidden;
}
#modalSavelist .wc-card .modal-align-left, #abandonCart .wc-card .modal-align-left {
    margin-left: 0;
    text-align: start;
}
#modalSavelist .wc-card .modal-width-l, #abandonCart .wc-card .modal-width-l {
    width: 100%;
}
#modalSavelist .wc-card .modal-link, #abandonCart .wc-card .modal-link {
    padding: var(--modal-padding);
}
#modalSavelist .wc-card .modal-link span:last-child, #abandonCart .wc-card .modal-link span:last-child {
    display: none;
}
#modalSavelist .wc-card [data-box=initial] .wc-icon, #modalSavelist .wc-card [data-box=success] .wc-icon, #abandonCart .wc-card [data-box=initial] .wc-icon, #abandonCart .wc-card [data-box=success] .wc-icon {
    width: 100%;
    margin-bottom: var(--modal-margin-top-small);
}
#modalSavelist .wc-card [data-box=initial] .wc-icon, #abandonCart .wc-card [data-box=initial] .wc-icon {
    height: var(--modal-icon-height-initial);
}
#modalSavelist .wc-card [data-box=success] .wc-icon, #modalSavelist .wc-card .notification-response .wc-icon, #abandonCart .wc-card [data-box=success] .wc-icon, #abandonCart .wc-card .notification-response .wc-icon {
    height: var(--modal-icon-height-success);
}
@media (max-width: 1200px) {
    #modalSavelist .wc-card .modal-margin-auto, #abandonCart .wc-card .modal-margin-auto {
        max-width: 100%;
    }
    #modalSavelist .wc-card .notification-response, #abandonCart .wc-card .notification-response {
        left: 0;
        width: 100%;
    }
}
#modalSavelist .modal_footer, #abandonCart .modal_footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin-top: var(--modal-margin-top-medium);
    padding: 1cap 0 !important;
    width: 100%;
}
#modalSavelist .modal_footer .wc-button, #abandonCart .modal_footer .wc-button {
    padding: var(--modal-footer-padding);
}
#modalSavelist .modal_footer .modal_form_step1, #abandonCart .modal_footer .modal_form_step1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
#modalSavelist .modal_footer .modal_form_step2, #abandonCart .modal_footer .modal_form_step2 {
    display: none;
}
@media (max-width: 1200px) {
    #modalSavelist .modal_footer, #abandonCart .modal_footer {
        margin-top: 0;
        padding: 0 0 2.5rem !important;
    }
}

/* ------------------------ Specific Modal Styles ------------------------ */
#abandonCart .abandonCart-icon-wrapp {
    position: relative;
}
#abandonCart .modal-content .wc-card [data-box=success] {
    display: none;
}
#abandonCart .modal-content .wc-card [data-box=initial] {
    display: block;
}
#abandonCart .modal-content .wc-card::part(content-card), #abandonCart .modal-content .wc-card::part(container) {
    padding-inline-end: 0;
    max-width: none;
}
#abandonCart .modal-content .wc-card .legal-wrapper {
    margin: 0.5rem 0;
}
@media (max-width: 1200px) {
    #abandonCart .modal-content .wc-card .legal-wrapper {
        margin: 0;
    }
}
@media (max-width: 1200px) {
    #abandonCart .modal-content .wc-card::part(content-card) {
        padding: 0;
        margin-top: -6px;
    }
    #abandonCart .modal-content .wc-card::part(headers) {
        margin-bottom: 0;
    }
    #abandonCart .modal-content .wc-card::part(body) {
        margin-top: 0;
    }
    #abandonCart .modal-content .wc-aspect-ratio-box {
        display: none;
    }
}
#abandonCart .modal-content.success .wc-card [data-box=success] {
    display: block;
}
#abandonCart .modal-content.success .wc-card [data-box=initial] {
    display: none;
}
#abandonCart.success .modal_footer .modal_form_step1 {
    display: none;
}
#abandonCart.success .modal_footer .modal_form_step2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

#modalSavelist .rightSentReponse .wc-icon {
    width: 100%;
    height: var(--modal-icon-height-initial);
}
#modalSavelist.success .modal_footer .modal_form_step1 {
    display: none;
}
#modalSavelist.success .modal_footer .modal_form_step2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
#modalSavelist .modalSavelist-form {
    margin: 1rem 0;
    width: 100%;
}
#modalSavelist .modalSavelist-form .form-row {
    margin: 0;
}
@media (max-width: 1200px) {
    #modalSavelist .modalSavelist-form {
        max-width: none;
    }
}

/* ------------------------ Animations ------------------------ */
@keyframes modalFadeIn {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
#modalSavelist.modal.fade, #abandonCart.modal.fade {
    opacity: 0;
    transition: opacity var(--modal-transition);
}

#modalSavelist.modal.fade.show, #abandonCart.modal.fade.show {
    animation: modalFadeIn var(--modal-transition) forwards;
}

/* input add product by partnumber */
#addPartNumber-field input {
    border: none !important;
    box-shadow: none !important;
}
#addPartNumber-field .wc-helper-text {
    position: absolute;
}

.addItemListShoppingCart {
    margin-bottom: 0.45rem;
}

.shoppingcart-list-wrapper, .intemInfo-wrapper {
    position: relative;
}

#processOrder .item__header .iconbox {
    cursor: pointer;
}

/* FOOTER */
#ikeabusinessContact .wc-card .form_row {
    margin-bottom: 1.5rem;
}
@media (max-width: 767.98px) {
    #ikeabusinessContact .wc-card .form_row {
        row-gap: 1rem;
        margin-bottom: 0;
        margin-top: 1rem;
    }
}
#ikeabusinessContact .wc-card h2 {
    text-decoration: none;
}
#ikeabusinessContact .wc-card sk-select {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
}
#ikeabusinessContact .wc-card sk-select label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
#ikeabusinessContact .wc-card sk-select .select2-container {
    height: 3rem;
}
#ikeabusinessContact .wc-card sk-select .select2-selection.select2-selection--single {
    border: 0;
}
#ikeabusinessContact .wc-card sk-select .select2-selection__arrow {
    display: none;
}
#ikeabusinessContact .wc-card textarea.form-control:focus {
    box-shadow: inset 0 0 0 1px transparent;
}
#ikeabusinessContact .wc-card sk-input-field {
    width: 100%;
}
#ikeabusinessContact .wc-card sk-input-field #phone {
    border: 0;
}
#ikeabusinessContact .wc-card sk-input-field .intl-tel-input.allow-dropdown .flag-container,
#ikeabusinessContact .wc-card sk-input-field .intl-tel-input.separate-dial-code .flag-container {
    left: -8px;
}
#ikeabusinessContact .wc-card sk-input-field input,
#ikeabusinessContact .wc-card sk-input-field .flag-container input {
    border: none;
    width: 100%;
    height: 3rem;
    box-shadow: none;
}
#ikeabusinessContact .wc-card sk-input-field input:-internal-autofill-selected,
#ikeabusinessContact .wc-card sk-input-field .flag-container input:-internal-autofill-selected {
    background-color: #ffffff !important;
}
#ikeabusinessContact .wc-card sk-input-field .intl-tel-input {
    width: 100%;
}
#ikeabusinessContact .wc-card .publicityInfo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* FOOTER */
#headerMain .searcher:focus-within {
    box-shadow: none;
    border: 2px solid #0058a3;
}
#headerMain .menuIcon.delivery, #headerMain .menuIcon.shoppingCart, #headerMain .menuIcon.favourites-notification {
    padding: 0;
}
#headerMain .menuIcon.delivery:hover .wc-badge, #headerMain .menuIcon.delivery:hover header-icon, #headerMain .menuIcon.shoppingCart:hover .wc-badge, #headerMain .menuIcon.shoppingCart:hover header-icon, #headerMain .menuIcon.favourites-notification:hover .wc-badge, #headerMain .menuIcon.favourites-notification:hover header-icon {
    background: #DFDFDF;
}
#headerMain .menuIcon.my-account:hover .notification-badge--wrapper .wc-badge {
    border: 3px solid #DFDFDF;
}
#headerMain .menuIcon.shoppingCart.addCart-notification, #headerMain .menuIcon.favourites-notification {
    position: relative;
}
#headerMain .menuIcon.shoppingCart.addCart-notification .header-icon:active + .notification-badge--wrapper .wc-badge, #headerMain .menuIcon.favourites-notification .header-icon:active + .notification-badge--wrapper .wc-badge {
    background: #CCCCCC;
}
#headerMain .menuIcon.shoppingCart.addCart-notification .notification-badge--wrapper, #headerMain .menuIcon.favourites-notification .notification-badge--wrapper {
    position: absolute;
    top: 1.09rem;
    right: 0.25rem;
    pointer-events: none;
}
#headerMain .menuIcon.shoppingCart.addCart-notification .notification-badge--wrapper .wc-badge, #headerMain .menuIcon.favourites-notification .notification-badge--wrapper .wc-badge {
    padding: 0;
    min-height: 1rem;
    min-width: 1rem;
    height: 1rem;
    border: none;
}
#headerMain .menuIcon.my-account {
    position: relative;
}
#headerMain .menuIcon.my-account .header-icon:active + .notification-badge--wrapper .wc-badge,
#headerMain .menuIcon.my-account .header-mobile-icon:active + .notification-badge--wrapper .wc-badge {
    border: 3px solid #CCCCCC;
}
#headerMain .menuIcon.my-account .notification-badge--wrapper {
    position: absolute;
    top: 0.8rem;
    right: 0.45rem;
    pointer-events: none;
}
#headerMain .menuIcon.my-account .notification-badge--wrapper .wc-badge {
    padding: 0;
    min-height: 0.6875rem;
    min-width: 0.6875rem;
    height: 0.6875rem;
    border: 3px solid #FFFFFF;
}
#headerMain .header-icon.shoppingCart {
    padding: 0;
}
#headerMain .servicesList .nav-item .nav-link:hover {
    text-decoration: underline;
}

/* FOOTER */
#businessForm sk-input-field, #businessForm sk-select {
    width: 100%;
}
#businessForm sk-input-field .intl-tel-input.allow-dropdown .flag-container,
#businessForm sk-input-field .intl-tel-input.separate-dial-code .flag-container {
    left: -8px;
}
#businessForm sk-input-field input {
    border: none;
    width: 100%;
    height: 3rem;
    box-shadow: none;
}
#businessForm sk-input-field input:-internal-autofill-selected {
    background-color: #ffffff !important;
}
#businessForm sk-input-field .intl-tel-input {
    width: 100%;
}
#businessForm fieldset {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
}
@media (max-width: 767px) {
    #businessForm fieldset .row {
        row-gap: 1rem;
    }
}
#businessForm sk-select {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
}
#businessForm sk-select label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

#advantages-section .advantage-text {
    position: relative;
    padding-left: 6rem;
}
#advantages-section .advantage-circle {
    position: absolute;
    left: 0;
    top: 0;
}
#advantages-section .advantage-circle .icon {
    color: rgb(72, 72, 72);
}

#ikea-join-tab {
    --skapa-carousel-item-gap: auto;
}

.wc-tabs > .tabs-margin {
    padding-bottom: 30px;
}

.ikeabusiness .advantages-section .advantage-item .advantage-circle .icon {
    font-size: 1.8em;
}
.ikeabusiness .advantages-section .align_button_sign_up {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: end;
}
@media (max-width: 767.98px) {
    .ikeabusiness .advantages-section .align_button_sign_up {
        justify-content: start;
        margin-top: 1.5rem;
    }
    .ikeabusiness .advantages-section .align_button_sign_up .wc_button {
        width: 100%;
    }
}
.ikeabusiness .align_client_access {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: end;
}
@media (max-width: 767.98px) {
    .ikeabusiness .align_client_access {
        justify-content: start;
    }
}
.ikeabusiness .button_wide .wc_button {
    width: 100%;
    margin-top: 1rem;
}
.ikeabusiness .wc_inline_message {
    max-width: 60%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1.5rem;
}

/* FOOTER */
.islandSelector .txtWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    row-gap: 4rem;
}
@media (max-width: 767.98px) {
    .islandSelector .txtWrapper {
        row-gap: 1.5rem;
    }
}
@media (max-width: 767.98px) {
    .islandSelector .bgWrapper {
        height: 100% !important;
    }
}

/* FOOTER */
#officialInvoiceForm sk-input-field #phone {
    border: 0;
}
#officialInvoiceForm sk-input-field .intl-tel-input {
    width: 100%;
}
#officialInvoiceForm sk-input-field .intl-tel-input.allow-dropdown .flag-container, #officialInvoiceForm sk-input-field .intl-tel-input.separate-dial-code .flag-container {
    left: -8px;
}
#officialInvoiceForm sk-input-field input,
#officialInvoiceForm sk-input-field .flag-container input {
    border: none;
    width: 100%;
    height: 3rem;
    box-shadow: none;
}
#officialInvoiceForm sk-input-field input:-internal-autofill-selected,
#officialInvoiceForm sk-input-field .flag-container input:-internal-autofill-selected {
    background-color: #ffffff !important;
}
#officialInvoiceForm .tab-content #tabs-officialInvoice .tab-pane {
    box-sizing: border-box;
}
#officialInvoiceForm .contentAddAnotherInvoice {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
#officialInvoiceForm #invoice_step {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    row-gap: 0.5rem;
}
#officialInvoiceForm #invoice_step sk-icon-button {
    margin-top: 2rem;
}
#officialInvoiceForm #invoice_step .contentAddAnotherInvoice {
    padding-bottom: 0.5rem;
}
#officialInvoiceForm #invoice_step .contentAddAnotherInvoice .wc_button {
    --foreground: #0058A3;
}
#officialInvoiceForm .wc-select {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
}
#officialInvoiceForm .wc-select label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
#officialInvoiceForm .wc-select .select2 {
    width: 100% !important;
    height: 3rem !important;
}
#officialInvoiceForm .wc-select .select2 .select2-selection--single {
    border: 0;
}
#officialInvoiceForm .wc-select .select2 .select2-selection--single .select2-selection__arrow {
    display: none !important;
}
#officialInvoiceForm #clientDocumentBtn {
    margin-top: 1rem;
}
#officialInvoiceForm input[type=checkbox] {
    height: 1.5rem;
}
#officialInvoiceForm .form_checks .form-group {
    margin-bottom: 0;
}

#oi_response .clientType_wrapper .radio_wrapper .iradio_minimal-aero.focus {
    box-shadow: 0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255)));
    outline: 2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17)));
    outline-offset: 2px;
    transition: outline 200ms ease-out, box-shadow 200ms ease-out;
}

/* FOOTER */
#returnsPolicyForm sk-input-field,
#returnsPolicyForm sk-select {
    width: 100%;
}
#returnsPolicyForm sk-input-field #phone {
    border: 0;
}
#returnsPolicyForm sk-input-field .intl-tel-input {
    width: 100%;
}
#returnsPolicyForm sk-input-field .intl-tel-input.allow-dropdown .flag-container, #returnsPolicyForm sk-input-field .intl-tel-input.separate-dial-code .flag-container {
    left: -8px;
}
#returnsPolicyForm sk-input-field input,
#returnsPolicyForm sk-input-field .flag-container input {
    border: none;
    width: 100%;
    height: 3rem;
    box-shadow: none;
}
#returnsPolicyForm sk-input-field input:-internal-autofill-selected,
#returnsPolicyForm sk-input-field .flag-container input:-internal-autofill-selected {
    background-color: #ffffff !important;
}
#returnsPolicyForm sk-select {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
}
#returnsPolicyForm sk-select label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
#returnsPolicyForm sk-select .select2 {
    width: 100% !important;
}
#returnsPolicyForm sk-select .select2 .select2-selection--single {
    border: 0;
}
#returnsPolicyForm .article {
    row-gap: 1rem !important;
}
#returnsPolicyForm .article .removeArticle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
}
#returnsPolicyForm .form-group {
    row-gap: 0.5rem;
}
#returnsPolicyForm .form-group input:focus {
    box-shadow: none !important;
}
#returnsPolicyForm .form-group.addArticle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: end;
}
#returnsPolicyForm .form_refund_article {
    row-gap: 1rem;
}
#returnsPolicyForm .remove_hide {
    display: none !important;
}
#returnsPolicyForm .publicityInfo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.bottomPage.hidden {
    display: none;
}

/* FOOTER */
.dataArco,
.dataLopdDelegate {
    margin-top: 0;
}
.dataArco textarea,
.dataLopdDelegate textarea {
    height: 150px;
}

#arcoForm .wc-input-field,
#arcoForm .wc-select,
#lopdDelegate .wc-input-field,
#lopdDelegate .wc-select {
    width: 100%;
}
@media (max-width: 767.98px) {
    #arcoForm .wc_button,
    #lopdDelegate .wc_button {
        margin-top: 1rem;
    }
}
#arcoForm .wc-checkbox-group .wc-caption a,
#lopdDelegate .wc-checkbox-group .wc-caption a {
    color: #0058A3 !important;
}

/* FOOTER */
.inspirations-container .inspirationList:has(.wc-pill),
.presentationContainer .inspirationList:has(.wc-pill) {
    overflow: visible;
}
.inspirations-container #inspirationContainer .tags-container,
.presentationContainer #inspirationContainer .tags-container {
    -moz-column-gap: 0.5rem;
         column-gap: 0.5rem;
    margin-top: 1rem;
    font-size: 12px;
}

#tagContainer.tag_wrapper:has(.wc-pill) {
    overflow: visible;
}
#tagContainer.tag_wrapper:has(.wc-pill) .btn-ellipsis--inspiration {
    display: block;
    min-width: -moz-fit-content;
    min-width: -webkit-fit-content;
    min-width: fit-content;
}

.tagContainer {
    box-sizing: border-box;
    width: auto;
    flex-wrap: nowrap;
    align-items: center;
}
.tagContainer.wrap {
    flex-wrap: wrap;
    width: 100%;
}
.tagContainer sk-pill {
    flex-shrink: 0;
}
.tagContainer sk-pill > span {
    font-weight: 400;
}
.tagContainer sk-pill > span.counter {
    margin-left: 0.5rem;
    padding-left: 0.5rem;
    border-left: 1px solid rgba(17, 17, 27, 0.5);
    line-height: 1.3;
}
.tagContainer .btn-outline-dark.active span.counter, .tagContainer .btn-outline-dark:hover span.counter {
    border-color: #fff;
}

/* FOOTER */
.itemCounter.itemCounter_js .value {
    width: 100%;
}
.itemCounter.itemCounter_js .value .wc-select-wrapp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.itemCounter.itemCounter_js .value .wc_select {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-inline-start: 10px;
}
.itemCounter.itemCounter_js .inputWrapper .wc_input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: none;
    width: 100%;
    border: 0;
}
.itemCounter.itemCounter_js .inputWrapper.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.itemCounter.itemCounter_js .quantityStepper__text {
    color: #111;
}

.packList.itemCompactList .itemCounter.itemCounter_js {
    width: 100%;
}

@media (max-width: 1200px) {
    #shoplist .itemCounter.itemCounter_js {
        width: 100%;
    }
}

/* FOOTER */
.productBox .itemLink:hover, .productBox .itemLink.focus-visible, .productBox .itemLink:focus, .itemInfo-mini .itemLink:hover, .itemInfo-mini .itemLink.focus-visible, .itemInfo-mini .itemLink:focus {
    text-decoration: none;
}
.productBox .itemLink:hover .itemName, .productBox .itemLink.focus-visible .itemName, .productBox .itemLink:focus .itemName, .itemInfo-mini .itemLink:hover .itemName, .itemInfo-mini .itemLink.focus-visible .itemName, .itemInfo-mini .itemLink:focus .itemName {
    text-decoration: underline;
}
.productBox .itemLink:hover .itemFacts, .productBox .itemLink.focus-visible .itemFacts, .productBox .itemLink:focus .itemFacts, .itemInfo-mini .itemLink:hover .itemFacts, .itemInfo-mini .itemLink.focus-visible .itemFacts, .itemInfo-mini .itemLink:focus .itemFacts {
    color: #484848;
}
.productBox .sk-listview--border-top .sk-listview-navigation, .itemInfo-mini .sk-listview--border-top .sk-listview-navigation {
    border-top: 1px solid #DFDFDF;
}

.itemPrice-wrapper .discountTag {
    font-size: 0.6875rem;
}

.carousel-container .wc-pill.swiper-button-next, .carousel-container .wc-pill.swiper-button-prev,
.swiper-container .wc-pill.swiper-button-next,
.swiper-container .wc-pill.swiper-button-prev {
    width: auto !important;
    background: transparent !important;
}
.carousel-container .wc-carousel,
.swiper-container .wc-carousel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    width: 100%;
}
.carousel-container .skapaCarousel.swiper,
.swiper-container .skapaCarousel.swiper {
    /* TODO revisar esto skapaCarousel */
    overflow: visible;
}

.presentationContainer .filter.tab-pane .wc-carousel {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    list-style: none;
    padding: 0;
    z-index: 1;
}
.presentationContainer .filter.tab-pane .wc-carousel .wc-carousel-slide,
.presentationContainer .filter.tab-pane .wc-carousel .swiper-slide {
    width: 170px;
}

#itemsHeader__slider .wc-carousel .itemBlock {
    width: 16.66%;
}
@media (max-width: 991.98px) {
    #itemsHeader__slider .wc-carousel .itemBlock {
        width: 22%;
    }
}
@media (max-width: 767.98px) {
    #itemsHeader__slider .wc-carousel .itemBlock {
        width: 27%;
    }
}
@media (max-width: 575.98px) {
    #itemsHeader__slider .wc-carousel .itemBlock {
        width: 32%;
    }
}
@media (max-width: 479.98px) {
    #itemsHeader__slider .wc-carousel .itemBlock {
        width: 45%;
    }
}
#itemsHeader__slider .wc-carousel .itemBlock > .card {
    padding-left: 0 !important;
    padding-right: 2rem !important;
}

.wc-carousel.swiper {
    overflow: visible;
}

.contentSearcherContainer .planner_type {
    color: #484848 !important;
}

@media (max-width: 991.98px) {
    .productList-hero .productList-hero_menu {
        padding: 0 0.5rem;
    }
}
/* Checkout, ShoopingCart */
.assemblyBlock .module-wrapper,
.sidenavListOrder .module-wrapper,
.client_account .module-wrapper,
.paymentProductList .module-wrapper,
.item_detail_pack .module-wrapper,
.shopLookItem .module-wrapper,
.packList.itemCompactList .module-wrapper,
#shoppingcart-div .module-wrapper {
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
}
.assemblyBlock .itemLink,
.sidenavListOrder .itemLink,
.client_account .itemLink,
.paymentProductList .itemLink,
.item_detail_pack .itemLink,
.shopLookItem .itemLink,
.packList.itemCompactList .itemLink,
#shoppingcart-div .itemLink {
    text-decoration: none;
}
.assemblyBlock .itemLink:hover .itemTitle, .assemblyBlock .itemLink:focus .itemTitle, .assemblyBlock .itemLink.focus-visible .itemTitle,
.sidenavListOrder .itemLink:hover .itemTitle,
.sidenavListOrder .itemLink:focus .itemTitle,
.sidenavListOrder .itemLink.focus-visible .itemTitle,
.client_account .itemLink:hover .itemTitle,
.client_account .itemLink:focus .itemTitle,
.client_account .itemLink.focus-visible .itemTitle,
.paymentProductList .itemLink:hover .itemTitle,
.paymentProductList .itemLink:focus .itemTitle,
.paymentProductList .itemLink.focus-visible .itemTitle,
.item_detail_pack .itemLink:hover .itemTitle,
.item_detail_pack .itemLink:focus .itemTitle,
.item_detail_pack .itemLink.focus-visible .itemTitle,
.shopLookItem .itemLink:hover .itemTitle,
.shopLookItem .itemLink:focus .itemTitle,
.shopLookItem .itemLink.focus-visible .itemTitle,
.packList.itemCompactList .itemLink:hover .itemTitle,
.packList.itemCompactList .itemLink:focus .itemTitle,
.packList.itemCompactList .itemLink.focus-visible .itemTitle,
#shoppingcart-div .itemLink:hover .itemTitle,
#shoppingcart-div .itemLink:focus .itemTitle,
#shoppingcart-div .itemLink.focus-visible .itemTitle {
    text-decoration: underline;
}
.assemblyBlock .itemLink:hover .itemOldPrice, .assemblyBlock .itemLink:focus .itemOldPrice, .assemblyBlock .itemLink.focus-visible .itemOldPrice,
.sidenavListOrder .itemLink:hover .itemOldPrice,
.sidenavListOrder .itemLink:focus .itemOldPrice,
.sidenavListOrder .itemLink.focus-visible .itemOldPrice,
.client_account .itemLink:hover .itemOldPrice,
.client_account .itemLink:focus .itemOldPrice,
.client_account .itemLink.focus-visible .itemOldPrice,
.paymentProductList .itemLink:hover .itemOldPrice,
.paymentProductList .itemLink:focus .itemOldPrice,
.paymentProductList .itemLink.focus-visible .itemOldPrice,
.item_detail_pack .itemLink:hover .itemOldPrice,
.item_detail_pack .itemLink:focus .itemOldPrice,
.item_detail_pack .itemLink.focus-visible .itemOldPrice,
.shopLookItem .itemLink:hover .itemOldPrice,
.shopLookItem .itemLink:focus .itemOldPrice,
.shopLookItem .itemLink.focus-visible .itemOldPrice,
.packList.itemCompactList .itemLink:hover .itemOldPrice,
.packList.itemCompactList .itemLink:focus .itemOldPrice,
.packList.itemCompactList .itemLink.focus-visible .itemOldPrice,
#shoppingcart-div .itemLink:hover .itemOldPrice,
#shoppingcart-div .itemLink:focus .itemOldPrice,
#shoppingcart-div .itemLink.focus-visible .itemOldPrice {
    color: #484848;
}
.assemblyBlock .itemLink.focus-visible,
.sidenavListOrder .itemLink.focus-visible,
.client_account .itemLink.focus-visible,
.paymentProductList .itemLink.focus-visible,
.item_detail_pack .itemLink.focus-visible,
.shopLookItem .itemLink.focus-visible,
.packList.itemCompactList .itemLink.focus-visible,
#shoppingcart-div .itemLink.focus-visible {
    box-shadow: none !important;
    outline: none !important;
    outline-offset: 0 !important;
    transition: none !important;
}
.assemblyBlock .module-wrapper:has(.itemLink.focus-visible),
.sidenavListOrder .module-wrapper:has(.itemLink.focus-visible),
.client_account .module-wrapper:has(.itemLink.focus-visible),
.paymentProductList .module-wrapper:has(.itemLink.focus-visible),
.item_detail_pack .module-wrapper:has(.itemLink.focus-visible),
.shopLookItem .module-wrapper:has(.itemLink.focus-visible),
.packList.itemCompactList .module-wrapper:has(.itemLink.focus-visible),
#shoppingcart-div .module-wrapper:has(.itemLink.focus-visible) {
    outline: 2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17))) !important;
    outline-offset: 2px !important;
    transition: outline 200ms ease-out, box-shadow 200ms ease-out !important;
}

.assemblyBlock .selectAllassembly:hover {
    text-decoration: underline !important;
}
.assemblyBlock .selectAllassembly.focus-visible {
    outline-offset: 8px !important;
}

/* web_src/Views/products/_default/parts/itemInfo_Template-PIP.html.twig */
.card-body .itemInfo-PIP .itemName.itemLink {
    text-decoration: none;
}
.card-body .itemInfo-PIP .itemName.itemLink:hover .itemName, .card-body .itemInfo-PIP .itemName.itemLink.focus-visible .itemName, .card-body .itemInfo-PIP .itemName.itemLink:focus .itemName {
    text-decoration: underline;
}
.card-body .itemInfo-PIP .itemName.itemLink:hover .itemOldPrice, .card-body .itemInfo-PIP .itemName.itemLink.focus-visible .itemOldPrice, .card-body .itemInfo-PIP .itemName.itemLink:focus .itemOldPrice {
    color: #484848;
}

.productList .swiper-wrapper .quickLook-only .quickLook {
    padding: 0;
}

#productsCombine .icon-group {
    visibility: visible;
}

.pdf-link {
    text-decoration: underline;
}

.product-title {
    margin-top: 0.25rem;
}
.product-title .itemLink.itemName-link {
    text-decoration: none;
}
.product-title .itemLink.itemName-link:hover .itemName, .product-title .itemLink.itemName-link.focus-visible .itemName {
    text-decoration: underline;
    color: #111111;
}
.product-title .itemLink.itemName-link:hover .itemOldPrice, .product-title .itemLink.itemName-link.focus-visible .itemOldPrice {
    color: #484848;
}
.product-title .itemLink.itemName-link.focus-visible {
    box-shadow: none !important;
    outline: none !important;
    outline-offset: 0 !important;
    transition: none !important;
}
.product-title:has(.itemLink.itemName-link.focus-visible) {
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
    outline: 2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17))) !important;
    outline-offset: 2px !important;
    transition: outline 200ms ease-out, box-shadow 200ms ease-out !important;
}

.wc-carousel-container .wc-carousel-wrapper {
    margin-bottom: 3rem;
}
.wc-carousel-container .three-cards,
.wc-carousel-container .four-cards {
    --visible-item-count: 1;
}
@media (min-width: 380px) {
    .wc-carousel-container .three-cards,
    .wc-carousel-container .four-cards {
        --visible-item-count: 1.1;
    }
}
@media (min-width: 576px) {
    .wc-carousel-container .three-cards,
    .wc-carousel-container .four-cards {
        --visible-item-count: 1.8;
    }
}
@media (min-width: 992px) {
    .wc-carousel-container .three-cards,
    .wc-carousel-container .four-cards {
        --visible-item-count: 2.3;
    }
}
@media (min-width: 1200px) {
    .wc-carousel-container .three-cards,
    .wc-carousel-container .four-cards {
        --visible-item-count: 3;
    }
}
@media (min-width: 1400px) {
    .wc-carousel-container .three-cards {
        --visible-item-count: 3;
    }
    .wc-carousel-container .four-cards {
        --visible-item-count: 3.5;
    }
}
@media (min-width: 1600px) {
    .wc-carousel-container .three-cards {
        --visible-item-count: 3;
    }
    .wc-carousel-container .four-cards {
        --visible-item-count: 4;
    }
}

/* FOOTER */
.client_account .col-account-content .advantage-text h2.text--heading-s {
    font-size: initial;
}
.client_account .form-group.macroSelect-input-group select.custom-select:focus-visible {
    border: 1px solid #0058A3 !important;
    box-shadow: 0 0 0 1px #0058A3 !important;
}
.client_account .tab-content #presentationTabs .tab-pane {
    box-sizing: border-box;
}
.client_account .wc-input-field {
    width: 100%;
}
.client_account .wc-input-field input {
    border: none !important;
    padding: 0 !important;
}
.client_account .pagination .icon-chevron-right, .client_account .pagination .page-link {
    color: #111111;
}
.client_account .itemOldPrice {
    color: #484848;
}
.client_account #lists .wc-tabs.nav {
    flex-wrap: nowrap;
}
.client_account #lists .list-wrap .list-item {
    background-color: transparent;
    border: 0;
}
.client_account #lists .list-wrap .list-item .sk_text {
    text-align: end;
}
.client_account #lists .list-wrap .list-item .sk_text .text {
    font-size: 1rem;
    color: #767676;
    display: none;
}
.client_account #lists .list-wrap .list-item .sk_expandToggleIcon sk-icon {
    transition: transform 0.2s ease;
}
.client_account #lists .list-wrap .list-item[aria-expanded=true] .sk_text .text {
    display: block;
}
.client_account #lists .list-wrap .list-item .edit-small_icon {
    opacity: 0;
    transition: opacity 0.3s ease;
    margin-left: 0.25rem;
}
.client_account #lists .list-wrap .list-item .edit-small_icon .wc-icon {
    height: 1rem;
}
.client_account #lists .list-wrap .list-item .edit-small_icon:focus {
    opacity: 1;
}
.client_account #lists .list-wrap .list-item:hover .edit-small_icon {
    opacity: 1;
}
.client_account #lists .list-wrap .list-item .listInputComponent__fieldset .wc-icon-button:has(.wc-icon_red) {
    margin-left: 0.5rem;
    margin-bottom: 0.25rem;
}
.client_account #lists .list-wrap .list-item .listInputComponent__fieldset .wc-icon_green {
    color: #0a8a00;
}
.client_account #lists .list-wrap .list-item .listInputComponent__fieldset .wc-icon_red {
    color: #e00751;
}
.client_account #lists .list-wrap .collapse_expand .expand-content .account-collapse_product-list.list > p {
    color: #767676 !important;
}
.client_account #lists .list-wrap .list_actions {
    justify-content: flex-end;
    flex-direction: row;
}
@media (max-width: 1199.98px) {
    .client_account #lists .list-wrap .list {
        padding-inline-start: 0;
    }
}
.client_account #lists .lists-header_action .wc-icon_blue,
.client_account #lists .lists-header_action .wc-icon_text {
    color: #0058A3;
}
.client_account #lists .lists-header_action .deleteList:hover .wc-icon_blue,
.client_account #lists .lists-header_action .deleteList:hover .wc-icon_text {
    color: #111111;
}
.client_account #lists .lists-header_form .wc-input-field {
    width: 90%;
    margin-right: 1rem;
    position: relative;
}
@media (min-width: 576px) {
    .client_account #lists .lists-header_form .wc-input-field {
        width: 60%;
    }
}
.client_account #lists .lists-header_form .wc_button {
    width: 60%;
    margin-top: 1.5rem;
}
@media (min-width: 576px) {
    .client_account #lists .lists-header_form .wc_button {
        width: 40%;
    }
}
.client_account #lists .lists-header_form .wc-helper-text {
    position: absolute;
}
.client_account #favourites .addToCart {
    padding: 0 0;
}
.client_account #favourites .your-favourites .favourites-content .favourites-list .item .row [class*=col] .actionbox .actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.client_account #favourites .favAction.unSelectAll {
    --skapa-carousel-item-gap: 0;
}
.client_account #orders .purchase-details.your-orders .order-item_header {
    width: 100%;
    background: none;
    border: none;
}
.client_account #orders .item-wrap .order-item_header {
    width: 100%;
    background-color: transparent;
    border: 0;
    color: #484848;
}
.client_account #orders .item-wrap .order-item_header .order_title_content {
    text-align: start;
    padding-left: 0;
}
.client_account #orders .item-wrap .order-item_header .sk_expandToggleIcon sk-icon {
    transition: transform 0.2s ease;
}
.client_account #orders .item-wrap a.focus-visible img {
    box-shadow: 0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255))) !important;
    outline: 2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17))) !important;
    outline-offset: 2px !important;
    transition: outline 200ms ease-out, box-shadow 200ms ease-out !important;
}
.client_account #orders .item-wrap .sk-icon-button_container {
    height: 40px;
    width: 40px;
    border-radius: 10rem;
    color: #111111;
}
.client_account #orders .item-wrap .sk-icon-button_container:hover {
    background-color: #f5f5f5;
}
.client_account #orders .item-wrap .sk-icon-button_container:active {
    background-color: #DFDFDF;
}
.client_account #familyjoin a[data-type=ikeaFamilyRegisterMyAccount] {
    text-decoration: underline;
}
.client_account #familyvoucher a {
    text-decoration: underline;
}
@media (min-width: 1200px) {
    .client_account #familycard #advantages-section .advantage-text h2 {
        font-size: initial;
    }
}
.client_account #familycard .cash-progess-bar--label {
    color: inherit;
}
.client_account #familycard .download-action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    gap: 1rem;
    margin-top: 1rem;
    flex-wrap: wrap;
}
.client_account #familycard .download-action__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10rem;
    padding-inline: 0.5rem;
    min-height: 2.5rem;
    transition-property: transform;
    transition-duration: 0.25s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.4, 1);
}
.client_account #familycard .download-action__link:active {
    transform: scale(0.97);
}
.client_account #familycard .download-action__link--apple {
    background: #111;
}
.client_account #familycard .download-action__link--google {
    background: #201f1f;
}
.client_account #familycard .download-action__link-img {
    border-radius: 10rem;
    max-height: 2.5rem;
}
.client_account #familycard .download-action__link-img--apple {
    clip-path: inset(3px);
}
.client_account #familycard .download-action__link-img--google {
    clip-path: inset(7px);
}
.client_account #yourdetails .groupContainer .group[data-editable=true] {
    background: transparent !important;
    border: 1px solid #dfdfdf;
    border-radius: 0.25rem;
}
.client_account #yourdetails .groupContainer .group[data-editable=true] [data-input=gender] {
    display: block;
}
.client_account #yourdetails .groupContainer .group[data-editable=true] p.text-label {
    color: #111111;
    font-weight: 400;
    font-size: 0.6875rem;
    line-height: 1.5;
    margin-bottom: 0.25rem;
}
.client_account #yourdetails .groupContainer [data-input=gender] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.client_account #yourdetails .groupContainer [data-input=gender] .icheck.icheck_minimal.checked {
    line-height: 2;
    padding: 0 !important;
    padding-left: 5px !important;
    margin: 0;
}
.client_account #yourdetails .groupContainer p a {
    text-decoration: underline;
}
.client_account #yourdetails .groupContainer .data-wrapper h2.title {
    color: #ffffff;
}
.client_account #yourdetails .iradio_minimal.icheckbox_minimal-blue.focus,
.client_account #yourdetails .input-group-append.tooglePass.focus-visible {
    box-shadow: 0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255))) !important;
    outline: 2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17))) !important;
    outline-offset: 2px !important;
    transition: outline 200ms ease-out, box-shadow 200ms ease-out !important;
    border-radius: 10rem;
}
.client_account #yourdetails .iradio_minimal.icheckbox_minimal-blue.focus {
    outline-offset: 0 !important;
}
.client_account #yourdetails .accountDetails .groupContainer > .row {
    padding: 1rem 0;
}
.client_account #yourdetails .accountDetails.account-details--addresses .input-floor {
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
}
.client_account #yourdetails #personalData .labelledby {
    display: inline-block;
    margin: 0;
    font-weight: 700;
}
.client_account #yourdetails #personalData[data-editable=true] .optional_label {
    display: inline;
}
.client_account #yourdetails #personalData[data-editable=true] .labelledby {
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.571;
    margin-bottom: 0.125rem;
}
.client_account #yourdetails #personalData .optional_label {
    display: none;
}
.client_account #yourdetails #personalData .intl-tel-input.allow-dropdown > input[name=phone] {
    width: 100% !important;
}
.client_account #yourdetails .change-phone .text--success {
    color: #0a8a00;
}
.client_account #yourdetails .change-phone .text--warning {
    color: #CA5008;
}
.client_account #subscriptions .id_sender .sr-only {
    white-space: normal;
}
.client_account input.focus-visible + .radio__symbol {
    box-shadow: 0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255))) !important;
    outline: 2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17))) !important;
    outline-offset: 2px !important;
    transition: outline 200ms ease-out, box-shadow 200ms ease-out !important;
}
.client_account .text-label {
    color: #111111;
    font-weight: 400;
    margin: 0;
    font-size: 0.875rem;
    line-height: 1.571;
}
.client_account .legend-text {
    padding-bottom: 0.25rem;
    color: rgb(var(--colour-text-and-icon-2, 72, 72, 72));
    min-height: 100%;
    margin: 0;
    font-size: 0.875rem;
    line-height: 1.571;
}
.client_account .blue-box a {
    color: #ffffff;
    text-decoration: underline;
}
.client_account .select-box-container > select.focus-visible {
    box-shadow: 0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255))) !important;
    outline: 2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17))) !important;
    outline-offset: 2px !important;
    transition: outline 200ms ease-out, box-shadow 200ms ease-out !important;
}

.check-publicity-area .icheck.focus-visible {
    box-shadow: 0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255))) !important;
    outline: 2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17))) !important;
    outline-offset: 2px !important;
    transition: outline 200ms ease-out, box-shadow 200ms ease-out !important;
}

.msg > .link-blue {
    text-decoration: underline;
}

.order-item_header {
    width: 100%;
    background-color: transparent;
    border: 0;
}

.your-orders .list-items .item-wrap .expand-header .expand-actionbox > * {
    font-size: 0.875rem;
}

.account-collapse_product-list {
    padding: 0;
}
.account-collapse_product-list .itemLink:hover,
.account-collapse_product-list .itemLink.focus-visible {
    text-decoration: none;
}
.account-collapse_product-list .itemLink:hover .itemTitle,
.account-collapse_product-list .itemLink.focus-visible .itemTitle {
    text-decoration: underline;
}
.account-collapse_product-list .itemLink.focus-visible {
    box-shadow: none !important;
    outline: none !important;
}
.account-collapse_product-list .module-wrapper:has(.itemLink.focus-visible) {
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
    box-shadow: 0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255))) !important;
    outline: 2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17))) !important;
    outline-offset: 2px !important;
    transition: outline 200ms ease-out, box-shadow 200ms ease-out !important;
}
.account-collapse_product-list .img-wrapper > a {
    box-shadow: none !important;
    outline: none !important;
}
.account-collapse_product-list .img-wrapper:has(a.focus-visible) {
    box-shadow: 0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255))) !important;
    outline: 2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17))) !important;
    outline-offset: 2px !important;
    transition: outline 200ms ease-out, box-shadow 200ms ease-out !important;
}

/* FOOTER */
/* -------------------------------------------------------------------------- */
/*                                WC PROMPT BUY                               */
/* -------------------------------------------------------------------------- */
wc-prompt.wc-prompt.wc-prompt-buy {
    justify-content: start;
    /* -------------------------------------------------------------------------- */
    /*                              WRAPPER SETTINGS                              */
    /* -------------------------------------------------------------------------- */
    /* -------------------------------------------------------------------------- */
    /*                    Z-INDEX CONTROL WHEN MODAL IS VISIBLE                   */
    /* -------------------------------------------------------------------------- */
    /* -------------------------------------------------------------------------- */
    /*                             MAIN MODAL CONTENT                             */
    /* -------------------------------------------------------------------------- */
    /* -------------------------------------------------------------------------- */
    /*                              MODAL FOOTER BASE                             */
    /* -------------------------------------------------------------------------- */
    /* -------------------------------------------------------------------------- */
    /*                                MEDIA QUERIES                               */
    /* -------------------------------------------------------------------------- */
    /* -- Medium breakpoint -- */
    /* -- Small breakpoint -- */
}
wc-prompt.wc-prompt.wc-prompt-buy::part(wrapper) {
    max-height: 100%;
    max-width: 52.5rem;
}
wc-prompt.wc-prompt.wc-prompt-buy.show:has(.modal-buy) {
    z-index: 1053;
}
wc-prompt.wc-prompt.wc-prompt-buy.show:has(.modal-buy) ~ .modal-backdrop.fade.show {
    z-index: 1052;
}
wc-prompt.wc-prompt.wc-prompt-buy .wc-modal-buy.modal-content.modal-buy {
    position: relative;
    margin: 0 auto !important;
    min-height: 200px;
    border: 0;
    padding: 0 0 1.5rem;
    /* -------------------------------------------------------------------------- */
    /*                                HEADER STYLES                               */
    /* -------------------------------------------------------------------------- */
    /* -------------------------------------------------------------------------- */
    /*                          BODY & FOOTER BASE STYLES                         */
    /* -------------------------------------------------------------------------- */
    /* -------------------------------------------------------------------------- */
    /*                                MODAL FOOTER                                */
    /* -------------------------------------------------------------------------- */
    /* -------------------------------------------------------------------------- */
    /*                         ADD ITEMS LIST (RESPONSIVE)                        */
    /* -------------------------------------------------------------------------- */
}
@media (max-width: 767.98px) {
    wc-prompt.wc-prompt.wc-prompt-buy .wc-modal-buy.modal-content.modal-buy {
        padding: 1.5rem;
    }
}
wc-prompt.wc-prompt.wc-prompt-buy .wc-modal-buy.modal-content.modal-buy .wc-modal-header-buy {
    margin-top: -1rem;
    margin-bottom: 1rem;
    width: 100%;
}
wc-prompt.wc-prompt.wc-prompt-buy .wc-modal-buy.modal-content.modal-buy .modal-body,
wc-prompt.wc-prompt.wc-prompt-buy .wc-modal-buy.modal-content.modal-buy .modal-footer {
    padding-inline: 0;
}
@media (max-width: 991.98px) {
    wc-prompt.wc-prompt.wc-prompt-buy .wc-modal-buy.modal-content.modal-buy .wc-modal-header-buy {
        margin-top: 0;
    }
    wc-prompt.wc-prompt.wc-prompt-buy .wc-modal-buy.modal-content.modal-buy .modal-body {
        padding: 0;
    }
}
wc-prompt.wc-prompt.wc-prompt-buy .wc-modal-buy.modal-content.modal-buy .modal-footer {
    padding: 1.5rem 0;
    border: 0;
    flex-direction: column;
    align-items: normal;
    /* -------------------------------------------------------------------------- */
    /*                               BUTTONS WRAPPER                              */
    /* -------------------------------------------------------------------------- */
    /* -------------------------------------------------------------------------- */
    /*                             RELATED BOX SECTION                            */
    /* -------------------------------------------------------------------------- */
    /* -------------------------------------------------------------------------- */
    /*                        PRODUCT TITLE FOCUS HANDLING                        */
    /* -------------------------------------------------------------------------- */
}
@media (max-width: 767.98px) {
    wc-prompt.wc-prompt.wc-prompt-buy .wc-modal-buy.modal-content.modal-buy .modal-footer {
        padding-left: 0;
        padding-right: 0;
    }
}
wc-prompt.wc-prompt.wc-prompt-buy .wc-modal-buy.modal-content.modal-buy .modal-footer .buttonsWrapper .action-box {
    row-gap: 1rem;
}
@media (max-width: 767.98px) {
    wc-prompt.wc-prompt.wc-prompt-buy .wc-modal-buy.modal-content.modal-buy .modal-footer .buttonsWrapper .action-box .wc_button {
        width: 100%;
    }
}
wc-prompt.wc-prompt.wc-prompt-buy .wc-modal-buy.modal-content.modal-buy .modal-footer .related-box.wc_focus_section {
    display: block;
    position: relative;
    margin: 0;
    margin-inline: -10px;
    padding: 10px;
    /* -------------------------------------------------------------------------- */
    /*                            RELATED ITEMS (CARDS)                           */
    /* -------------------------------------------------------------------------- */
}
@media (max-width: 767.98px) {
    wc-prompt.wc-prompt.wc-prompt-buy .wc-modal-buy.modal-content.modal-buy .modal-footer .related-box.wc_focus_section {
        margin: 2rem 0 0;
    }
}
wc-prompt.wc-prompt.wc-prompt-buy .wc-modal-buy.modal-content.modal-buy .modal-footer .related-box.wc_focus_section .related-title {
    display: block;
    font-size: 1rem;
    line-height: 1rem;
    font-weight: 700;
    margin-bottom: 20px;
}
wc-prompt.wc-prompt.wc-prompt-buy .wc-modal-buy.modal-content.modal-buy .modal-footer .related-box.wc_focus_section .itemBlock .card-tags {
    position: relative;
}
wc-prompt.wc-prompt.wc-prompt-buy .wc-modal-buy.modal-content.modal-buy .modal-footer .related-box.wc_focus_section .itemBlock .card-tags .tag {
    position: absolute;
    bottom: 0;
    z-index: 1;
}
wc-prompt.wc-prompt.wc-prompt-buy .wc-modal-buy.modal-content.modal-buy .modal-footer .related-box.wc_focus_section .itemBlock .card-tags .tag.right-side {
    right: 0;
}
wc-prompt.wc-prompt.wc-prompt-buy .wc-modal-buy.modal-content.modal-buy .modal-footer .related-box.wc_focus_section .itemBlock .card-tags .tag.top {
    top: 10px;
}
wc-prompt.wc-prompt.wc-prompt-buy .wc-modal-buy.modal-content.modal-buy .modal-footer .related-box.wc_focus_section .itemBlock .card-tags .tag.left-side {
    right: 0;
}
wc-prompt.wc-prompt.wc-prompt-buy .wc-modal-buy.modal-content.modal-buy .modal-footer .related-box.wc_focus_section .itemBlock .card-header {
    padding: 0.5rem;
}
wc-prompt.wc-prompt.wc-prompt-buy .wc-modal-buy.modal-content.modal-buy .modal-footer .related-box.wc_focus_section .itemBlock .card-header a,
wc-prompt.wc-prompt.wc-prompt-buy .wc-modal-buy.modal-content.modal-buy .modal-footer .related-box.wc_focus_section .itemBlock .card-header a:hover {
    text-decoration: none;
}
wc-prompt.wc-prompt.wc-prompt-buy .wc-modal-buy.modal-content.modal-buy .modal-footer .related-box.wc_focus_section .itemBlock .card-header .itemBadges {
    position: absolute;
    bottom: 0;
    left: 0.5rem;
    z-index: 1;
}
wc-prompt.wc-prompt.wc-prompt-buy .wc-modal-buy.modal-content.modal-buy .modal-footer .related-box.wc_focus_section .itemBlock .card-header .item_essentials {
    position: absolute;
    top: 0;
    left: 0.5rem;
    text-align: left !important;
    padding: 0.25rem 0.5rem;
    display: block;
    background-color: #111111;
    color: #ffffff;
    line-height: 1.5;
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0;
    max-width: 80%;
}
wc-prompt.wc-prompt.wc-prompt-buy .wc-modal-buy.modal-content.modal-buy .modal-footer .related-box.wc_focus_section .itemBlock .card-body {
    padding: 0 0.5rem;
}
wc-prompt.wc-prompt.wc-prompt-buy .wc-modal-buy.modal-content.modal-buy .modal-footer .related-box.wc_focus_section .itemBlock .card-body .itemInfo .itemName {
    padding: 0;
}
wc-prompt.wc-prompt.wc-prompt-buy .wc-modal-buy.modal-content.modal-buy .modal-footer .related-box.wc_focus_section .itemBlock .card-body .itemInfo .itemName h6 {
    font-size: 0.875rem;
}
wc-prompt.wc-prompt.wc-prompt-buy .wc-modal-buy.modal-content.modal-buy .modal-footer .related-box.wc_focus_section .itemBlock .card-body .itemInfo .itemFacts {
    font-weight: 300;
    font-size: 0.75rem;
    line-height: 1.375;
    margin: 0;
    padding: 0;
}
wc-prompt.wc-prompt.wc-prompt-buy .wc-modal-buy.modal-content.modal-buy .modal-footer .related-box.wc_focus_section .itemBlock .card-body .itemLink:hover, wc-prompt.wc-prompt.wc-prompt-buy .wc-modal-buy.modal-content.modal-buy .modal-footer .related-box.wc_focus_section .itemBlock .card-body .itemLink.focus-visible {
    text-decoration: none;
}
wc-prompt.wc-prompt.wc-prompt-buy .wc-modal-buy.modal-content.modal-buy .modal-footer .related-box.wc_focus_section .itemBlock .card-body .itemLink:hover .itemName, wc-prompt.wc-prompt.wc-prompt-buy .wc-modal-buy.modal-content.modal-buy .modal-footer .related-box.wc_focus_section .itemBlock .card-body .itemLink.focus-visible .itemName {
    text-decoration: underline;
}
wc-prompt.wc-prompt.wc-prompt-buy .wc-modal-buy.modal-content.modal-buy .modal-footer .product-title {
    margin-top: 0.25rem;
}
wc-prompt.wc-prompt.wc-prompt-buy .wc-modal-buy.modal-content.modal-buy .modal-footer .product-title:has(.itemLink.focus-visible) {
    outline-offset: 2px !important;
    outline: 2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17))) !important;
}
wc-prompt.wc-prompt.wc-prompt-buy .wc-modal-buy.modal-content.modal-buy .modal-footer .product-title:has(.itemLink.focus-visible) .itemLink.focus-visible {
    outline: none !important;
    outline-offset: 0 !important;
    box-shadow: none !important;
}
@media (max-width: 767.98px) {
    wc-prompt.wc-prompt.wc-prompt-buy .wc-modal-buy.modal-content.modal-buy .additems_list > .list .item .product_total-col {
        justify-content: flex-end;
    }
}
wc-prompt.wc-prompt.wc-prompt-buy .wc-modal-footer .wc-slot-primary-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-end;
}
wc-prompt.wc-prompt.wc-prompt-buy .wc-modal-footer[border] {
    margin-top: 0;
}
@media (max-width: 991.98px) {
    wc-prompt.wc-prompt.wc-prompt-buy .wc-modal-footer .wc_button {
        width: 100%;
    }
}
@media (max-width: 767.98px) {
    wc-prompt.wc-prompt.wc-prompt-buy .wc-modal-header-buy {
        font-size: 0.75rem;
    }
    wc-prompt.wc-prompt.wc-prompt-buy::part(wrapper) {
        width: 100%;
        margin: 3rem 0 0 0;
    }
    wc-prompt.wc-prompt.wc-prompt-buy .wc-modal-footer .wc-slot-primary-button {
        display: inline;
    }
}

/* ========================================================================== */
/*                     WC PROMPT - ITEM DETAIL MODAL                            */
/* ========================================================================== */
wc-prompt.wc-prompt {
    /* -------------------------------------------------------------------------- */
    /*                        TARGET ITEM DETAIL MODAL                              */
    /* -------------------------------------------------------------------------- */
}
wc-prompt.wc-prompt#item-detail-modal {
    z-index: 9999;
    /* -------------------------- MOBILE WRAPPER ----------------------------- */
    /* ----------------------------- BODY SECTION ---------------------------- */
}
@media (max-width: 767.98px) {
    wc-prompt.wc-prompt#item-detail-modal::part(wrapper) {
        max-height: 100%;
        max-width: 100%;
        border-radius: 0;
        margin: 0;
    }
}
wc-prompt.wc-prompt#item-detail-modal .body {
    height: 97%;
    /* ---------------------------- IMAGES WRAPPER ------------------------- */
    /* ----------------------------- ZOOM ITEMS ----------------------------- */
    /* ------------------------ IMAGES PRODUCT DETAIL ---------------------- */
}
wc-prompt.wc-prompt#item-detail-modal .body .images {
    flex: 1;
    height: 100%;
    min-height: 0;
    padding-top: 1rem;
}
wc-prompt.wc-prompt#item-detail-modal .body .images wc-carousel {
    height: 100%;
}
wc-prompt.wc-prompt#item-detail-modal .body .images wc-carousel .swiper-slide {
    overflow: hidden;
    /* ---------------------------- IMAGE WRAPPER ---------------------- */
    /* ---------------------------- VIDEO WRAPPER ---------------------- */
}
wc-prompt.wc-prompt#item-detail-modal .body .images wc-carousel .swiper-slide .image-wrapper {
    height: 100%;
}
wc-prompt.wc-prompt#item-detail-modal .body .images wc-carousel .swiper-slide .image-wrapper:not(.zoom-in) {
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
}
wc-prompt.wc-prompt#item-detail-modal .body .images wc-carousel .swiper-slide .image-wrapper:not(.zoom-in) .img-fluid {
    max-height: 100%;
}
@media (min-width: 768px) {
    wc-prompt.wc-prompt#item-detail-modal .body .images wc-carousel .swiper-slide .image-wrapper:not(.zoom-in) .img-fluid {
        left: auto !important;
        top: auto !important;
        transform: none !important;
    }
}
wc-prompt.wc-prompt#item-detail-modal .body .images wc-carousel .swiper-slide .image-wrapper.zoom-in {
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}
wc-prompt.wc-prompt#item-detail-modal .body .images wc-carousel .swiper-slide .image-wrapper.zoom-in .img-fluid {
    max-width: none;
}
wc-prompt.wc-prompt#item-detail-modal .body .images wc-carousel .swiper-slide .image-wrapper .img-fluid {
    position: absolute;
}
wc-prompt.wc-prompt#item-detail-modal .body .images wc-carousel .swiper-slide .video-wrapper {
    height: 100%;
    max-height: none;
}
wc-prompt.wc-prompt#item-detail-modal .body .images wc-carousel .swiper-slide .video-wrapper video {
    position: absolute;
    max-height: 100%;
}
wc-prompt.wc-prompt#item-detail-modal .body .zoom-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.5rem 0;
}
@media (max-width: 991.98px) {
    wc-prompt.wc-prompt#item-detail-modal .body .zoom-items {
        display: none;
    }
}
wc-prompt.wc-prompt#item-detail-modal .body .imagesProductDetail {
    height: auto;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
    margin: auto;
}

/* ========================================================================== */
/*                       WC SHEET - FILTERS MOBILE MODAL                        */
/* ========================================================================== */
sk-sheet.wc-sheet#filtersMobileModal {
    z-index: 9999;
    /* -------------------------------------------------------------------------- */
    /*                          SHEET SIZE VARIABLES                                */
    /* -------------------------------------------------------------------------- */
    --sheet-size-medium: 30rem;
    --sheet-size-large: 30rem;
    /* -------------------------------------------------------------------------- */
    /*                      HEADER & FILTER OPTION BORDER                          */
    /* -------------------------------------------------------------------------- */
    /* -------------------------------------------------------------------------- */
    /*                             FILTER BLOCK WRAPPER                             */
    /* -------------------------------------------------------------------------- */
    /* -------------------------------------------------------------------------- */
    /*                          CHECKBOX BLOCK (GLOBAL)                             */
    /* -------------------------------------------------------------------------- */
    /* -------------------------------------------------------------------------- */
    /*                          INDIVIDUAL FILTER OPTION                            */
    /* -------------------------------------------------------------------------- */
    /* -------------------------------------------------------------------------- */
    /*                       POSITION NEW FILTER CHECKBOXES                         */
    /* -------------------------------------------------------------------------- */
    /* -------------------------------------------------------------------------- */
    /*                        SPECIFIC CATEGORY FILTER LAYOUT                     */
    /* -------------------------------------------------------------------------- */
}
sk-sheet.wc-sheet#filtersMobileModal .wc-modal-header,
sk-sheet.wc-sheet#filtersMobileModal .filter__option {
    border-bottom: 1px solid #dfdfdf;
}
sk-sheet.wc-sheet#filtersMobileModal .filterBlock {
    border-bottom: 1px solid #dfdfdf;
    /* ---------------------------- FILTER TITLE ---------------------------- */
    /* ---------------------------- FILTER CONTENT -------------------------- */
}
sk-sheet.wc-sheet#filtersMobileModal .filterBlock .filterTitle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    min-height: 5rem;
    background-color: transparent;
    color: #111111;
    font-weight: bold;
    font-size: 0.875rem;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    border: 0;
    overflow: hidden;
    padding: 0;
    /* ---------------------------- ARROW ICON ---------------------------- */
    /* ---------------------------- OPEN STATE ---------------------------- */
}
sk-sheet.wc-sheet#filtersMobileModal .filterBlock .filterTitle > span {
    text-align: left;
    padding-right: 1rem;
}
sk-sheet.wc-sheet#filtersMobileModal .filterBlock .filterTitle:hover {
    text-decoration: underline;
}
sk-sheet.wc-sheet#filtersMobileModal .filterBlock .filterTitle::after {
    content: "\e001";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%) rotate(0);
    transition: transform 0.3s ease-in;
    font-size: 0.6875rem;
    font-family: "ikea-icons", "NotoIKEALatin", "fundament-icons";
}
sk-sheet.wc-sheet#filtersMobileModal .filterBlock .filterTitle.show::after {
    transform: translateY(-50%) rotate(180deg);
}
sk-sheet.wc-sheet#filtersMobileModal .filterBlock .filterTitle.show + .filterContent {
    display: block;
}
sk-sheet.wc-sheet#filtersMobileModal .filterBlock .filterContent {
    display: none;
    list-style: none;
    padding: 0;
    margin-bottom: 2rem;
}
sk-sheet.wc-sheet#filtersMobileModal .filterBlock .filterContent .filterContentWrapper:has(.measures) {
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem;
}
sk-sheet.wc-sheet#filtersMobileModal .filterBlock .filterContent li {
    margin-bottom: 1rem;
}
sk-sheet.wc-sheet#filtersMobileModal .filterBlock .filterContent .units {
    font-size: 0.6875rem;
}
sk-sheet.wc-sheet#filtersMobileModal .filterBlock .filterContent fieldset {
    margin-bottom: 1rem;
}
sk-sheet.wc-sheet#filtersMobileModal .filterBlock .filterContent fieldset legend {
    font-size: 14px;
}
sk-sheet.wc-sheet#filtersMobileModal .filterBlock .filterContent fieldset div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem;
}
sk-sheet.wc-sheet#filtersMobileModal #filterCheckboxes {
    width: 100%;
    padding: 0;
}
sk-sheet.wc-sheet#filtersMobileModal .filter__option {
    width: 100%;
    padding: 0.5rem 0 0.75rem;
}
sk-sheet.wc-sheet#filtersMobileModal .filter__option > div,
sk-sheet.wc-sheet#filtersMobileModal .filter__option .wc-checkbox-group {
    width: 100%;
}
sk-sheet.wc-sheet#filtersMobileModal .filter__option label {
    min-width: -moz-max-content;
    min-width: -webkit-max-content;
    min-width: max-content;
}
sk-sheet.wc-sheet#filtersMobileModal #newFilters input[type=checkbox] {
    position: absolute;
    right: 0;
}
sk-sheet.wc-sheet#filtersMobileModal .categories .filterContainerMultiple .filterBlock {
    padding: 0.25rem 0;
}

/* ========================================================================== */
/*                  WC SHEET - MOBILE HEADER SHEETS BASE                        */
/* ========================================================================== */
sk-sheet.wc-sheet {
    /* -------------------------------------------------------------------------- */
    /*                         TARGET SPECIFIC MOBILE SHEETS                       */
    /* -------------------------------------------------------------------------- */
    /* -------------------------------------------------------------------------- */
    /*                  SPECIFIC STYLES FOR NEW DYNAMIC SHEETS                     */
    /* -------------------------------------------------------------------------- */
    /* -------------------------------------------------------------------------- */
    /*                             "ROOMS" SUBMENU GRID                             */
    /* -------------------------------------------------------------------------- */
    /* -------------------------------------------------------------------------- */
    /*           FIX CHEVRON LAYOUT FOR LONG TEXT LINKS IN NEW MENUS               */
    /* -------------------------------------------------------------------------- */
    /* -------------------------------------------------------------------------- */
    /*                          MOBILE SEARCH BAR STYLING                           */
    /* -------------------------------------------------------------------------- */
}
sk-sheet.wc-sheet[id^=header-main-mobile-menu], sk-sheet.wc-sheet#header-main-mobile-menu-products, sk-sheet.wc-sheet#header-main-mobile-menu-rooms, sk-sheet.wc-sheet[id^=header-main-mobile-new-menu-] {
    --border-outer: 0;
    --border-inner: 0;
    /* ------------------------------- BASE ---------------------------------- */
    /* ------------------------------- MODAL HEADER -------------------------- */
    /* ------------------------------- LINKS --------------------------------- */
    /* -------------------------- MOBILE SHEET HEADER ------------------------ */
    /* ---------------------------- TRAILING GROUP --------------------------- */
    /* ----------------------------- NAVITEMS -------------------------------- */
    /* ------------------------ FOCUS STATE SELECTORS ------------------------ */
}
sk-sheet.wc-sheet[id^=header-main-mobile-menu]:before, sk-sheet.wc-sheet#header-main-mobile-menu-products:before, sk-sheet.wc-sheet#header-main-mobile-menu-rooms:before, sk-sheet.wc-sheet[id^=header-main-mobile-new-menu-]:before {
    min-height: 0;
    min-width: 0;
}
sk-sheet.wc-sheet[id^=header-main-mobile-menu] sk-modal-header, sk-sheet.wc-sheet#header-main-mobile-menu-products sk-modal-header, sk-sheet.wc-sheet#header-main-mobile-menu-rooms sk-modal-header, sk-sheet.wc-sheet[id^=header-main-mobile-new-menu-] sk-modal-header {
    font-size: 1rem;
    padding: 0.75rem;
}
sk-sheet.wc-sheet[id^=header-main-mobile-menu] sk-modal-header [id^=sheet-title], sk-sheet.wc-sheet#header-main-mobile-menu-products sk-modal-header [id^=sheet-title], sk-sheet.wc-sheet#header-main-mobile-menu-rooms sk-modal-header [id^=sheet-title], sk-sheet.wc-sheet[id^=header-main-mobile-new-menu-] sk-modal-header [id^=sheet-title] {
    font-size: 18px;
}
sk-sheet.wc-sheet[id^=header-main-mobile-menu] sk-modal-header .back-button, sk-sheet.wc-sheet#header-main-mobile-menu-products sk-modal-header .back-button, sk-sheet.wc-sheet#header-main-mobile-menu-rooms sk-modal-header .back-button, sk-sheet.wc-sheet[id^=header-main-mobile-new-menu-] sk-modal-header .back-button {
    --background: rgb(245, 245, 245);
}
sk-sheet.wc-sheet[id^=header-main-mobile-menu] a, sk-sheet.wc-sheet#header-main-mobile-menu-products a, sk-sheet.wc-sheet#header-main-mobile-menu-rooms a, sk-sheet.wc-sheet[id^=header-main-mobile-new-menu-] a {
    color: #111111;
}
sk-sheet.wc-sheet[id^=header-main-mobile-menu] a:hover, sk-sheet.wc-sheet#header-main-mobile-menu-products a:hover, sk-sheet.wc-sheet#header-main-mobile-menu-rooms a:hover, sk-sheet.wc-sheet[id^=header-main-mobile-new-menu-] a:hover {
    text-decoration: underline;
}
sk-sheet.wc-sheet[id^=header-main-mobile-menu] a.nav-link, sk-sheet.wc-sheet#header-main-mobile-menu-products a.nav-link, sk-sheet.wc-sheet#header-main-mobile-menu-rooms a.nav-link, sk-sheet.wc-sheet[id^=header-main-mobile-new-menu-] a.nav-link {
    font-size: 0.875rem;
}
sk-sheet.wc-sheet[id^=header-main-mobile-menu] .menu-mobile-sheet-header, sk-sheet.wc-sheet#header-main-mobile-menu-products .menu-mobile-sheet-header, sk-sheet.wc-sheet#header-main-mobile-menu-rooms .menu-mobile-sheet-header, sk-sheet.wc-sheet[id^=header-main-mobile-new-menu-] .menu-mobile-sheet-header {
    margin-bottom: 2rem;
}
sk-sheet.wc-sheet[id^=header-main-mobile-menu] .trailing-group, sk-sheet.wc-sheet#header-main-mobile-menu-products .trailing-group, sk-sheet.wc-sheet#header-main-mobile-menu-rooms .trailing-group, sk-sheet.wc-sheet[id^=header-main-mobile-new-menu-] .trailing-group {
    display: none !important;
}
sk-sheet.wc-sheet[id^=header-main-mobile-menu] .navitem, sk-sheet.wc-sheet#header-main-mobile-menu-products .navitem, sk-sheet.wc-sheet#header-main-mobile-menu-rooms .navitem, sk-sheet.wc-sheet[id^=header-main-mobile-new-menu-] .navitem {
    font-size: 16px !important;
    --list-view-item-height: 2.5rem !important;
    --list-view-item-padding-vertical: 0.75rem !important;
}
sk-sheet.wc-sheet[id^=header-main-mobile-menu] .navitem::part(wrapper:last-child), sk-sheet.wc-sheet#header-main-mobile-menu-products .navitem::part(wrapper:last-child), sk-sheet.wc-sheet#header-main-mobile-menu-rooms .navitem::part(wrapper:last-child), sk-sheet.wc-sheet[id^=header-main-mobile-new-menu-] .navitem::part(wrapper:last-child) {
    min-width: 3rem;
}
sk-sheet.wc-sheet[id^=header-main-mobile-menu] .skp-lang-selector.background-none:has(select.focus-visible),
sk-sheet.wc-sheet[id^=header-main-mobile-menu] .skp-site-selector.background-none:has(select.focus-visible), sk-sheet.wc-sheet#header-main-mobile-menu-products .skp-lang-selector.background-none:has(select.focus-visible),
sk-sheet.wc-sheet#header-main-mobile-menu-products .skp-site-selector.background-none:has(select.focus-visible), sk-sheet.wc-sheet#header-main-mobile-menu-rooms .skp-lang-selector.background-none:has(select.focus-visible),
sk-sheet.wc-sheet#header-main-mobile-menu-rooms .skp-site-selector.background-none:has(select.focus-visible), sk-sheet.wc-sheet[id^=header-main-mobile-new-menu-] .skp-lang-selector.background-none:has(select.focus-visible),
sk-sheet.wc-sheet[id^=header-main-mobile-new-menu-] .skp-site-selector.background-none:has(select.focus-visible) {
    box-shadow: 0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255))) !important;
    outline: 2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17))) !important;
    outline-offset: 2px !important;
    transition: outline 200ms ease-out, box-shadow 200ms ease-out !important;
}
sk-sheet.wc-sheet[id^=header-main-mobile-new-menu-] .new-menu-promoted-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    width: 100%;
    height: auto;
    margin-top: 1.5rem;
    padding: 1.5rem 1.5rem 2rem;
    font-size: 1rem;
    font-weight: 700;
    max-width: 100%;
    max-height: none;
}
@media (min-width: 576px) {
    sk-sheet.wc-sheet[id^=header-main-mobile-new-menu-] .new-menu-promoted-link {
        min-height: 11rem;
        align-items: flex-start;
        font-size: 1rem;
    }
}
sk-sheet.wc-sheet[id^=header-main-mobile-new-menu-] sk-listview .navitem {
    --list-view-item-height: 3.5rem;
}
sk-sheet.wc-sheet .submenu--rooms {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem 1.5rem;
}
sk-sheet.wc-sheet .submenu--rooms .item-wrapper {
    color: #111111;
}
sk-sheet.wc-sheet[id^=link-new-menu-]::part(wrapper) {
    display: -ms-grid;
    display: grid;
    grid-template-columns: 1fr auto;
}
sk-sheet.wc-sheet #searcherMobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    position: relative;
    text-align: left;
    height: 45px;
    width: 110%;
    padding: 0.75rem;
    margin-left: -4.5rem;
    margin-top: 0;
    background-color: #F5F5F5;
    border-radius: 10rem;
}
sk-sheet.wc-sheet #searcherMobile #btn-searchinput {
    position: absolute;
    top: 0;
    right: 6rem;
    left: 3rem;
    height: 45px;
    border: 0;
    background: transparent;
}
sk-sheet.wc-sheet #searcherMobile:hover #btn-searchinput {
    cursor: text;
}
@media (min-width: 992px) {
    sk-sheet.wc-sheet #searcherMobile {
        margin-left: -1.5rem;
    }
}

/* ========================================================================== */
/*                        WC SHEET - SIDENAV FOOTER PACK                        */
/* ========================================================================== */
sk-sheet.wc-sheet {
    /* -------------------------------------------------------------------------- */
    /*                        TARGET SPECIFIC SIDENAV                               */
    /* -------------------------------------------------------------------------- */
}
sk-sheet.wc-sheet#sidenav:has(#footer-packItem) {
    --modal-body-padding-inline: 0 !important;
    /* ----------------------------- HEADER ---------------------------------- */
    /* ------------------------------- CARD ---------------------------------- */
    /* -------------------------------------------------------------------------- */
    /*                                 PACK BLOCK                                  */
    /* -------------------------------------------------------------------------- */
    /* -------------------------------------------------------------------------- */
    /*                             BASE COLUMN LAYOUT                              */
    /* -------------------------------------------------------------------------- */
    /* -------------------------------------------------------------------------- */
    /*                              FOOTER PACK ITEM                                */
    /* -------------------------------------------------------------------------- */
    /* -------------------------------------------------------------------------- */
    /*                                TYPOGRAPHY                                   */
    /* -------------------------------------------------------------------------- */
    /* -------------------------------------------------------------------------- */
    /*                               EXTRA SPACING                                 */
    /* -------------------------------------------------------------------------- */
    /* -------------------------------------------------------------------------- */
    /*                          COMPOSE VIEW ADJUSTMENTS                            */
    /* -------------------------------------------------------------------------- */
}
sk-sheet.wc-sheet#sidenav:has(#footer-packItem) #sheets-sidenav-header {
    border-bottom: 1px solid #dfdfdf;
}
sk-sheet.wc-sheet#sidenav:has(#footer-packItem) .card {
    /* ---------------------------- CARD BODY ---------------------------- */
    /* -------------------------- MOBILE ADJUSTMENTS ------------------------ */
    /* -------------------------- PRODUCT INFO ---------------------------- */
    /* --------------------------- FOOTER PACK ITEM ------------------------ */
}
sk-sheet.wc-sheet#sidenav:has(#footer-packItem) .card .card-body {
    gap: 0;
    /* -------------------------- SIDENAV COLUMNS ------------------------ */
}
sk-sheet.wc-sheet#sidenav:has(#footer-packItem) .card .card-body .sidenav-col[data-col=base], sk-sheet.wc-sheet#sidenav:has(#footer-packItem) .card .card-body .sidenav-col[data-col=compose] {
    padding: 0 2.5rem;
}
@media (min-width: 768px) {
    sk-sheet.wc-sheet#sidenav:has(#footer-packItem) .card .card-body .sidenav-col[data-col=compose] {
        border-left: 1px solid #dfdfdf;
    }
}
@media (max-width: 767.98px) {
    sk-sheet.wc-sheet#sidenav:has(#footer-packItem) .card:has(.sidenav-col[data-col=compose]) .sidenav-col[data-col=base] {
        display: none;
    }
}
sk-sheet.wc-sheet#sidenav:has(#footer-packItem) .card .productInfo .wc_close_slide {
    position: absolute;
    top: 12px;
    left: -12px;
    z-index: 2;
}
sk-sheet.wc-sheet#sidenav:has(#footer-packItem) .card #footer-packItem {
    border-top: 0;
    padding: 1rem 0;
}
sk-sheet.wc-sheet#sidenav:has(#footer-packItem) .card #footer-packItem .addToCart {
    height: 100%;
}
sk-sheet.wc-sheet#sidenav:has(#footer-packItem) .card #footer-packItem .wc_button_pack {
    padding: 0;
}
sk-sheet.wc-sheet#sidenav:has(#footer-packItem) .packList {
    min-height: 70px;
    margin-bottom: 1.5rem;
}
sk-sheet.wc-sheet#sidenav:has(#footer-packItem) .packItem {
    padding: 1rem 0;
}
sk-sheet.wc-sheet#sidenav:has(#footer-packItem) .packItem + .packItem {
    border-top: 1px solid #dfdfdf;
}
sk-sheet.wc-sheet#sidenav:has(#footer-packItem) [data-col=base] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
}
sk-sheet.wc-sheet#sidenav:has(#footer-packItem) --pack__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
sk-sheet.wc-sheet#sidenav:has(#footer-packItem) #footer-packItem,
sk-sheet.wc-sheet#sidenav:has(#footer-packItem) .footer-packItem {
    position: fixed;
    width: calc(100% - 5rem);
    min-width: 368px;
    bottom: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
    margin: 0 -0.5rem;
    padding: 1rem 0 0 0.5rem;
    background-color: #FFFFFF;
}
sk-sheet.wc-sheet#sidenav:has(#footer-packItem) #footer-packItem__resume, sk-sheet.wc-sheet#sidenav:has(#footer-packItem) #footer-packItem__button,
sk-sheet.wc-sheet#sidenav:has(#footer-packItem) .footer-packItem__resume,
sk-sheet.wc-sheet#sidenav:has(#footer-packItem) .footer-packItem__button {
    width: 100%;
}
sk-sheet.wc-sheet#sidenav:has(#footer-packItem) #footer-packItem .wc_button_pack,
sk-sheet.wc-sheet#sidenav:has(#footer-packItem) .footer-packItem .wc_button_pack {
    padding: 0;
}
@media (max-width: 767.98px) {
    sk-sheet.wc-sheet#sidenav:has(#footer-packItem) #footer-packItem {
        flex-direction: column;
        min-width: 1px;
    }
}
sk-sheet.wc-sheet#sidenav:has(#footer-packItem) .font-span {
    font-size: 1.125rem;
}
sk-sheet.wc-sheet#sidenav:has(#footer-packItem) .button-add {
    margin-top: 0.5rem;
}
sk-sheet.wc-sheet#sidenav:has(#footer-packItem).sidenavCompose .sidenav-col .productInfo {
    position: relative;
}

/* ========================================================================== */
/*                              WC SHEET - USER MENU                          */
/* ========================================================================== */
sk-sheet.wc-sheet#sidenav-user-menu {
    /* -------------------------------------------------------------------------- */
    /*                                   BASE                                     */
    /* -------------------------------------------------------------------------- */
    /* -------------------------------------------------------------------------- */
    /*                              WRAPPER SETTINGS                              */
    /* -------------------------------------------------------------------------- */
    /* -------------------------------------------------------------------------- */
    /*                                  MODAL BODY                                */
    /* -------------------------------------------------------------------------- */
    /* -------------------------------------------------------------------------- */
    /*                             USER MENU SECTIONS                             */
    /* -------------------------------------------------------------------------- */
    /* ------------------------------ HEADER ------------------------------ */
    /* ------------------------------- BODY -------------------------------- */
    /* -------------------------------------------------------------------------- */
    /*                                  COLORS                                   */
    /* -------------------------------------------------------------------------- */
    /* -------------------------------------------------------------------------- */
    /*                          TRANSITION & ANIMATION                            */
    /* -------------------------------------------------------------------------- */
    /* -------------------------------------------------------------------------- */
    /*                                MODAL DIALOG                                */
    /* -------------------------------------------------------------------------- */
    /* -------------------------------------------------------------------------- */
    /*                               MODAL CONTENT                                */
    /* -------------------------------------------------------------------------- */
    /* -------------------------------------------------------------------------- */
    /*                                   CLOSE BUTTON                             */
    /* -------------------------------------------------------------------------- */
    /* -------------------------------------------------------------------------- */
    /*                                 SCROLL WRAP                                */
    /* -------------------------------------------------------------------------- */
    /* -------------------------------------------------------------------------- */
    /*                             ACCOUNT USER MENU                              */
    /* -------------------------------------------------------------------------- */
}
sk-sheet.wc-sheet#sidenav-user-menu:before {
    min-height: 0;
    min-width: 0;
}
sk-sheet.wc-sheet#sidenav-user-menu::part(wrapper) {
    background-color: #0058a3;
    border-radius: 0;
}
sk-sheet.wc-sheet#sidenav-user-menu .modal-body {
    padding: 0;
    background: #0058a3;
    color: white;
    overflow: hidden;
    font-size: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
}
sk-sheet.wc-sheet#sidenav-user-menu .user-menu__header {
    width: 100%;
    padding: 1em 1em 1em 0;
    text-align: left;
    background: var(--blue);
    color: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    font-weight: bold;
    font-size: 1rem;
}
sk-sheet.wc-sheet#sidenav-user-menu .user-menu__body {
    padding: 0;
}
sk-sheet.wc-sheet#sidenav-user-menu .c-yelllow,
sk-sheet.wc-sheet#sidenav-user-menu .c-yelllow.icon:before {
    color: #ffdb00;
}
sk-sheet.wc-sheet#sidenav-user-menu.modal.fade:not(.in).fade-right .modal-dialog {
    transform: translate3d(0%, 0, 0);
}
sk-sheet.wc-sheet#sidenav-user-menu .modal-dialog {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    height: 100vh;
    padding: 0;
}
@media (max-width: 575.98px) {
    sk-sheet.wc-sheet#sidenav-user-menu .modal-dialog {
        margin-left: 4rem;
    }
}
sk-sheet.wc-sheet#sidenav-user-menu .modal-content {
    border-radius: 0.5rem;
    /* ------------------------------- LINKS ------------------------------- */
    /* ------------------------------- ICONS -------------------------------- */
    /* ------------------------------ BUSY LOAD ----------------------------- */
}
sk-sheet.wc-sheet#sidenav-user-menu .modal-content a {
    color: white;
}
sk-sheet.wc-sheet#sidenav-user-menu .modal-content .icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    align-items: center;
}
sk-sheet.wc-sheet#sidenav-user-menu .modal-content .icon:before {
    font-size: 2em;
}
sk-sheet.wc-sheet#sidenav-user-menu .modal-content .busy-load-container {
    border-radius: 0.5rem;
}
sk-sheet.wc-sheet#sidenav-user-menu .close {
    position: absolute;
    top: 1rem;
    left: -3.5rem;
    width: 3rem;
    height: 3rem;
    border-radius: 4rem;
    border: 0;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
         appearance: none;
    font-size: 1.75rem;
    text-shadow: none;
    opacity: 1;
}
sk-sheet.wc-sheet#sidenav-user-menu .close:focus, sk-sheet.wc-sheet#sidenav-user-menu .close:hover {
    outline: 0;
    background-color: rgba(255, 255, 255, 0.5) !important;
}
sk-sheet.wc-sheet#sidenav-user-menu .scroll-wrap {
    overflow: hidden;
    overflow-y: auto;
    flex-shrink: 1;
}
sk-sheet.wc-sheet#sidenav-user-menu #account-user-menu-mobile {
    color: #fff;
}
sk-sheet.wc-sheet#sidenav-user-menu #account-user-menu-mobile li a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    align-items: center;
    padding: 0.5rem 0;
    color: inherit;
}
sk-sheet.wc-sheet#sidenav-user-menu #account-user-menu-mobile li a.active {
    text-decoration: underline;
}
sk-sheet.wc-sheet#sidenav-user-menu #account-user-menu-mobile li a * {
    color: #fff;
}

wc-prompt.wc-prompt--top {
    justify-content: start;
}
wc-prompt.wc-prompt .wc-modal-body {
    padding: 0 0 1rem;
}
wc-prompt.wc-prompt#qr_modal::part(wrapper) {
    max-height: 100%;
    margin: 0.5rem;
}
wc-prompt.wc-prompt .wc-modal-icon-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    gap: 0.25rem;
}
wc-prompt.wc-prompt .wc-modal-icon-title--top {
    flex-direction: column;
    justify-content: center;
}
wc-prompt.wc-prompt .wc-modal-icon-title .wc-icon {
    width: 2rem;
    height: 2rem;
    margin-right: 0.5rem;
}
wc-prompt.wc-prompt .wc-modal-footer[border] {
    margin-top: 1.5rem;
}
wc-prompt.wc-prompt .wc-modal-footer__content--center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
}
wc-prompt.wc-prompt .wc-modal-footer__content--end {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: end;
}
wc-prompt.wc-prompt:has(.hasModalTitleLeft) .wc-prompt-title {
    text-align: left !important;
}
wc-prompt.wc-prompt .hasEndButton::after {
    position: relative !important;
}

[role=dialog].modal {
    z-index: 1053;
}

sk-sheet.wc-sheet[size=large] {
    --current-sheet-size: 60rem !important;
}
sk-sheet#sidenav.wc-sheet {
    z-index: 1052;
}

/* disabled color text in buttons */
.wc-pill,
wc-pill,
sk-pill,
.wc-button,
wc-button,
sk-button,
.wc-icon-button,
wc-icon-button,
sk-icon-button {
    --disabled-foreground: #707070;
    --colour-interactive-disabled-2: #707070;
}

/* sk-carousel */
.swiper:has(.wc-carousel) {
    overflow: visible;
}

/* sk-input */
sk-input-field input.focus-visible, sk-input-field input.focus-visible:focus,
sk-select select.focus-visible,
sk-select select.focus-visible:focus,
sk-select span.focus-visible,
sk-select span.focus-visible:focus,
textarea.focus-visible,
textarea.focus-visible:focus {
    box-shadow: none !important;
    outline: none !important;
    outline-offset: 0 !important;
    transition: none !important;
}

sk-input-field input:-webkit-autofill {
    -webkit-text-fill-color: inherit;
}

.linkModal {
    text-decoration: underline;
}

.addtocart {
    --background: #FFDB00;
    --background-hover: #FFCE00;
    --background-press: #FFCE00;
}

.notify_icon {
    --background: #0058a3;
    --background-hover: #004f93;
    --background-press: #003e72;
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* --PIP-- financial link*/
.crediyaButton, .pickupLink {
    border: none;
    background: none;
    font-size: 0.75rem;
    margin: 0;
    padding: 0;
    text-align: left;
}
.crediyaButton:hover, .pickupLink:hover {
    text-decoration: underline;
}

.crediyaButton img {
    margin-right: 0.5rem;
}

.template_detail .item_detail_information .productBox .stock-wrapper .message {
    align-items: center;
}

/* --PACK-- filter pill*/
.wc-sa-carousel.productList-hero_menu {
    min-height: 3.25rem;
}

.link-blue {
    color: #0058A3;
}

.main-title {
    position: absolute;
    opacity: 0;
}

.wc_row_gap {
    row-gap: 1rem;
}
.wc_row_gap_small {
    row-gap: 0.25rem;
}

.wc_display_column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
}

.wc_align_center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}

.wc_hidden_content > * {
    opacity: 0;
}

.wc-icon-button.wc-secondary_white-bg {
    --background: #ffffff;
    width: 3.5rem;
}

.wc_font_normal {
    font-weight: normal !important;
}

.wc-text-align--start {
    text-align: start;
}
.wc-text-align--center {
    text-align: center;
}
.wc-text-align--end {
    text-align: end;
}

.wc_hr {
    margin-bottom: 1.25rem;
    padding-bottom: 1.25rem;
    --list-view-item-divider: 1px rgb(var(--colour-neutral-3, 223, 223, 223)) solid;
}

.polygon-wrapper {
    position: relative;
    overflow: hidden;
}

.wc-modal-content_overflow-y-hidden {
    overflow-y: hidden;
}

.wc-bg-transparent {
    background-color: transparent !important;
}

.wc-margin--0 {
    margin: 0;
}
.wc-margin-top--100 {
    margin-top: 1rem !important;
}
.wc-margin-top--125 {
    margin-top: 1.25rem !important;
}
.wc-margin-top--150 {
    margin-top: 1.5rem !important;
}
.wc-margin-top--200 {
    margin-top: 2rem !important;
}

.wc-padding--0 {
    padding: 0;
}
.wc-padding-top--100 {
    padding-top: 1rem !important;
}
.wc-padding-top--125 {
    padding-top: 1.25rem !important;
}
.wc-padding-top--150 {
    padding-top: 1.5rem !important;
}
.wc-padding-top--200 {
    padding-top: 2rem !important;
}

/* FOOTER */
.contentWrapper:has(.toggleInspiration-link) .resultContainer.my-4 {
    margin-bottom: 0 !important;
}
.contentWrapper:has(.toggleInspiration-link) .resultContainer.my-4 h1.mb-4 {
    margin-bottom: 1rem !important;
}

.toggleInspiration-link {
    margin-bottom: 1.5rem;
}
.toggleInspiration-link #toggleInspirationBtn,
.toggleInspiration-link #toggleProductsBtn {
    font-weight: 400;
    font-size: 0.875rem;
    white-space: normal;
    line-height: 1;
    text-decoration: underline;
    color: #004f93;
    margin-left: 0.5rem;
    padding-left: 0.5rem;
    border-left: 1px solid rgba(17, 17, 27, 0.5);
}
.toggleInspiration-link .counter {
    font-weight: 400;
    line-height: 1.3;
}
.toggleInspiration-link .counte.counterProducts {
    border-right: none;
    border-left: 1px solid rgba(17, 17, 27, 0.5);
}

.filteredBlock .filter-button {
    --skapa-carousel-item-gap: 0 !important;
    margin-right: 0.5rem;
}

.filters {
    margin: 1rem 0;
}
.filters .wc_filterWrapper .filterBlock .filterTitle {
    height: 2.5rem;
}
@media (max-width: 1199.98px) {
    .filters .wc_filterWrapper .filterBlock .filterTitle {
        margin-top: 0;
    }
}
@media (max-width: 1199.98px) {
    .filters .wc_filterWrapper .filterContainerMultiple .filterBlock.orderFilter {
        margin-right: 0.5rem;
    }
}
.filters .wc_filterWrapper .filterContainerMultiple {
    width: 100%;
    min-height: 40px;
}
.filters .wc_filterWrapper .filterContainerMultiple .wc_filterCategories {
    width: 100%;
}
.filters .wc_filterWrapper .filterContainerMultiple .wc_filterCategories .filterContainerOrder {
    display: block !important;
}
@media (max-width: 991.98px) {
    .filters .wc_filterWrapper .filterContainerMultiple .wc_filterCategories .filterContainerOrder {
        width: auto;
    }
    .filters .wc_filterWrapper .filterContainerMultiple .wc_filterCategories .filterContainerOrder .filterBlock {
        min-width: 120px;
    }
    .filters .wc_filterWrapper .filterContainerMultiple .wc_filterCategories .filterContainerOrder .filterBlock .filterTitle {
        margin-right: 0;
    }
}
@media (max-width: 991.98px) and (max-width: 991.98px) {
    .filters .wc_filterWrapper .filterContainerMultiple .wc_filterCategories .filterContainerOrder .filterBlock .filterContent {
        width: 100%;
        max-width: 100%;
    }
}
.filters .wc_filterWrapper .filterContainerMultiple .wc_filterCategories .filterBlock {
    margin-right: 0.5rem;
    min-width: 120px;
    max-width: 250px;
}
.filters .wc_filterWrapper .filterContainerMultiple .wc_filterCategories .filterBlock .filterTitle {
    width: 100%;
    margin-right: 0;
}
.filters .wc_filterWrapper .filterContainerMultiple .wc_filterCategories .filterBlock .filterTitle .truncated-title {
    height: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 2.5rem;
}
.filters .wc_filterWrapper .filterContainerMultiple .wc_filterCategories .filterBlock .filterContent li .name {
    cursor: pointer;
}
.filters .wc_filterWrapper .filterContainerMultiple .wc_filterCategories .filterBlock .filterTitle.show ~ .wc_filterContent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 1rem;
    padding: 1.5rem 1rem;
    width: 300px;
    max-width: 500px;
}
.filters .wc_filterWrapper .filterContainerMultiple .wc_filterCategories .filterBlock .filterTitle.show ~ .wc_filterContent div[data-color] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    gap: 1.5rem;
}
.filters .wc_filterWrapper .filterContainerMultiple .wc_filterCategories .filterBlock .filterTitle.show ~ .wc_filterContent div[data-color] .color.filter-color {
    display: inline-block;
    margin: 0;
    padding: 0;
}
@media (max-width: 991.98px) {
    .filters .wc_filterWrapper .filterContainerMultiple .wc_filterCategories .filterBlock .filterContent {
        width: 300px;
        max-width: none;
    }
}
@media (max-width: 767.98px) {
    .filters .wc_filterWrapper .filterContainerMultiple .wc_filterCategories .filterBlock {
        display: none !important;
    }
    .filters .wc_filterWrapper .filterContainerMultiple .wc_filterCategories .filterBlock:first-of-type {
        display: block !important;
    }
}
.filters .wc_filterWrapper .wc_filterTitle {
    width: 180px;
}
.filters .wc_filterWrapper .wc_filterTitle span {
    white-space: nowrap;
}
.filters .filteredBlock .reset-filters {
    --skapa-carousel-item-gap: 0;
    align-self: center;
    padding: 0 0.5rem;
}
.filters .filteredBlock .reset-filters:focus {
    text-decoration: underline;
}

#filtersMobile #newFilters {
    display: block !important;
    position: initial;
    min-width: unset !important;
    width: 100%;
    border: none;
    padding-left: 0;
    padding-right: 0;
}
#filtersMobile .filterBlock > ul {
    margin-top: 0.5rem;
}
#filtersMobile .filterBlock .filterTitle.show ~ .wc_filterContent {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    align-items: flex-start;
    flex-direction: column;
    gap: 1rem;
    padding: 0.5rem 1rem 1rem;
}
#filtersMobile .filterBlock .icheck label {
    z-index: 1;
    padding-left: 2rem;
    margin-left: -2rem;
}
#filtersMobile .filterBlock .icheck .icheckbox_minimal-blue:has(.focus-visible) {
    box-shadow: inset 0 0 0 1px rgb(var(--colour-neutral-7, 17, 17, 17)), 0 0 0 4px rgb(var(--colour-neutral-1, 255, 255, 255));
    outline: 1px solid rgb(var(--colour-neutral-7, 17, 17, 17));
    outline-offset: 0;
    transition: outline 200ms, box-shadow 200ms;
}

#filterCheckboxes {
    padding-left: 0.5rem;
}

/* FOOTER */
.shopLookItem [data-action=moveToFavorite] {
    height: 40px !important;
    width: 40px !important;
}

/*Service buttons in PIP*/
.productBox .message .wc-icon,
.productBox .servicesTxt .wc-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-shrink: 0;
}

.wc-card-planners::part(content-card) {
    padding-top: 1.5rem;
}
.wc-card-planners__title {
    margin-bottom: 1.5rem !important;
}
.wc-card--new-menu-promoted-link {
    width: 100%;
    max-width: 364px;
}
.wc-card--new-menu-promoted-link-mobile {
    max-width: 100%;
    margin-top: 1.5rem;
}
@media (min-width: 576px) {
    .wc-card--new-menu-promoted-link-mobile {
        min-height: 11rem;
    }
}
.wc-card--new-menu-promoted-link-mobile::part(content-card) {
    flex-direction: row;
    gap: 2rem;
    align-items: center;
}
@media (min-width: 576px) {
    .wc-card--new-menu-promoted-link-mobile::part(content-card) {
        align-items: start;
    }
}
.wc-card--new-menu-promoted-link-mobile::part(footer) {
    margin-top: 0;
}

/* fix reset style to bootstrap values */
p {
    margin-bottom: 1rem;
}

/* Focus styles */
a:focus-visible,
button:focus-visible,
[role=button]:focus-visible {
    box-shadow: 0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255))) !important;
    outline: 2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17))) !important;
    outline-offset: 2px !important;
    transition: outline 200ms ease-out, box-shadow 200ms ease-out !important;
    outline-offset: 2px !important;
}