@charset "UTF-8";
/* 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]) :not(wc-combobox input[role=combobox]) :not(sk-combobox input[role=combobox]) {
    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;
    }
}
@media (min-width: 100em) {
    body {
        --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;
    }
}

.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 !important;
}
.space-block-mm, .space-block-ml, .space-block-md, .space-block-lg {
    padding-block: 1.25rem !important;
}
@media (min-width: 56.25em) {
    .space-block-ml, .space-block-lg {
        padding-block: 2.5rem !important;
    }
}
.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 !important;
}
@media (min-width: 56.25em) {
    .space-block-sm, .typography-heading-xl.space-block, .typography-heading-l.space-block {
        padding-block: 1.25rem !important;
    }
}
.space-block-b-ll, .space-block-b-xl {
    padding-bottom: 2.5rem !important;
}
.space-block-b-mm, .space-block-b-ml, .space-block-b-md, .space-block-b-lg {
    padding-bottom: 1.25rem !important;
}
@media (min-width: 56.25em) {
    .space-block-b-ml, .space-block-b-lg {
        padding-bottom: 2.5rem !important;
    }
}
.space-block-b-ss, .space-block-b-sm, .space-block-b-xs {
    padding-bottom: 0.75rem !important;
}
@media (min-width: 56.25em) {
    .space-block-b-sm {
        padding-bottom: 1.25rem !important;
    }
}
.space-block-t-ll, .space-block-t-xl {
    padding-top: 2.5rem !important;
}
.space-block-t-mm, .space-block-t-ml, .space-block-t-md, .space-block-t-lg {
    padding-top: 1.25rem !important;
}
@media (min-width: 56.25em) {
    .space-block-t-ml, .space-block-t-lg {
        padding-top: 2.5rem !important;
    }
}
.space-block-t-ss, .space-block-t-sm, .space-block-t-xs {
    padding-top: 0.75rem !important;
}
@media (min-width: 56.25em) {
    .space-block-t-sm {
        padding-top: 1.25rem !important;
    }
}

.m-25 {
    margin: 0.25rem !important;
}
.m-n25 {
    margin: -0.25rem !important;
}
.m-50 {
    margin: 0.5rem !important;
}
.m-n50 {
    margin: -0.5rem !important;
}
.m-75 {
    margin: 0.75rem !important;
}
.m-n75 {
    margin: -0.75rem !important;
}
.m-100 {
    margin: 1rem !important;
}
.m-n100 {
    margin: -1rem !important;
}
.m-125 {
    margin: 1.25rem !important;
}
.m-n125 {
    margin: -1.25rem !important;
}
.m-150 {
    margin: 1.5rem !important;
}
.m-n150 {
    margin: -1.5rem !important;
}
.m-200 {
    margin: 2rem !important;
}
.m-n200 {
    margin: -2rem !important;
}
.m-250 {
    margin: 2.5rem !important;
}
.m-n250 {
    margin: -2.5rem !important;
}
.m-300 {
    margin: 3rem !important;
}
.m-n300 {
    margin: -3rem !important;
}
.m-400 {
    margin: 4rem !important;
}
.m-n400 {
    margin: -4rem !important;
}
.m-550 {
    margin: 5.5rem !important;
}
.m-n550 {
    margin: -5.5rem !important;
}
.m-750 {
    margin: 7.5rem !important;
}
.m-n750 {
    margin: -7.5rem !important;
}
.mt-25 {
    margin-top: 0.25rem !important;
}
.mt-n25 {
    margin-top: -0.25rem !important;
}
.mt-50 {
    margin-top: 0.5rem !important;
}
.mt-n50 {
    margin-top: -0.5rem !important;
}
.mt-75 {
    margin-top: 0.75rem !important;
}
.mt-n75 {
    margin-top: -0.75rem !important;
}
.mt-100 {
    margin-top: 1rem !important;
}
.mt-n100 {
    margin-top: -1rem !important;
}
.mt-125 {
    margin-top: 1.25rem !important;
}
.mt-n125 {
    margin-top: -1.25rem !important;
}
.mt-150 {
    margin-top: 1.5rem !important;
}
.mt-n150 {
    margin-top: -1.5rem !important;
}
.mt-200 {
    margin-top: 2rem !important;
}
.mt-n200 {
    margin-top: -2rem !important;
}
.mt-250 {
    margin-top: 2.5rem !important;
}
.mt-n250 {
    margin-top: -2.5rem !important;
}
.mt-300 {
    margin-top: 3rem !important;
}
.mt-n300 {
    margin-top: -3rem !important;
}
.mt-400 {
    margin-top: 4rem !important;
}
.mt-n400 {
    margin-top: -4rem !important;
}
.mt-550 {
    margin-top: 5.5rem !important;
}
.mt-n550 {
    margin-top: -5.5rem !important;
}
.mt-750 {
    margin-top: 7.5rem !important;
}
.mt-n750 {
    margin-top: -7.5rem !important;
}
.mb-25 {
    margin-bottom: 0.25rem !important;
}
.mb-n25 {
    margin-bottom: -0.25rem !important;
}
.mb-50 {
    margin-bottom: 0.5rem !important;
}
.mb-n50 {
    margin-bottom: -0.5rem !important;
}
.mb-75 {
    margin-bottom: 0.75rem !important;
}
.mb-n75 {
    margin-bottom: -0.75rem !important;
}
.mb-100 {
    margin-bottom: 1rem !important;
}
.mb-n100 {
    margin-bottom: -1rem !important;
}
.mb-125 {
    margin-bottom: 1.25rem !important;
}
.mb-n125 {
    margin-bottom: -1.25rem !important;
}
.mb-150 {
    margin-bottom: 1.5rem !important;
}
.mb-n150 {
    margin-bottom: -1.5rem !important;
}
.mb-200 {
    margin-bottom: 2rem !important;
}
.mb-n200 {
    margin-bottom: -2rem !important;
}
.mb-250 {
    margin-bottom: 2.5rem !important;
}
.mb-n250 {
    margin-bottom: -2.5rem !important;
}
.mb-300 {
    margin-bottom: 3rem !important;
}
.mb-n300 {
    margin-bottom: -3rem !important;
}
.mb-400 {
    margin-bottom: 4rem !important;
}
.mb-n400 {
    margin-bottom: -4rem !important;
}
.mb-550 {
    margin-bottom: 5.5rem !important;
}
.mb-n550 {
    margin-bottom: -5.5rem !important;
}
.mb-750 {
    margin-bottom: 7.5rem !important;
}
.mb-n750 {
    margin-bottom: -7.5rem !important;
}
.ml-25 {
    margin-left: 0.25rem !important;
}
.ml-n25 {
    margin-left: -0.25rem !important;
}
.ml-50 {
    margin-left: 0.5rem !important;
}
.ml-n50 {
    margin-left: -0.5rem !important;
}
.ml-75 {
    margin-left: 0.75rem !important;
}
.ml-n75 {
    margin-left: -0.75rem !important;
}
.ml-100 {
    margin-left: 1rem !important;
}
.ml-n100 {
    margin-left: -1rem !important;
}
.ml-125 {
    margin-left: 1.25rem !important;
}
.ml-n125 {
    margin-left: -1.25rem !important;
}
.ml-150 {
    margin-left: 1.5rem !important;
}
.ml-n150 {
    margin-left: -1.5rem !important;
}
.ml-200 {
    margin-left: 2rem !important;
}
.ml-n200 {
    margin-left: -2rem !important;
}
.ml-250 {
    margin-left: 2.5rem !important;
}
.ml-n250 {
    margin-left: -2.5rem !important;
}
.ml-300 {
    margin-left: 3rem !important;
}
.ml-n300 {
    margin-left: -3rem !important;
}
.ml-400 {
    margin-left: 4rem !important;
}
.ml-n400 {
    margin-left: -4rem !important;
}
.ml-550 {
    margin-left: 5.5rem !important;
}
.ml-n550 {
    margin-left: -5.5rem !important;
}
.ml-750 {
    margin-left: 7.5rem !important;
}
.ml-n750 {
    margin-left: -7.5rem !important;
}
.mr-25 {
    margin-right: 0.25rem !important;
}
.mr-n25 {
    margin-right: -0.25rem !important;
}
.mr-50 {
    margin-right: 0.5rem !important;
}
.mr-n50 {
    margin-right: -0.5rem !important;
}
.mr-75 {
    margin-right: 0.75rem !important;
}
.mr-n75 {
    margin-right: -0.75rem !important;
}
.mr-100 {
    margin-right: 1rem !important;
}
.mr-n100 {
    margin-right: -1rem !important;
}
.mr-125 {
    margin-right: 1.25rem !important;
}
.mr-n125 {
    margin-right: -1.25rem !important;
}
.mr-150 {
    margin-right: 1.5rem !important;
}
.mr-n150 {
    margin-right: -1.5rem !important;
}
.mr-200 {
    margin-right: 2rem !important;
}
.mr-n200 {
    margin-right: -2rem !important;
}
.mr-250 {
    margin-right: 2.5rem !important;
}
.mr-n250 {
    margin-right: -2.5rem !important;
}
.mr-300 {
    margin-right: 3rem !important;
}
.mr-n300 {
    margin-right: -3rem !important;
}
.mr-400 {
    margin-right: 4rem !important;
}
.mr-n400 {
    margin-right: -4rem !important;
}
.mr-550 {
    margin-right: 5.5rem !important;
}
.mr-n550 {
    margin-right: -5.5rem !important;
}
.mr-750 {
    margin-right: 7.5rem !important;
}
.mr-n750 {
    margin-right: -7.5rem !important;
}
.my-25 {
    margin-block: 0.25rem !important;
}
.my-n25 {
    margin-block: -0.25rem !important;
}
.my-50 {
    margin-block: 0.5rem !important;
}
.my-n50 {
    margin-block: -0.5rem !important;
}
.my-75 {
    margin-block: 0.75rem !important;
}
.my-n75 {
    margin-block: -0.75rem !important;
}
.my-100 {
    margin-block: 1rem !important;
}
.my-n100 {
    margin-block: -1rem !important;
}
.my-125 {
    margin-block: 1.25rem !important;
}
.my-n125 {
    margin-block: -1.25rem !important;
}
.my-150 {
    margin-block: 1.5rem !important;
}
.my-n150 {
    margin-block: -1.5rem !important;
}
.my-200 {
    margin-block: 2rem !important;
}
.my-n200 {
    margin-block: -2rem !important;
}
.my-250 {
    margin-block: 2.5rem !important;
}
.my-n250 {
    margin-block: -2.5rem !important;
}
.my-300 {
    margin-block: 3rem !important;
}
.my-n300 {
    margin-block: -3rem !important;
}
.my-400 {
    margin-block: 4rem !important;
}
.my-n400 {
    margin-block: -4rem !important;
}
.my-550 {
    margin-block: 5.5rem !important;
}
.my-n550 {
    margin-block: -5.5rem !important;
}
.my-750 {
    margin-block: 7.5rem !important;
}
.my-n750 {
    margin-block: -7.5rem !important;
}
.mx-25 {
    margin-inline: 0.25rem !important;
}
.mx-n25 {
    margin-inline: -0.25rem !important;
}
.mx-50 {
    margin-inline: 0.5rem !important;
}
.mx-n50 {
    margin-inline: -0.5rem !important;
}
.mx-75 {
    margin-inline: 0.75rem !important;
}
.mx-n75 {
    margin-inline: -0.75rem !important;
}
.mx-100 {
    margin-inline: 1rem !important;
}
.mx-n100 {
    margin-inline: -1rem !important;
}
.mx-125 {
    margin-inline: 1.25rem !important;
}
.mx-n125 {
    margin-inline: -1.25rem !important;
}
.mx-150 {
    margin-inline: 1.5rem !important;
}
.mx-n150 {
    margin-inline: -1.5rem !important;
}
.mx-200 {
    margin-inline: 2rem !important;
}
.mx-n200 {
    margin-inline: -2rem !important;
}
.mx-250 {
    margin-inline: 2.5rem !important;
}
.mx-n250 {
    margin-inline: -2.5rem !important;
}
.mx-300 {
    margin-inline: 3rem !important;
}
.mx-n300 {
    margin-inline: -3rem !important;
}
.mx-400 {
    margin-inline: 4rem !important;
}
.mx-n400 {
    margin-inline: -4rem !important;
}
.mx-550 {
    margin-inline: 5.5rem !important;
}
.mx-n550 {
    margin-inline: -5.5rem !important;
}
.mx-750 {
    margin-inline: 7.5rem !important;
}
.mx-n750 {
    margin-inline: -7.5rem !important;
}

.p-25 {
    padding: 0.25rem !important;
}
.p-n25 {
    padding: -0.25rem !important;
}
.p-50 {
    padding: 0.5rem !important;
}
.p-n50 {
    padding: -0.5rem !important;
}
.p-75 {
    padding: 0.75rem !important;
}
.p-n75 {
    padding: -0.75rem !important;
}
.p-100 {
    padding: 1rem !important;
}
.p-n100 {
    padding: -1rem !important;
}
.p-125 {
    padding: 1.25rem !important;
}
.p-n125 {
    padding: -1.25rem !important;
}
.p-150 {
    padding: 1.5rem !important;
}
.p-n150 {
    padding: -1.5rem !important;
}
.p-200 {
    padding: 2rem !important;
}
.p-n200 {
    padding: -2rem !important;
}
.p-250 {
    padding: 2.5rem !important;
}
.p-n250 {
    padding: -2.5rem !important;
}
.p-300 {
    padding: 3rem !important;
}
.p-n300 {
    padding: -3rem !important;
}
.p-400 {
    padding: 4rem !important;
}
.p-n400 {
    padding: -4rem !important;
}
.p-550 {
    padding: 5.5rem !important;
}
.p-n550 {
    padding: -5.5rem !important;
}
.p-750 {
    padding: 7.5rem !important;
}
.p-n750 {
    padding: -7.5rem !important;
}
.pt-25 {
    padding-top: 0.25rem !important;
}
.pt-n25 {
    padding-top: -0.25rem !important;
}
.pt-50 {
    padding-top: 0.5rem !important;
}
.pt-n50 {
    padding-top: -0.5rem !important;
}
.pt-75 {
    padding-top: 0.75rem !important;
}
.pt-n75 {
    padding-top: -0.75rem !important;
}
.pt-100 {
    padding-top: 1rem !important;
}
.pt-n100 {
    padding-top: -1rem !important;
}
.pt-125 {
    padding-top: 1.25rem !important;
}
.pt-n125 {
    padding-top: -1.25rem !important;
}
.pt-150 {
    padding-top: 1.5rem !important;
}
.pt-n150 {
    padding-top: -1.5rem !important;
}
.pt-200 {
    padding-top: 2rem !important;
}
.pt-n200 {
    padding-top: -2rem !important;
}
.pt-250 {
    padding-top: 2.5rem !important;
}
.pt-n250 {
    padding-top: -2.5rem !important;
}
.pt-300 {
    padding-top: 3rem !important;
}
.pt-n300 {
    padding-top: -3rem !important;
}
.pt-400 {
    padding-top: 4rem !important;
}
.pt-n400 {
    padding-top: -4rem !important;
}
.pt-550 {
    padding-top: 5.5rem !important;
}
.pt-n550 {
    padding-top: -5.5rem !important;
}
.pt-750 {
    padding-top: 7.5rem !important;
}
.pt-n750 {
    padding-top: -7.5rem !important;
}
.pb-25 {
    padding-bottom: 0.25rem !important;
}
.pb-n25 {
    padding-bottom: -0.25rem !important;
}
.pb-50 {
    padding-bottom: 0.5rem !important;
}
.pb-n50 {
    padding-bottom: -0.5rem !important;
}
.pb-75 {
    padding-bottom: 0.75rem !important;
}
.pb-n75 {
    padding-bottom: -0.75rem !important;
}
.pb-100 {
    padding-bottom: 1rem !important;
}
.pb-n100 {
    padding-bottom: -1rem !important;
}
.pb-125 {
    padding-bottom: 1.25rem !important;
}
.pb-n125 {
    padding-bottom: -1.25rem !important;
}
.pb-150 {
    padding-bottom: 1.5rem !important;
}
.pb-n150 {
    padding-bottom: -1.5rem !important;
}
.pb-200 {
    padding-bottom: 2rem !important;
}
.pb-n200 {
    padding-bottom: -2rem !important;
}
.pb-250 {
    padding-bottom: 2.5rem !important;
}
.pb-n250 {
    padding-bottom: -2.5rem !important;
}
.pb-300 {
    padding-bottom: 3rem !important;
}
.pb-n300 {
    padding-bottom: -3rem !important;
}
.pb-400 {
    padding-bottom: 4rem !important;
}
.pb-n400 {
    padding-bottom: -4rem !important;
}
.pb-550 {
    padding-bottom: 5.5rem !important;
}
.pb-n550 {
    padding-bottom: -5.5rem !important;
}
.pb-750 {
    padding-bottom: 7.5rem !important;
}
.pb-n750 {
    padding-bottom: -7.5rem !important;
}
.pl-25 {
    padding-left: 0.25rem !important;
}
.pl-n25 {
    padding-left: -0.25rem !important;
}
.pl-50 {
    padding-left: 0.5rem !important;
}
.pl-n50 {
    padding-left: -0.5rem !important;
}
.pl-75 {
    padding-left: 0.75rem !important;
}
.pl-n75 {
    padding-left: -0.75rem !important;
}
.pl-100 {
    padding-left: 1rem !important;
}
.pl-n100 {
    padding-left: -1rem !important;
}
.pl-125 {
    padding-left: 1.25rem !important;
}
.pl-n125 {
    padding-left: -1.25rem !important;
}
.pl-150 {
    padding-left: 1.5rem !important;
}
.pl-n150 {
    padding-left: -1.5rem !important;
}
.pl-200 {
    padding-left: 2rem !important;
}
.pl-n200 {
    padding-left: -2rem !important;
}
.pl-250 {
    padding-left: 2.5rem !important;
}
.pl-n250 {
    padding-left: -2.5rem !important;
}
.pl-300 {
    padding-left: 3rem !important;
}
.pl-n300 {
    padding-left: -3rem !important;
}
.pl-400 {
    padding-left: 4rem !important;
}
.pl-n400 {
    padding-left: -4rem !important;
}
.pl-550 {
    padding-left: 5.5rem !important;
}
.pl-n550 {
    padding-left: -5.5rem !important;
}
.pl-750 {
    padding-left: 7.5rem !important;
}
.pl-n750 {
    padding-left: -7.5rem !important;
}
.pr-25 {
    padding-right: 0.25rem !important;
}
.pr-n25 {
    padding-right: -0.25rem !important;
}
.pr-50 {
    padding-right: 0.5rem !important;
}
.pr-n50 {
    padding-right: -0.5rem !important;
}
.pr-75 {
    padding-right: 0.75rem !important;
}
.pr-n75 {
    padding-right: -0.75rem !important;
}
.pr-100 {
    padding-right: 1rem !important;
}
.pr-n100 {
    padding-right: -1rem !important;
}
.pr-125 {
    padding-right: 1.25rem !important;
}
.pr-n125 {
    padding-right: -1.25rem !important;
}
.pr-150 {
    padding-right: 1.5rem !important;
}
.pr-n150 {
    padding-right: -1.5rem !important;
}
.pr-200 {
    padding-right: 2rem !important;
}
.pr-n200 {
    padding-right: -2rem !important;
}
.pr-250 {
    padding-right: 2.5rem !important;
}
.pr-n250 {
    padding-right: -2.5rem !important;
}
.pr-300 {
    padding-right: 3rem !important;
}
.pr-n300 {
    padding-right: -3rem !important;
}
.pr-400 {
    padding-right: 4rem !important;
}
.pr-n400 {
    padding-right: -4rem !important;
}
.pr-550 {
    padding-right: 5.5rem !important;
}
.pr-n550 {
    padding-right: -5.5rem !important;
}
.pr-750 {
    padding-right: 7.5rem !important;
}
.pr-n750 {
    padding-right: -7.5rem !important;
}
.py-25 {
    padding-block: 0.25rem !important;
}
.py-n25 {
    padding-block: -0.25rem !important;
}
.py-50 {
    padding-block: 0.5rem !important;
}
.py-n50 {
    padding-block: -0.5rem !important;
}
.py-75 {
    padding-block: 0.75rem !important;
}
.py-n75 {
    padding-block: -0.75rem !important;
}
.py-100 {
    padding-block: 1rem !important;
}
.py-n100 {
    padding-block: -1rem !important;
}
.py-125 {
    padding-block: 1.25rem !important;
}
.py-n125 {
    padding-block: -1.25rem !important;
}
.py-150 {
    padding-block: 1.5rem !important;
}
.py-n150 {
    padding-block: -1.5rem !important;
}
.py-200 {
    padding-block: 2rem !important;
}
.py-n200 {
    padding-block: -2rem !important;
}
.py-250 {
    padding-block: 2.5rem !important;
}
.py-n250 {
    padding-block: -2.5rem !important;
}
.py-300 {
    padding-block: 3rem !important;
}
.py-n300 {
    padding-block: -3rem !important;
}
.py-400 {
    padding-block: 4rem !important;
}
.py-n400 {
    padding-block: -4rem !important;
}
.py-550 {
    padding-block: 5.5rem !important;
}
.py-n550 {
    padding-block: -5.5rem !important;
}
.py-750 {
    padding-block: 7.5rem !important;
}
.py-n750 {
    padding-block: -7.5rem !important;
}
.px-25 {
    padding-inline: 0.25rem !important;
}
.px-n25 {
    padding-inline: -0.25rem !important;
}
.px-50 {
    padding-inline: 0.5rem !important;
}
.px-n50 {
    padding-inline: -0.5rem !important;
}
.px-75 {
    padding-inline: 0.75rem !important;
}
.px-n75 {
    padding-inline: -0.75rem !important;
}
.px-100 {
    padding-inline: 1rem !important;
}
.px-n100 {
    padding-inline: -1rem !important;
}
.px-125 {
    padding-inline: 1.25rem !important;
}
.px-n125 {
    padding-inline: -1.25rem !important;
}
.px-150 {
    padding-inline: 1.5rem !important;
}
.px-n150 {
    padding-inline: -1.5rem !important;
}
.px-200 {
    padding-inline: 2rem !important;
}
.px-n200 {
    padding-inline: -2rem !important;
}
.px-250 {
    padding-inline: 2.5rem !important;
}
.px-n250 {
    padding-inline: -2.5rem !important;
}
.px-300 {
    padding-inline: 3rem !important;
}
.px-n300 {
    padding-inline: -3rem !important;
}
.px-400 {
    padding-inline: 4rem !important;
}
.px-n400 {
    padding-inline: -4rem !important;
}
.px-550 {
    padding-inline: 5.5rem !important;
}
.px-n550 {
    padding-inline: -5.5rem !important;
}
.px-750 {
    padding-inline: 7.5rem !important;
}
.px-n750 {
    padding-inline: -7.5rem !important;
}

.gap-25 {
    gap: 0.25rem !important;
}
.gap-n25 {
    gap: -0.25rem !important;
}
.gap-50 {
    gap: 0.5rem !important;
}
.gap-n50 {
    gap: -0.5rem !important;
}
.gap-75 {
    gap: 0.75rem !important;
}
.gap-n75 {
    gap: -0.75rem !important;
}
.gap-100 {
    gap: 1rem !important;
}
.gap-n100 {
    gap: -1rem !important;
}
.gap-125 {
    gap: 1.25rem !important;
}
.gap-n125 {
    gap: -1.25rem !important;
}
.gap-150 {
    gap: 1.5rem !important;
}
.gap-n150 {
    gap: -1.5rem !important;
}
.gap-200 {
    gap: 2rem !important;
}
.gap-n200 {
    gap: -2rem !important;
}
.gap-250 {
    gap: 2.5rem !important;
}
.gap-n250 {
    gap: -2.5rem !important;
}
.gap-300 {
    gap: 3rem !important;
}
.gap-n300 {
    gap: -3rem !important;
}
.gap-400 {
    gap: 4rem !important;
}
.gap-n400 {
    gap: -4rem !important;
}
.gap-550 {
    gap: 5.5rem !important;
}
.gap-n550 {
    gap: -5.5rem !important;
}
.gap-750 {
    gap: 7.5rem !important;
}
.gap-n750 {
    gap: -7.5rem !important;
}

/* LAYOUT */
/* 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;
}

/* COMPONENTS - mínimo que toda página necesita */
/* 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 */
.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;
}
.productBox .sk-listview--border-top .sk-listview-navigation .description, .itemInfo-mini .sk-listview--border-top .sk-listview-navigation .description {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    text-overflow: ellipsis;
    overflow: hidden;
}

.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 .wc-carousel-wrapper .wc-carousel .multi-cards {
    min-width: 340px;
    max-width: 340px;
}
.wc-carousel-container .three-cards,
.wc-carousel-container .four-cards,
.wc-carousel-container .multi-cards {
    --visible-item-count: 1;
}
@media (min-width: 380px) {
    .wc-carousel-container .three-cards,
    .wc-carousel-container .four-cards,
    .wc-carousel-container .multi-cards {
        --visible-item-count: 1.1;
    }
}
@media (min-width: 576px) {
    .wc-carousel-container .three-cards,
    .wc-carousel-container .four-cards,
    .wc-carousel-container .multi-cards {
        --visible-item-count: 1.8;
    }
}
@media (min-width: 992px) {
    .wc-carousel-container .three-cards,
    .wc-carousel-container .four-cards,
    .wc-carousel-container .multi-cards {
        --visible-item-count: 2.3;
    }
}
@media (min-width: 1200px) {
    .wc-carousel-container .three-cards,
    .wc-carousel-container .four-cards,
    .wc-carousel-container .multi-cards {
        --visible-item-count: 3;
    }
}
@media (min-width: 1400px) {
    .wc-carousel-container .three-cards {
        --visible-item-count: 3;
    }
    .wc-carousel-container .four-cards,
    .wc-carousel-container .multi-cards {
        --visible-item-count: 3.5;
    }
}
@media (min-width: 1600px) {
    .wc-carousel-container .three-cards {
        --visible-item-count: 3;
    }
    .wc-carousel-container .four-cards,
    .wc-carousel-container .multi-cards {
        --visible-item-count: 4;
    }
}

/* 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 */
/*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 */
/*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 */
/* -------------------------------------------------------------------------- */
/*                                WC PROMPT BUY                               */
/* -------------------------------------------------------------------------- */
wc-prompt.wc-prompt.wc-prompt-buy {
    justify-content: start;
    /* -------------------------------------------------------------------------- */
    /*                              WRAPPER SETTINGS                              */
    /* -------------------------------------------------------------------------- */
    /* -------------------------------------------------------------------------- */
    /*                    Z-INDEX CONTROL WHEN MODAL IS VISIBLE                   */
    /* -------------------------------------------------------------------------- */
    /* -------------------------------------------------------------------------- */
    /*                                HEADER STYLES                               */
    /* -------------------------------------------------------------------------- */
    /* -------------------------------------------------------------------------- */
    /*                             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-header-buy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
wc-prompt.wc-prompt.wc-prompt-buy .wc-modal-buy.modal-content.modal-buy {
    position: relative;
    margin: -0.5rem auto 0 !important;
    min-height: 200px;
    border: 0;
    padding: 0 0 1.5rem;
    /* -------------------------------------------------------------------------- */
    /*                          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: 0;
    }
}
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: 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 .wc-carousel {
    --visible-item-count: 4;
    width: 100%;
}
@media (max-width: 991.98px) {
    wc-prompt.wc-prompt.wc-prompt-buy .wc-modal-buy.modal-content.modal-buy .modal-footer .related-box.wc_focus_section .wc-carousel {
        --visible-item-count: 3;
    }
}
@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 .wc-carousel {
        --visible-item-count: 2;
    }
}
wc-prompt.wc-prompt.wc-prompt-buy .wc-modal-buy.modal-content.modal-buy .modal-footer .related-box.wc_focus_section .wc-carousel::part(container) {
    margin-bottom: 0;
    height: auto;
}
wc-prompt.wc-prompt.wc-prompt-buy .wc-modal-buy.modal-content.modal-buy .modal-footer .related-box.wc_focus_section .wc-carousel::part(scrollbar) {
    margin-top: 0;
}
wc-prompt.wc-prompt.wc-prompt-buy .wc-modal-buy.modal-content.modal-buy .modal-footer .related-box.wc_focus_section .wc-carousel .card-body {
    padding: 0.25rem;
}
wc-prompt.wc-prompt.wc-prompt-buy .wc-modal-buy.modal-content.modal-buy .modal-footer .related-box.wc_focus_section .itemBlock {
    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-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 .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.5rem;
    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 .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;
}
wc-prompt.wc-prompt.wc-prompt-buy .wc-modal-buy.modal-content.modal-buy .additems_list > .list {
    margin-left: -2px;
}
wc-prompt.wc-prompt.wc-prompt-buy .wc-modal-buy.modal-content.modal-buy .additems_list > .list .item .itemInfoContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
}
wc-prompt.wc-prompt.wc-prompt-buy .wc-modal-buy.modal-content.modal-buy .additems_list > .list .item .itemInfoContainer .itemInfoWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1.5rem;
}
wc-prompt.wc-prompt.wc-prompt-buy .wc-modal-buy.modal-content.modal-buy .additems_list > .list .item .itemInfoContainer .itemInfoWrapper .itemInfoProduct {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 0.5rem;
}
wc-prompt.wc-prompt.wc-prompt-buy .wc-modal-buy.modal-content.modal-buy .additems_list > .list .item .itemInfoContainer .itemInfoWrapper .itemInfoProduct .itemPrice.itemBTI {
    padding: 3px 0.25rem 2px;
}
@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;
    }
}
@media (max-width: 767.98px) {
    wc-prompt.wc-prompt.wc-prompt-buy .wc-modal-buy.modal-content.modal-buy .additems_list > .list .item .product_image-col {
        width: 110px;
    }
}
wc-prompt.wc-prompt.wc-prompt-buy .wc-modal-buy.modal-content.modal-buy .additems_list > .list .item .product-image {
    max-height: 110px;
    min-height: 110px;
    max-width: 110px;
    min-width: 110px;
}
wc-prompt.wc-prompt.wc-prompt-buy .wc-modal-buy.modal-content.modal-buy .additems_list > .list .item .itemInfoContainer {
    gap: 1rem;
}
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::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, 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), 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, 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, 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, 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, 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, wc-prompt.wc-prompt.item-detail-modal .body .images wc-carousel .swiper-slide .image-wrapper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    height: 100%;
}
wc-prompt.wc-prompt#item-detail-modal .body .images wc-carousel .swiper-slide .image-wrapper:not(.zoom-in), 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, 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, 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, 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, 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, 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, wc-prompt.wc-prompt.item-detail-modal .body .images wc-carousel .swiper-slide .video-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    max-height: 500px;
}
wc-prompt.wc-prompt#item-detail-modal .body .images wc-carousel .swiper-slide .video-wrapper video, 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 .images wc-carousel .swiper-slide .slide-video, wc-prompt.wc-prompt.item-detail-modal .body .images wc-carousel .swiper-slide .slide-video {
    max-height: 500px;
    max-width: 100%;
}
wc-prompt.wc-prompt#item-detail-modal .body .zoom-items, wc-prompt.wc-prompt.item-detail-modal .body .zoom-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    padding: 0.5rem 0;
}
@media (max-width: 991.98px) {
    wc-prompt.wc-prompt#item-detail-modal .body .zoom-items, wc-prompt.wc-prompt.item-detail-modal .body .zoom-items {
        display: none;
    }
}
@media (max-width: 575.98px) {
    wc-prompt.wc-prompt#item-detail-modal .body .imagesProductDetail, wc-prompt.wc-prompt.item-detail-modal .body .imagesProductDetail {
        --skapa-carousel-overflow-start: 20px;
        --skapa-carousel-overflow-end: 20px;
    }
}
wc-prompt.wc-prompt#item-detail-modal .body .imagesProductDetail .img-thumbnail, wc-prompt.wc-prompt.item-detail-modal .body .imagesProductDetail .img-thumbnail {
    border-radius: 2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0;
    margin: 0;
    max-width: inherit;
    border-radius: 0;
    border: none;
    width: calc(110px + 0.5rem);
    min-width: calc(110px + 0.5rem);
    height: calc(110px + 0.5rem);
    --skapa-choice-item-border-colour-selected: #111111;
    --skapa-choice-item-border-colour-hover: #111111;
}
wc-prompt.wc-prompt#item-detail-modal .body .imagesProductDetail .img-thumbnail.sk-choice-item, wc-prompt.wc-prompt.item-detail-modal .body .imagesProductDetail .img-thumbnail.sk-choice-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    --skapa-choice-item-border-colour-selected: #111111;
    --skapa-choice-item-border-colour-hover: #111111;
    border: none;
}
@media (max-width: 767.98px) {
    wc-prompt.wc-prompt#item-detail-modal .body .imagesProductDetail .img-thumbnail, wc-prompt.wc-prompt.item-detail-modal .body .imagesProductDetail .img-thumbnail {
        width: 80px;
        min-width: 80px;
        height: 80px;
    }
}
wc-prompt.wc-prompt#item-detail-modal .body .imagesProductDetail .img-thumbnail .slot-content, wc-prompt.wc-prompt.item-detail-modal .body .imagesProductDetail .img-thumbnail .slot-content {
    width: calc(110px + 0.5rem);
    min-width: calc(110px + 0.5rem);
    border-radius: 0.25rem;
    position: relative;
}
@media (max-width: 767.98px) {
    wc-prompt.wc-prompt#item-detail-modal .body .imagesProductDetail .img-thumbnail .slot-content, wc-prompt.wc-prompt.item-detail-modal .body .imagesProductDetail .img-thumbnail .slot-content {
        width: 80px;
        min-width: 80px;
        height: 80px;
    }
}
wc-prompt.wc-prompt#item-detail-modal .body .imagesProductDetail .img-thumbnail .slot-content img, wc-prompt.wc-prompt.item-detail-modal .body .imagesProductDetail .img-thumbnail .slot-content img {
    width: inherit;
    min-width: inherit;
    border-radius: inherit;
}
wc-prompt.wc-prompt#item-detail-modal .body .imagesProductDetail .img-thumbnail .borderContainer, wc-prompt.wc-prompt.item-detail-modal .body .imagesProductDetail .img-thumbnail .borderContainer {
    border: solid 1px transparent;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0.25rem;
    border-radius: 0.25rem;
}
wc-prompt.wc-prompt#item-detail-modal .body .imagesProductDetail .img-thumbnail .borderContainer > img,
wc-prompt.wc-prompt#item-detail-modal .body .imagesProductDetail .img-thumbnail .borderContainer .img, wc-prompt.wc-prompt.item-detail-modal .body .imagesProductDetail .img-thumbnail .borderContainer > img,
wc-prompt.wc-prompt.item-detail-modal .body .imagesProductDetail .img-thumbnail .borderContainer .img {
    height: 100%;
    width: 100%;
    max-height: 110px;
    max-width: 110px;
    -o-object-fit: cover;
       object-fit: cover;
    margin: 0 auto;
}
wc-prompt.wc-prompt#item-detail-modal .body .imagesProductDetail .img-thumbnail .borderContainer .icon-svg, wc-prompt.wc-prompt.item-detail-modal .body .imagesProductDetail .img-thumbnail .borderContainer .icon-svg {
    background-color: rgba(0, 0, 0, 0.1);
    height: 110px;
    width: 110px;
}
wc-prompt.wc-prompt#item-detail-modal .body .imagesProductDetail .img-thumbnail .borderContainer .icon-svg svg, wc-prompt.wc-prompt.item-detail-modal .body .imagesProductDetail .img-thumbnail .borderContainer .icon-svg svg {
    background-color: rgba(0, 0, 0, 0.65);
    border-radius: 4rem;
    padding: 0.5rem;
    width: 2.5rem;
    height: 2.5rem;
}
wc-prompt.wc-prompt#item-detail-modal .body .imagesProductDetail .img-thumbnail .borderContainer .icon-svg svg path, wc-prompt.wc-prompt.item-detail-modal .body .imagesProductDetail .img-thumbnail .borderContainer .icon-svg svg path {
    fill: #ffffff;
}
wc-prompt.wc-prompt#item-detail-modal .body .imagesProductDetail .img-thumbnail .borderContainer:hover, wc-prompt.wc-prompt.item-detail-modal .body .imagesProductDetail .img-thumbnail .borderContainer:hover {
    border: 1px solid #dfdfdf;
    border-radius: 0.25rem;
}
wc-prompt.wc-prompt#item-detail-modal .body .imagesProductDetail .img-thumbnail .borderContainer:hover .icon-svg svg, wc-prompt.wc-prompt.item-detail-modal .body .imagesProductDetail .img-thumbnail .borderContainer:hover .icon-svg svg {
    background-color: rgba(0, 0, 0, 0.75);
}
wc-prompt.wc-prompt#item-detail-modal .body .imagesProductDetail .img-thumbnail.active .borderContainer, wc-prompt.wc-prompt.item-detail-modal .body .imagesProductDetail .img-thumbnail.active .borderContainer {
    border-color: #111111;
}
wc-prompt.wc-prompt#item-detail-modal .body .imagesProductDetail .img-thumbnail.swiper-slide-thumb-active, wc-prompt.wc-prompt#item-detail-modal .body .imagesProductDetail .img-thumbnail.slick-current, wc-prompt.wc-prompt.item-detail-modal .body .imagesProductDetail .img-thumbnail.swiper-slide-thumb-active, wc-prompt.wc-prompt.item-detail-modal .body .imagesProductDetail .img-thumbnail.slick-current {
    border: none;
}
wc-prompt.wc-prompt#item-detail-modal .body .imagesProductDetail .img-thumbnail.swiper-slide-thumb-active .borderContainer, wc-prompt.wc-prompt#item-detail-modal .body .imagesProductDetail .img-thumbnail.slick-current .borderContainer, wc-prompt.wc-prompt.item-detail-modal .body .imagesProductDetail .img-thumbnail.swiper-slide-thumb-active .borderContainer, wc-prompt.wc-prompt.item-detail-modal .body .imagesProductDetail .img-thumbnail.slick-current .borderContainer {
    border: 1px solid #111;
    border-radius: 0.25rem;
    padding: 0.25rem;
}
wc-prompt.wc-prompt#item-detail-modal .body .imagesProductDetail .img-thumbnail .icon-btn-play, wc-prompt.wc-prompt.item-detail-modal .body .imagesProductDetail .img-thumbnail .icon-btn-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
wc-prompt.wc-prompt#item-detail-modal .body .imagesProductDetail .img-thumbnail .icon-play, wc-prompt.wc-prompt.item-detail-modal .body .imagesProductDetail .img-thumbnail .icon-play {
    position: absolute;
    border: 3px solid #ccc;
    background-color: rgba(0, 0, 0, 0.65);
    border-radius: 4rem;
    padding: 0.5rem;
    width: 2.5rem;
    height: 2.5rem;
    border: 0;
}
wc-prompt.wc-prompt#item-detail-modal .body .imagesProductDetail .img-thumbnail .icon-play::before, wc-prompt.wc-prompt.item-detail-modal .body .imagesProductDetail .img-thumbnail .icon-play::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 9px;
    border-color: transparent transparent transparent #ffffff;
}

/* -------------------------------------------------------------------------- */
/*                         wc-modalNoStockAvailability                        */
/* -------------------------------------------------------------------------- */
wc-prompt.wc-prompt#wc-modalNoStockAvailability::part(wrapper) {
    max-width: 36rem;
}
wc-prompt.wc-prompt#wc-modalNoStockAvailability .product-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    align-items: left;
    padding: 1rem 0;
}
wc-prompt.wc-prompt#wc-modalNoStockAvailability .product-wrapper-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    min-width: 110px;
}

/* ========================================================================== */
/*                       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) [data-id=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 ------------------------------ */
    /* -------------------------------------------------------------------------- */
    /*                          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-title {
    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;
    margin-left: -4rem;
}
sk-sheet.wc-sheet#sidenav-user-menu .user-menu__header-title .text--yellow,
sk-sheet.wc-sheet#sidenav-user-menu .user-menu__header-title .text--yellow.icon:before {
    color: #ffdb00;
}
sk-sheet.wc-sheet#sidenav-user-menu .user-menu__header-title .text--white {
    color: #fff;
}
sk-sheet.wc-sheet#sidenav-user-menu .user-menu__header-close-button {
    --background: transparent !important;
    --background-hover: #ffffff54 !important;
    --background-press: #ffffffA8 !important;
    align-items: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
}
sk-sheet.wc-sheet#sidenav-user-menu .user-menu__body {
    padding: 0;
}
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;
}

sk-prompt.modal.show {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

wc-prompt.wc-prompt--top {
    justify-content: start;
}
wc-prompt.wc-prompt#mergeCartModal[role=dialog].modal .modal-content {
    min-height: auto;
}
wc-prompt.wc-prompt#mergeCartModal .select-all-wrapper,
wc-prompt.wc-prompt#mergeCartModal .itemRecovery {
    padding: 1.5rem 0;
    border-bottom: 1px solid #dfdfdf;
}
wc-prompt.wc-prompt#mergeCartModal .select-all-wrapper label {
    width: -moz-max-content;
    width: -webkit-max-content;
    width: max-content;
}
wc-prompt.wc-prompt#mergeCartModal .itemRecovery .img-wrapper .img-fluid {
    width: 67px;
}
wc-prompt.wc-prompt#wc-modalUserUnlogged .modal-body {
    padding: 0;
}
wc-prompt.wc-prompt#wc-modalUserUnlogged .modal-footer {
    margin-bottom: 1rem;
    padding: 1rem 0;
    -moz-column-gap: 1rem;
         column-gap: 1rem;
}
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::part(wrapper):not(#wc-modalConfirmation) {
    gap: 1rem;
}
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: 0.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;
}

body:not(.skapa-modal-scroll-block-active) .savelist-dialog {
    z-index: 9999;
}

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;
}

wc-button[variant=add-to-cart], sk-button[variant=add-to-cart], wc-icon-button[variant=add-to-cart], sk-icon-button[variant=add-to-cart] {
    --foreground: #111 !important;
}

.wc-icon-red {
    color: #e00751;
}

/* Se elimina el hover para dispositivos táctiles */
@media (hover: none) and (pointer: coarse) {
    .wc-button[variant=tertiary]:hover {
        --background-hover: transparent;
    }
}
/* 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;
}

/* FOOTER */
.form_exist {
    padding: 100px 0px;
}
@media (max-width: 767.98px) {
    .form_exist {
        padding: 35px 10px;
    }
}
.form_exist .form_exist-description {
    max-width: 610px;
    margin: auto;
}
@media (max-width: 767.98px) {
    .form_exist .form_exist-description {
        font-size: 0.75rem;
    }
}
.form_exist .form_exist-email {
    font-size: 1rem;
    line-height: 1.2rem;
    margin: 0px;
    padding: 0px 0px 20px;
}
.form_exist .form_exist-number {
    font-size: 1.125rem;
    line-height: 1.25rem;
    margin-bottom: 20px;
}
.form_exist .form_exist-generateBox {
    max-width: 400px;
}
@media (max-width: 767.98px) {
    .form_exist .form_exist-generateBox {
        flex-direction: column;
    }
}
.form_exist .form_exist-generateBox .macroText-input-group {
    margin-bottom: 0rem;
    width: 55%;
}
@media (max-width: 767.98px) {
    .form_exist .form_exist-generateBox .macroText-input-group {
        width: 100%;
    }
}
.form_exist .form_exist-generateBox .macroText-input-group #numberInvoiceBudget {
    width: 100%;
}
.form_exist .form_exist-generateBox > .input-group-append {
    width: auto;
    height: 3rem;
    padding-top: 0.25rem;
}
@media (max-width: 767.98px) {
    .form_exist .form_exist-generateBox > .input-group-append {
        width: 100%;
    }
}
.form_exist .form_exist-generateBox > .input-group-append .btn_submit {
    margin: 0rem 0 0 !important;
}
.form_exist .advise {
    margin-bottom: 0px;
}

.advise {
    display: block;
    margin: 20px auto;
    max-width: 520px;
    width: 100%;
}
.advise .advise_message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
}
.advise .advise_message .icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 1px 0px;
    margin-right: 12px;
    max-width: 40px;
    min-width: 40px;
    width: 100%;
    height: 45px;
    font-style: normal;
}
.advise .advise_message .icon:before {
    content: "\e00f";
    font-size: 2.5rem;
    color: #CC0008;
    font-family: "ikea-icons", "NotoIKEALatin", "fundament-icons";
    display: inline-block;
    vertical-align: middle;
    padding-right: 0;
    line-height: 1;
}
.advise .advise_message .msg {
    display: block;
    width: 100%;
    font-size: 1rem;
    margin: 0px;
}
.advise .advise_message .msg a {
    text-decoration: underline;
}
.advise .advise_login-form {
    display: none;
    max-width: 350px;
    width: 100%;
    margin: 30px auto 0px;
}
.advise .advise_login-form .button {
    padding-left: 10px;
}
@media (max-width: 767.98px) {
    .advise .advise_login-form .button {
        padding-left: 0px;
    }
}
.advise .advise_login-form .button .btn {
    padding: 8px 0px 7px;
}
@media (max-width: 767.98px) {
    .advise .advise_login-form .button .btn {
        margin-top: 0px;
        padding: 10px 0px;
    }
}

/*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] .custom-helper-phone {
    line-height: 0;
}
[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;
}

#sidenavLoginRegister .divider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 2rem 0;
}
#sidenavLoginRegister .divider::before,
#sidenavLoginRegister .divider::after {
    content: "";
    flex: 1;
    height: 2px;
    background-color: #eeeeee;
}
#sidenavLoginRegister .divider span {
    white-space: nowrap;
    font-size: 14px;
    font-weight: bold;
}

.form_exist.form_exist-already,
.form_success,
.form_forgot {
    padding: 0;
    padding-bottom: 2rem;
}
.form_exist.form_exist-already .wc-icon.title__icon,
.form_success .wc-icon.title__icon,
.form_forgot .wc-icon.title__icon {
    min-width: 35px;
    height: 35px;
}
.form_exist.form_exist-already .actions-wrapper,
.form_success .actions-wrapper,
.form_forgot .actions-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    gap: 0.5rem;
    margin-top: calc(3rem - 8px);
}

.form_exist_sidenav.form_exist-already_sidenav .icon-wrapper,
.form_success_sidenav .icon-wrapper,
#sidenavLoginRegister .form_forgot.restore-pass .icon-wrapper,
#sidenav .form_forgot.restore-pass .icon-wrapper {
    position: relative;
    line-height: 1;
}
.form_exist_sidenav.form_exist-already_sidenav .icon-wrapper-mail,
.form_success_sidenav .icon-wrapper-mail,
#sidenavLoginRegister .form_forgot.restore-pass .icon-wrapper-mail,
#sidenav .form_forgot.restore-pass .icon-wrapper-mail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-start;
    gap: 10px;
}
.form_exist_sidenav.form_exist-already_sidenav .icon-wrapper .wc-icon,
.form_success_sidenav .icon-wrapper .wc-icon,
#sidenavLoginRegister .form_forgot.restore-pass .icon-wrapper .wc-icon,
#sidenav .form_forgot.restore-pass .icon-wrapper .wc-icon {
    width: 3rem;
    height: 3rem;
}
.form_exist_sidenav.form_exist-already_sidenav .icon-wrapper .wc-icon-mail,
.form_success_sidenav .icon-wrapper .wc-icon-mail,
#sidenavLoginRegister .form_forgot.restore-pass .icon-wrapper .wc-icon-mail,
#sidenav .form_forgot.restore-pass .icon-wrapper .wc-icon-mail {
    --colour-text-and-icon-1: 17, 17, 17;
    width: 2.5rem;
    height: 2.5rem;
}
.form_exist_sidenav.form_exist-already_sidenav .icon-wrapper .number,
.form_success_sidenav .icon-wrapper .number,
#sidenavLoginRegister .form_forgot.restore-pass .icon-wrapper .number,
#sidenav .form_forgot.restore-pass .icon-wrapper .number {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right: -12px;
    width: 25px;
    height: 25px;
    border: 5px solid white;
    background-color: #EEEEEE;
    border-radius: 4rem;
    font-size: 0.875rem;
    font-weight: bold;
}
.form_exist_sidenav.form_exist-already_sidenav .icon-wrapper .number--phone,
.form_success_sidenav .icon-wrapper .number--phone,
#sidenavLoginRegister .form_forgot.restore-pass .icon-wrapper .number--phone,
#sidenav .form_forgot.restore-pass .icon-wrapper .number--phone {
    top: 20px;
}
.form_exist_sidenav.form_exist-already_sidenav .form-group,
.form_success_sidenav .form-group,
#sidenavLoginRegister .form_forgot.restore-pass .form-group,
#sidenav .form_forgot.restore-pass .form-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    padding: 1.5rem;
    background-color: #ededed;
    border-radius: 5px;
}
.form_exist_sidenav.form_exist-already_sidenav .form-group .description-buttons-wrapper,
.form_success_sidenav .form-group .description-buttons-wrapper,
#sidenavLoginRegister .form_forgot.restore-pass .form-group .description-buttons-wrapper,
#sidenav .form_forgot.restore-pass .form-group .description-buttons-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.5rem;
}
.form_exist_sidenav.form_exist-already_sidenav .form-group .description-buttons-wrapper .link-wrapper,
.form_success_sidenav .form-group .description-buttons-wrapper .link-wrapper,
#sidenavLoginRegister .form_forgot.restore-pass .form-group .description-buttons-wrapper .link-wrapper,
#sidenav .form_forgot.restore-pass .form-group .description-buttons-wrapper .link-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    cursor: pointer;
}
.form_exist_sidenav.form_exist-already_sidenav .inline-message-succcess,
.form_success_sidenav .inline-message-succcess,
#sidenavLoginRegister .form_forgot.restore-pass .inline-message-succcess,
#sidenav .form_forgot.restore-pass .inline-message-succcess {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-end;
}
.form_exist_sidenav.form_exist-already_sidenav .wc-button,
.form_success_sidenav .wc-button,
#sidenavLoginRegister .form_forgot.restore-pass .wc-button,
#sidenav .form_forgot.restore-pass .wc-button {
    --disabled-background: transparent;
}
.form_exist_sidenav.form_exist-already_sidenav#reactivate-account .actions-wrapper__sidenav,
.form_success_sidenav#reactivate-account .actions-wrapper__sidenav,
#sidenavLoginRegister .form_forgot.restore-pass#reactivate-account .actions-wrapper__sidenav,
#sidenav .form_forgot.restore-pass#reactivate-account .actions-wrapper__sidenav {
    flex-direction: column;
    align-items: flex-start;
    margin-top: 1.5rem;
}

/* -------------------------------------------------------------------------- */
/*                               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: 0.25rem;
    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: -0.5rem;
    right: 0;
    width: 1rem;
    height: 1rem;
    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;
    background-position: center;
}
.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 .intl-tel-input input {
    width: 100%;
    border: 0;
}
.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.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 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;
}

wc-select-search [slot=label] {
    color: #484848;
}

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

/* -------------------------------------------------------------------------- */
/*                                   Choice-check                             */
/* -------------------------------------------------------------------------- */
.choice-check {
    display: -ms-grid;
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    width: 100%;
    margin-bottom: 2rem;
}
.choice-check__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    border: 1px solid #dfdfdf;
    border-radius: 0.25rem;
    min-height: 5.5rem;
    cursor: pointer;
}
.choice-check__item:hover {
    border: 1px solid #929292;
}
.choice-check__item:has(input:checked) {
    border: 1px solid transparent;
    box-shadow: 0 0 0 2px #0058a3;
}
.choice-check__item:has(input:focus-visible) {
    border: 1px solid #929292;
}
.choice-check__item:has(input:focus-visible):has(input:checked) {
    border: 1px solid transparent;
    box-shadow: 0 0 0 2px #0058a3;
}
.choice-check__item-checkbox {
    width: 100%;
    padding-inline: 1.5rem;
}
.choice-check__item input {
    align-self: center;
}
.choice-check__item label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    gap: 0.5rem;
    align-items: center;
    height: 100%;
}
.choice-check__item label .left-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    padding-block: 1.25rem;
    font-size: 0.75rem;
}
.choice-check__item label .left-content .item-quantity {
    font-weight: bold;
    font-size: 0.75rem;
}
.choice-check__item label .left-content .item-desc {
    line-height: normal;
}
.choice-check__item label .right-content img {
    width: 3rem;
    height: 3rem;
}

/* -------------------------------------------------------------------------- */
/*                               Skapa Checkbox                               */
/* -------------------------------------------------------------------------- */
sk-checkbox-group input:focus-visible:not([disabled]), wc-checkbox-group input:focus-visible:not([disabled]) {
    --skapa-checkbox-border: #111111;
    --skapa-checkbox-tick-colour: #DFDFDF;
}

.link[role=button], .link--subtle[role=button] {
    cursor: pointer;
}

/* 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;
    padding: 1.5rem 1rem;
    width: 300px;
    max-width: 500px;
}
.filters .wc_filterWrapper .filterContainerMultiple .wc_filterCategories .filterBlock .filterTitle.show ~ .wc_filterContent .wc-checkbox-group.checkBox_webc {
    width: 100%;
}
.filters .wc_filterWrapper .filterContainerMultiple .wc_filterCategories .filterBlock .filterTitle.show ~ .wc_filterContent .wc-checkbox-group.checkBox_webc:not(:last-child) {
    padding-bottom: 1rem;
}
.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 */
.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;
}

.wc-card.card-design {
    border: 0;
    border-radius: 0;
    overflow-wrap: break-word;
    /* -------------------------------------------------------------------------- */
    /*                                    LABEL                                   */
    /* -------------------------------------------------------------------------- */
}
.wc-card.card-design.card--backgroundimage, .wc-card.card-design.card--textandimage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column-reverse;
}
.wc-card.card-design.card--backgroundimage::part(container), .wc-card.card-design.card--textandimage::part(container) {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
}
.wc-card.card-design.card--backgroundimage::part(content-card), .wc-card.card-design.card--textandimage::part(content-card) {
    padding: 1.5rem;
}
.wc-card.card-design::part(label) {
    font-size: 14px;
}
.wc-card.card-design .card-description--m-10 {
    font-size: 10px;
}
@media (min-width: 768px) {
    .wc-card.card-design .card-description--d-10 {
        font-size: 10px;
    }
}
.wc-card.card-design .card-description--m-11 {
    font-size: 11px;
}
@media (min-width: 768px) {
    .wc-card.card-design .card-description--d-11 {
        font-size: 11px;
    }
}
.wc-card.card-design .card-description--m-12 {
    font-size: 12px;
}
@media (min-width: 768px) {
    .wc-card.card-design .card-description--d-12 {
        font-size: 12px;
    }
}
.wc-card.card-design .card-description--m-13 {
    font-size: 13px;
}
@media (min-width: 768px) {
    .wc-card.card-design .card-description--d-13 {
        font-size: 13px;
    }
}
.wc-card.card-design .card-description--m-14 {
    font-size: 14px;
}
@media (min-width: 768px) {
    .wc-card.card-design .card-description--d-14 {
        font-size: 14px;
    }
}
.wc-card.card-design .card-description--m-15 {
    font-size: 15px;
}
@media (min-width: 768px) {
    .wc-card.card-design .card-description--d-15 {
        font-size: 15px;
    }
}
.wc-card.card-design .card-description--m-16 {
    font-size: 16px;
}
@media (min-width: 768px) {
    .wc-card.card-design .card-description--d-16 {
        font-size: 16px;
    }
}
.wc-card.card-design .card-description--m-17 {
    font-size: 17px;
}
@media (min-width: 768px) {
    .wc-card.card-design .card-description--d-17 {
        font-size: 17px;
    }
}
.wc-card.card-design .card-description--m-18 {
    font-size: 18px;
}
@media (min-width: 768px) {
    .wc-card.card-design .card-description--d-18 {
        font-size: 18px;
    }
}
.wc-card.card-design .card-description--m-19 {
    font-size: 19px;
}
@media (min-width: 768px) {
    .wc-card.card-design .card-description--d-19 {
        font-size: 19px;
    }
}
.wc-card.card-design .card-description--m-20 {
    font-size: 20px;
}
@media (min-width: 768px) {
    .wc-card.card-design .card-description--d-20 {
        font-size: 20px;
    }
}
.wc-card.card-design .card-description--m-21 {
    font-size: 21px;
}
@media (min-width: 768px) {
    .wc-card.card-design .card-description--d-21 {
        font-size: 21px;
    }
}
.wc-card.card-design .card-description--m-22 {
    font-size: 22px;
}
@media (min-width: 768px) {
    .wc-card.card-design .card-description--d-22 {
        font-size: 22px;
    }
}
.wc-card.card-design .card-description--m-23 {
    font-size: 23px;
}
@media (min-width: 768px) {
    .wc-card.card-design .card-description--d-23 {
        font-size: 23px;
    }
}
.wc-card.card-design .card-description--m-24 {
    font-size: 24px;
}
@media (min-width: 768px) {
    .wc-card.card-design .card-description--d-24 {
        font-size: 24px;
    }
}
.wc-card.card-design .card-description--m-25 {
    font-size: 25px;
}
@media (min-width: 768px) {
    .wc-card.card-design .card-description--d-25 {
        font-size: 25px;
    }
}
.wc-card.card-design .card-description--m-26 {
    font-size: 26px;
}
@media (min-width: 768px) {
    .wc-card.card-design .card-description--d-26 {
        font-size: 26px;
    }
}
.wc-card.card-design .card-description--m-27 {
    font-size: 27px;
}
@media (min-width: 768px) {
    .wc-card.card-design .card-description--d-27 {
        font-size: 27px;
    }
}
.wc-card.card-design .card-description--m-28 {
    font-size: 28px;
}
@media (min-width: 768px) {
    .wc-card.card-design .card-description--d-28 {
        font-size: 28px;
    }
}
.wc-card.card-design .card-description--m-29 {
    font-size: 29px;
}
@media (min-width: 768px) {
    .wc-card.card-design .card-description--d-29 {
        font-size: 29px;
    }
}
.wc-card.card-design .card-description--m-30 {
    font-size: 30px;
}
@media (min-width: 768px) {
    .wc-card.card-design .card-description--d-30 {
        font-size: 30px;
    }
}
.wc-card.card-design .card-description--m-31 {
    font-size: 31px;
}
@media (min-width: 768px) {
    .wc-card.card-design .card-description--d-31 {
        font-size: 31px;
    }
}
.wc-card.card-design .card-description--m-32 {
    font-size: 32px;
}
@media (min-width: 768px) {
    .wc-card.card-design .card-description--d-32 {
        font-size: 32px;
    }
}
.wc-card.card-design .card-description--m-33 {
    font-size: 33px;
}
@media (min-width: 768px) {
    .wc-card.card-design .card-description--d-33 {
        font-size: 33px;
    }
}
.wc-card.card-design .card-description--m-34 {
    font-size: 34px;
}
@media (min-width: 768px) {
    .wc-card.card-design .card-description--d-34 {
        font-size: 34px;
    }
}
.wc-card.card-design .card-description--m-35 {
    font-size: 35px;
}
@media (min-width: 768px) {
    .wc-card.card-design .card-description--d-35 {
        font-size: 35px;
    }
}
.wc-card.card-design .card-description--m-36 {
    font-size: 36px;
}
@media (min-width: 768px) {
    .wc-card.card-design .card-description--d-36 {
        font-size: 36px;
    }
}
.wc-card.card-design .card-description--m-37 {
    font-size: 37px;
}
@media (min-width: 768px) {
    .wc-card.card-design .card-description--d-37 {
        font-size: 37px;
    }
}
.wc-card.card-design .card-description--m-38 {
    font-size: 38px;
}
@media (min-width: 768px) {
    .wc-card.card-design .card-description--d-38 {
        font-size: 38px;
    }
}
.wc-card.card-design .card-description--m-39 {
    font-size: 39px;
}
@media (min-width: 768px) {
    .wc-card.card-design .card-description--d-39 {
        font-size: 39px;
    }
}
.wc-card.card-design .card-description--m-40 {
    font-size: 40px;
}
@media (min-width: 768px) {
    .wc-card.card-design .card-description--d-40 {
        font-size: 40px;
    }
}
.wc-card.card-design.card--text-left::part(container) {
    text-align: left;
}
.wc-card.card-design.card--text-center::part(container) {
    text-align: center;
}
.wc-card.card-design.card--text-right::part(container) {
    text-align: right;
}
.wc-card.card-design.card--align-start::part(container) {
    justify-content: flex-start;
    align-items: flex-start;
}
.wc-card.card-design.card--align-center::part(container) {
    justify-content: center;
    align-items: center;
}
.wc-card.card-design.card--align-end::part(container) {
    justify-content: flex-end;
    align-items: flex-end;
}
.wc-card.card-design.card--reverse {
    flex-direction: column;
}
.wc-card.card-design.card--items-below {
    padding: 0 !important;
}
.wc-card.card-design.card--pack .wc-aspect-ratio-box {
    max-width: 250px;
    max-height: 250px;
}
.wc-card.card-design.card--pack .wc-aspect-ratio-box-image {
    max-width: 100%;
    max-height: 250px;
}
.wc-card.card-design.card--pack::part(body) {
    margin-top: 0;
}
.wc-card.card-design:not(.card--pack) .wc-aspect-ratio-box-image {
    max-width: 100%;
}
.wc-card.card-design.card--no-meta::part(content-card) {
    padding: 0;
    height: 0;
}
.wc-card.card-design.card--no-meta .title {
    margin-bottom: 0;
}
.wc-card.card-design.card--no-meta::part(label) {
    opacity: 0.8;
}
.wc-card.card-design.card--no-meta .wc-aspect-ratio-box {
    height: 100%;
}
.wc-card.card-design.card__btn--left::part(footer) {
    text-align: left;
}
.wc-card.card-design.card__btn--center::part(footer) {
    text-align: center;
}
.wc-card.card-design.card__btn--right::part(footer) {
    text-align: right;
}
.wc-card.card-design .buttonPosition {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.wc-card.card-design .buttonPosition--center wc-button {
    margin: auto;
}
.wc-card.card-design .buttonPosition--right wc-button {
    margin-left: auto;
}
.wc-card.card-design .buttonPosition .buttonLink {
    text-decoration: underline;
}
.wc-card.card-design.card--backgroundimage::part(label) {
    text-align: inherit;
}
.wc-card.card-design.card--backgroundimage:has(.buttonPosition--center)::part(content-card) {
    padding: 1.25rem 0.5rem;
}
.wc-card.card-design.card--backgroundimage::part(body) {
    margin: 0;
}
.wc-card.card-design.card--textandimage:not([trailing-media]) {
    flex-direction: column-reverse;
}
.wc-card.card-design.card--textandimage.card--layout-horizontal {
    flex-direction: row;
}
.wc-card.card-design.card--textandimage.card--layout-horizontal:not([trailing-media]) {
    flex-direction: row-reverse;
}
.wc-card.card-design.card--textandimage.card--pip-card {
    flex-direction: row-reverse;
}
.wc-card.card-design.card--textandimage.card--pip-card::part(content-card) {
    padding: 3rem;
}
.wc-card.card-design.card--textandimage.card--pip-card::part(container) {
    display: block;
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .wc-card.card-design.card--textandimage.card--pip-card::part(content-card) {
        flex-basis: 60%;
        max-width: 60%;
    }
    .wc-card.card-design.card--textandimage.card--pip-card .wc-aspect-ratio-box {
        flex-basis: 40%;
    }
}
@media (max-width: 767.98px) {
    .wc-card.card-design.card--textandimage.card--pip-card {
        flex-direction: column-reverse;
    }
    .wc-card.card-design.card--textandimage.card--pip-card::part(content-card) {
        padding: 2rem;
    }
}
.wc-card.card-design.card--textoverlay {
    height: auto;
}
.wc-card.card-design.card--textoverlay .wc-aspect-ratio-box {
    height: 100%;
}
.wc-card.card-design.card--textoverlay .title {
    font-weight: bold;
}

/* FOOTER */
.wc-progress-indicator {
    width: 100%;
    height: 100%;
    margin-left: 40px;
}
.wc-progress-indicator[vertical-active], .wc-progress-indicator[vertical] {
    margin-left: 0px;
}
.wc-progress-indicator wc-progress-step {
    max-width: 200px;
}

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

/* Focus styles */
a:focus-visible,
button:focus-visible,
div[tabindex="0"]:focus-visible,
section[tabindex="0"]: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;
}