@charset "UTF-8";
:root {
  --diadabox-primary: #FF4848;
  --diadabox-primary-darker: rgb(255, 46.5, 46.5);
  --diadabox-surface: #FFFFFF;
  --diadabox-canvas: #F9F9F9;
  --diadabox-ink: #1E1E1E;
  --diadabox-ink-soft: #6B7580;
  --diadabox-ink-hint: #666666;
  --diadabox-ink-deep: #000000;
  --diadabox-grey-50: #F5F9FC;
  --diadabox-grey-100: #F3F5F7;
  --diadabox-grey-200: #E8EEF3;
  --diadabox-grey-300: #D6DEE7;
  --diadabox-grey-400: #D5DDE4;
  --diadabox-grey-700: #6B7580;
  --diadabox-grey-900: #30373F;
  --diadabox-info: #2F96B4;
  --diadabox-success: #50A351;
  --diadabox-warning: #F89407;
  --diadabox-danger: #BD352F;
  --diadabox-error: #C80000;
  --diadabox-accent: #0085FF;
  --diadabox-form-valid: #28A745;
  --diadabox-form-error: #DC3545;
  --diadabox-badge-green-bg: #D1FAE5;
  --diadabox-badge-green-ink: #065F46;
  --diadabox-badge-accepted-bg: #DCFCE7;
  --diadabox-badge-accepted-ink: #166534;
  --diadabox-badge-yellow-bg: #FEF3C7;
  --diadabox-badge-yellow-ink: #92400E;
  --diadabox-badge-blue-bg: #DBEAFE;
  --diadabox-badge-blue-ink: #1E40AF;
  --diadabox-badge-red-bg: #FEE2E2;
  --diadabox-badge-red-ink: #991B1B;
  --diadabox-badge-purple-bg: #EDE9FE;
  --diadabox-badge-purple-ink: #5B21B6;
  --diadabox-badge-neutral-bg: #E2E8F0;
  --diadabox-badge-neutral-ink: #334155;
  --diadabox-order-default-bg: #E5E5E5;
  --diadabox-order-default-ink: #454545;
  --diadabox-order-completed-bg: #C8D7E1;
  --diadabox-order-completed-ink: #003D66;
  --diadabox-order-onhold-bg: #F8DDA7;
  --diadabox-order-onhold-ink: #573B00;
  --diadabox-order-failed-bg: #EBA3A3;
  --diadabox-order-failed-ink: #570000;
  --diadabox-order-processing-bg: #C6E1C6;
  --diadabox-order-processing-ink: #2C4700;
  --diadabox-order-trash-bg: #EBA3A3;
  --diadabox-order-trash-ink: #550202;
  --diadabox-flash-sage-bg: #EEF7D8;
  --diadabox-flash-sage-ink: #35524B;
  --diadabox-flash-green-bg: #EDF6D7;
  --diadabox-flash-plum-bg: #DFF1F4;
  --diadabox-flash-plum-ink: #8F2F7E;
  --diadabox-flash-navy-bg: #EDF4FB;
  --diadabox-flash-navy-ink: #1F4D7C;
  --diadabox-flash-night-bg: #2B2B1F;
  --diadabox-flash-gold: #D7B65A;
  --diadabox-flash-cream: #F7F1DD;
  --diadabox-rating-off: #D0C1A4;
  --diadabox-rating-on: #FFB931;
  --diadabox-slider-handle: #2196F3;
  --diadabox-slider-handle-ring: #1562A1;
  --diadabox-social-whatsapp: #25D366;
  --diadabox-social-facebook: #1877F2;
  --diadabox-field-locked-bg: #F6F7F7;
  --diadabox-field-locked-border: #DDDDDD;
  --diadabox-field-locked-ink: #333333;
  --diadabox-online: #198754;
  --diadabox-backorder: #FD7E14;
  --diadabox-map-placeholder: #D3D3D3;
  --diadabox-shadow-warm: #B7B7B7;
  --diadabox-selection: #B3D4FC;
  --diadabox-highlight: #FFFF00;
}

/**
 * NORMALIZE
 * DIADAO
 */
/*! normalize.css v7.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
 *    IE on Windows Phone and in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1, .discover-card__content__title {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main { /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}

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

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

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

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

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}

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

/**
 * 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 {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #FFFF00;
  color: #000000;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

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

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

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

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

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

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* 2 */
}

/**
 * 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.35em 0.75em 0.625em;
}

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

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
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 and cancel buttons in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-cancel-button,
[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 IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}

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

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
  display: none;
}

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

/* DIADAO
---------------------------------------- */
html, body, div, span, applet, object, iframe, h1, .discover-card__content__title, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio {
  margin: 0;
  padding: 0;
  border: 0;
  font-style: normal;
}
html:focus, body:focus, div:focus, span:focus, applet:focus, object:focus, iframe:focus, h1:focus, .discover-card__content__title:focus, h2:focus, h3:focus, h4:focus, h5:focus, h6:focus, p:focus, blockquote:focus, pre:focus, a:focus, abbr:focus, acronym:focus, address:focus, big:focus, cite:focus, code:focus, del:focus, dfn:focus, em:focus, img:focus, ins:focus, kbd:focus, q:focus, s:focus, samp:focus, small:focus, strike:focus, strong:focus, sub:focus, sup:focus, tt:focus, var:focus, b:focus, u:focus, i:focus, center:focus, dl:focus, dt:focus, dd:focus, ol:focus, ul:focus, li:focus, fieldset:focus, form:focus, label:focus, legend:focus, table:focus, caption:focus, tbody:focus, tfoot:focus, thead:focus, tr:focus, th:focus, td:focus, article:focus, aside:focus, canvas:focus, details:focus, embed:focus, figure:focus, figcaption:focus, footer:focus, header:focus, hgroup:focus, menu:focus, nav:focus, output:focus, ruby:focus, section:focus, summary:focus, time:focus, mark:focus, audio:focus {
  outline: 0;
}

*, *:before, *:after {
  box-sizing: border-box;
  font-smooth: always;
  -webkit-font-smoothing: antialiased;
}

::-moz-selection {
  background: #B3D4FC;
  text-shadow: none;
}

::selection {
  background: #B3D4FC;
  text-shadow: none;
}

body {
  font-smooth: always;
  -webkit-font-smoothing: antialiased;
  -webkit-appearance: none;
  -moz-osx-font-smoothing: grayscale;
  font-variant: normal;
  text-transform: none;
  font-style: normal;
  font-weight: normal;
}

q {
  quotes: "“" "”" "‘" "’";
}

textarea {
  vertical-align: top;
}

pre {
  white-space: pre-wrap;
}

hr {
  display: block;
  height: 1px;
  background-color: #000000;
  border: 0;
}

h1, .discover-card__content__title, h2, h3, h4, h5, h6 {
  font-size: inherit;
  font-weight: inherit;
}

img {
  -ms-interpolation-mode: bicubic;
}

a {
  color: inherit;
}

button, input, optgroup, select, textarea {
  text-align: inherit;
  font-family: inherit;
  color: inherit;
  text-transform: inherit;
}

button, input {
  padding: 0;
  margin: 0;
  border-radius: 0;
  background: transparent;
  border: none;
}

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

li {
  list-style: none;
}

/* Slick */
.slick-slide:focus {
  outline: 0;
}

/* Form */
input[type=text], input[type=email], input[type=tel], textarea {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

input::placeholder, textarea::placeholder {
  opacity: 1;
}

/* cyrillic-ext */
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(../fonts/inter/UcCm3FwrK3iLTcvnUwkT9mI1F55MKw.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(../fonts/inter/UcCm3FwrK3iLTcvnUwAT9mI1F55MKw.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(../fonts/inter/UcCm3FwrK3iLTcvnUwgT9mI1F55MKw.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(../fonts/inter/UcCm3FwrK3iLTcvnUwcT9mI1F55MKw.woff2) format("woff2");
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(../fonts/inter/UcCm3FwrK3iLTcvnUwsT9mI1F55MKw.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(../fonts/inter/UcCm3FwrK3iLTcvnUwoT9mI1F55MKw.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(../fonts/inter/UcCm3FwrK3iLTcvnUwQT9mI1F54.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(../fonts/inter/UcCo3FwrK3iLTcvvYwYZ8UA3J58.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(../fonts/inter/UcCo3FwrK3iLTcvmYwYZ8UA3J58.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(../fonts/inter/UcCo3FwrK3iLTcvuYwYZ8UA3J58.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(../fonts/inter/UcCo3FwrK3iLTcvhYwYZ8UA3J58.woff2) format("woff2");
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(../fonts/inter/UcCo3FwrK3iLTcvtYwYZ8UA3J58.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(../fonts/inter/UcCo3FwrK3iLTcvsYwYZ8UA3J58.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(../fonts/inter/UcCo3FwrK3iLTcviYwYZ8UA3.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(../fonts/montserrat/JTUQjIg1_i6t8kCHKm459WxRxC7m0dR9pBOi.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(../fonts/montserrat/JTUQjIg1_i6t8kCHKm459WxRzS7m0dR9pBOi.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(../fonts/montserrat/JTUQjIg1_i6t8kCHKm459WxRxi7m0dR9pBOi.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(../fonts/montserrat/JTUQjIg1_i6t8kCHKm459WxRxy7m0dR9pBOi.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(../fonts/montserrat/JTUQjIg1_i6t8kCHKm459WxRyS7m0dR9pA.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(../fonts/montserrat/JTUSjIg1_i6t8kCHKm459WRhyyTh89ZNpQ.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(../fonts/montserrat/JTUSjIg1_i6t8kCHKm459W1hyyTh89ZNpQ.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(../fonts/montserrat/JTUSjIg1_i6t8kCHKm459WZhyyTh89ZNpQ.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(../fonts/montserrat/JTUSjIg1_i6t8kCHKm459WdhyyTh89ZNpQ.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(../fonts/montserrat/JTUSjIg1_i6t8kCHKm459WlhyyTh89Y.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/*************************/
/* Mixins */
/*************************/
.btn, .product #reviews p.form-submit, .gform_wrapper form .gform_footer .gform_button, .gform_wrapper form .gform_footer .diadao-sdk-button-gform {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  height: 56px;
  border: 1px solid transparent;
  transition: background-color 0.25s ease-in-out, border 0.25s ease-in-out, color 0.25s ease-in-out;
  color: #1E1E1E;
  overflow: hidden;
  width: 100%;
  font-weight: 700;
  padding: 0 24px;
}
@media only screen and (min-width: 640px) {
  .btn, .product #reviews p.form-submit, .gform_wrapper form .gform_footer .gform_button, .gform_wrapper form .gform_footer .diadao-sdk-button-gform {
    width: auto;
  }
}
@media only screen and (max-width: 991px) {
  .btn, .product #reviews p.form-submit, .gform_wrapper form .gform_footer .gform_button, .gform_wrapper form .gform_footer .diadao-sdk-button-gform {
    padding: 0 16px;
    height: 48px;
    font-size: 12px;
  }
}
@media only screen and (min-width: 992px) {
  .btn, .product #reviews p.form-submit, .gform_wrapper form .gform_footer .gform_button, .gform_wrapper form .gform_footer .diadao-sdk-button-gform {
    padding: 0 24px;
    height: 48px;
  }
  .btn:not(.dropdown-toggle)::before, .product #reviews p.form-submit:not(.dropdown-toggle)::before, .gform_wrapper form .gform_footer .gform_button:not(.dropdown-toggle)::before, .gform_wrapper form .gform_footer .diadao-sdk-button-gform:not(.dropdown-toggle)::before {
    content: "";
    z-index: 0;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 0%;
    transition: width 0.25s ease-in-out;
  }
  .btn:not(.dropdown-toggle):hover::before, .product #reviews p.form-submit:not(.dropdown-toggle):hover::before, .gform_wrapper form .gform_footer .gform_button:not(.dropdown-toggle):hover::before, .gform_wrapper form .gform_footer .diadao-sdk-button-gform:not(.dropdown-toggle):hover::before {
    width: 100%;
  }
  .btn-primary::before, .product #reviews p.form-submit::before, .gform_wrapper form .gform_footer .gform_button::before, .gform_wrapper form .gform_footer .diadao-sdk-button-gform::before, .gform_wrapper form .gfield--type-submit .gform_button::before,
  .gform_wrapper form .gfield--type-submit .diadao-sdk-button-gform::before {
    background-color: var(--diadabox-primary-darker, rgb(255, 46.5, 46.5));
  }
  .btn-white::before {
    background-color: rgba(213, 221, 228, 0.3);
  }
  .btn-outline::before, .btn-secondary::before {
    background-color: #F3F5F7;
  }
  .btn-transparent:hover {
    border-color: #FFFFFF;
  }
  .btn-transparent::before {
    background-color: transparent;
  }
}
@media only screen and (min-width: 1280px) {
  .btn, .product #reviews p.form-submit, .gform_wrapper form .gform_footer .gform_button, .gform_wrapper form .gform_footer .diadao-sdk-button-gform {
    padding: 0 32px;
    height: 56px;
  }
}
.btn-primary, .product #reviews p.form-submit, .gform_wrapper form .gform_footer .gform_button, .gform_wrapper form .gform_footer .diadao-sdk-button-gform, .gform_wrapper form .gfield--type-submit .gform_button,
.gform_wrapper form .gfield--type-submit .diadao-sdk-button-gform {
  color: #FFFFFF;
  background: var(--diadabox-primary, #FF4848);
}
.btn-white {
  color: #1E1E1E;
  background: #FFFFFF;
}
.btn-outline, .btn-secondary {
  border: 1px solid #F3F5F7;
  background: #FFFFFF;
}
.btn-transparent {
  background: transparent;
}
.btn-color-white {
  color: #FFFFFF;
}
.btn--rounded {
  border-radius: 360px;
}
.btn span, .product #reviews p.form-submit span, .gform_wrapper form .gform_footer .gform_button span, .gform_wrapper form .gform_footer .diadao-sdk-button-gform span {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-size: 16px;
  pointer-events: none;
}
@media only screen and (max-width: 991px) {
  .btn span, .product #reviews p.form-submit span, .gform_wrapper form .gform_footer .gform_button span, .gform_wrapper form .gform_footer .diadao-sdk-button-gform span {
    font-size: 13px;
  }
}
.btn--small {
  height: 40px;
}
@media only screen and (min-width: 992px) {
  .btn--small {
    height: 40px;
  }
}
.btn--small span {
  font-size: 14px;
}
@media only screen and (max-width: 991px) {
  .btn--small span {
    font-size: 12px;
  }
}
.btn--small-width {
  max-width: 120px;
}
.btn--auto-width {
  width: auto !important;
}
@media only screen and (max-width: 991px) {
  .btn--small-on-mobile {
    height: 40px;
  }
  .btn--small-on-mobile span {
    font-size: 12px;
  }
}

.social-btn {
  border-radius: 4px;
  background-color: #FFFFFF;
  color: #1E1E1E;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  height: 32px;
  width: 32px;
  transition: background-color 0.25s ease-in-out;
}
@media only screen and (min-width: 992px) {
  .social-btn:hover {
    background-color: rgba(213, 221, 228, 0.3);
  }
}

.btn-group {
  display: flex;
  flex-direction: row;
  gap: 8px;
  justify-content: center;
}

.quantity {
  display: inline-flex;
  gap: 8px;
  padding: 8px;
  justify-content: center;
  align-items: center;
  height: 56px;
  font-weight: 700;
  border-radius: 4px;
  border: 2px solid transparent;
  transisition: border 0.3s ease-in-out;
}
@media only screen and (max-width: 991px) {
  .quantity {
    gap: 8px;
    padding: 8px;
    height: 40px;
  }
}
.quantity.qty-error-detected {
  border-color: var(--diadabox-primary, #FF4848);
}
@media only screen and (min-width: 992px) {
  .quantity {
    height: 48px !important;
  }
}
@media only screen and (min-width: 1280px) {
  .quantity {
    height: 56px !important;
  }
}
.quantity--grey {
  background: #F3F5F7;
}
.quantity--white {
  background: #FFFFFF;
  border: 1px solid #F3F5F7;
}
.quantity--small {
  gap: 6px;
  padding: 5px;
  height: 40px;
}
@media only screen and (min-width: 992px) {
  .quantity--small {
    gap: 10px;
    height: 40px;
  }
}
@media only screen and (max-width: 991px) {
  .quantity--small-on-mobile, .product form.cart .quantity {
    height: 40px;
  }
  .quantity--small-on-mobile span, .product form.cart .quantity span {
    font-size: 12px;
  }
}
.quantity__less .icon {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 18px;
  height: 18px;
  background-image: url("../images/diadabox/svg/icon-minus.svg");
  pointer-events: none;
}
.quantity__less--hidden {
  display: none;
}
.quantity__more .icon {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 18px;
  height: 18px;
  background-image: url("../images/diadabox/svg/icon-plus.svg");
  pointer-events: none;
}
.quantity__more--hidden {
  display: none;
}
.quantity__more, .quantity__less {
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 22px;
  cursor: pointer;
}
.quantity__more.is-disabled, .quantity__less.is-disabled {
  opacity: 0.3;
  cursor: not-allowed;
  pointer-events: none;
}
@media only screen and (min-width: 992px) {
  .quantity__more, .quantity__less {
    width: 32px;
    height: 36px;
  }
  .quantity__more:hover, .quantity__less:hover {
    background: rgba(213, 221, 228, 0.3);
  }
}
.quantity__value {
  display: flex;
  align-items: center;
  justify-content: center;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  font-weight: 700;
  text-align: center;
  border: none !important;
  background: none !important;
  padding-left: 4px !important;
  padding-right: 4px !important;
  width: 32px !important;
}

.btn-icon span:not(.screen-reader-text) {
  position: relative;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  line-height: 1;
}
.btn-icon span:not(.screen-reader-text)::before, .btn-icon span:not(.screen-reader-text)::after {
  flex-shrink: 0;
  display: block;
  width: 16px;
  height: 16px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: currentColor;
}
.btn-icon--arrows span::before {
  content: "";
  -webkit-mask-image: url("../images/diadabox/svg/btn-arrows.svg");
  mask-image: url("../images/diadabox/svg/btn-arrows.svg");
}
.btn-icon--copy span::before {
  content: "";
  -webkit-mask-image: url("../images/diadabox/svg/icon-copy.svg");
  mask-image: url("../images/diadabox/svg/icon-copy.svg");
}
.btn-icon--copy-filled span::before {
  content: "";
  -webkit-mask-image: url("../images/diadabox/svg/icon-copy-filled.svg");
  mask-image: url("../images/diadabox/svg/icon-copy-filled.svg");
}
.btn-icon--discount span::before {
  content: "";
  -webkit-mask-image: url("../images/diadabox/icons/stroke/icon-badge-decagram-percent.svg");
  mask-image: url("../images/diadabox/icons/stroke/icon-badge-decagram-percent.svg");
}
.btn-icon--external-link span:not(.screen-reader-text)::after {
  content: "";
  -webkit-mask-image: url("../images/diadabox/svg/icon-external-link.svg");
  mask-image: url("../images/diadabox/svg/icon-external-link.svg");
}
.btn-icon--cart span::before {
  content: "";
  -webkit-mask-image: url("../images/diadabox/svg/icon-basket.svg");
  mask-image: url("../images/diadabox/svg/icon-basket.svg");
}
.btn-icon--edit span::before {
  content: "";
  -webkit-mask-image: url("../images/diadabox/svg/icon-edit.svg");
  mask-image: url("../images/diadabox/svg/icon-edit.svg");
}
.btn-icon--trash span::before {
  content: "";
  -webkit-mask-image: url("../images/diadabox/svg/icon-trash.svg");
  mask-image: url("../images/diadabox/svg/icon-trash.svg");
}
.btn-icon--plus span::before {
  content: "";
  -webkit-mask-image: url("../images/diadabox/svg/icon-plus.svg");
  mask-image: url("../images/diadabox/svg/icon-plus.svg");
}
.btn-icon--check span::before {
  content: "";
  -webkit-mask-image: url("../images/diadabox/svg/icon-check.svg");
  mask-image: url("../images/diadabox/svg/icon-check.svg");
}
.btn-icon--user-circle span::before {
  content: "";
  -webkit-mask-image: url("../images/diadabox/svg/user-circle.svg");
  mask-image: url("../images/diadabox/svg/user-circle.svg");
}
.btn-icon--lock-circle span::before {
  content: "";
  -webkit-mask-image: url("../images/diadabox/svg/lock-circle.svg");
  mask-image: url("../images/diadabox/svg/lock-circle.svg");
}
.btn-icon--filter-filters span::before {
  content: "";
  -webkit-mask-image: url("../images/diadabox/svg/icon-filter-filters.svg");
  mask-image: url("../images/diadabox/svg/icon-filter-filters.svg");
  width: 14px;
  height: 7px;
}
.btn-icon--filter-arrows span::before {
  content: "";
  -webkit-mask-image: url("../images/diadabox/svg/icon-filter-arrows.svg");
  mask-image: url("../images/diadabox/svg/icon-filter-arrows.svg");
  width: 14px;
  height: 14px;
}
.btn-icon--filter-arrow-drop-down span::after {
  content: "";
  -webkit-mask-image: url("../images/diadabox/svg/icon-filter-arrow-drop-down.svg");
  mask-image: url("../images/diadabox/svg/icon-filter-arrow-drop-down.svg");
  height: 9px;
}
.btn-icon--arrow-down span::after {
  content: "";
  -webkit-mask-image: url("../images/diadabox/svg/icon-arrow-down-rounded.svg");
  mask-image: url("../images/diadabox/svg/icon-arrow-down-rounded.svg");
  height: 9px;
}

.favourite {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #FFFFFF;
  border: 1px solid #F3F5F7;
  border-radius: 50%;
  padding: 12px;
  transition: opacity 0.25s ease-in-out, background-color 0.25s ease-in-out;
}
.favourite::before {
  display: block;
  content: "";
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/diadabox/svg/icon-heart.svg");
  flex-shrink: 0;
}
.favourite--saved::before {
  background-image: url("../images/diadabox/svg/icon-heart-filled.svg");
}
.favourite__save {
  position: absolute;
  inset: 0;
  z-index: 2;
}
@media only screen and (min-width: 992px) {
  .favourite:hover {
    background: rgba(213, 221, 228, 0.3);
  }
}

body:not(.woocommerce-view-order) .woocommerce-table--order-details .product-name a:hover {
  color: #FFFFFF !important;
}

body.has-extras-cart .product-right__buttons {
  opacity: 0.3 !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
}

.btn-outline.js-pdfmodel-browse {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 16px;
  gap: 16px;
  height: auto;
}
.btn-outline.js-pdfmodel-browse p {
  display: block;
}

@media only screen and (max-width: 991px) {
  body.useragent-desktop .product-right__buttons .quantity--small-on-mobile, .product form.cart body.useragent-desktop .product-right__buttons .quantity,
  body.useragent-desktop .product form.cart .quantity {
    height: 48px;
  }
}

:root {
  --diadao-scrollbar-width: 7px;
}

#dia-quickedit-front-toggle {
  display: none !important;
}

@media only screen and (min-width: 992px) {
  .display-mobile {
    display: none !important;
  }
}
@media only screen and (max-width: 991px) {
  .display-desktop {
    display: none !important;
  }
}
html.menu-opened body, html.desktop-burger-opened body, html.menu-burger-desktop-opened body, html.modal-opened body {
  height: 100%;
  overflow: clip;
  overscroll-behavior: none;
}
html body {
  position: relative;
}
html body.menu-opened, html body.desktop-burger-opened, html body.menu-burger-desktop-opened, html body.modal-opened {
  height: 100%;
  overflow: clip;
  overscroll-behavior: none;
  padding-right: var(--scrollbar-comp);
}
html body.add-to-cart-pending {
  pointer-events: none;
}
html body.checkout-submit-pending {
  pointer-events: none;
}
html body .todo {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  padding: 10px;
  color: #F9F9F9;
  margin-bottom: 20px;
  background-image: linear-gradient(45deg, var(--diadabox-primary, #FF4848) 25%, #0085FF 25%, #0085FF 50%, var(--diadabox-primary, #FF4848) 50%, var(--diadabox-primary, #FF4848) 75%, #0085FF 75%, #0085FF 100%);
  background-size: 200px 200px;
}
html body section {
  position: relative;
  overflow: clip;
}
@media only screen and (max-width: 991px) {
  html body #main {
    padding-bottom: 56px;
  }
}

.padded-section {
  padding-top: 0;
  padding-bottom: 40px;
  padding-inline: 16px;
}
@media only screen and (min-width: 640px) {
  .padded-section {
    padding-inline: 6vw;
    padding-bottom: 32px;
  }
}
@media only screen and (min-width: 992px) {
  .padded-section {
    padding-inline: 4vw;
    padding-bottom: 48px;
  }
}
@media only screen and (min-width: 1280px) {
  .padded-section {
    padding-inline: 6vw;
    padding-bottom: 60px;
  }
}
@media only screen and (min-width: 1440px) {
  .padded-section {
    padding-inline: 8vw;
    padding-bottom: 72px;
  }
}
@media only screen and (min-width: 1920px) {
  .padded-section {
    padding-inline: 15vw;
    padding-bottom: 104px;
  }
}

.horizontal-separator {
  display: block;
  width: 100%;
  border-top: 1px solid #E8EEF3;
}

@media only screen and (min-width: 640px) {
  /* width */
  ::-webkit-scrollbar {
    width: var(--diadao-scrollbar-width);
  }
  ::-webkit-scrollbar-track {
    background: #F3F5F7;
  }
  ::-webkit-scrollbar-track-piece {
    background: #F3F5F7;
  }
  ::-webkit-scrollbar-thumb {
    height: 50px;
    background: var(--diadabox-primary, #FF4848);
    border-radius: 8px;
  }
  ::-webkit-scrollbar-thumb:hover {
    background: var(--diadabox-primary, #FF4848);
  }
  ::-webkit-scrollbar-button {
    height: 0;
  }
}
.is-hidden {
  display: none !important;
  visibility: hidden !important;
}

@media only screen and (max-width: 991px) {
  .big-device-only {
    display: none !important;
  }
}

html body.ajax-is-loading {
  overflow: hidden;
}
html body.ajax-is-loading::before {
  content: "";
  position: fixed;
  background: rgba(30, 30, 30, 0.7);
  inset: 0;
  top: 0;
  left: 0;
  height: 100%;
  z-index: 1000;
}
html body.ajax-is-loading::after {
  content: "";
  position: fixed;
  background-color: transparent;
  background-image: url("../images/diadabox/svg/spinner-loading.svg");
  background-size: 60px;
  background-position: center;
  background-repeat: no-repeat;
  height: 100vh;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1100;
}
html body.ajax-is-loading footer.footer {
  visibility: hidden;
  opacity: 0;
}
html body.checkout-submit-pending {
  overflow: hidden;
}
html body.checkout-submit-pending::before {
  content: "";
  position: fixed;
  background: rgba(30, 30, 30, 0.7);
  inset: 0;
  top: 0;
  left: 0;
  height: 100%;
  z-index: 1000;
}
html body.checkout-submit-pending::after {
  content: "";
  position: fixed;
  background-color: transparent;
  background-image: url("../images/diadabox/svg/spinner-loading.svg");
  background-size: 60px;
  background-position: center;
  background-repeat: no-repeat;
  height: 100vh;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1100;
}
html body .product__seasons__item.parent-input-to-focus,
html body .product-right__buttons,
html body .btn-pot-cta,
html body .options-price.parent-input-to-focus,
html body .options-card__quantitySelector,
html body .qty_total,
html body #gift-is-for-me-container,
html body .product__customization .js-pdfmodel-custom-trigger {
  opacity: 1;
  transition: opacity 0.25s ease-in-out;
}
html body .page-cart__payment::before, html body .page-cart__payment::after,
html body form.cart .options.total-prices::before,
html body form.cart .options.total-prices::after,
html body .form-checkout::before,
html body .form-checkout::after {
  content: "";
  transition: opacity 0.25s ease-in-out;
  visibility: hidden;
  opacity: 0;
}
html body .form-checkout.is-loading {
  overflow: hidden;
  position: relative;
  cursor: not-allowed;
  pointer-events: none;
}
html body .form-checkout.is-loading::before {
  content: "";
  opacity: 1;
  visibility: visible;
  position: absolute;
  background: rgba(255, 255, 255, 0.7);
  inset: 0;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 100;
}
html body .form-checkout.is-loading::after {
  content: "";
  opacity: 1;
  visibility: visible;
  position: absolute;
  background-image: url("../images/diadabox/svg/spinner-loading-grey.svg");
  background-size: 60px;
  background-position: center;
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 110;
}
html body.light-ajax-is-loading .product-right__buttons,
html body.light-ajax-is-loading .btn-pot-cta,
html body.light-ajax-is-loading .product__seasons__item.parent-input-to-focus,
html body.light-ajax-is-loading .options-price.parent-input-to-focus,
html body.light-ajax-is-loading .options-card__quantitySelector,
html body.light-ajax-is-loading .qty_total,
html body.light-ajax-is-loading #gift-is-for-me-container,
html body.light-ajax-is-loading .product__customization .js-pdfmodel-custom-trigger {
  opacity: 0.3;
  cursor: not-allowed;
  pointer-events: none;
}
html body.light-ajax-is-loading form.cart .options.total-prices {
  overflow: hidden;
  position: relative;
  cursor: not-allowed;
  pointer-events: none;
}
html body.light-ajax-is-loading form.cart .options.total-prices::before {
  content: "";
  opacity: 1;
  visibility: visible;
  position: absolute;
  background: rgba(255, 255, 255, 0.7);
  inset: 0;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 100;
}
html body.light-ajax-is-loading form.cart .options.total-prices::after {
  content: "";
  opacity: 1;
  visibility: visible;
  position: absolute;
  background-image: url("../images/diadabox/svg/spinner-loading-grey.svg");
  background-size: 60px;
  background-position: center;
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 110;
}

.woocommerce .loader::before {
  content: none !important;
}

.woocommerce .blockUI.blockOverlay {
  display: none !important;
}
.woocommerce .blockUI.blockOverlay::after, .woocommerce .blockUI.blockOverlay::before {
  content: none !important;
}

.icon--account-address {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/svg/icon-account-address.svg");
  pointer-events: none;
}
.icon--account-details {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/svg/icon-account-details.svg");
  pointer-events: none;
}
.icon--account-favorites {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/svg/icon-account-favorites.svg");
  pointer-events: none;
}
.icon--account-ship {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/svg/icon-account-ship.svg");
  pointer-events: none;
}
.icon--account-cagnotte {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/svg/icon-account-cagnotte.svg");
  pointer-events: none;
}
.icon--cagnotte {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/svg/icon-cagnotte.svg");
  pointer-events: none;
}
.icon--pots {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 20px;
  height: 20px;
  background-image: url("../images/diadabox/svg/icon-cagnotte-black.svg");
  pointer-events: none;
}
.icon--address {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 20px;
  height: 20px;
  background-image: url("../images/diadabox/svg/icon-address.svg");
  pointer-events: none;
}
.icon--airplane {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/svg/icon-airplane.svg");
  pointer-events: none;
}
.icon--arrow-down {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 16px;
  height: 16px;
  background-image: url("../images/diadabox/svg/icon-arrow-down-rounded.svg");
  pointer-events: none;
}
.icon--arrow-left {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 16px;
  height: 16px;
  background-image: url("../images/diadabox/svg/icon-arrow-left.svg");
  pointer-events: none;
}
.icon--arrow-right {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 16px;
  height: 16px;
  background-image: url("../images/diadabox/svg/icon-arrow-right.svg");
  pointer-events: none;
}
.icon--burger {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 20px;
  height: 20px;
  background-image: url("../images/diadabox/svg/icon-burger.svg");
  pointer-events: none;
}
.icon--calendar {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/svg/icon-calendar.svg");
  pointer-events: none;
}
.icon--cart {
  display: inline-block;
  width: 20px;
  height: 20px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: cover;
  mask-size: contain;
  -webkit-mask-image: url("../images/diadabox/svg/icon-basket.svg");
  mask-image: url("../images/diadabox/svg/icon-basket.svg");
  background-color: currentColor;
  pointer-events: none;
}
.icon--check-circle {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 20px;
  height: 20px;
  background-image: url("../images/diadabox/svg/icon-check-circle.svg");
  pointer-events: none;
}
.icon--close {
  display: inline-block;
  width: 20px;
  height: 20px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: cover;
  mask-size: contain;
  -webkit-mask-image: url("../images/diadabox/svg/icon-close.svg");
  mask-image: url("../images/diadabox/svg/icon-close.svg");
  background-color: currentColor;
  pointer-events: none;
}
.icon--alert-close {
  display: inline-block;
  width: 20px;
  height: 20px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: cover;
  mask-size: contain;
  -webkit-mask-image: url("../images/diadabox/svg/icon-alert-cross.svg");
  mask-image: url("../images/diadabox/svg/icon-alert-cross.svg");
  background-color: currentColor;
  pointer-events: none;
}
.icon--copy {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 24px;
  height: 24px;
  background-image: url("../images/diadabox/svg/icon-copy.svg");
  pointer-events: none;
}
.icon--copy-filled {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 24px;
  height: 24px;
  background-image: url("../images/diadabox/svg/icon-copy-filled.svg");
  pointer-events: none;
}
.icon--edit {
  display: inline-block;
  width: 16px;
  height: 16px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: cover;
  mask-size: contain;
  -webkit-mask-image: url("../images/diadabox/svg/icon-edit.svg");
  mask-image: url("../images/diadabox/svg/icon-edit.svg");
  background-color: currentColor;
  pointer-events: none;
}
.icon--customization {
  display: inline-block;
  width: 16px;
  height: 16px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: cover;
  mask-size: contain;
  -webkit-mask-image: url("../images/diadabox/svg/icon-enveloppe-2.svg");
  mask-image: url("../images/diadabox/svg/icon-enveloppe-2.svg");
  background-color: currentColor;
  pointer-events: none;
}
.icon--enveloppe-2 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 96px;
  height: 96px;
  background-image: url("../images/diadabox/svg/icon-enveloppe-2.svg");
  pointer-events: none;
}
.icon--cancel, .icon--refund, .icon--exchange {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/svg/icon-exchange.svg");
  pointer-events: none;
}
.icon--fr {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 20px;
  height: 20px;
  background-image: url("../images/diadabox/svg/icon-flag-fr.svg");
  pointer-events: none;
}
.icon--en, .icon--gb {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 20px;
  height: 20px;
  background-image: url("../images/diadabox/svg/icon-flag-en.svg");
  pointer-events: none;
}
.icon--us {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 20px;
  height: 20px;
  background-image: url("../images/diadabox/svg/icon-flag-us.svg");
  pointer-events: none;
}
.icon--es {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 20px;
  height: 20px;
  background-image: url("../images/diadabox/svg/icon-flag-es.svg");
  pointer-events: none;
}
.icon--de {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 20px;
  height: 20px;
  background-image: url("../images/diadabox/svg/icon-flag-de.svg");
  pointer-events: none;
}
.icon--it {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 20px;
  height: 20px;
  background-image: url("../images/diadabox/svg/icon-flag-it.svg");
  pointer-events: none;
}
.icon--ja, .icon--jp {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 20px;
  height: 20px;
  background-image: url("../images/diadabox/svg/icon-flag-ja.svg");
  pointer-events: none;
}
.icon--nl {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 20px;
  height: 20px;
  background-image: url("../images/diadabox/svg/icon-flag-nl.svg");
  pointer-events: none;
}
.icon--pt {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 20px;
  height: 20px;
  background-image: url("../images/diadabox/svg/icon-flag-pt.svg");
  pointer-events: none;
}
.icon--br {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 20px;
  height: 20px;
  background-image: url("../images/diadabox/svg/icon-flag-br.svg");
  pointer-events: none;
}
.icon--ru {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 20px;
  height: 20px;
  background-image: url("../images/diadabox/svg/icon-flag-ru.svg");
  pointer-events: none;
}
.icon--gift {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/svg/icon-gift.svg");
  pointer-events: none;
}
.icon--gift-card {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/svg/icon-gift-card.svg");
  pointer-events: none;
}
.icon--heart {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 20px;
  height: 20px;
  background-image: url("../images/diadabox/svg/icon-heart.svg");
  pointer-events: none;
}
.icon--facebook {
  display: inline-block;
  width: 16px;
  height: 16px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: cover;
  mask-size: contain;
  -webkit-mask-image: url("../images/diadabox/svg/icon-facebook.svg");
  mask-image: url("../images/diadabox/svg/icon-facebook.svg");
  background-color: currentColor;
  pointer-events: none;
}
.icon--instagram {
  display: inline-block;
  width: 16px;
  height: 16px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: cover;
  mask-size: contain;
  -webkit-mask-image: url("../images/diadabox/svg/icon-instagram.svg");
  mask-image: url("../images/diadabox/svg/icon-instagram.svg");
  background-color: currentColor;
  pointer-events: none;
}
.icon--linkedin {
  display: inline-block;
  width: 16px;
  height: 16px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: cover;
  mask-size: contain;
  -webkit-mask-image: url("../images/diadabox/svg/icon-linkedin.svg");
  mask-image: url("../images/diadabox/svg/icon-linkedin.svg");
  background-color: currentColor;
  pointer-events: none;
}
.icon--twitter {
  display: inline-block;
  width: 16px;
  height: 16px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: cover;
  mask-size: contain;
  -webkit-mask-image: url("../images/diadabox/svg/icon-twitter.svg");
  mask-image: url("../images/diadabox/svg/icon-twitter.svg");
  background-color: currentColor;
  pointer-events: none;
}
.icon--home {
  display: inline-block;
  width: 16px;
  height: 16px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: cover;
  mask-size: contain;
  -webkit-mask-image: url("../images/diadabox/svg/icon-home.svg");
  mask-image: url("../images/diadabox/svg/icon-home.svg");
  background-color: currentColor;
  pointer-events: none;
}
.icon--home-outline {
  display: inline-block;
  width: 20px;
  height: 20px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: cover;
  mask-size: contain;
  -webkit-mask-image: url("../images/diadabox/icons/stroke/icon-home-2.svg");
  mask-image: url("../images/diadabox/icons/stroke/icon-home-2.svg");
  background-color: currentColor;
  pointer-events: none;
}
.icon--info4 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 16px;
  height: 16px;
  background-image: url("../images/diadabox/svg/icon-info4.svg");
  pointer-events: none;
}
.icon--location {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 20px;
  height: 20px;
  background-image: url("../images/diadabox/svg/icon-location.svg");
  pointer-events: none;
}
.icon--mail {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/svg/icon-mail.svg");
  pointer-events: none;
}
.icon--orders {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 20px;
  height: 20px;
  background-image: url("../images/diadabox/svg/icon-orders.svg");
  pointer-events: none;
}
.icon--qrcode2 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 96px;
  height: 96px;
  background-image: url("../images/diadabox/svg/icon-qrcode2.svg");
  pointer-events: none;
}
.icon--reception {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/svg/icon-reception.svg");
  pointer-events: none;
}
.icon--search {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 20px;
  height: 20px;
  background-image: url("../images/diadabox/svg/icon-search.svg");
  pointer-events: none;
}
.icon--secure {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/svg/icon-secure.svg");
  pointer-events: none;
}
.icon--spa {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/svg/icon-spa.svg");
  pointer-events: none;
}
.icon--tap {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/svg/icon-tap.svg");
  pointer-events: none;
}
.icon--toggle {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/svg/icon-toggle.svg");
  pointer-events: none;
}
.icon--trash {
  display: inline-block;
  width: 16px;
  height: 16px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: cover;
  mask-size: contain;
  -webkit-mask-image: url("../images/diadabox/svg/icon-trash.svg");
  mask-image: url("../images/diadabox/svg/icon-trash.svg");
  background-color: currentColor;
  pointer-events: none;
}
.icon--user {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 20px;
  height: 20px;
  background-image: url("../images/diadabox/svg/icon-user.svg");
  pointer-events: none;
}
.icon--login {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 20px;
  height: 20px;
  background-image: url("../images/diadabox/svg/icon-login.svg");
  pointer-events: none;
}
.icon--signup {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 20px;
  height: 20px;
  background-image: url("../images/diadabox/svg/icon-signup.svg");
  pointer-events: none;
}
.icon--alert-check {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 20px;
  height: 20px;
  background-image: url("../images/diadabox/svg/icon-alert-check.svg");
  pointer-events: none;
}
.icon--alert-info {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 20px;
  height: 20px;
  background-image: url("../images/diadabox/svg/icon-alert-info.svg");
  pointer-events: none;
}
.icon--alert-shield {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 20px;
  height: 20px;
  background-image: url("../images/diadabox/svg/icon-alert-shield.svg");
  pointer-events: none;
}
.icon--alert-triangle {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 20px;
  height: 20px;
  background-image: url("../images/diadabox/svg/icon-alert-triangle.svg");
  pointer-events: none;
}
.icon--birthday {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/svg/icon-birthday.svg");
  pointer-events: none;
}
.icon--check {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 20px;
  height: 20px;
  background-image: url("../images/diadabox/svg/icon-check.svg");
  pointer-events: none;
}
.icon--click-collect {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/svg/icon-click-collect.svg");
  pointer-events: none;
}
.icon--exchange-nope {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/svg/icon-exchange-nope.svg");
  pointer-events: none;
}
.icon--external-link {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 16px;
  height: 16px;
  background-image: url("../images/diadabox/svg/icon-external-link.svg");
  pointer-events: none;
}
.icon--heart-filled {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 20px;
  height: 20px;
  background-image: url("../images/diadabox/svg/icon-heart-filled.svg");
  pointer-events: none;
}
.icon--minus {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 16px;
  height: 16px;
  background-image: url("../images/diadabox/svg/icon-minus.svg");
  pointer-events: none;
}
.icon--plus {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 16px;
  height: 16px;
  background-image: url("../images/diadabox/svg/icon-plus.svg");
  pointer-events: none;
}
.icon--star {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 20px;
  height: 20px;
  background-image: url("../images/diadabox/svg/icon-star.svg");
  pointer-events: none;
}
.icon--no-cancel {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/svg/icon-cart-nope.svg");
  pointer-events: none;
}
.icon--no-refund {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/svg/icon-money-back.svg");
  pointer-events: none;
}
.icon--no-exchange {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/svg/icon-exchange.svg");
  pointer-events: none;
}
.icon--no-special-dates, .icon--calendar-nope {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/svg/icon-calendar-nope.svg");
  pointer-events: none;
}
.icon--cart-nope {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/svg/icon-cart-nope.svg");
  pointer-events: none;
}
.icon--christmas {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/svg/icon-christmas.svg");
  pointer-events: none;
}
.icon--couple {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/svg/icon-couple.svg");
  pointer-events: none;
}
.icon--for-her {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/svg/icon-for-her.svg");
  pointer-events: none;
}
.icon--for-him {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/svg/icon-for-him.svg");
  pointer-events: none;
}
.icon--hotel-pin {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/svg/icon-hotel-pin.svg");
  pointer-events: none;
}
.icon--hotel {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/svg/icon-hotel-pin.svg");
  pointer-events: none;
}
.icon--mariage {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/svg/icon-mariage.svg");
  pointer-events: none;
}
.icon--money-back {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/svg/icon-money-back.svg");
  pointer-events: none;
}
.icon--new {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/svg/icon-new.svg");
  pointer-events: none;
}
.icon--valentines {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/svg/icon-valentines.svg");
  pointer-events: none;
}

.icons-link {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 360px;
  transition: background 0.25s ease-in-out;
  position: relative;
  border: 1px solid rgba(213, 221, 228, 0.3);
}
@media only screen and (min-width: 992px) {
  .icons-link:hover {
    background: rgba(213, 221, 228, 0.3);
    border-color: rgba(213, 221, 228, 0.3);
  }
}

.icon--mask-dynamic, .icon--filter-dynamic {
  display: inline-block;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: cover;
  mask-size: contain;
  background-color: currentColor;
  pointer-events: none;
}
.icon--filter-dynamic {
  width: 18px;
  height: 18px;
}
@media only screen and (min-width: 992px) {
  .icon--filter-dynamic {
    width: 24px;
    height: 24px;
  }
}
@media only screen and (min-width: 1440px) {
  .icon--filter-dynamic {
    width: 32px;
    height: 32px;
  }
}
.icon--bg-dynamic, .icon--reinsurance-dynamic {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  pointer-events: none;
}

/*
 * L'accueil pilote peut afficher son premier rendu sans les pictogrammes
 * decoratifs hors navigation. La classe est posee dans <body> par PHP ;
 * html.diadabox-assets-ready la leve au premier geste (souris, tactile ou clavier).
 * Les pictogrammes visibles et fonctionnels de la navbar restent toujours au FCP.
 */
html:not(.diadabox-assets-ready) body.diadabox-perf-decorative-defer .advantage-card__content__icon,
html:not(.diadabox-assets-ready) body.diadabox-perf-decorative-defer footer .icon,
html:not(.diadabox-assets-ready) body.diadabox-perf-decorative-defer .footer__diadao-logo,
html:not(.diadabox-assets-ready) body.diadabox-perf-decorative-defer .footer__payment .logo {
  background-image: none !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
}

.product__reinsurance .icon--user {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-user-4.svg");
  pointer-events: none;
}
.product__reinsurance .icon--calendar {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-calendar-days.svg");
  pointer-events: none;
}
.product__reinsurance .icon--mail {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-envelope-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--tap {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-hand-taking-user.svg");
  pointer-events: none;
}
.product__reinsurance .icon--reception, .product__reinsurance .icon--hotel {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-buildings-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--secure {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-shield-2-check.svg");
  pointer-events: none;
}
.product__reinsurance .icon--exchange, .product__reinsurance .icon--cancel, .product__reinsurance .icon--refund, .product__reinsurance .icon--no-exchange {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-refresh-circle-1-clockwise.svg");
  pointer-events: none;
}
.product__reinsurance .icon--no-cancel {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-ban-2.svg");
  pointer-events: none;
}
.product__reinsurance .icon--no-refund {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-shield-dollar.svg");
  pointer-events: none;
}
.product__reinsurance .icon--no-special-dates, .product__reinsurance .icon--calendar-nope {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-calendar-days.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-aeroplane-1, .product__reinsurance .icon--aeroplane-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-aeroplane-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-agenda, .product__reinsurance .icon--agenda {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-agenda.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-alarm-1, .product__reinsurance .icon--alarm-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-alarm-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-align-text-center, .product__reinsurance .icon--align-text-center {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-align-text-center.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-align-text-left, .product__reinsurance .icon--align-text-left {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-align-text-left.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-align-text-right, .product__reinsurance .icon--align-text-right {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-align-text-right.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-ambulance-1, .product__reinsurance .icon--ambulance-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-ambulance-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-anchor, .product__reinsurance .icon--anchor {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-anchor.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-angle-double-down, .product__reinsurance .icon--angle-double-down {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-angle-double-down.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-angle-double-left, .product__reinsurance .icon--angle-double-left {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-angle-double-left.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-angle-double-right, .product__reinsurance .icon--angle-double-right {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-angle-double-right.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-angle-double-up, .product__reinsurance .icon--angle-double-up {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-angle-double-up.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-arrow-all-direction, .product__reinsurance .icon--arrow-all-direction {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-arrow-all-direction.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-arrow-angular-top-left, .product__reinsurance .icon--arrow-angular-top-left {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-arrow-angular-top-left.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-arrow-angular-top-right, .product__reinsurance .icon--arrow-angular-top-right {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-arrow-angular-top-right.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-arrow-both-direction-horizontal-1, .product__reinsurance .icon--arrow-both-direction-horizontal-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-arrow-both-direction-horizontal-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-arrow-both-direction-vertical-1, .product__reinsurance .icon--arrow-both-direction-vertical-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-arrow-both-direction-vertical-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-arrow-downward, .product__reinsurance .icon--arrow-downward {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-arrow-downward.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-arrow-left-circle, .product__reinsurance .icon--arrow-left-circle {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-arrow-left-circle.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-arrow-left, .product__reinsurance .icon--arrow-left {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-arrow-left.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-arrow-right-circle, .product__reinsurance .icon--arrow-right-circle {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-arrow-right-circle.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-arrow-right, .product__reinsurance .icon--arrow-right {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-arrow-right.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-arrow-upward, .product__reinsurance .icon--arrow-upward {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-arrow-upward.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-badge-decagram-percent, .product__reinsurance .icon--badge-decagram-percent {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-badge-decagram-percent.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-balloons, .product__reinsurance .icon--balloons {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-balloons.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-ban-2, .product__reinsurance .icon--ban-2 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-ban-2.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-bar-chart-4, .product__reinsurance .icon--bar-chart-4 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-bar-chart-4.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-bar-chart-dollar, .product__reinsurance .icon--bar-chart-dollar {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-bar-chart-dollar.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-basket-shopping-3, .product__reinsurance .icon--basket-shopping-3 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-basket-shopping-3.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-beat, .product__reinsurance .icon--beat {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-beat.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-bell-1, .product__reinsurance .icon--bell-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-bell-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-bike, .product__reinsurance .icon--bike {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-bike.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-bluetooth, .product__reinsurance .icon--bluetooth {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-bluetooth.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-board-writing-3, .product__reinsurance .icon--board-writing-3 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-board-writing-3.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-bold, .product__reinsurance .icon--bold {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-bold.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-bolt-2, .product__reinsurance .icon--bolt-2 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-bolt-2.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-bolt-3, .product__reinsurance .icon--bolt-3 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-bolt-3.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-book-1, .product__reinsurance .icon--book-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-book-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-bookmark-1, .product__reinsurance .icon--bookmark-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-bookmark-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-bookmark-circle, .product__reinsurance .icon--bookmark-circle {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-bookmark-circle.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-books-2, .product__reinsurance .icon--books-2 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-books-2.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-box-archive-1, .product__reinsurance .icon--box-archive-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-box-archive-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-box-closed, .product__reinsurance .icon--box-closed {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-box-closed.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-box-gift-1, .product__reinsurance .icon--box-gift-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-box-gift-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-bricks, .product__reinsurance .icon--bricks {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-bricks.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-bridge-3, .product__reinsurance .icon--bridge-3 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-bridge-3.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-briefcase-1, .product__reinsurance .icon--briefcase-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-briefcase-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-briefcase-2, .product__reinsurance .icon--briefcase-2 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-briefcase-2.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-briefcase-plus-1, .product__reinsurance .icon--briefcase-plus-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-briefcase-plus-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-brush-1-rotated, .product__reinsurance .icon--brush-1-rotated {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-brush-1-rotated.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-brush-2, .product__reinsurance .icon--brush-2 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-brush-2.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-bug-1, .product__reinsurance .icon--bug-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-bug-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-buildings-1, .product__reinsurance .icon--buildings-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-buildings-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-bulb-2, .product__reinsurance .icon--bulb-2 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-bulb-2.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-bulb-4, .product__reinsurance .icon--bulb-4 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-bulb-4.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-burger-1, .product__reinsurance .icon--burger-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-burger-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-burger-drink, .product__reinsurance .icon--burger-drink {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-burger-drink.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-bus-1, .product__reinsurance .icon--bus-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-bus-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-busket-ball, .product__reinsurance .icon--busket-ball {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-busket-ball.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-cake-1, .product__reinsurance .icon--cake-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-cake-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-calculator-1, .product__reinsurance .icon--calculator-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-calculator-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-calculator-2, .product__reinsurance .icon--calculator-2 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-calculator-2.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-calendar-days, .product__reinsurance .icon--calendar-days {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-calendar-days.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-camera-1, .product__reinsurance .icon--camera-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-camera-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-camera-movie-1, .product__reinsurance .icon--camera-movie-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-camera-movie-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-candy-cane-2, .product__reinsurance .icon--candy-cane-2 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-candy-cane-2.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-candy-round-1, .product__reinsurance .icon--candy-round-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-candy-round-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-capsule-1, .product__reinsurance .icon--capsule-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-capsule-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-car-2, .product__reinsurance .icon--car-2 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-car-2.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-car-4, .product__reinsurance .icon--car-4 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-car-4.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-car-6, .product__reinsurance .icon--car-6 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-car-6.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-caravan-1, .product__reinsurance .icon--caravan-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-caravan-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-cart-1, .product__reinsurance .icon--cart-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-cart-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-cart-2, .product__reinsurance .icon--cart-2 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-cart-2.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-certificate-badge-1, .product__reinsurance .icon--certificate-badge-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-certificate-badge-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-chat-bubble-2, .product__reinsurance .icon--chat-bubble-2 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-chat-bubble-2.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-check-circle-1, .product__reinsurance .icon--check-circle-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-check-circle-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-check-square-2, .product__reinsurance .icon--check-square-2 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-check-square-2.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-check, .product__reinsurance .icon--check {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-check.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-chevron-down-circle, .product__reinsurance .icon--chevron-down-circle {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-chevron-down-circle.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-chevron-down, .product__reinsurance .icon--chevron-down {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-chevron-down.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-chevron-left-circle, .product__reinsurance .icon--chevron-left-circle {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-chevron-left-circle.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-chevron-left, .product__reinsurance .icon--chevron-left {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-chevron-left.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-chevron-up-circle, .product__reinsurance .icon--chevron-up-circle {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-chevron-up-circle.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-chevron-up, .product__reinsurance .icon--chevron-up {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-chevron-up.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-clipboard, .product__reinsurance .icon--clipboard {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-clipboard.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-cloud-2, .product__reinsurance .icon--cloud-2 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-cloud-2.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-cloud-bolt-1, .product__reinsurance .icon--cloud-bolt-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-cloud-bolt-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-cloud-bolt-2, .product__reinsurance .icon--cloud-bolt-2 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-cloud-bolt-2.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-cloud-check-circle, .product__reinsurance .icon--cloud-check-circle {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-cloud-check-circle.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-cloud-download, .product__reinsurance .icon--cloud-download {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-cloud-download.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-cloud-iot-2, .product__reinsurance .icon--cloud-iot-2 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-cloud-iot-2.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-cloud-rain, .product__reinsurance .icon--cloud-rain {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-cloud-rain.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-cloud-refresh-clockwise, .product__reinsurance .icon--cloud-refresh-clockwise {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-cloud-refresh-clockwise.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-cloud-sun, .product__reinsurance .icon--cloud-sun {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-cloud-sun.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-cloud-upload, .product__reinsurance .icon--cloud-upload {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-cloud-upload.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-code-1, .product__reinsurance .icon--code-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-code-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-code-s, .product__reinsurance .icon--code-s {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-code-s.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-coffee-cup-2, .product__reinsurance .icon--coffee-cup-2 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-coffee-cup-2.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-colour-palette-3, .product__reinsurance .icon--colour-palette-3 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-colour-palette-3.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-comment-1-share, .product__reinsurance .icon--comment-1-share {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-comment-1-share.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-comment-1-text, .product__reinsurance .icon--comment-1-text {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-comment-1-text.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-comment-1, .product__reinsurance .icon--comment-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-comment-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-compass-drafting-2, .product__reinsurance .icon--compass-drafting-2 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-compass-drafting-2.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-crane-4, .product__reinsurance .icon--crane-4 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-crane-4.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-credit-card-multiple, .product__reinsurance .icon--credit-card-multiple {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-credit-card-multiple.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-crop-2, .product__reinsurance .icon--crop-2 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-crop-2.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-crown-3, .product__reinsurance .icon--crown-3 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-crown-3.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-dashboard-square-1, .product__reinsurance .icon--dashboard-square-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-dashboard-square-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-database-2, .product__reinsurance .icon--database-2 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-database-2.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-diamonds-1, .product__reinsurance .icon--diamonds-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-diamonds-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-diamonds-2, .product__reinsurance .icon--diamonds-2 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-diamonds-2.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-direction-ltr, .product__reinsurance .icon--direction-ltr {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-direction-ltr.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-direction-rtl, .product__reinsurance .icon--direction-rtl {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-direction-rtl.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-dollar-circle, .product__reinsurance .icon--dollar-circle {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-dollar-circle.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-dollar, .product__reinsurance .icon--dollar {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-dollar.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-double-quotes-end-1, .product__reinsurance .icon--double-quotes-end-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-double-quotes-end-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-download-1, .product__reinsurance .icon--download-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-download-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-download-circle-1, .product__reinsurance .icon--download-circle-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-download-circle-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-dumbbell-1, .product__reinsurance .icon--dumbbell-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-dumbbell-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-emoji-expressionless-flat-eyes, .product__reinsurance .icon--emoji-expressionless-flat-eyes {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-emoji-expressionless-flat-eyes.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-emoji-expressionless, .product__reinsurance .icon--emoji-expressionless {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-emoji-expressionless.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-emoji-grin, .product__reinsurance .icon--emoji-grin {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-emoji-grin.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-emoji-sad, .product__reinsurance .icon--emoji-sad {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-emoji-sad.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-emoji-smile-side, .product__reinsurance .icon--emoji-smile-side {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-emoji-smile-side.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-emoji-smile-sunglass, .product__reinsurance .icon--emoji-smile-sunglass {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-emoji-smile-sunglass.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-emoji-smile-tongue, .product__reinsurance .icon--emoji-smile-tongue {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-emoji-smile-tongue.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-emoji-smile, .product__reinsurance .icon--emoji-smile {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-emoji-smile.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-enter, .product__reinsurance .icon--enter {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-enter.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-envelope-1, .product__reinsurance .icon--envelope-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-envelope-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-eraser-1, .product__reinsurance .icon--eraser-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-eraser-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-euro, .product__reinsurance .icon--euro {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-euro.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-exit-down, .product__reinsurance .icon--exit-down {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-exit-down.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-exit-up, .product__reinsurance .icon--exit-up {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-exit-up.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-exit, .product__reinsurance .icon--exit {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-exit.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-expand-arrow-1, .product__reinsurance .icon--expand-arrow-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-expand-arrow-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-expand-square-4, .product__reinsurance .icon--expand-square-4 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-expand-square-4.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-eye, .product__reinsurance .icon--eye {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-eye.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-file-format-zip, .product__reinsurance .icon--file-format-zip {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-file-format-zip.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-file-multiple, .product__reinsurance .icon--file-multiple {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-file-multiple.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-file-pencil, .product__reinsurance .icon--file-pencil {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-file-pencil.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-file-plus-circle, .product__reinsurance .icon--file-plus-circle {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-file-plus-circle.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-file-question, .product__reinsurance .icon--file-question {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-file-question.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-file-xmark, .product__reinsurance .icon--file-xmark {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-file-xmark.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-firework-rocket-4, .product__reinsurance .icon--firework-rocket-4 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-firework-rocket-4.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-flag-1, .product__reinsurance .icon--flag-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-flag-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-flag-2, .product__reinsurance .icon--flag-2 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-flag-2.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-floppy-disk-1, .product__reinsurance .icon--floppy-disk-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-floppy-disk-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-flower-2, .product__reinsurance .icon--flower-2 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-flower-2.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-folder-1, .product__reinsurance .icon--folder-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-folder-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-funnel-1, .product__reinsurance .icon--funnel-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-funnel-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-gallery, .product__reinsurance .icon--gallery {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-gallery.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-game-pad-modern-1, .product__reinsurance .icon--game-pad-modern-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-game-pad-modern-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-gauge-1, .product__reinsurance .icon--gauge-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-gauge-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-gear-1, .product__reinsurance .icon--gear-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-gear-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-gears-3, .product__reinsurance .icon--gears-3 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-gears-3.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-glass-juice-1, .product__reinsurance .icon--glass-juice-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-glass-juice-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-globe-1, .product__reinsurance .icon--globe-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-globe-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-globe-stand, .product__reinsurance .icon--globe-stand {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-globe-stand.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-graduation-cap-1, .product__reinsurance .icon--graduation-cap-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-graduation-cap-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-hammer-1, .product__reinsurance .icon--hammer-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-hammer-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-hammer-2, .product__reinsurance .icon--hammer-2 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-hammer-2.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-hand-mic, .product__reinsurance .icon--hand-mic {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-hand-mic.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-hand-shake, .product__reinsurance .icon--hand-shake {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-hand-shake.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-hand-stop, .product__reinsurance .icon--hand-stop {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-hand-stop.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-hand-taking-dollar, .product__reinsurance .icon--hand-taking-dollar {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-hand-taking-dollar.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-hand-taking-leaf-1, .product__reinsurance .icon--hand-taking-leaf-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-hand-taking-leaf-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-hand-taking-user, .product__reinsurance .icon--hand-taking-user {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-hand-taking-user.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-hat-chef-3, .product__reinsurance .icon--hat-chef-3 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-hat-chef-3.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-headphone-1, .product__reinsurance .icon--headphone-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-headphone-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-heart, .product__reinsurance .icon--heart {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-heart.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-helicopter-2, .product__reinsurance .icon--helicopter-2 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-helicopter-2.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-helmet-safety-1, .product__reinsurance .icon--helmet-safety-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-helmet-safety-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-hierarchy-1, .product__reinsurance .icon--hierarchy-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-hierarchy-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-highlighter-1, .product__reinsurance .icon--highlighter-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-highlighter-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-highlighter-2, .product__reinsurance .icon--highlighter-2 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-highlighter-2.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-home-2, .product__reinsurance .icon--home-2 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-home-2.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-hospital-2, .product__reinsurance .icon--hospital-2 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-hospital-2.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-hourglass, .product__reinsurance .icon--hourglass {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-hourglass.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-indent, .product__reinsurance .icon--indent {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-indent.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-injection-1, .product__reinsurance .icon--injection-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-injection-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-island-2, .product__reinsurance .icon--island-2 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-island-2.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-key-1, .product__reinsurance .icon--key-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-key-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-keyboard, .product__reinsurance .icon--keyboard {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-keyboard.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-knife-fork-1, .product__reinsurance .icon--knife-fork-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-knife-fork-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-label-dollar-2, .product__reinsurance .icon--label-dollar-2 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-label-dollar-2.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-laptop-2, .product__reinsurance .icon--laptop-2 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-laptop-2.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-laptop-phone, .product__reinsurance .icon--laptop-phone {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-laptop-phone.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-layers-1, .product__reinsurance .icon--layers-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-layers-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-layout-26, .product__reinsurance .icon--layout-26 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-layout-26.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-layout-9, .product__reinsurance .icon--layout-9 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-layout-9.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-leaf-1, .product__reinsurance .icon--leaf-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-leaf-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-leaf-6, .product__reinsurance .icon--leaf-6 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-leaf-6.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-life-guard-tube-1, .product__reinsurance .icon--life-guard-tube-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-life-guard-tube-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-line-dashed, .product__reinsurance .icon--line-dashed {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-line-dashed.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-line-dotted, .product__reinsurance .icon--line-dotted {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-line-dotted.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-line-height, .product__reinsurance .icon--line-height {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-line-height.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-link-2-angular-right, .product__reinsurance .icon--link-2-angular-right {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-link-2-angular-right.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-location-arrow-right, .product__reinsurance .icon--location-arrow-right {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-location-arrow-right.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-locked-1, .product__reinsurance .icon--locked-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-locked-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-locked-2, .product__reinsurance .icon--locked-2 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-locked-2.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-magnet, .product__reinsurance .icon--magnet {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-magnet.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-map-marker-1, .product__reinsurance .icon--map-marker-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-map-marker-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-map-marker-5, .product__reinsurance .icon--map-marker-5 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-map-marker-5.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-map-pin-5, .product__reinsurance .icon--map-pin-5 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-map-pin-5.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-megaphone-1, .product__reinsurance .icon--megaphone-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-megaphone-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-menu-cheesburger, .product__reinsurance .icon--menu-cheesburger {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-menu-cheesburger.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-menu-hamburger-1, .product__reinsurance .icon--menu-hamburger-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-menu-hamburger-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-menu-meatballs-1, .product__reinsurance .icon--menu-meatballs-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-menu-meatballs-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-menu-meatballs-2, .product__reinsurance .icon--menu-meatballs-2 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-menu-meatballs-2.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-message-2-question, .product__reinsurance .icon--message-2-question {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-message-2-question.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-message-2, .product__reinsurance .icon--message-2 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-message-2.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-message-3-text, .product__reinsurance .icon--message-3-text {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-message-3-text.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-microphone-1, .product__reinsurance .icon--microphone-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-microphone-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-microscope, .product__reinsurance .icon--microscope {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-microscope.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-minus-circle, .product__reinsurance .icon--minus-circle {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-minus-circle.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-minus, .product__reinsurance .icon--minus {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-minus.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-monitor-code, .product__reinsurance .icon--monitor-code {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-monitor-code.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-monitor-mac, .product__reinsurance .icon--monitor-mac {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-monitor-mac.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-monitor, .product__reinsurance .icon--monitor {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-monitor.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-moon-half-right-5, .product__reinsurance .icon--moon-half-right-5 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-moon-half-right-5.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-mountains-2, .product__reinsurance .icon--mountains-2 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-mountains-2.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-mouse-2, .product__reinsurance .icon--mouse-2 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-mouse-2.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-mushroom-1, .product__reinsurance .icon--mushroom-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-mushroom-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-mushroom-5, .product__reinsurance .icon--mushroom-5 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-mushroom-5.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-music, .product__reinsurance .icon--music {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-music.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-next-step-2, .product__reinsurance .icon--next-step-2 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-next-step-2.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-notebook-1, .product__reinsurance .icon--notebook-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-notebook-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-outdent, .product__reinsurance .icon--outdent {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-outdent.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-page-break-1, .product__reinsurance .icon--page-break-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-page-break-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-pagination, .product__reinsurance .icon--pagination {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-pagination.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-paint-bucket, .product__reinsurance .icon--paint-bucket {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-paint-bucket.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-paint-roller-1, .product__reinsurance .icon--paint-roller-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-paint-roller-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-paperclip-1, .product__reinsurance .icon--paperclip-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-paperclip-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-party-flags, .product__reinsurance .icon--party-flags {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-party-flags.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-party-spray, .product__reinsurance .icon--party-spray {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-party-spray.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-pause, .product__reinsurance .icon--pause {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-pause.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-pen-to-square, .product__reinsurance .icon--pen-to-square {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-pen-to-square.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-pencil-1, .product__reinsurance .icon--pencil-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-pencil-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-phone, .product__reinsurance .icon--phone {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-phone.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-photos, .product__reinsurance .icon--photos {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-photos.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-pie-chart-2, .product__reinsurance .icon--pie-chart-2 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-pie-chart-2.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-pilcrow, .product__reinsurance .icon--pilcrow {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-pilcrow.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-pizza-2, .product__reinsurance .icon--pizza-2 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-pizza-2.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-placeholder-dollar, .product__reinsurance .icon--placeholder-dollar {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-placeholder-dollar.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-play, .product__reinsurance .icon--play {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-play.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-plug-1, .product__reinsurance .icon--plug-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-plug-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-plus, .product__reinsurance .icon--plus {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-plus.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-pound, .product__reinsurance .icon--pound {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-pound.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-power-button, .product__reinsurance .icon--power-button {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-power-button.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-previous-step-2, .product__reinsurance .icon--previous-step-2 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-previous-step-2.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-printer, .product__reinsurance .icon--printer {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-printer.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-question-mark-circle, .product__reinsurance .icon--question-mark-circle {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-question-mark-circle.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-question-mark, .product__reinsurance .icon--question-mark {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-question-mark.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-refresh-circle-1-clockwise, .product__reinsurance .icon--refresh-circle-1-clockwise {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-refresh-circle-1-clockwise.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-refresh-dollar-1, .product__reinsurance .icon--refresh-dollar-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-refresh-dollar-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-refresh-user-1, .product__reinsurance .icon--refresh-user-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-refresh-user-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-road-1, .product__reinsurance .icon--road-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-road-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-rocket-5, .product__reinsurance .icon--rocket-5 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-rocket-5.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-route-1, .product__reinsurance .icon--route-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-route-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-rss-right, .product__reinsurance .icon--rss-right {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-rss-right.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-ruler-1, .product__reinsurance .icon--ruler-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-ruler-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-ruler-pen, .product__reinsurance .icon--ruler-pen {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-ruler-pen.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-rupee, .product__reinsurance .icon--rupee {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-rupee.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-school-bench-1, .product__reinsurance .icon--school-bench-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-school-bench-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-school-bench-2, .product__reinsurance .icon--school-bench-2 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-school-bench-2.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-scissors-1-vertical, .product__reinsurance .icon--scissors-1-vertical {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-scissors-1-vertical.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-scoter, .product__reinsurance .icon--scoter {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-scoter.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-scroll-down-2, .product__reinsurance .icon--scroll-down-2 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-scroll-down-2.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-search-1, .product__reinsurance .icon--search-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-search-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-search-2, .product__reinsurance .icon--search-2 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-search-2.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-search-minus, .product__reinsurance .icon--search-minus {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-search-minus.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-search-plus, .product__reinsurance .icon--search-plus {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-search-plus.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-search-text, .product__reinsurance .icon--search-text {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-search-text.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-select-cursor-1, .product__reinsurance .icon--select-cursor-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-select-cursor-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-seo-monitor, .product__reinsurance .icon--seo-monitor {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-seo-monitor.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-service-bell-1, .product__reinsurance .icon--service-bell-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-service-bell-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-share-1-circle, .product__reinsurance .icon--share-1-circle {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-share-1-circle.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-share-1, .product__reinsurance .icon--share-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-share-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-share-2, .product__reinsurance .icon--share-2 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-share-2.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-shield-2-check, .product__reinsurance .icon--shield-2-check {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-shield-2-check.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-shield-2, .product__reinsurance .icon--shield-2 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-shield-2.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-shield-dollar, .product__reinsurance .icon--shield-dollar {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-shield-dollar.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-shift-left, .product__reinsurance .icon--shift-left {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-shift-left.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-shift-right, .product__reinsurance .icon--shift-right {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-shift-right.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-ship-1, .product__reinsurance .icon--ship-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-ship-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-shirt-1, .product__reinsurance .icon--shirt-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-shirt-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-shovel, .product__reinsurance .icon--shovel {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-shovel.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-shuffle, .product__reinsurance .icon--shuffle {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-shuffle.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-sign-post-left, .product__reinsurance .icon--sign-post-left {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-sign-post-left.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-signs-post-2, .product__reinsurance .icon--signs-post-2 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-signs-post-2.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-slice-2, .product__reinsurance .icon--slice-2 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-slice-2.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-sliders-horizontal-square-2, .product__reinsurance .icon--sliders-horizontal-square-2 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-sliders-horizontal-square-2.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-sort-alphabetical, .product__reinsurance .icon--sort-alphabetical {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-sort-alphabetical.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-sort-high-to-low, .product__reinsurance .icon--sort-high-to-low {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-sort-high-to-low.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-spellcheck, .product__reinsurance .icon--spellcheck {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-spellcheck.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-spinner-2-sacle, .product__reinsurance .icon--spinner-2-sacle {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-spinner-2-sacle.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-spinner-3, .product__reinsurance .icon--spinner-3 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-spinner-3.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-sports, .product__reinsurance .icon--sports {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-sports.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-stamp, .product__reinsurance .icon--stamp {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-stamp.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-star-fat-half-2, .product__reinsurance .icon--star-fat-half-2 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-star-fat-half-2.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-star-fat, .product__reinsurance .icon--star-fat {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-star-fat.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-star-sharp-disabled, .product__reinsurance .icon--star-sharp-disabled {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-star-sharp-disabled.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-stethoscope-1, .product__reinsurance .icon--stethoscope-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-stethoscope-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-stopwatch, .product__reinsurance .icon--stopwatch {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-stopwatch.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-storage-hdd-2, .product__reinsurance .icon--storage-hdd-2 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-storage-hdd-2.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-strikethrough-1, .product__reinsurance .icon--strikethrough-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-strikethrough-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-sun-1, .product__reinsurance .icon--sun-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-sun-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-surfboard-2, .product__reinsurance .icon--surfboard-2 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-surfboard-2.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-tab, .product__reinsurance .icon--tab {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-tab.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-target-user, .product__reinsurance .icon--target-user {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-target-user.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-telephone-1, .product__reinsurance .icon--telephone-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-telephone-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-telephone-3, .product__reinsurance .icon--telephone-3 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-telephone-3.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-text-format-remove, .product__reinsurance .icon--text-format-remove {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-text-format-remove.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-text-format, .product__reinsurance .icon--text-format {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-text-format.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-text-paragraph, .product__reinsurance .icon--text-paragraph {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-text-paragraph.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-thumbs-down-3, .product__reinsurance .icon--thumbs-down-3 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-thumbs-down-3.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-thumbs-up-3, .product__reinsurance .icon--thumbs-up-3 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-thumbs-up-3.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-ticket-1, .product__reinsurance .icon--ticket-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-ticket-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-tickets-3, .product__reinsurance .icon--tickets-3 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-tickets-3.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-tower-broadcast-1, .product__reinsurance .icon--tower-broadcast-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-tower-broadcast-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-train-1, .product__reinsurance .icon--train-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-train-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-train-3, .product__reinsurance .icon--train-3 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-train-3.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-trash-3, .product__reinsurance .icon--trash-3 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-trash-3.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-tree-2, .product__reinsurance .icon--tree-2 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-tree-2.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-trees-3, .product__reinsurance .icon--trees-3 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-trees-3.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-trend-down-1, .product__reinsurance .icon--trend-down-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-trend-down-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-trend-up-1, .product__reinsurance .icon--trend-up-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-trend-up-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-trophy-1, .product__reinsurance .icon--trophy-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-trophy-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-trowel-1, .product__reinsurance .icon--trowel-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-trowel-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-truck-delivery-1, .product__reinsurance .icon--truck-delivery-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-truck-delivery-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-underline, .product__reinsurance .icon--underline {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-underline.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-unlink-2-angular-eft, .product__reinsurance .icon--unlink-2-angular-eft {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-unlink-2-angular-eft.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-unlocked-2, .product__reinsurance .icon--unlocked-2 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-unlocked-2.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-upload-1, .product__reinsurance .icon--upload-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-upload-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-upload-circle-1, .product__reinsurance .icon--upload-circle-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-upload-circle-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-user-4, .product__reinsurance .icon--user-4 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-user-4.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-user-multiple-4, .product__reinsurance .icon--user-multiple-4 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-user-multiple-4.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-vector-nodes-6, .product__reinsurance .icon--vector-nodes-6 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-vector-nodes-6.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-vector-nodes-7, .product__reinsurance .icon--vector-nodes-7 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-vector-nodes-7.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-volume-1, .product__reinsurance .icon--volume-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-volume-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-volume-high, .product__reinsurance .icon--volume-high {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-volume-high.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-volume-low, .product__reinsurance .icon--volume-low {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-volume-low.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-volume-mute, .product__reinsurance .icon--volume-mute {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-volume-mute.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-volume-off, .product__reinsurance .icon--volume-off {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-volume-off.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-wallet-1, .product__reinsurance .icon--wallet-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-wallet-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-watch-beat-1, .product__reinsurance .icon--watch-beat-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-watch-beat-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-water-drop-1, .product__reinsurance .icon--water-drop-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-water-drop-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-weight-machine-1, .product__reinsurance .icon--weight-machine-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-weight-machine-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-wheelbarrow-empty, .product__reinsurance .icon--wheelbarrow-empty {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-wheelbarrow-empty.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-wheelchair-1, .product__reinsurance .icon--wheelchair-1 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-wheelchair-1.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-www-cursor, .product__reinsurance .icon--www-cursor {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-www-cursor.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-www, .product__reinsurance .icon--www {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-www.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-xmark-circle, .product__reinsurance .icon--xmark-circle {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-xmark-circle.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-xmark, .product__reinsurance .icon--xmark {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-xmark.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-yen, .product__reinsurance .icon--yen {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-yen.svg");
  pointer-events: none;
}
.product__reinsurance .icon--icon-zero-size, .product__reinsurance .icon--zero-size {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/icons/duotone/icon-zero-size.svg");
  pointer-events: none;
}

html {
  font-size: 14px;
  line-height: 1.5;
}
@media only screen and (min-width: 992px) {
  html {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1280px) {
  html {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1440px) {
  html {
    font-size: 15px;
  }
}
html body {
  font-family: "Inter";
  color: #1E1E1E;
}
html body a {
  transition: all 0.25s ease-in-out;
  text-decoration: none;
}

@media only screen and (min-width: 992px) {
  .btn-tippy:not(.tippy--none):hover {
    color: var(--diadabox-primary, #FF4848) !important;
  }
}

.link-primary, body.woocommerce-page .woocommerce p a:not(.btn), .woocommerce-NoticeGroup .woocommerce-message p a:not(.btn),
.woocommerce-NoticeGroup .woocommerce-error p a:not(.btn),
.woocommerce-notices-wrapper .woocommerce-message p a:not(.btn),
.woocommerce-notices-wrapper .woocommerce-error p a:not(.btn) {
  color: var(--diadabox-primary, #FF4848);
  font-weight: 700;
  transition: all 0.25s ease-in-out;
  position: relative;
  text-decoration: none;
  align-self: flex-start;
  display: inline-block;
}
.link-primary:hover, body.woocommerce-page .woocommerce p a:hover:not(.btn), .woocommerce-NoticeGroup .woocommerce-message p a:hover:not(.btn),
.woocommerce-NoticeGroup .woocommerce-error p a:hover:not(.btn),
.woocommerce-notices-wrapper .woocommerce-message p a:hover:not(.btn),
.woocommerce-notices-wrapper .woocommerce-error p a:hover:not(.btn) {
  color: var(--diadabox-primary-darker, rgb(255, 46.5, 46.5));
}
.link-primary:hover:before, body.woocommerce-page .woocommerce p a:hover:not(.btn):before, .woocommerce-NoticeGroup .woocommerce-message p a:hover:not(.btn):before,
.woocommerce-NoticeGroup .woocommerce-error p a:hover:not(.btn):before,
.woocommerce-notices-wrapper .woocommerce-message p a:hover:not(.btn):before,
.woocommerce-notices-wrapper .woocommerce-error p a:hover:not(.btn):before {
  right: 0;
}
.link-primary:before, body.woocommerce-page .woocommerce p a:not(.btn):before, .woocommerce-NoticeGroup .woocommerce-message p a:not(.btn):before,
.woocommerce-NoticeGroup .woocommerce-error p a:not(.btn):before,
.woocommerce-notices-wrapper .woocommerce-message p a:not(.btn):before,
.woocommerce-notices-wrapper .woocommerce-error p a:not(.btn):before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 100%;
  height: 1px;
  background-color: var(--diadabox-primary, #FF4848);
  transition: right 0.25s ease-in-out;
}

.bold {
  font-weight: 700;
}

.semi-bold {
  font-weight: 600;
}

.not-bold {
  font-weight: 400;
}

h1, .discover-card__content__title,
.h1-title {
  font-family: "Montserrat";
  font-size: 32px;
  font-weight: 600;
  line-height: 1.1;
  color: #1E1E1E;
  letter-spacing: -0.8px;
}
@media only screen and (min-width: 992px) {
  h1, .discover-card__content__title,
  .h1-title {
    font-size: 32px;
    line-height: 1.12;
    letter-spacing: -1.1px;
  }
}
@media only screen and (min-width: 1440px) {
  h1, .discover-card__content__title,
  .h1-title {
    font-size: 34px;
    line-height: 1.1;
  }
}
@media only screen and (min-width: 1640px) {
  h1, .discover-card__content__title,
  .h1-title {
    font-size: 36px;
    line-height: 1.1;
  }
}
@media only screen and (min-width: 1920px) {
  h1, .discover-card__content__title,
  .h1-title {
    font-size: 38px;
    line-height: 1.1;
  }
}

h2,
.h2-title,
.gift-section__card--small p.text.semi-bold,
.gift-section__product-title {
  font-family: "Montserrat";
  font-size: 20px;
  font-weight: 600;
  line-height: 1.18;
  color: #1E1E1E;
  letter-spacing: -0.76px;
}
@media only screen and (min-width: 992px) {
  h2,
  .h2-title,
  .gift-section__card--small p.text.semi-bold,
  .gift-section__product-title {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1440px) {
  h2,
  .h2-title,
  .gift-section__card--small p.text.semi-bold,
  .gift-section__product-title {
    font-size: 26px;
  }
}
@media only screen and (min-width: 1640px) {
  h2,
  .h2-title,
  .gift-section__card--small p.text.semi-bold,
  .gift-section__product-title {
    font-size: 28px;
  }
}
@media only screen and (min-width: 1920px) {
  h2,
  .h2-title,
  .gift-section__card--small p.text.semi-bold,
  .gift-section__product-title {
    font-size: 32px;
  }
}

h3,
.h3-title,
.pot-choice-page--summary .pot-creation__main .pot-form__step-title,
.prices .actual-price .value--big {
  font-family: "Inter";
  color: #1E1E1E;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: -0.58px;
  line-height: 1.25;
}
@media only screen and (min-width: 992px) {
  h3,
  .h3-title,
  .pot-choice-page--summary .pot-creation__main .pot-form__step-title,
  .prices .actual-price .value--big {
    font-size: 20px;
  }
}
@media only screen and (min-width: 1440px) {
  h3,
  .h3-title,
  .pot-choice-page--summary .pot-creation__main .pot-form__step-title,
  .prices .actual-price .value--big {
    font-size: 20px;
  }
}
@media only screen and (min-width: 1640px) {
  h3,
  .h3-title,
  .pot-choice-page--summary .pot-creation__main .pot-form__step-title,
  .prices .actual-price .value--big {
    font-size: 21px;
  }
}
@media only screen and (min-width: 1920px) {
  h3,
  .h3-title,
  .pot-choice-page--summary .pot-creation__main .pot-form__step-title,
  .prices .actual-price .value--big {
    font-size: 22px;
  }
}

h4,
.h4-title {
  font-family: "Inter";
  color: #1E1E1E;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -0.48px;
  line-height: 1.22;
}
@media only screen and (min-width: 992px) {
  h4,
  .h4-title {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1440px) {
  h4,
  .h4-title {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1640px) {
  h4,
  .h4-title {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1920px) {
  h4,
  .h4-title {
    font-size: 16px;
  }
}

h5,
.h5-title,
h6,
.h6-title {
  font-family: "Inter";
  color: #1E1E1E;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: -0.42px;
  line-height: 1.18;
}
@media only screen and (min-width: 992px) {
  h5,
  .h5-title,
  h6,
  .h6-title {
    font-size: 10px;
  }
}
@media only screen and (min-width: 1440px) {
  h5,
  .h5-title,
  h6,
  .h6-title {
    font-size: 11px;
  }
}
@media only screen and (min-width: 1640px) {
  h5,
  .h5-title,
  h6,
  .h6-title {
    font-size: 12px;
  }
}
@media only screen and (min-width: 1920px) {
  h5,
  .h5-title,
  h6,
  .h6-title {
    font-size: 12px;
  }
}

.subtitle {
  font-size: 14px;
  color: #6B7580;
  font-weight: 400;
  letter-spacing: -0.38px;
  line-height: 18px;
}
@media only screen and (min-width: 992px) {
  .subtitle {
    letter-spacing: -0.55px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 992px) {
  .subtitle {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1440px) {
  .subtitle {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1640px) {
  .subtitle {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1920px) {
  .subtitle {
    font-size: 18px;
  }
}

.object-category {
  font-family: "Inter";
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.56px;
}
@media only screen and (min-width: 992px) {
  .object-category {
    letter-spacing: 0.8px;
  }
}

.checklist {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.checklist li {
  display: flex;
  flex-direction: row;
  gap: 8px;
  font-weight: 400;
  line-height: 24px;
}
.checklist li::before {
  flex-shrink: 0;
  display: block;
  content: "";
  width: 14px;
  height: 24px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: cover;
  mask-size: contain;
  -webkit-mask-image: url("../images/diadabox/svg/check.svg");
  mask-image: url("../images/diadabox/svg/check.svg");
  background-color: #0085FF;
}
@media only screen and (max-width: 991px) {
  .checklist li {
    line-height: 18px;
  }
  .checklist li::before {
    height: 18px;
  }
}
.checklist li .icon {
  height: 24px;
}
.checklist--bold li {
  font-weight: 700;
}

.screen-reader-text {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  opacity: 0;
}

.hidden-text {
  display: grid;
  grid-template-rows: 0fr;
  transition: 0.25s grid-template-rows ease;
}
.hidden-text__wrapper {
  overflow: hidden;
}
.hidden-text.shown {
  grid-template-rows: 1fr;
}

.color-primary {
  color: var(--diadabox-primary, #FF4848);
}

.color-darkgrey {
  color: #6B7580;
}

.product__description.readmore-enabled .product__description__text .product__description__text__more {
  color: var(--diadabox-primary, #FF4848);
}
.product__description.readmore-enabled .product__description__text .product__description__text__more:hover {
  color: var(--diadabox-primary-darker, rgb(255, 46.5, 46.5));
  text-decoration: underline;
}

.spacer--very-small {
  height: 16px;
}
@media only screen and (min-width: 992px) {
  .spacer--very-small {
    height: 24px;
  }
}
.spacer--small {
  height: 24px;
}
@media only screen and (min-width: 992px) {
  .spacer--small {
    height: 28px;
  }
}
.spacer--medium {
  height: 32px;
}
@media only screen and (min-width: 992px) {
  .spacer--medium {
    height: 40px;
  }
}
.spacer--big {
  height: 40px;
}
@media only screen and (min-width: 992px) {
  .spacer--big {
    height: 48px;
  }
}

form {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media only screen and (max-width: 991px) {
  form {
    gap: 8px;
  }
}
form .input-container {
  height: 76px;
}
@media only screen and (max-width: 991px) {
  form .input-container {
    height: auto;
  }
}
form .input-container label {
  display: none;
}
form .input-container input {
  width: 100%;
}
form .input-container .wp-pwd {
  height: 100%;
}
form h2, form h3, form h4 {
  width: 100%;
}
form legend {
  font-weight: 700;
  margin-bottom: 16px;
}
form label {
  display: block;
  font-weight: bold;
  margin-bottom: 4px;
}
form {
  /* Remove input number arrows */
  /* Chrome, Safari, Edge, Opera */
}
form input::-webkit-outer-spin-button,
form input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
form {
  /* Firefox */
}
form input[type=number] {
  -moz-appearance: textfield;
}
form .ui-datepicker-trigger {
  display: none;
}
form input[type=text],
form input[type=email],
form input[type=tel],
form input[type=password],
form input[type=number],
form input[type=date],
form textarea,
form select {
  border: 1px solid #D6DEE7;
  border-radius: 8px;
  background-color: #F3F5F7;
  padding: 4px 24px;
  margin-bottom: 20px;
  width: 100%;
  transition: border 0.25s ease-in-out;
  height: 56px;
  line-height: 24px;
}
@media only screen and (max-width: 991px) {
  form input[type=text],
  form input[type=email],
  form input[type=tel],
  form input[type=password],
  form input[type=number],
  form input[type=date],
  form textarea,
  form select {
    height: 48px;
    margin-bottom: 8px;
  }
}
form input[type=text]::placeholder,
form input[type=email]::placeholder,
form input[type=tel]::placeholder,
form input[type=password]::placeholder,
form input[type=number]::placeholder,
form input[type=date]::placeholder,
form textarea::placeholder,
form select::placeholder {
  color: #6B7580;
}
form input[type=text].half,
form input[type=email].half,
form input[type=tel].half,
form input[type=password].half,
form input[type=number].half,
form input[type=date].half,
form textarea.half,
form select.half {
  width: calc((100% - 8px) / 2);
}
form input[type=text]:hover,
form input[type=email]:hover,
form input[type=tel]:hover,
form input[type=password]:hover,
form input[type=number]:hover,
form input[type=date]:hover,
form textarea:hover,
form select:hover {
  border: 1px solid #E8EEF3;
}
form textarea {
  height: auto;
  min-height: 168px;
  padding-top: 16px;
  resize: none;
}
form .checkbox-container,
form .woocommerce-form__label-for-checkbox {
  display: flex;
  align-items: center;
  gap: 8px;
}
form .checkbox-container input,
form .woocommerce-form__label-for-checkbox input {
  flex-shrink: 0;
  position: relative;
  background: none;
  border: 0;
  border-radius: 360px;
  width: 52px;
  height: 30px;
  appearance: none;
  cursor: pointer;
  overflow: visible;
}
form .checkbox-container input:before,
form .woocommerce-form__label-for-checkbox input:before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background-color: #F5F9FC;
  transition: 0.4s ease-in-out;
}
form .checkbox-container input:after,
form .woocommerce-form__label-for-checkbox input:after {
  content: "";
  position: absolute;
  top: 2px;
  height: 26px;
  width: 26px;
  left: 2px;
  background-color: #FFFFFF;
  transition: 0.4s ease-in-out;
  border-radius: 50%;
  box-shadow: 2px 0 6px #D6DEE7;
}
@media only screen and (max-width: 991px) {
  form .checkbox-container input,
  form .woocommerce-form__label-for-checkbox input {
    width: 39px;
    height: 22px;
    border-radius: 360px;
  }
  form .checkbox-container input:after,
  form .woocommerce-form__label-for-checkbox input:after {
    height: 18px;
    width: 18px;
  }
}
form .checkbox-container input:focus,
form .woocommerce-form__label-for-checkbox input:focus {
  outline: none;
}
form .checkbox-container input:focus-visible,
form .woocommerce-form__label-for-checkbox input:focus-visible {
  outline: 2px solid #0085FF;
  outline-offset: 2px;
}
form .checkbox-container input:not(.checkbox-invert):checked:before,
form .woocommerce-form__label-for-checkbox input:not(.checkbox-invert):checked:before {
  background-color: #2196F3;
}
form .checkbox-container input:not(.checkbox-invert):checked:after,
form .woocommerce-form__label-for-checkbox input:not(.checkbox-invert):checked:after {
  box-shadow: -2px 0 6px #1562A1;
  transform: translateX(22px);
}
@media only screen and (max-width: 991px) {
  form .checkbox-container input:not(.checkbox-invert):checked:after,
  form .woocommerce-form__label-for-checkbox input:not(.checkbox-invert):checked:after {
    transform: translateX(17px);
  }
}
form .checkbox-container input.checkbox-invert:not(:checked):before,
form .woocommerce-form__label-for-checkbox input.checkbox-invert:not(:checked):before {
  background-color: #2196F3;
}
form .checkbox-container input.checkbox-invert:not(:checked):after,
form .woocommerce-form__label-for-checkbox input.checkbox-invert:not(:checked):after {
  box-shadow: -2px 0 6px #1562A1;
  transform: translateX(22px);
}
@media only screen and (min-width: 992px) {
  form .checkbox-container a:hover,
  form .woocommerce-form__label-for-checkbox a:hover {
    text-decoration: underline;
  }
}
form .switch-container {
  position: relative;
  display: flex;
  gap: 12px;
  align-items: center;
  margin-bottom: 24px;
}
form .switch-container input {
  width: 52px;
  height: 30px;
  appearance: none;
}
@media only screen and (max-width: 991px) {
  form .switch-container input {
    width: 39px;
    height: 22px;
  }
}
form .switch-container input {
  outline: none !important;
}
form .switch-container input:focus-visible {
  outline: none !important;
}
form .switch-container input:focus {
  outline: none !important;
}
form .switch-container input:focus-visible + .slider {
  outline: 2px solid #0085FF;
  outline-offset: 2px;
}
form .switch-container input:focus + .slider, form .switch-container input:hover + .slider {
  background-color: #E8EEF3;
}
form .switch-container input:checked + .slider {
  background-color: #2196F3;
}
form .switch-container input:checked + .slider:before {
  box-shadow: 0 0 1px #1562A1;
  transform: translateX(22px);
}
@media only screen and (max-width: 991px) {
  form .switch-container input:checked + .slider:before {
    transform: translateX(17px);
  }
}
form .switch-container .slider {
  position: absolute;
  width: 52px;
  height: 30px;
  cursor: pointer;
  inset: 0;
  background-color: #F3F5F7;
  border-radius: 360px;
  transition: all 0.4s ease-in-out;
}
@media only screen and (max-width: 991px) {
  form .switch-container .slider {
    width: 39px;
    height: 22px;
  }
}
form .switch-container .slider:before {
  position: absolute;
  content: "";
  top: 2px;
  height: 26px;
  width: 26px;
  left: 2px;
  background-color: #FFFFFF;
  transition: all 0.4s ease-in-out;
  border-radius: 50%;
  box-shadow: 0 0 1px #E8EEF3;
}
@media only screen and (max-width: 991px) {
  form .switch-container .slider:before {
    height: 18px;
    width: 18px;
  }
}
form .submit-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
form .wp-pwd {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}
form .wp-pwd span.password-input {
  width: 100%;
}
form .wp-pwd input[type=password],
form .wp-pwd input[type=text] {
  width: 100%;
  padding-right: 52px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 991px) {
  form .wp-pwd input[type=password],
  form .wp-pwd input[type=text] {
    margin-bottom: 8px;
  }
}
form .wp-pwd .pwd-toggle {
  position: absolute;
  right: 8px;
  top: 10px;
  background: none;
  border: none;
  padding: 8px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  transition: background-color 0.2s ease;
  margin: 0;
  height: 36px;
  width: 36px;
}
@media only screen and (max-width: 991px) {
  form .wp-pwd .pwd-toggle {
    height: 48px;
    top: 0px;
  }
}
form .wp-pwd .pwd-toggle:hover {
  background-color: #F5F9FC;
}
form .wp-pwd .pwd-toggle:focus {
  outline: 2px solid var(--diadabox-primary, #FF4848);
  outline-offset: 2px;
}
form .wp-pwd .pwd-toggle .pwd-toggle__icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: cover;
  mask-size: contain;
  -webkit-mask-image: url("../images/diadabox/icons/stroke/icon-eye.svg");
  mask-image: url("../images/diadabox/icons/stroke/icon-eye.svg");
  background-color: currentColor;
  pointer-events: none;
  color: #6B7580;
}
form .wp-pwd .pwd-toggle[aria-pressed=true]::after {
  content: "";
  position: absolute;
  width: 22px;
  height: 2px;
  border-radius: 2px;
  background-color: #6B7580;
  transform: rotate(-45deg);
  pointer-events: none;
}

.customer-identity-field--hidden, .customer-identity-field[hidden] {
  display: none !important;
}
.customer-identity-field--type {
  width: 100%;
  padding-top: 0 !important;
}
.customer-identity-field--type > .woocommerce-input-wrapper {
  display: block !important;
}
.customer-identity-field--type .woocommerce-form__label-for-checkbox {
  margin: 0;
}

@media only screen and (max-width: 991px) {
  input:not([type]),
  input[type=text],
  input[type=search],
  input[type=email],
  input[type=tel],
  input[type=url],
  input[type=password],
  input[type=number],
  input[type=date],
  input[type=datetime-local],
  input[type=month],
  input[type=week],
  input[type=time],
  textarea,
  select,
  .select2-search__field {
    font-size: 16px !important;
  }
}
.diadabox-validation-msg {
  display: block;
  color: #C80000;
  font-size: 12px;
  font-weight: 600;
  margin-top: 4px;
}

input.validation-error,
select.validation-error,
textarea.validation-error {
  border-color: #C80000 !important;
}

.woocommerce-input-wrapper > select {
  height: 56px;
  border: 1px solid #D6DEE7;
  border-radius: 8px;
  background-color: #F5F9FC;
  padding: 4px 24px;
  width: 100%;
}

.select2.select2-container.select2-container--default .select2-selection--single {
  border: 1px solid #D6DEE7;
  border-radius: 8px;
  background-color: #F5F9FC;
  padding: 4px 24px;
  width: 100%;
  transition: border 0.25s ease-in-out;
  height: 56px;
  line-height: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.select2.select2-container.select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 16px;
  right: 10px;
}
.select2.select2-container.select2-container--default .select2-selection--single .select2-selection__rendered {
  padding: 0;
}

.select2-container--default .select2-dropdown,
.select2-container--default .select2-search--dropdown .select2-search__field {
  border-color: #D6DEE7;
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[data-selected] {
  background-color: var(--diadabox-primary, #FF4848);
}

#terms_description.checkout-inline-error-message {
  font-size: 12px;
  font-weight: 700;
  margin-top: 16px;
}

.ginput_container_checkbox .gfield_checkbox .gchoice {
  align-items: center;
}
.ginput_container_checkbox .gfield_checkbox .gchoice label {
  margin: 0px !important;
  padding: 0px !important;
}

/* jQuery UI date picker ------------------------------------------------------*/
.ui-datepicker {
  font-family: "Inter", sans-serif;
  background-color: #FFFFFF;
  border: 1px solid #E8EEF3;
  box-shadow: 0 5px 10px rgba(30, 30, 30, 0.125);
}
.ui-datepicker a {
  text-decoration: none;
}
.ui-datepicker-header {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.ui-datepicker-prev, .ui-datepicker-next {
  padding: 0;
  margin: 0;
  width: 40px;
}
.ui-datepicker-prev > span, .ui-datepicker-next > span {
  display: none;
}
.ui-datepicker-prev, .ui-datepicker-next, .ui-datepicker-month, .ui-datepicker-year {
  flex: 1 0 auto;
  border: 0;
  border-radius: 0;
  height: 32px;
  background-color: var(--diadabox-primary, #FF4848);
  appearance: none;
  font-weight: bold;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.ui-datepicker-prev:hover, .ui-datepicker-next:hover, .ui-datepicker-month:hover, .ui-datepicker-year:hover {
  color: #F9F9F9;
  background-color: var(--diadabox-primary-darker, rgb(255, 46.5, 46.5));
}
.ui-datepicker-month, .ui-datepicker-year {
  padding-left: 16px;
  padding-right: 16px;
}
.ui-datepicker-prev {
  order: -2;
}
.ui-datepicker-prev::before {
  content: "‹";
  color: #F9F9F9;
  font-size: 1.2em;
}
.ui-datepicker-title {
  order: -1;
  flex-wrap: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ui-datepicker-month, .ui-datepicker-year {
  position: relative;
  color: #F9F9F9;
}
.ui-datepicker-next::before {
  content: "›";
  color: #F9F9F9;
  font-size: 1.2em;
}
.ui-datepicker-calendar {
  background-color: #FFFFFF;
  border: 0;
  margin: 0;
  max-width: 100%;
  width: 100%;
  font-family: "Inter";
}
.ui-datepicker-calendar thead th, .ui-datepicker-calendar thead td {
  font-family: "Inter";
}
.ui-datepicker-calendar thead th span, .ui-datepicker-calendar thead td span {
  font-family: "Inter";
  text-transform: uppercase;
  font-weight: bold;
  color: #1E1E1E;
  font-size: 8px;
  letter-spacing: 1px;
}
.ui-datepicker-calendar th, .ui-datepicker-calendar td {
  border: 0;
  padding: 0;
  width: 100%/7;
  text-align: center;
  font-family: "Inter";
}
.ui-datepicker-calendar th a, .ui-datepicker-calendar td a {
  display: block;
  padding: 0px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2em;
  height: 2em;
  line-height: 1;
  border-radius: 0px;
  font-weight: bold;
  font-size: 12px;
  padding: 6px;
}
.ui-datepicker-calendar th a.ui-state-active, .ui-datepicker-calendar th a:hover, .ui-datepicker-calendar td a.ui-state-active, .ui-datepicker-calendar td a:hover {
  color: #F9F9F9;
  background-color: var(--diadabox-primary, #FF4848);
}
.ui-datepicker-calendar th {
  font-weight: normal;
  padding: 0.55em 0.5em 0.25em;
  color: #6B7580;
}

.ui-datepicker {
  background: #FFFFFF !important;
  z-index: 9999 !important;
  border: 1px solid #000000 !important;
  padding: 4px !important;
  font-size: 14px !important;
  display: none;
}

.gform_wrapper .gform_heading,
.gform_wrapper .gfield.hidden_label .gfield_label {
  display: none;
}
.gform_wrapper .gform_submission_error {
  display: none;
}
.gform_wrapper form {
  max-width: 992px;
  align-items: flex-start;
  position: relative;
}
.gform_wrapper form.gform-is-submitting::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.56);
  z-index: 5;
}
.gform_wrapper form .gform_footer.is-submitting {
  position: relative;
}
.gform_wrapper form .gform_footer.is-submitting::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 24px;
  width: 16px;
  height: 16px;
  border: 2px solid rgba(255, 255, 255, 0.64);
  border-top-color: #FFFFFF;
  border-radius: 9999px;
  transform: translateY(-50%);
  animation: diadabox-gform-spinner 0.8s linear infinite;
  z-index: 6;
}
.gform_wrapper form .gform_footer.is-submitting .gform_button,
.gform_wrapper form .gform_footer.is-submitting button[type=submit],
.gform_wrapper form .gform_footer.is-submitting input[type=submit] {
  cursor: wait;
  opacity: 0.72;
}
.gform_wrapper form .gform_body,
.gform_wrapper form .gform-body,
.gform_wrapper form .gform_footer {
  width: 100%;
}
.gform_wrapper form .gform_fields {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: 24px;
  row-gap: 12px;
  width: 100%;
}
.gform_wrapper form label {
  font-weight: 700;
}
.gform_wrapper form .form-row {
  width: 100%;
}
.gform_wrapper form .gfield {
  grid-column: 1/-1;
  margin-bottom: 12px;
}
@media only screen and (max-width: 991px) {
  .gform_wrapper form .gfield {
    margin-bottom: 8px;
  }
}
.gform_wrapper form .gfield input, .gform_wrapper form .gfield textarea, .gform_wrapper form .gfield select {
  margin: 0;
  width: 100%;
}
.gform_wrapper form .gfield.gfield_error {
  margin-bottom: 16px !important;
}
@media only screen and (max-width: 991px) {
  .gform_wrapper form .gfield.gfield_error {
    margin-bottom: 12px !important;
  }
}
.gform_wrapper form .gfield.gfield_visibility_hidden, .gform_wrapper form .gfield.hidden-frontend {
  display: none !important;
}
.gform_wrapper form .gfield {
  /* Honeypot */
}
.gform_wrapper form .gfield--type-honeypot {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}
.gform_wrapper form .gfield--type-submit {
  display: inline-flex;
}
.gform_wrapper form .gfield--type-submit .gform_button,
.gform_wrapper form .gfield--type-submit .diadao-sdk-button-gform {
  padding-inline: 24px;
}
.gform_wrapper form .gfield--type-date, .gform_wrapper form .gfield--type-select, .gform_wrapper form .gfield--type-textarea, .gform_wrapper form .gfield--type-text, .gform_wrapper form .gfield--type-email, .gform_wrapper form .gfield--type-phone, .gform_wrapper form .gfield--type-password, .gform_wrapper form .gfield--type-number, .gform_wrapper form .gfield--type-text {
  position: relative;
  padding-top: 6px;
}
.gform_wrapper form .gfield--type-date > label, .gform_wrapper form .gfield--type-select > label, .gform_wrapper form .gfield--type-textarea > label, .gform_wrapper form .gfield--type-text > label, .gform_wrapper form .gfield--type-email > label, .gform_wrapper form .gfield--type-phone > label, .gform_wrapper form .gfield--type-password > label, .gform_wrapper form .gfield--type-number > label, .gform_wrapper form .gfield--type-text > label {
  position: absolute;
  top: 0px;
  z-index: 10;
  left: 0px;
  font-size: 12px;
  line-height: 1;
  margin-bottom: 0;
  display: inline-block;
  padding-left: 4px;
  height: 12px;
  margin-left: 16px;
  padding-right: 4px;
  border-radius: 2px;
  background-color: #FFFFFF;
}
.gform_wrapper form .gfield--type-date.notes textarea, .gform_wrapper form .gfield--type-select.notes textarea, .gform_wrapper form .gfield--type-textarea.notes textarea, .gform_wrapper form .gfield--type-text.notes textarea, .gform_wrapper form .gfield--type-email.notes textarea, .gform_wrapper form .gfield--type-phone.notes textarea, .gform_wrapper form .gfield--type-password.notes textarea, .gform_wrapper form .gfield--type-number.notes textarea, .gform_wrapper form .gfield--type-text.notes textarea {
  margin-bottom: 0px;
}
.gform_wrapper form .gfield {
  /* Error */
}
.gform_wrapper form .gfield.gfield_error {
  background-color: transparent;
  border: 0;
  margin-bottom: 30px;
}
.gform_wrapper form .gfield.gfield_error .gfield_validation_message {
  color: #C80000;
}
.gform_wrapper form .gfield.gfield_error .ginput_container:not(.ginput_container_checkbox) input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.gform_wrapper form .gfield.gfield_error .ginput_container:not(.ginput_container_checkbox) textarea, .gform_wrapper form .gfield.gfield_error .ginput_container:not(.ginput_container_checkbox) select {
  border-color: #C80000;
}
.gform_wrapper form .gfield.col-50, .gform_wrapper form .gfield.gfield--width-half, .gform_wrapper form .gfield.gfield--width-6 {
  grid-column: span 6;
}
@media only screen and (max-width: 991px) {
  .gform_wrapper form .gfield.col-50, .gform_wrapper form .gfield.gfield--width-half, .gform_wrapper form .gfield.gfield--width-6 {
    grid-column: 1/-1;
  }
}
.gform_wrapper form .gfield.col-50.field-reservation_date_end, .gform_wrapper form .gfield.gfield--width-half.field-reservation_date_end, .gform_wrapper form .gfield.gfield--width-6.field-reservation_date_end {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}
.gform_wrapper form .gfield.gfield--width-third, .gform_wrapper form .gfield.gfield--width-4 {
  grid-column: span 4;
}
@media only screen and (max-width: 991px) {
  .gform_wrapper form .gfield.gfield--width-third, .gform_wrapper form .gfield.gfield--width-4 {
    grid-column: 1/-1;
  }
}
.gform_wrapper form .gfield.gfield--width-two-thirds, .gform_wrapper form .gfield.gfield--width-8 {
  grid-column: span 8;
}
@media only screen and (max-width: 991px) {
  .gform_wrapper form .gfield.gfield--width-two-thirds, .gform_wrapper form .gfield.gfield--width-8 {
    grid-column: 1/-1;
  }
}
.gform_wrapper form .gfield.gfield--width-quarter, .gform_wrapper form .gfield.gfield--width-3 {
  grid-column: span 3;
}
@media only screen and (max-width: 991px) {
  .gform_wrapper form .gfield.gfield--width-quarter, .gform_wrapper form .gfield.gfield--width-3 {
    grid-column: 1/-1;
  }
}
.gform_wrapper form .gfield.gfield--width-three-quarter, .gform_wrapper form .gfield.gfield--width-9 {
  grid-column: span 9;
}
@media only screen and (max-width: 991px) {
  .gform_wrapper form .gfield.gfield--width-three-quarter, .gform_wrapper form .gfield.gfield--width-9 {
    grid-column: 1/-1;
  }
}
.gform_wrapper form .gfield.gfield-alert, .gform_wrapper form .gfield.col-100, .gform_wrapper form .gfield.gfield--width-full, .gform_wrapper form .gfield.gfield--width-12,
.gform_wrapper form .gfield .form-row {
  grid-column: 1/-1;
  width: 100%;
}
@media only screen and (max-width: 991px) {
  .gform_wrapper form .gfield.gfield-alert, .gform_wrapper form .gfield.col-100, .gform_wrapper form .gfield.gfield--width-full, .gform_wrapper form .gfield.gfield--width-12,
  .gform_wrapper form .gfield .form-row {
    width: 100%;
  }
}
.gform_wrapper form .gchoice {
  display: flex;
  gap: 16px;
}
@media only screen and (max-width: 991px) {
  .gform_wrapper form .gchoice {
    gap: 6px;
  }
}
.gform_wrapper form .gchoice input {
  width: auto;
  height: auto;
  margin: 0;
}
.gform_wrapper form {
  /* Checkbox / Radio */
}
.gform_wrapper form .ginput_container_checkbox input,
.gform_wrapper form .ginput_container_radio input,
.gform_wrapper form .ginput_container_consent input {
  flex-shrink: 0;
  position: relative;
  background: none;
  border: 0;
  border-radius: 360px;
  width: 52px;
  height: 30px;
  appearance: none;
  cursor: pointer;
  overflow: hidden;
}
.gform_wrapper form .ginput_container_checkbox input:before,
.gform_wrapper form .ginput_container_radio input:before,
.gform_wrapper form .ginput_container_consent input:before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #F5F9FC;
  transition: 0.4s ease-in-out;
}
.gform_wrapper form .ginput_container_checkbox input:after,
.gform_wrapper form .ginput_container_radio input:after,
.gform_wrapper form .ginput_container_consent input:after {
  content: "";
  position: absolute;
  top: 2px;
  height: 26px;
  width: 26px;
  left: 2px;
  background-color: #FFFFFF;
  transition: 0.4s ease-in-out;
  border-radius: 50%;
  box-shadow: 2px 0 6px #D6DEE7;
}
.gform_wrapper form .ginput_container_checkbox input:checked:before,
.gform_wrapper form .ginput_container_radio input:checked:before,
.gform_wrapper form .ginput_container_consent input:checked:before {
  background-color: #2196F3;
}
.gform_wrapper form .ginput_container_checkbox input:checked:after,
.gform_wrapper form .ginput_container_radio input:checked:after,
.gform_wrapper form .ginput_container_consent input:checked:after {
  box-shadow: -2px 0 6px #1562A1;
  transform: translateX(22px);
}
.gform_wrapper form .ginput_container_checkbox label,
.gform_wrapper form .ginput_container_radio label,
.gform_wrapper form .ginput_container_consent label {
  padding-top: 2px;
}
.gform_wrapper form .ginput_container_checkbox label a,
.gform_wrapper form .ginput_container_radio label a,
.gform_wrapper form .ginput_container_consent label a {
  font-weight: 600;
  color: var(--diadabox-primary, #FF4848);
}
.gform_wrapper form .ginput_container_checkbox label a:hover,
.gform_wrapper form .ginput_container_radio label a:hover,
.gform_wrapper form .ginput_container_consent label a:hover {
  text-decoration: underline;
}
.gform_wrapper form .gform_footer .gform_button, .gform_wrapper form .gform_footer .diadao-sdk-button-gform {
  padding-inline: 24px;
}
.gform_wrapper form .gform_footer .gform_button:hover, .gform_wrapper form .gform_footer .diadao-sdk-button-gform:hover {
  background-color: var(--diadabox-primary-darker, rgb(255, 46.5, 46.5));
}
.gform_wrapper form .gform_footer .gform_button.is-disabled, .gform_wrapper form .gform_footer .diadao-sdk-button-gform.is-disabled {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.5;
}

@keyframes diadabox-gform-spinner {
  to {
    transform: translateY(-50%) rotate(360deg);
  }
}
@media only screen and (max-width: 991px) {
  .gfield--type-checkbox label {
    font-size: 11px;
    line-height: 1.2;
  }
}

.giftcard-form-wrapper.form-is-readonly .gform_footer,
.giftcard-form-wrapper.form-is-readonly .gfield--type-submit,
.giftcard-form-wrapper.form-is-readonly input[type=submit],
.giftcard-form-wrapper.form-is-readonly button[type=submit],
.giftcard-form-wrapper.form-is-readonly .gform-readonly-hidden {
  display: none !important;
}
.giftcard-form-wrapper.form-is-readonly .gform_wrapper input[type=text]:disabled, .giftcard-form-wrapper.form-is-readonly .gform_wrapper input[type=text][readonly], .giftcard-form-wrapper.form-is-readonly .gform_wrapper input[type=text].is-readonly,
.giftcard-form-wrapper.form-is-readonly .gform_wrapper input[type=email]:disabled,
.giftcard-form-wrapper.form-is-readonly .gform_wrapper input[type=email][readonly],
.giftcard-form-wrapper.form-is-readonly .gform_wrapper input[type=email].is-readonly,
.giftcard-form-wrapper.form-is-readonly .gform_wrapper input[type=tel]:disabled,
.giftcard-form-wrapper.form-is-readonly .gform_wrapper input[type=tel][readonly],
.giftcard-form-wrapper.form-is-readonly .gform_wrapper input[type=tel].is-readonly,
.giftcard-form-wrapper.form-is-readonly .gform_wrapper input[type=number]:disabled,
.giftcard-form-wrapper.form-is-readonly .gform_wrapper input[type=number][readonly],
.giftcard-form-wrapper.form-is-readonly .gform_wrapper input[type=number].is-readonly,
.giftcard-form-wrapper.form-is-readonly .gform_wrapper input[type=date]:disabled,
.giftcard-form-wrapper.form-is-readonly .gform_wrapper input[type=date][readonly],
.giftcard-form-wrapper.form-is-readonly .gform_wrapper input[type=date].is-readonly,
.giftcard-form-wrapper.form-is-readonly .gform_wrapper input[type=url]:disabled,
.giftcard-form-wrapper.form-is-readonly .gform_wrapper input[type=url][readonly],
.giftcard-form-wrapper.form-is-readonly .gform_wrapper input[type=url].is-readonly,
.giftcard-form-wrapper.form-is-readonly .gform_wrapper textarea:disabled,
.giftcard-form-wrapper.form-is-readonly .gform_wrapper textarea[readonly],
.giftcard-form-wrapper.form-is-readonly .gform_wrapper textarea.is-readonly,
.giftcard-form-wrapper.form-is-readonly .gform_wrapper select:disabled,
.giftcard-form-wrapper.form-is-readonly .gform_wrapper select[readonly],
.giftcard-form-wrapper.form-is-readonly .gform_wrapper select.is-readonly {
  background-color: #F6F7F7 !important;
  border-color: #DDDDDD !important;
  cursor: not-allowed !important;
  color: #333333 !important;
  opacity: 1 !important;
  -webkit-text-fill-color: #333333 !important;
}
.giftcard-form-wrapper.form-is-readonly .gform_wrapper select:disabled, .giftcard-form-wrapper.form-is-readonly .gform_wrapper select[readonly], .giftcard-form-wrapper.form-is-readonly .gform_wrapper select.is-readonly {
  appearance: none !important;
  -moz-appearance: none !important;
  -webkit-appearance: none !important;
}
.giftcard-form-wrapper.form-is-readonly .gfield.gfield-cgv {
  display: none !important;
}
.giftcard-form-wrapper.form-is-rejected .gfield.field-rejected input,
.giftcard-form-wrapper.form-is-rejected .gfield.field-rejected textarea,
.giftcard-form-wrapper.form-is-rejected .gfield.field-rejected select {
  border-color: #F89407 !important;
  border-width: 2px !important;
}
.giftcard-form-wrapper.form-is-rejected .gfield.field-rejected .gfield_label {
  color: #F89407;
}

.prices {
  display: flex;
  flex-direction: column;
  gap: 0px;
}
.prices .old-price {
  font-weight: 600;
}
.prices .actual-price {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
}
.prices .actual-price .value {
  font-weight: 700;
}
@media only screen and (max-width: 991px) {
  .prices .actual-price .value--big {
    font-size: 24px;
  }
}
.prices .actual-price .promo-tag {
  color: #FFFFFF;
  font-weight: 600;
  padding: 4px 18px 4px 8px;
  background: var(--diadabox-primary, #FF4848);
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  clip-path: polygon(100% 0, 85% 50%, 100% 100%, 0 100%, 0% 0%);
}
.prices.prices-promo .actual-price .value {
  color: var(--diadabox-primary, #FF4848);
}

.total-prices {
  background-color: #FFFFFF;
  border-radius: 8px;
  border: 1px solid #E8EEF3;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
}
@media only screen and (min-width: 992px) {
  .total-prices {
    padding: 24px;
  }
}
.total-prices__list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.total-prices__item {
  display: flex;
  flex-direction: row;
  gap: 16px;
  justify-content: space-between;
}
.total-prices__item__left {
  flex: 1 1 auto;
  display: flex;
  flex-direction: row;
  gap: 8px;
}
@media only screen and (min-width: 992px) {
  .total-prices__item__left {
    display: flex;
    flex-direction: column;
    gap: 0;
  }
}
.total-prices__item__right {
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
}

.total-prices__item.cart-discount {
  color: #2F96B4;
}
.total-prices__item.cart-discount .title {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
}

a.woocommerce-remove-coupon {
  color: #6B7580;
}
a.woocommerce-remove-coupon:hover {
  color: #BD352F;
}

.product-right__options .total-prices {
  gap: 0px;
}

.flash-offer-card__content__price.prices.prices-promo .old-price,
.flash-offer-card__content__price.prices.prices-promo .actual-price .value {
  color: #FFFFFF;
}

.input-to-focus {
  appearance: none;
  position: absolute;
  inset: 0;
  height: 100%;
  cursor: pointer;
  border-radius: 8px;
  background: transparent;
  transition: background 0.25s ease-in-out, border 0.25s ease-in-out;
  margin: 0;
  border: 3px solid transparent;
  z-index: 10;
  width: 100%;
}
.input-to-focus:hover {
  border: 3px solid #E8EEF3;
}
.input-to-focus + label {
  cursor: pointer;
  position: relative;
  transition: color 0.25s ease-in-out;
  margin-bottom: 0;
}
.input-to-focus:checked {
  border: 3px solid #0085FF;
}
.input-to-focus.force-uncheck {
  border-color: transparent !important;
}
.input-to-focus.force-uncheck:before {
  content: none !important;
}
.input-to-focus--with-icon::before {
  content: "";
  position: absolute;
  opacity: 0;
  pointer-events: none;
  z-index: 1;
  top: -1px;
  right: -1px;
  background: #0085FF;
  width: 56px;
  height: 56px;
  background-image: url("../images/diadabox/svg/check-white.svg");
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: right 10px top 12px;
  clip-path: polygon(0 0, 100% 100%, 100% 0);
  transition: opacity 0.25s ease-in-out;
}
.input-to-focus--with-icon:checked::before {
  opacity: 1;
}
.input-to-focus--active-black:checked {
  background: #30373F;
  border: none;
}
.input-to-focus--active-black:checked + label {
  color: #F9F9F9;
  z-index: 1;
}

.parent-input-to-focus {
  position: relative;
  overflow: hidden;
  background: #FFFFFF;
  border: 1px solid #F3F5F7;
  border-radius: 8px;
}

.alert.alert-danger, .alert.alert-warning, .alert.alert-info, .alert.alert-success {
  display: flex;
  padding: 24px;
  align-items: center;
  gap: 16px;
  border-radius: 8px;
  flex-direction: column;
}
.alert.alert-danger[hidden], .alert.alert-warning[hidden], .alert.alert-info[hidden], .alert.alert-success[hidden] {
  display: none;
}
@media only screen and (min-width: 992px) {
  .alert.alert-danger, .alert.alert-warning, .alert.alert-info, .alert.alert-success {
    padding: 32px;
  }
}
.alert.alert-danger a:not(.btn), .alert.alert-warning a:not(.btn), .alert.alert-info a:not(.btn), .alert.alert-success a:not(.btn) {
  text-decoration: underline;
}
.alert.alert-danger a:not(.btn):hover, .alert.alert-warning a:not(.btn):hover, .alert.alert-info a:not(.btn):hover, .alert.alert-success a:not(.btn):hover {
  text-decoration: none;
}
.alert.alert-danger .alert-success__content,
.alert.alert-danger .alert-danger__content,
.alert.alert-danger .alert-warning__content,
.alert.alert-danger .alert-info__content, .alert.alert-warning .alert-success__content,
.alert.alert-warning .alert-danger__content,
.alert.alert-warning .alert-warning__content,
.alert.alert-warning .alert-info__content, .alert.alert-info .alert-success__content,
.alert.alert-info .alert-danger__content,
.alert.alert-info .alert-warning__content,
.alert.alert-info .alert-info__content, .alert.alert-success .alert-success__content,
.alert.alert-success .alert-danger__content,
.alert.alert-success .alert-warning__content,
.alert.alert-success .alert-info__content {
  width: 100%;
}
.alert.alert-danger .alert-success__content > p,
.alert.alert-danger .alert-danger__content > p,
.alert.alert-danger .alert-warning__content > p,
.alert.alert-danger .alert-info__content > p, .alert.alert-warning .alert-success__content > p,
.alert.alert-warning .alert-danger__content > p,
.alert.alert-warning .alert-warning__content > p,
.alert.alert-warning .alert-info__content > p, .alert.alert-info .alert-success__content > p,
.alert.alert-info .alert-danger__content > p,
.alert.alert-info .alert-warning__content > p,
.alert.alert-info .alert-info__content > p, .alert.alert-success .alert-success__content > p,
.alert.alert-success .alert-danger__content > p,
.alert.alert-success .alert-warning__content > p,
.alert.alert-success .alert-info__content > p {
  margin-bottom: 8px;
}
.alert.alert-danger .alert-success__content > p:last-child,
.alert.alert-danger .alert-danger__content > p:last-child,
.alert.alert-danger .alert-warning__content > p:last-child,
.alert.alert-danger .alert-info__content > p:last-child, .alert.alert-warning .alert-success__content > p:last-child,
.alert.alert-warning .alert-danger__content > p:last-child,
.alert.alert-warning .alert-warning__content > p:last-child,
.alert.alert-warning .alert-info__content > p:last-child, .alert.alert-info .alert-success__content > p:last-child,
.alert.alert-info .alert-danger__content > p:last-child,
.alert.alert-info .alert-warning__content > p:last-child,
.alert.alert-info .alert-info__content > p:last-child, .alert.alert-success .alert-success__content > p:last-child,
.alert.alert-success .alert-danger__content > p:last-child,
.alert.alert-success .alert-warning__content > p:last-child,
.alert.alert-success .alert-info__content > p:last-child {
  margin-bottom: 0;
}
.alert.alert-danger[data-alert=create-account] p, .alert.alert-danger[data-alert=create-account] label, .alert.alert-warning[data-alert=create-account] p, .alert.alert-warning[data-alert=create-account] label, .alert.alert-info[data-alert=create-account] p, .alert.alert-info[data-alert=create-account] label, .alert.alert-success[data-alert=create-account] p, .alert.alert-success[data-alert=create-account] label {
  margin-bottom: 0 !important;
}
.alert.alert-danger[data-alert=create-account] label, .alert.alert-warning[data-alert=create-account] label, .alert.alert-info[data-alert=create-account] label, .alert.alert-success[data-alert=create-account] label {
  font-size: 24px;
}
.alert.alert-danger[data-alert=create-account] .alert-info__content, .alert.alert-warning[data-alert=create-account] .alert-info__content, .alert.alert-info[data-alert=create-account] .alert-info__content, .alert.alert-success[data-alert=create-account] .alert-info__content {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.alert.alert-danger[data-alert=create-account] > p, .alert.alert-warning[data-alert=create-account] > p, .alert.alert-info[data-alert=create-account] > p, .alert.alert-success[data-alert=create-account] > p {
  margin-bottom: 0px !important;
}
.alert.alert-danger {
  background: rgba(189, 53, 47, 0.1);
}
.alert.alert-warning {
  background: rgba(248, 148, 7, 0.1);
}
.alert.alert-info {
  background: rgba(47, 150, 180, 0.1);
}
.alert.alert-success {
  background: rgba(80, 163, 81, 0.1);
}

.tippy-box[data-theme~=diadabox-primary] {
  background-color: var(--diadabox-primary, #FF4848);
  color: #FFFFFF;
}

.tippy-box[data-theme~=diadabox-primary][data-placement^=top] > .tippy-arrow::before {
  border-top-color: var(--diadabox-primary, #FF4848);
}

.tippy-box[data-theme~=diadabox-primary][data-placement^=bottom] > .tippy-arrow::before {
  border-bottom-color: var(--diadabox-primary, #FF4848);
}

.tippy-box[data-theme~=diadabox-primary][data-placement^=left] > .tippy-arrow::before {
  border-left-color: var(--diadabox-primary, #FF4848);
}

.tippy-box[data-theme~=diadabox-primary][data-placement^=right] > .tippy-arrow::before {
  border-right-color: var(--diadabox-primary, #FF4848);
}

.tippy-box[data-theme~=diadabox-secondary] {
  background-color: #6B7580;
  color: #FFFFFF;
}

.tippy-box[data-theme~=diadabox-secondary][data-placement^=top] > .tippy-arrow::before {
  border-top-color: #6B7580;
}

.tippy-box[data-theme~=diadabox-secondary][data-placement^=bottom] > .tippy-arrow::before {
  border-bottom-color: #6B7580;
}

.tippy-box[data-theme~=diadabox-secondary][data-placement^=left] > .tippy-arrow::before {
  border-left-color: #6B7580;
}

.tippy-box[data-theme~=diadabox-secondary][data-placement^=right] > .tippy-arrow::before {
  border-right-color: #6B7580;
}

.label-badge {
  display: inline-block;
  padding: 4px 8px;
  border-radius: 4px;
  font-weight: 700;
  font-size: 12px;
  color: #FFFFFF;
  line-height: initial;
  align-items: center;
  justify-content: center;
}
.label-badge--info {
  background-color: #2F96B4;
}
.label-badge--warning {
  background-color: #F89407;
}
.label-badge--success {
  background-color: #50A351;
}
.label-badge--danger {
  background-color: #BD352F;
}

.extras-grid {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  container-type: inline-size;
  container-name: extras-grid;
}

.extras-grid-swiper__nav {
  position: relative;
  margin-bottom: 8px;
}
.extras-grid-swiper__nav .swiper-navigation {
  height: 100%;
  justify-content: flex-end;
  gap: 8px;
  background: #FFFFFF;
  z-index: 6;
}
.extras-grid-swiper__nav .swiper-navigation .swiper-custom-button {
  width: 40px;
  height: 40px;
}

.extras-card {
  position: relative;
  width: 100%;
  background: rgba(213, 221, 228, 0.1);
  border-radius: 8px;
  border: 1px solid rgba(213, 221, 228, 0.3);
  overflow: hidden;
}
.extras-card__wrapper {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.extras-card__image {
  position: relative;
  width: 100px;
  flex-shrink: 0;
  height: auto;
}
@container extras-grid (min-width: 420px) {
  .extras-card__image {
    width: 140px;
  }
}
@container extras-grid (min-width: 768px) {
  .extras-card__image {
    width: 200px;
  }
}
.extras-card__image img {
  position: relative;
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
  display: block;
  height: auto;
  border-radius: 4px;
  overflow: clip;
}
.extras-card__content {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  gap: 16px;
  padding: 8px;
}
@container extras-grid (min-width: 420px) {
  .extras-card__content {
    gap: 24px;
    flex: 1;
  }
}
.extras-card__content-inner {
  padding: 0;
}
.extras-card__content-inner .extras-item__price {
  margin-top: 8px;
}
@container extras-grid (min-width: 420px) {
  .extras-card__content-inner {
    align-self: center;
  }
}
.extras-card__text {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin: 0;
}
@media only screen and (min-width: 992px) {
  .extras-card__text {
    -webkit-line-clamp: 3;
  }
}
.extras-card__footer {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: auto;
  text-align: center;
  padding: 8px;
}
@media only screen and (min-width: 992px) {
  .extras-card__footer {
    text-align: left;
  }
}
.extras-card__price {
  margin-bottom: 16px;
}
.extras-card__price .woocommerce-Price-amount {
  font-weight: 700;
}
.extras-card__quantity {
  display: flex;
  align-items: center;
  gap: 0;
  border: 1px solid rgba(213, 221, 228, 0.3);
  border-radius: 4px;
  overflow: hidden;
  background: #FFFFFF;
}

.extras-item {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
  background: #FFFFFF;
  border-radius: 4px;
  border: 1px solid rgba(213, 221, 228, 0.3);
}
@container extras-grid (min-width: 420px) {
  .extras-item {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}
.extras-item__info {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.extras-item__meta {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.extras-item__price del {
  font-weight: 400;
}
.extras-item__price ins {
  text-decoration: none;
  color: var(--diadabox-primary, #FF4848);
}
.extras-item__price .woocommerce-Price-amount {
  font-weight: 700;
}
.extras-item__price .prices-promo {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.extras-item__price .prices-promo .old-price del {
  color: #1E1E1E;
  font-weight: 700;
  text-decoration: line-through;
}
.extras-item__price .prices-promo .old-price del .woocommerce-Price-amount {
  font-weight: 700;
}
.extras-item__price .prices-promo .actual-price .value,
.extras-item__price .prices-promo .actual-price .woocommerce-Price-amount {
  color: var(--diadabox-primary, #FF4848);
  font-weight: 700;
}
.extras-item__actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: nowrap;
}
.extras-item__actions .quantity {
  height: 40px;
}
.extras-item__actions .extras-add-btn {
  margin-left: auto;
}
@media only screen and (min-width: 992px) {
  .extras-item__actions .extras-add-btn {
    height: 48px;
  }
}
@media only screen and (min-width: 1280px) {
  .extras-item__actions .extras-add-btn {
    height: 56px;
  }
}
@media only screen and (min-width: 992px) {
  .page-template-page-pot.page-id-920 .extras-item__actions .extras-add-btn {
    height: 48px;
  }
}
@media only screen and (min-width: 1280px) {
  .page-template-page-pot.page-id-920 .extras-item__actions .extras-add-btn {
    height: 56px;
  }
}

.extras-add-btn.is-loading {
  pointer-events: none;
  opacity: 0.7;
}
.extras-add-btn.is-loading span {
  visibility: hidden;
}
.extras-add-btn.is-loading::after {
  content: "...";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.quantity--hidden {
  display: none !important;
}

.nsl-container .nsl-container-buttons {
  display: flex !important;
  padding: 0 !important;
}
.nsl-container .nsl-container-buttons a {
  margin: 0 !important;
}
@media only screen and (min-width: 992px) {
  .nsl-container .nsl-container-buttons a:hover .nsl-button {
    background-color: rgba(232, 238, 243, 0.6) !important;
  }
}
.nsl-container .nsl-container-buttons a .nsl-button {
  background-color: #E8EEF3 !important;
  border-radius: 50%;
  box-shadow: none !important;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.25s ease-in-out;
}
@media only screen and (min-width: 992px) {
  .nsl-container .nsl-container-buttons a .nsl-button {
    width: 64px;
    height: 64px;
  }
}
.nsl-container .nsl-container-buttons a .nsl-button .nsl-button-svg-container {
  padding: 0;
}
.nsl-container .nsl-container-buttons a .nsl-button .nsl-button-svg-container svg {
  width: 32px;
  height: 32px;
}
.nsl-container .nsl-button-label-container {
  display: none !important;
}

.debug-box {
  background: #1E1E1E;
  color: #00FF00;
  padding: 15px;
  margin: 20px 0;
  border-radius: 8px;
  font-family: monospace;
  font-size: 12px;
  overflow-x: auto;
}
.debug-box__title {
  color: #FF6B6B;
  font-weight: bold;
  margin-bottom: 10px;
  display: block;
}
.debug-box__content {
  margin: 0;
  white-space: pre-wrap;
}

.footer {
  background: rgba(243, 245, 247, 0.3);
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: center;
  padding-top: 32px;
  font-size: 14px;
}
@media only screen and (min-width: 640px) {
  .footer {
    padding-top: 80px;
    display: flex;
    flex-direction: column;
    gap: 80px;
  }
}
@media only screen and (min-width: 992px) {
  .footer {
    background: none;
    padding-top: 60px;
  }
}
@media only screen and (min-width: 1280px) {
  .footer {
    padding-top: 80px;
  }
}
.footer__top {
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding-inline: 16px;
  align-items: center;
}
@media only screen and (max-width: 991px) {
  .footer__top {
    width: 100%;
  }
}
@media only screen and (min-width: 992px) {
  .footer__top {
    gap: 72px;
  }
}
@media only screen and (min-width: 1280px) {
  .footer__top {
    gap: 82px;
  }
}
@media only screen and (min-width: 992px) {
  .footer__label {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1280px) {
  .footer__label {
    font-size: 16px;
  }
}
.footer__label {
  font-weight: 700;
}
.footer__texts {
  display: flex;
  flex-direction: column;
  gap: 24px;
  justify-content: center;
}
@media only screen and (min-width: 640px) {
  .footer__texts {
    display: flex;
    flex-direction: column;
    gap: 40px;
  }
}
@media only screen and (min-width: 992px) {
  .footer__texts {
    gap: 96px;
    flex-direction: row;
  }
}
.footer__diadao-logo {
  width: 117px;
  height: 37px;
  background-image: url("../images/diadabox/svg/logo-diadabox.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
.footer__payment {
  display: flex;
  flex-direction: row;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: center;
}
@media only screen and (max-width: 991px) {
  .footer__payment {
    width: 100%;
  }
}
.footer__payment__item {
  width: 97px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  padding: 12px;
  box-shadow: 0 0.597px 5.97px rgba(183, 183, 183, 0.08), 0 5.97px 11.94px rgba(183, 183, 183, 0.08);
}
@media only screen and (max-width: 991px) {
  .footer__payment__item {
    width: 20%;
    max-width: 80px;
  }
}
.footer__payment__item .logo {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 100%;
  height: 100%;
  display: block;
}
.footer__payment__item .logo--visa {
  background-image: url("../images/diadabox/svg/logo-visa.svg");
}
.footer__payment__item .logo--mastercard {
  background-image: url("../images/diadabox/svg/logo-mastercard.svg");
}
.footer__payment__item .logo--maestro {
  background-image: url("../images/diadabox/svg/logo-maestro.svg");
}
.footer__payment__item .logo--paypal {
  background-image: url("../images/diadabox/svg/logo-paypal.svg");
}
.footer__contact, .footer__infos, .footer__account {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media only screen and (max-width: 991px) {
  .footer__contact, .footer__infos, .footer__account {
    gap: 8px;
    text-align: center;
  }
}
@media only screen and (min-width: 992px) {
  .footer__contact {
    max-width: 320px;
  }
}
.footer__contact__tel a, .footer__contact__mail a {
  text-decoration: underline;
}
@media only screen and (min-width: 992px) {
  .footer__contact__tel a:hover, .footer__contact__mail a:hover {
    opacity: 0.5;
  }
}
.footer__contact__links {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
}
@media only screen and (max-width: 991px) {
  .footer__contact__links {
    justify-content: center;
    flex-wrap: wrap;
  }
}
.footer__contact__website {
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .footer__contact__website {
    width: auto;
  }
  .footer__contact__website:hover {
    opacity: 0.5;
  }
}
.footer__infos__menu {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media only screen and (min-width: 992px) {
  .footer__infos__menu li a:hover {
    opacity: 0.5;
  }
}
@media only screen and (max-width: 639px) {
  .footer__infos__menu {
    display: flex;
    flex-direction: column;
    gap: 6px;
  }
  .footer__infos__menu li {
    font-size: 12px;
  }
}
.footer__copyright {
  width: 100%;
  padding: 16px 64px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  justify-content: center;
  align-items: center;
  background: #F3F5F7;
  text-align: center;
}
@media only screen and (min-width: 992px) {
  .footer__copyright {
    flex-direction: row;
  }
}
.footer__copyright__diadao {
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
}

body:not(.diadabox-assets-ready) .footer__diadao-logo, body:not(.diadabox-assets-ready) .footer__payment__item,
body:not(.diadabox-assets-ready) .footer [class*=icon--] {
  background-image: none;
}

body:has(.navbar.menu-opened) .navbar__flash-message {
  display: none;
}

.navbar {
  background: #FFFFFF;
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  z-index: 12;
  box-shadow: 0px 4px 5px 0px rgba(30, 30, 30, 0.04);
  font-size: 14px;
}
.navbar + section,
.navbar + .woocommerce {
  padding-top: 40px;
}
@media only screen and (max-width: 991px) {
  .navbar + section.breadcrumb-section {
    padding-top: 16px;
  }
}
body.page-no-breadcrumb .navbar {
  margin-bottom: 0px;
}
.navbar.sticked .navbar__sub, .navbar.menu-opened .navbar__sub {
  display: none;
}
.navbar.sticked .navbar__flash-message, .navbar.menu-opened .navbar__flash-message {
  height: 0;
  padding: 0;
  opacity: 0;
  pointer-events: none;
}
@media only screen and (max-width: 991px) {
  .navbar.sticked .navbar__logo, .navbar.menu-opened .navbar__logo {
    display: none;
  }
  .navbar.sticked .navbar__wrapper, .navbar.menu-opened .navbar__wrapper {
    height: 64px;
  }
  .navbar.sticked .navbar__research-wrapper, .navbar.menu-opened .navbar__research-wrapper {
    height: 64px;
    min-height: 64px;
  }
}
@media only screen and (min-width: 992px) {
  .navbar.sticked {
    height: 70px;
  }
  .navbar.sticked .navbar__wrapper {
    height: 70px;
    grid-template-rows: 1fr;
  }
}
.navbar.sticked .navbar__logo {
  grid-row-start: 1;
  grid-row-end: span 1;
}
@media only screen and (max-width: 991px) {
  .navbar.sticked .navbar__logo {
    display: none;
  }
}
.navbar.sticked .navbar__burger {
  grid-row-start: 1;
  grid-row-end: span 1;
}
.navbar.sticked .navbar__research-wrapper {
  grid-column-start: 2;
  grid-column-end: span 1;
  grid-row-start: 1;
  grid-row-end: span 1;
}
@media only screen and (min-width: 992px) {
  .navbar.sticked .navbar__research-wrapper {
    grid-column-start: 2;
    grid-column-end: span 1;
  }
}
.navbar.menu-opened .navbar__burger {
  grid-row-start: 1;
  grid-row-end: span 1;
}
.navbar.menu-opened .navbar__burger span {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 20px;
  height: 20px;
  background-image: url("../images/diadabox/svg/icon-close.svg");
  pointer-events: none;
}
.navbar.menu-opened .navbar__logo {
  display: none;
}
.navbar.menu-opened .navbar__wrapper {
  grid-template-columns: auto 1fr auto;
}
.navbar.menu-opened .navbar__research-wrapper {
  grid-column-start: 2;
  grid-column-end: span 1;
  grid-row-start: 1;
  grid-row-end: span 1;
}
.navbar.menu-opened .navbar__main-wrapper {
  padding: 12px 16px 12px 0;
  grid-column-start: 3;
  grid-column-end: span 1;
  grid-row-start: 1;
  grid-row-end: span 1;
}
.navbar__flash-message {
  display: block;
  overflow: hidden;
  height: auto;
  height: 64px;
  opacity: 1;
  pointer-events: auto;
}
@media only screen and (min-width: 992px) {
  .navbar__flash-message {
    height: 40px;
  }
}
.navbar__wrapper {
  display: grid;
  align-items: center;
  grid-template-columns: auto 1fr auto;
  grid-template-rows: auto 1fr;
  height: 136px;
}
@media only screen and (min-width: 992px) {
  .navbar__wrapper {
    height: 70px;
    grid-template-columns: auto 1fr auto;
  }
}
.navbar__burger {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin-left: 8px;
  border-radius: 50%;
  grid-column-start: 1;
  grid-column-end: span 1;
  grid-row-start: 1;
  grid-row-end: span 1;
}
@media only screen and (min-width: 640px) {
  .navbar__burger {
    margin-left: 16px;
  }
}
@media only screen and (min-width: 992px) {
  .navbar__burger {
    display: none;
  }
}
.navbar__logo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
}
@media screen and (min-width: 480px) {
  .navbar__logo {
    justify-content: flex-start;
    padding-left: 16px;
  }
}
@media only screen and (max-width: 991px) {
  .navbar__logo {
    height: 64px;
  }
}
.navbar__logo {
  grid-column-start: 2;
  grid-column-end: span 1;
}
@media only screen and (min-width: 992px) {
  .navbar__logo {
    padding: 0 32px 0 32px;
    grid-row-start: 1;
    grid-row-end: span 2;
    grid-column-start: 1;
    grid-column-end: span 1;
    justify-content: flex-start;
  }
}
@media only screen and (min-width: 1920px) {
  .navbar__logo {
    padding-left: 48px;
    padding-right: 48px;
  }
}
.navbar__logo__link {
  display: flex;
  align-items: center;
  height: 100%;
}
.navbar__logo img {
  max-width: 200px;
  height: auto;
  max-height: 54px;
  width: auto;
  padding-top: 6px;
  padding-bottom: 6px;
}
@media only screen and (min-width: 992px) {
  .navbar__logo img {
    max-width: 160px;
    max-height: 58px;
    padding-block: 0;
  }
}
@media only screen and (min-width: 1280px) {
  .navbar__logo img {
    max-width: 200px;
  }
}
@media only screen and (min-width: 1920px) {
  .navbar__logo img {
    max-width: 240px;
  }
}
.navbar__research-wrapper {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  padding: 8px 16px;
  grid-row-start: 2;
  grid-row-end: span 1;
  grid-column-start: 1;
  grid-column-end: span 3;
  height: auto;
  min-height: 70px;
}
@media only screen and (min-width: 992px) {
  .navbar__research-wrapper {
    grid-row-start: 1;
    grid-row-end: span 1;
    grid-column-start: 2;
    grid-column-end: span 1;
  }
}
@media only screen and (min-width: 1440px) {
  .navbar__research-wrapper {
    gap: 16px;
  }
}
@media only screen and (min-width: 1920px) {
  .navbar__research-wrapper {
    padding: 16px 32px;
  }
}
.navbar__main-wrapper {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  grid-row-start: 1;
  grid-row-end: span 1;
  grid-column-start: 3;
  grid-column-end: span 1;
  padding-right: 16px;
}
@media only screen and (max-width: 639px) {
  .navbar__main-wrapper {
    flex: 0 0 48px;
    width: 48px;
    padding-right: 8px;
  }
}
@media only screen and (max-width: 991px) {
  body.useragent-desktop .navbar__main-wrapper .dropdown-languages {
    display: block;
    flex: 0 0 40px;
  }
}
@media only screen and (max-width: 991px) and (min-width: 640px) {
  body.useragent-desktop .navbar__main-wrapper {
    min-width: 104px;
  }
  body.useragent-desktop .navbar__main-wrapper .dropdown-shops {
    flex: 0 0 40px;
  }
}
@media only screen and (min-width: 992px) {
  .navbar__main-wrapper {
    grid-column-start: 3;
    grid-column-end: span 1;
  }
}
.navbar__icons-link.show {
  background: rgba(213, 221, 228, 0.3);
}
.navbar__icons-link--favorites:not([data-count="0"])::after, .navbar__icons-link--account.is-logged-in::after {
  position: absolute;
  right: 0;
  top: 3px;
  content: "";
  border: 2px solid #FFFFFF;
  border-radius: 50%;
  width: 10px;
  height: 10px;
}
.navbar__icons-link--favorites:not([data-count="0"])::after {
  background: #C80000;
}
.navbar__icons-link--account.is-logged-in::after {
  background: #198754;
}
.navbar__icons-link--cart-link {
  position: relative;
}
.navbar__icons-link--cart-link:not([data-total=""]):not([data-total="0"]) {
  width: 40px;
  height: 40px;
  display: flex;
  border-radius: 100%;
  align-items: center;
  justify-content: center;
  background: transparent;
}
.navbar__icons-link--cart-link:not([data-total=""]):not([data-total="0"]):after {
  content: attr(data-total);
  position: absolute;
  right: -7px;
  top: 0;
  background: #C80000;
  border: 1.25px solid #FFFFFF;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: -0.2px;
}
@media only screen and (min-width: 992px) {
  .navbar__icons-link--cart-link:not([data-total=""]):not([data-total="0"]):hover {
    color: #6B7580;
    background: rgba(213, 221, 228, 0.3);
  }
}
.navbar .dropdown-account {
  position: relative;
}
.navbar .dropdown-account .dropdown-menu {
  z-index: 1000;
}
.navbar .dropdown-account .dropdown-menu.show {
  display: flex;
  flex-direction: column;
  gap: 24px;
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  box-shadow: 0px 0px 16px 0px rgba(30, 30, 30, 0.1);
  background: #FFFFFF;
  border-radius: 8px;
  padding: 24px;
  min-width: 246px;
}
.navbar .dropdown-account .dropdown-menu .dropdown-header {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.navbar .dropdown-account .dropdown-menu .dropdown-header .btn, .navbar .dropdown-account .dropdown-menu .dropdown-header .product #reviews p.form-submit, .product #reviews .navbar .dropdown-account .dropdown-menu .dropdown-header p.form-submit, .navbar .dropdown-account .dropdown-menu .dropdown-header .gform_wrapper form .gform_footer .gform_button, .gform_wrapper form .gform_footer .navbar .dropdown-account .dropdown-menu .dropdown-header .gform_button, .navbar .dropdown-account .dropdown-menu .dropdown-header .gform_wrapper form .gform_footer .diadao-sdk-button-gform, .gform_wrapper form .gform_footer .navbar .dropdown-account .dropdown-menu .dropdown-header .diadao-sdk-button-gform {
  width: 100%;
}
.navbar .dropdown-account .dropdown-menu .dropdown-item {
  display: flex;
  align-items: center;
  gap: 16px;
}
@media only screen and (min-width: 992px) {
  .navbar .dropdown-account .dropdown-menu .dropdown-item:hover {
    color: var(--diadabox-primary, #FF4848);
  }
}
@media only screen and (min-width: 992px) {
  .navbar .dropdown-account.dropdown-shops {
    max-width: 232px;
  }
}
@media only screen and (min-width: 1440px) {
  .navbar .dropdown-account.dropdown-shops {
    max-width: 340px;
  }
}
@media only screen and (min-width: 1640px) {
  .navbar .dropdown-account.dropdown-shops {
    max-width: 360px;
  }
}
@media only screen and (max-width: 639px) {
  .navbar .dropdown-account.dropdown-shops {
    display: none;
  }
}
.navbar .dropdown-account.dropdown-shops .icons-link {
  appearance: none;
  background: transparent;
  cursor: pointer;
  width: auto;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 16px;
  padding-right: 40px;
  font-weight: 600;
}
.navbar .dropdown-account.dropdown-shops .icons-link span.icon {
  margin-right: 8px;
}
.navbar .dropdown-account.dropdown-shops .icons-link span:not(.icon) {
  flex: 1 1 auto;
  min-width: 0;
  line-height: 1.2;
}
.navbar .dropdown-account.dropdown-shops .icons-link.dropdown-toggle::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 14px;
  transform: translateY(-50%);
  transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out;
  opacity: 0.72;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: cover;
  mask-size: contain;
  -webkit-mask-image: url("../images/diadabox/svg/icon-filter-arrow-drop-down.svg");
  mask-image: url("../images/diadabox/svg/icon-filter-arrow-drop-down.svg");
  background-color: currentColor;
  pointer-events: none;
}
.navbar .dropdown-account.dropdown-shops .icons-link.dropdown-toggle:hover::after {
  transform: translateY(-50%) rotate(180deg);
  opacity: 1;
}
.navbar .dropdown-account.dropdown-shops .icons-link.dropdown-toggle[aria-expanded=true]::after {
  transform: translateY(-50%) rotate(180deg);
  opacity: 1;
}
@media only screen and (min-width: 640px) {
  .navbar .dropdown-account.dropdown-shops .icons-link {
    padding-right: 40px;
  }
}
@media only screen and (max-width: 1199px) {
  .navbar .dropdown-account.dropdown-shops .icons-link {
    width: 40px;
    padding-inline: 0;
  }
  .navbar .dropdown-account.dropdown-shops .icons-link span.icon {
    margin-right: 0;
  }
  .navbar .dropdown-account.dropdown-shops .icons-link span:not(.icon) {
    display: none;
  }
  .navbar .dropdown-account.dropdown-shops .icons-link.dropdown-toggle::after {
    display: none;
  }
}
.navbar .dropdown-account.dropdown-shops .dropdown-item .semi-bold {
  flex: 1 1 auto;
  min-width: 0;
}
.navbar .dropdown-account.dropdown-shops .dropdown-item__external-icon {
  flex: 0 0 20px;
  width: 20px;
  min-width: 20px;
  max-width: 20px;
  height: 20px;
  min-height: 20px;
  max-height: 20px;
  margin-left: auto;
}
.navbar__research {
  position: relative;
  flex: 1 0 0;
  line-height: 1.1;
  height: 48px;
}
@media only screen and (min-width: 992px) {
  .navbar__research {
    position: relative;
  }
}
.navbar__research::before {
  content: "";
  z-index: 1;
  position: absolute;
  inset: 0;
  -webkit-mask-image: url("../images/diadabox/svg/icon-search.svg");
  mask-image: url("../images/diadabox/svg/icon-search.svg");
  display: block;
  width: 16px;
  height: 16px;
  left: 16px;
  margin-block: auto;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: currentColor;
}
.navbar__research input {
  position: absolute;
  inset: 0;
  padding-left: 48px;
  background: #F3F5F7;
  border-radius: 48px;
}
.navbar #rlvlive {
  position: absolute;
  width: 100%;
  top: 100%;
  box-shadow: 0px 4px 5px 0px rgba(30, 30, 30, 0.04);
  background: #FFFFFF;
}
@media only screen and (max-width: 991px) {
  .navbar #rlvlive:has(.relevanssi-live-search-results[aria-expanded=true]) {
    height: calc(100svh - 56px - 136px);
  }
  body:has(.navbar.sticked) .navbar #rlvlive:has(.relevanssi-live-search-results[aria-expanded=true]) {
    height: calc(100svh - 56px - 64px);
  }
}
@media only screen and (min-width: 992px) {
  .navbar #rlvlive {
    top: calc(100% + 4px);
  }
}
.navbar #rlvlive #relevanssi-live-ajax-search-spinner.rlv-has-spinner {
  border: 4px solid var(--diadabox-primary, #FF4848);
  border-right-color: transparent;
  width: 100%;
  height: 100%;
  animation: none;
  border: none;
  border-radius: 0;
  text-align: center;
}
.navbar #rlvlive #relevanssi-live-ajax-search-spinner.rlv-has-spinner::after {
  display: block;
  position: relative;
  content: "";
  width: 40px;
  height: 40px;
  background: transparent !important;
  background-image: url("../images/diadabox/svg/spinner-loading-grey.svg") !important;
  background-position: center;
  background-repeat: no-repeat !important;
  left: inherit;
  top: inherit;
  margin: 0 auto;
}
.navbar #rlvlive .relevanssi-live-search-result-status {
  display: none;
}
.navbar #rlvlive .relevanssi-live-search-result {
  background: transparent;
  transition: background 0.25s ease-in-out;
}
@media only screen and (min-width: 992px) {
  .navbar #rlvlive .relevanssi-live-search-result:hover {
    background: rgba(213, 221, 228, 0.3);
  }
}
.navbar #rlvlive .relevanssi-live-search-result:not(:last-child) p {
  border-bottom: 1px solid #F3F5F7;
}
.navbar #rlvlive .relevanssi-live-search-result p {
  min-height: 60px;
  padding: 8px;
}
.navbar #rlvlive .relevanssi-live-search-result a {
  display: flex;
  align-items: center;
  gap: 16px;
  font-weight: 600;
  font-size: 14px;
  text-overflow: inherit;
}
@media only screen and (min-width: 992px) {
  .navbar #rlvlive .relevanssi-live-search-result a {
    gap: 24px;
  }
}
.navbar #rlvlive .relevanssi-live-search-result a .relevanssi-live-search-result__content {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
  flex: 1;
}
.navbar #rlvlive .relevanssi-live-search-result a .relevanssi-live-search-result__shop {
  color: var(--diadabox-primary, #FF4848);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 1;
  text-transform: uppercase;
  padding-block: 1px;
}
.navbar #rlvlive .relevanssi-live-search-result a .title {
  text-overflow: ellipsis;
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  padding-block: 1px;
}
@media only screen and (max-width: 991px) {
  .navbar #rlvlive .relevanssi-live-search-result a .title {
    font-size: 12px;
  }
}
.navbar #rlvlive .relevanssi-live-search-result a.is-multishop .relevanssi-live-search-result__external-icon {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--diadabox-primary, #FF4848);
  flex: 0 0 24px;
}
.navbar #rlvlive .relevanssi-live-search-result a.is-multishop .relevanssi-live-search-result__external-icon::after {
  content: "";
  display: block;
  background-color: currentColor;
  display: inline-block;
  width: 20px;
  height: 20px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: cover;
  mask-size: contain;
  -webkit-mask-image: url("../images/diadabox/svg/icon-external-link.svg");
  mask-image: url("../images/diadabox/svg/icon-external-link.svg");
  background-color: currentColor;
  pointer-events: none;
}
@media only screen and (min-width: 992px) {
  .navbar #rlvlive .relevanssi-live-search-result a.is-multishop .relevanssi-live-search-result__external-icon::after {
    width: 24px;
    height: 24px;
  }
}
.navbar #rlvlive .relevanssi-live-search-result a img {
  width: 48px !important;
  object-fit: cover;
  height: 48px !important;
  object-position: center !important;
}
@media only screen and (min-width: 992px) {
  .navbar #rlvlive .relevanssi-live-search-result a img {
    width: 80px !important;
    height: 80px !important;
  }
}
.navbar #rlvlive .relevanssi-live-search-result a img[src=""] {
  display: none;
}
.navbar #rlvlive .relevanssi-live-search-result--focused {
  background: #F3F5F7;
}
.navbar #rlvlive .relevanssi-live-search-results {
  position: relative;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  border-radius: 4px;
  min-height: 60px;
  width: 100% !important;
  box-shadow: none;
  margin-bottom: 8px;
  overscroll-behavior: contain;
}
@media only screen and (max-width: 991px) {
  .navbar #rlvlive .relevanssi-live-search-results {
    max-height: 100% !important;
  }
}
.navbar #rlvlive .relevanssi-live-search-no-results {
  height: 100%;
  padding: 8px;
  font-weight: bold;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  min-height: 60px;
}
.navbar__link {
  font-weight: 600;
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  height: 40px;
  padding-inline: 8px;
  border-radius: 360px;
  transition: background 0.25s ease-in-out;
}
.navbar__link.active {
  background: rgba(213, 221, 228, 0.3);
}
@media only screen and (min-width: 992px) {
  .navbar__link:not(.active) {
    padding-inline: 8px;
    padding-left: 16px;
    padding-right: 16px;
  }
  .navbar__link:not(.active):hover {
    background: rgba(213, 221, 228, 0.3);
    border-color: rgba(213, 221, 228, 0.3);
  }
}
.navbar__link--primary {
  background: var(--diadabox-primary, #FF4848);
  color: #FFFFFF;
  border-color: var(--diadabox-primary, #FF4848);
}
@media only screen and (min-width: 992px) {
  .navbar__link--primary:not(.active):hover {
    background: var(--diadabox-primary-darker, rgb(255, 46.5, 46.5));
    border-color: var(--diadabox-primary-darker, rgb(255, 46.5, 46.5));
  }
}
@media only screen and (min-width: 1280px) {
  .navbar__link {
    padding-inline: 16px;
  }
}
@media only screen and (min-width: 1920px) {
  .navbar__link {
    padding-inline: 24px;
  }
}
@media only screen and (max-width: 991px) {
  .navbar__link--discover, .navbar__link--languages, .navbar__link--favorites, .navbar__link--how-it-works, .navbar__link--use-voucher {
    display: none;
  }
}
@media only screen and (max-width: 1279px) {
  .navbar__link--discover, .navbar__link--how-it-works {
    display: none;
  }
}
.navbar__sub {
  width: 100%;
  grid-row-start: 3;
  grid-row-end: span 1;
  grid-column-start: 1;
  grid-column-end: span 3;
}
@media only screen and (max-width: 991px) {
  .navbar__sub {
    display: none;
  }
}
@media only screen and (min-width: 992px) {
  .navbar__sub {
    display: block;
    padding: 0 16px 0;
    grid-row-start: 2;
    grid-row-end: span 1;
  }
}
@media only screen and (min-width: 992px) {
  .navbar__sub {
    grid-column-start: 2;
    grid-column-end: span 2;
  }
}
@media only screen and (min-width: 1920px) {
  .navbar__sub {
    padding: 0 32px 0;
  }
}
@media only screen and (min-width: 992px) {
  .navbar__sub {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center;
    min-height: 48px;
  }
}
.navbar__sub__burger {
  display: none;
  align-items: center;
  justify-content: center;
  gap: 8px;
  flex: 0 0 auto;
  min-width: fit-content;
  height: 40px;
  padding-left: 16px;
  padding-right: 16px;
  border-radius: 360px;
  background: var(--diadabox-primary, #FF4848);
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
  transition: background 0.2s ease-in-out, color 0.2s ease-in-out, transform 0.2s ease-in-out;
}
@media only screen and (min-width: 992px) {
  body.option-burger-enabled .navbar__sub__burger {
    display: inline-flex;
  }
}
.navbar__sub__burger-icon {
  display: block;
  flex: 0 0 16px;
  color: #FFFFFF;
  width: 16px;
  height: 16px;
  display: inline-block;
  width: 16px;
  height: 16px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: cover;
  mask-size: contain;
  -webkit-mask-image: url("../images/diadabox/svg/icon-burger.svg");
  mask-image: url("../images/diadabox/svg/icon-burger.svg");
  background-color: currentColor;
  pointer-events: none;
  background-color: #FFFFFF;
}
.navbar__sub__burger span:not(.navbar__sub__burger-icon) {
  display: block;
  line-height: 1.2;
}
.navbar__sub__burger.is-open, body.desktop-burger-opened .navbar__sub__burger {
  background: var(--diadabox-primary, #FF4848);
}
.navbar__sub__burger:hover {
  background: var(--diadabox-primary-darker, rgb(255, 46.5, 46.5));
  color: #FFFFFF;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .navbar__sub__burger {
    width: 40px;
    min-width: 40px;
    padding-inline: 0;
  }
  .navbar__sub__burger span:not(.navbar__sub__burger-icon) {
    display: none;
  }
}
.navbar__sub__swiper {
  position: relative;
  flex: 1 1 auto;
  min-width: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1380px) {
  .navbar__sub__swiper {
    padding-right: 88px;
  }
}
.navbar__sub__swiper .kwpb-swiper-module {
  overflow-x: hidden;
}
.navbar__sub__swiper .kwpb-swiper-module .swiper-container {
  padding: 8px;
}
@media only screen and (min-width: 992px) {
  .navbar__sub__swiper .kwpb-swiper-module .swiper-container {
    padding: 0 8px 8px;
    padding-left: 0px;
    padding-bottom: 0px;
  }
}
.navbar__sub__swiper .kwpb-swiper-module .swiper-container:after {
  content: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 100px;
  height: 100%;
  z-index: 5;
  background: linear-gradient(270deg, #FFFFFF 0%, #FFFFFF 0.01%, rgba(255, 255, 255, 0.95) 0.02%, rgba(255, 255, 255, 0) 100%);
}
.navbar__sub__swiper .kwpb-swiper-module .swiper-container .swiper-slide {
  width: auto;
}
.navbar__sub__swiper .swiper-navigation {
  position: absolute;
  right: 0;
  top: 0;
  gap: 8px;
  background: #FFFFFF;
  display: none;
}
@media only screen and (min-width: 992px) and (max-width: 1380px) {
  .navbar__sub__swiper .swiper-navigation {
    display: flex;
  }
}
.navbar__sub__swiper .swiper-navigation .swiper-custom-button {
  width: 40px;
  height: 40px;
}

.navbar__main-wrapper .dropdown:not(.dropdown-shops) a.icons-link,
.navbar__main-wrapper .dropdown-account a.icons-link:not(.navbar__link--shops),
.navbar__main-wrapper a.icons-link.cart-link,
.navbar__main-wrapper a.navbar__icons-link--favorites {
  border-color: transparent;
}

.navbar__sub__swiper .navbar__link {
  border: 1px solid transparent;
}

.navbar__research-wrapper a.navbar__link {
  border: 1px solid rgba(213, 221, 228, 0.3);
}
@media only screen and (min-width: 992px) {
  .navbar__research-wrapper a.navbar__link:not(.active):hover {
    background: rgba(213, 221, 228, 0.3);
    border-color: rgba(213, 221, 228, 0.3);
  }
}

.mobile-menu {
  z-index: 11;
  position: fixed;
  top: 0;
  bottom: 0;
  padding-top: 64px;
  padding-bottom: 56px;
  transform: translateX(100%);
  width: 100%;
  background: #FFFFFF;
  transition: transform 0.25s ease-in-out;
}
.mobile-menu.menu-opened {
  transform: translateX(0);
}
.mobile-menu__wrapper {
  height: 100%;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 0px;
  gap: 32px;
  padding: 24px 32px 80px;
}
.mobile-menu__section {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.mobile-menu__section--bottom {
  margin-top: auto;
  padding-top: 8px;
}
.mobile-menu__section-title {
  font-family: "Montserrat", sans-serif;
  font-size: 20px;
  line-height: 1.2;
  font-weight: 700;
}
.mobile-menu__list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.mobile-menu__item {
  width: 100%;
}
.mobile-menu__link {
  width: 100%;
  min-height: 56px;
  padding: 12px 16px;
  border: 1px solid transparent;
  border-radius: 8px;
  background: rgba(213, 221, 228, 0.3);
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  transition: background 0.2s ease-in-out, border-color 0.2s ease-in-out;
  font-family: "Montserrat", sans-serif;
}
.mobile-menu__link:hover, .mobile-menu__link.is-active {
  color: inherit;
  background: #FFFFFF;
  border-color: #F3F5F7;
}
.mobile-menu__media {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: #FFFFFF;
  overflow: hidden;
  flex: 0 0 48px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
}
.mobile-menu__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mobile-menu__media--icon span.icon {
  width: 20px;
  height: 20px;
}
.mobile-menu__label {
  flex: 1 1 auto;
  min-width: 0;
  font-size: 15px;
  line-height: 1.3;
  font-weight: 700;
}
.mobile-menu__external-icon {
  flex: 0 0 20px;
  width: 20px;
  min-width: 20px;
  max-width: 20px;
  height: 20px;
  min-height: 20px;
  max-height: 20px;
  margin-left: auto;
}
.mobile-menu__arrow {
  flex: 0 0 16px;
  margin-left: 4px;
}
.mobile-menu__main ul {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media only screen and (max-width: 991px) {
  .mobile-menu__main ul {
    gap: 8px;
  }
}
.mobile-menu__main ul a {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  padding-inline: 0;
  height: 32px;
}
@media only screen and (max-width: 991px) {
  .mobile-menu__main ul a {
    font-size: 18px;
    height: 28px;
  }
}
.mobile-menu__account ul {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media only screen and (max-width: 991px) {
  .mobile-menu__account ul {
    gap: 16px;
  }
}
.mobile-menu__account ul a {
  font-size: 12px;
  font-weight: 700;
}
@media only screen and (max-width: 991px) {
  .mobile-menu__account ul a {
    font-size: 12px;
  }
}
.mobile-menu__account__icon-link {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
}
.mobile-menu__global ul {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.mobile-menu__global ul a {
  font-size: 12px;
  font-weight: 700;
  width: 100%;
}
.mobile-menu__footer {
  display: flex;
  flex-direction: column;
  gap: 16px;
  font-size: 12px;
  line-height: 2;
}
.mobile-menu__footer__label {
  font-weight: 700;
}

.desktop-burger-menu {
  position: fixed;
  inset: 0;
  z-index: 13;
  display: flex;
  align-items: stretch;
  pointer-events: none;
}
@media only screen and (max-width: 991px) {
  .desktop-burger-menu {
    display: none;
  }
}
.desktop-burger-menu.menu-opened {
  visibility: visible;
  pointer-events: auto;
}
.desktop-burger-menu.menu-opened .desktop-burger-menu__backdrop {
  display: block;
  opacity: 1;
}
.desktop-burger-menu.menu-opened .desktop-burger-menu__panel {
  transform: translateX(0);
}
.desktop-burger-menu:not(.menu-opened) {
  visibility: hidden;
}
.desktop-burger-menu__backdrop {
  flex: 1 1 auto;
  display: none;
  min-height: 100vh;
  background: transparent;
  opacity: 0;
  transition: opacity 0.25s ease-in-out;
  cursor: default;
}
.desktop-burger-menu__panel {
  position: relative;
  z-index: 2;
  flex: 0 0 min(520px, 38vw);
  width: min(520px, 38vw);
  min-width: 360px;
  max-width: calc(100vw - 120px);
  height: 100vh;
  background: #FFFFFF;
  box-shadow: 24px 0 48px rgba(30, 30, 30, 0.12);
  overflow: hidden;
  transform: translateX(-100%);
  transition: transform 0.25s ease-in-out;
  display: flex;
  flex-direction: column;
  gap: 0px;
}
.desktop-burger-menu__close {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 2;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 0;
  background: rgba(213, 221, 228, 0.3);
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  transition: background 0.2s ease-in-out;
}
.desktop-burger-menu__close:hover {
  background: #FFFFFF;
}
.desktop-burger-menu__body {
  flex: 1 1 auto;
  min-height: 0;
  max-height: 100vh;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  padding: 72px 24px 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.desktop-burger-menu__body::-webkit-scrollbar {
  width: 0;
  height: 0;
  background: transparent;
}
.desktop-burger-menu__main {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.desktop-burger-menu__main > .desktop-burger-menu__section:not(:first-child) {
  margin-top: 32px;
}
.desktop-burger-menu__list, .desktop-burger-menu__utility-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.desktop-burger-menu__item, .desktop-burger-menu__utility-item {
  width: 100%;
}
.desktop-burger-menu__link, .desktop-burger-menu__utility-link {
  width: 100%;
  min-height: 56px;
  padding: 12px 16px;
  border: 1px solid transparent;
  border-radius: 8px;
  background: rgba(213, 221, 228, 0.3);
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  transition: background 0.2s ease-in-out, border-color 0.2s ease-in-out;
  font-family: "Montserrat", sans-serif;
}
.desktop-burger-menu__link:hover, .desktop-burger-menu__link.is-active, .desktop-burger-menu__utility-link:hover, .desktop-burger-menu__utility-link.is-active {
  color: inherit;
  background: #FFFFFF;
  border-color: #F3F5F7;
}
.desktop-burger-menu__utility-link {
  min-height: 56px;
  gap: 12px;
  border: 1px solid #F3F5F7;
  background: #FFFFFF;
}
.desktop-burger-menu__utility-link:hover, .desktop-burger-menu__utility-link.is-active {
  background: rgba(213, 221, 228, 0.3);
  border-color: #F3F5F7;
}
.desktop-burger-menu__media {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: #FFFFFF;
  overflow: hidden;
  flex: 0 0 48px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
}
.desktop-burger-menu__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.desktop-burger-menu__media--icon span.icon {
  width: 20px;
  height: 20px;
}
.desktop-burger-menu__label, .desktop-burger-menu__utility-label {
  flex: 1 1 auto;
  min-width: 0;
  font-size: 15px;
  line-height: 1.3;
  font-weight: 700;
}
.desktop-burger-menu__external-icon, .desktop-burger-menu__utility-external-icon {
  flex: 0 0 20px;
  width: 20px;
  min-width: 20px;
  max-width: 20px;
  height: 20px;
  min-height: 20px;
  max-height: 20px;
  margin-left: auto;
}
.desktop-burger-menu__arrow, .desktop-burger-menu__utility-arrow {
  flex: 0 0 16px;
  margin-left: 4px;
}
.desktop-burger-menu__utility-icon {
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
}
.desktop-burger-menu__section {
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding-top: 0px;
}
.desktop-burger-menu__section--brands {
  padding-top: 12px;
}
.desktop-burger-menu__section-title {
  font-family: "Montserrat", sans-serif;
  font-size: 20px;
  line-height: 1;
  font-weight: 700;
}
.desktop-burger-menu__brands {
  display: flex;
  flex-wrap: nowrap;
  gap: 12px;
}
.desktop-burger-menu__brand {
  flex: 0 0 calc(25% - 9px);
  min-width: 0;
  aspect-ratio: 1/1;
  border-radius: 8px;
  border: 1px solid #F3F5F7;
  background: #FFFFFF;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  padding: 12px;
  transition: background 0.2s ease-in-out, border-color 0.2s ease-in-out;
}
.desktop-burger-menu__brand:hover {
  background: rgba(213, 221, 228, 0.3);
  border-color: #F3F5F7;
}
.desktop-burger-menu__brand img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.desktop-burger-menu__bottom {
  margin-top: auto;
  padding-top: 24px;
}

.mobile-sticky-bottombar {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 56px;
  z-index: 12;
  transition: transform 0.25s ease-in-out;
}
#device-desktop .mobile-sticky-bottombar {
  display: none;
}
.menu-opened .mobile-sticky-bottombar:not(.sticked) {
  transform: translateY(0);
}
.mobile-sticky-bottombar > ul {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  gap: 32px;
  align-items: center;
  justify-content: center;
  position: relative;
}
.mobile-sticky-bottombar > ul::before {
  content: "";
  position: fixed;
  top: auto;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 56px;
  background: #FFFFFF;
  z-index: 0;
}
.mobile-sticky-bottombar > ul::after {
  content: "";
  position: fixed;
  top: auto;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 56px;
  background: transparent;
  box-shadow: 0px -4px 5px 0px rgba(30, 30, 30, 0.04);
  z-index: -1;
}
.mobile-sticky-bottombar .dropdown-languages {
  display: block;
}
.mobile-sticky-bottombar .dropdown-account .dropdown-menu {
  z-index: -1;
  bottom: -100% !important;
  display: flex !important;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  pointer-events: none;
  opacity: 0;
  position: fixed !important;
  top: auto !important;
  left: 0 !important;
  right: 0 !important;
  transition: bottom 0.5s ease, opacity 0s ease 0.5s;
  padding: 24px;
  min-width: 246px;
  box-shadow: 0px 0px 16px 0px rgba(30, 30, 30, 0.1);
  background: #FFFFFF;
  border-radius: 24px 24px 0 0;
  height: auto;
  overflow: hidden;
}
.mobile-sticky-bottombar .dropdown-account .dropdown-menu.show {
  display: flex;
  transition: bottom 0.5s ease, opacity 0s ease;
  bottom: 56px !important;
  transform: none !important;
  height: auto;
  pointer-events: auto;
  opacity: 1;
}
.mobile-sticky-bottombar .dropdown-account .dropdown-menu .dropdown-header {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.mobile-sticky-bottombar .dropdown-account .dropdown-menu .dropdown-header .btn, .mobile-sticky-bottombar .dropdown-account .dropdown-menu .dropdown-header .product #reviews p.form-submit, .product #reviews .mobile-sticky-bottombar .dropdown-account .dropdown-menu .dropdown-header p.form-submit, .mobile-sticky-bottombar .dropdown-account .dropdown-menu .dropdown-header .gform_wrapper form .gform_footer .gform_button, .gform_wrapper form .gform_footer .mobile-sticky-bottombar .dropdown-account .dropdown-menu .dropdown-header .gform_button, .mobile-sticky-bottombar .dropdown-account .dropdown-menu .dropdown-header .gform_wrapper form .gform_footer .diadao-sdk-button-gform, .gform_wrapper form .gform_footer .mobile-sticky-bottombar .dropdown-account .dropdown-menu .dropdown-header .diadao-sdk-button-gform {
  width: 100%;
}
.mobile-sticky-bottombar .dropdown-account .dropdown-menu .dropdown-item {
  display: flex;
  align-items: center;
  gap: 16px;
}
@media only screen and (min-width: 992px) {
  .mobile-sticky-bottombar .dropdown-account .dropdown-menu .dropdown-item:hover {
    color: var(--diadabox-primary, #FF4848);
  }
}
.mobile-sticky-bottombar .dropdown-account .dropdown-header {
  width: 100%;
}

.modal {
  z-index: 160;
  position: fixed;
  bottom: 0;
  left: 0;
  transform: translateY(100%);
  width: 100%;
  background: #FFFFFF;
  transition: transform 0.5s ease-in-out;
  height: 100%;
  overflow: hidden;
  border-radius: 8px 8px 0 0;
}
@media only screen and (min-width: 992px) {
  .modal {
    bottom: auto;
    top: 50%;
    left: 50%;
    width: 80%;
    border-radius: 8px;
    height: auto;
    transform: translate(-50%, 100vh);
  }
}
@media only screen and (min-width: 1280px) {
  .modal {
    width: 60%;
  }
}
@media only screen and (min-width: 1280px) {
  .modal {
    width: 1040px;
  }
}
.modal.modal-opened {
  transform: translateY(0);
}
@media only screen and (min-width: 992px) {
  .modal.modal-opened {
    transform: translate(-50%, -50%);
  }
}
.modal__header {
  position: fixed;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 8px 16px;
  z-index: 10;
  background: #FFFFFF;
  height: 48px;
}
@media only screen and (min-width: 992px) {
  .modal__header {
    padding: 16px;
    height: 80px;
  }
}
.modal__close-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  margin-left: auto;
}
.modal__wrapper {
  height: 100%;
  padding-top: 48px;
}
@media only screen and (min-width: 992px) {
  .modal__wrapper {
    padding-top: 80px;
  }
}
.modal__content {
  overflow-y: auto;
  height: 100%;
  display: flex;
  width: 100%;
}
.modal__sticky-bottom {
  position: fixed;
  bottom: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  padding: 16px;
  z-index: 10;
  background: #FFFFFF;
  border-top: 1px solid #E8EEF3;
  height: 120px;
  justify-content: flex-end;
}
@media only screen and (min-width: 992px) {
  .modal__sticky-bottom {
    height: 72px;
    flex-direction: row;
    align-items: center;
    gap: 16px;
    padding: 16px;
  }
}
@media only screen and (min-width: 992px) {
  .modal__sticky-bottom .btn, .modal__sticky-bottom .product #reviews p.form-submit, .product #reviews .modal__sticky-bottom p.form-submit, .modal__sticky-bottom .gform_wrapper form .gform_footer .gform_button, .gform_wrapper form .gform_footer .modal__sticky-bottom .gform_button, .modal__sticky-bottom .gform_wrapper form .gform_footer .diadao-sdk-button-gform, .gform_wrapper form .gform_footer .modal__sticky-bottom .diadao-sdk-button-gform {
    width: calc((100% - 16px) / 2);
  }
}

.modal-login {
  height: auto;
}
.modal-login .modal__content {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding-bottom: 32px;
}
@media only screen and (min-width: 992px) {
  .modal-login .modal__content {
    padding: 0 56px;
  }
}
.modal-login .modal__wrapper {
  padding-bottom: 0;
}
.modal-login .modal__bottom {
  justify-content: center;
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .modal-login .modal__bottom {
    border-top: none;
    padding: 24px 0 56px;
  }
}
.modal-login .modal__bottom__title {
  position: relative;
  text-align: center;
  font-weight: 600;
  width: 100%;
}
.modal-login .modal__bottom__title span {
  background: #FFFFFF;
  padding-inline: 16px;
}
.modal-login .modal__bottom__title:before {
  content: "";
  position: absolute;
  top: 12px;
  left: 0;
  right: 0;
  height: 1px;
  background: #E8EEF3;
  z-index: -1;
}
.modal-login .modal__bottom__content {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  align-items: center;
}
@media only screen and (min-width: 992px) {
  .modal-login .modal__bottom__content {
    gap: 32px;
  }
}
.modal-login__screen {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  display: none;
}
.modal-login__screen--inline {
  display: flex;
}
.modal-login__screen form {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.modal-login__screen form .input-container,
.modal-login__screen form .input-container input,
.modal-login__screen form .wp-pwd {
  margin-bottom: 0;
}
.modal-login__screen form p.info-label {
  margin: 0;
}
.modal-login__back {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 8px;
  padding: 0;
  background: none;
  border: none;
  color: var(--diadabox-primary, #FF4848);
  font-weight: 700;
  font-size: 14px;
  cursor: pointer;
  transition: color 0.25s ease-in-out;
}
.modal-login__back span {
  display: none;
}
.modal-login__back:before {
  content: "";
  width: 7px;
  height: 7px;
  border-left: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg);
}
.modal-login__back:hover {
  color: var(--diadabox-primary-darker, rgb(255, 46.5, 46.5));
}
.modal-login__intro {
  margin: 0;
}
.modal-login__register-fields {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media only screen and (min-width: 992px) {
  .modal-login__register-fields {
    display: grid;
    grid-template-columns: repeat(2, minmax(0px, 1fr));
    align-items: center;
    column-gap: 16px;
    row-gap: 16px;
  }
}
@media only screen and (min-width: 992px) and (min-width: 992px) {
  .modal-login__register-fields {
    column-gap: 16px;
    row-gap: 0;
    grid-template-columns: repeat(2, minmax(0px, 1fr));
  }
}
.modal-login__field {
  height: auto;
}
.modal-login__field label {
  display: block;
  font-weight: 700;
  margin-bottom: 8px;
}
.modal-login__field input {
  margin-bottom: 0;
}
.modal-login__alt {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  margin-top: 8px;
}
.modal-login__or {
  position: relative;
  text-align: center;
  margin: 0;
}
.modal-login__or span {
  position: relative;
  background: #FFFFFF;
  padding: 0 12px;
  color: #1E1E1E;
  font-weight: 700;
  font-size: 12px;
  text-transform: uppercase;
}
.modal-login__or:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 1px;
  background: #E8EEF3;
}
.modal-login__code-btn {
  width: 100%;
}
.modal-login__remember {
  margin-top: 16px;
}
.modal-login__lost {
  margin-top: 12px;
}
.modal-login-error-message {
  display: none;
  padding: 16px;
  background: color-mix(in srgb, var(--diadabox-primary, #FF4848) 20%, transparent);
  border: 1px solid var(--diadabox-primary, #FF4848);
  border-radius: 4px;
  margin-bottom: 16px;
}
.modal-login-error-message p {
  margin: 0;
  color: #C80000;
  font-size: 14px;
  font-weight: 500;
}

.modal-login[data-step=email] [data-auth-screen=email], .modal-login[data-step=password] [data-auth-screen=password], .modal-login[data-step=register] [data-auth-screen=register], .modal-login[data-step=code] [data-auth-screen=code] {
  display: flex;
}

@media only screen and (min-width: 992px) {
  .modal.modal-login {
    max-width: 560px;
  }
  .modal.modal-login .modal__content {
    width: 100%;
  }
}
.modal-login .modal__bottom:has(.auth-social-slot:empty) {
  display: none;
}

.auth-code-inputs {
  display: flex;
  gap: 8px;
  justify-content: center;
  margin-bottom: 8px;
}
.auth-code-inputs .auth-code-input {
  width: 48px;
  height: 56px;
  padding: 0;
  text-align: center;
  font-size: 24px;
  font-weight: 600;
}

.auth-code-resend {
  text-align: center;
  margin-top: 16px;
}
.auth-code-resend p {
  margin: 0;
  font-size: 14px;
}

.modal-coupon-code {
  width: auto;
  height: auto;
}
@media only screen and (min-width: 992px) {
  .modal-coupon-code {
    min-width: 620px;
  }
}
@media only screen and (min-width: 1280px) {
  .modal-coupon-code {
    min-width: none;
  }
}
.modal-coupon-code__block {
  display: flex;
  flex-direction: column;
  gap: 16px;
  flex: 50%;
  padding: 16px;
}
@media only screen and (min-width: 992px) {
  .modal-coupon-code__block {
    padding: 40px;
    width: 100%;
    display: flex;
  }
}
@media only screen and (min-width: 1280px) {
  .modal-coupon-code__block {
    padding: 80px;
  }
}
.modal-coupon-code .modal__wrapper {
  width: 100%;
  padding-bottom: 120px;
}
@media only screen and (min-width: 992px) {
  .modal-coupon-code .modal__wrapper {
    padding-bottom: 72px;
  }
}

.modal-cross-selling {
  height: 100%;
  max-height: 100%;
}
@media only screen and (min-width: 992px) {
  .modal-cross-selling {
    height: 90vh;
    max-height: 880px;
  }
}
.modal-cross-selling .modal__wrapper {
  padding-bottom: 72px;
}
@media only screen and (min-width: 992px) {
  .modal-cross-selling .modal__wrapper {
    padding-bottom: 72px;
  }
}
.modal-cross-selling .modal__content {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 0 16px 16px 16px;
}
@media only screen and (min-width: 992px) {
  .modal-cross-selling .modal__content {
    gap: 16px;
    padding: 0 32px 32px 32px;
  }
}
@media only screen and (min-width: 1280px) {
  .modal-cross-selling .modal__content {
    padding: 0 80px 48px 80px;
  }
}
@media only screen and (max-width: 991px) {
  .modal-cross-selling .modal__content h2 {
    font-size: 20px;
  }
}
.modal-cross-selling .modal__content h2 {
  font-size: 28px;
}
@media only screen and (max-width: 991px) {
  .modal-cross-selling .modal__content h3,
  .modal-cross-selling .modal__content .h3-title,
  .modal-cross-selling .modal__content .pot-choice-page--summary .pot-creation__main .pot-form__step-title,
  .pot-choice-page--summary .pot-creation__main .modal-cross-selling .modal__content .pot-form__step-title,
  .modal-cross-selling .modal__content .prices .actual-price .value--big,
  .prices .actual-price .modal-cross-selling .modal__content .value--big {
    font-size: 16px;
  }
}
.modal-cross-selling .modal__content .total-prices {
  padding-block: 0;
  border: none;
  border-radius: 0;
  background: none;
}
@media only screen and (max-width: 991px) {
  .modal-cross-selling .modal__content .total-prices {
    padding: 0;
  }
}
@media only screen and (max-width: 991px) {
  .modal-cross-selling .modal__content .total-prices__item {
    font-size: 12px;
  }
}
@media only screen and (min-width: 992px) {
  .modal-cross-selling .modal__content .vouchers-carousel .swiper-container {
    padding-right: 80px;
  }
}
.modal-cross-selling .modal__content .vouchers-carousel .swiper-container .swiper-slide {
  width: 152px;
}
@media only screen and (min-width: 992px) {
  .modal-cross-selling .modal__content .vouchers-carousel .swiper-container .swiper-slide {
    width: 160px;
  }
}
@media only screen and (min-width: 992px) {
  .modal-cross-selling .modal__content .vouchers-carousel .swiper-container .swiper-slide {
    width: 180px;
  }
}
@media only screen and (min-width: 1280px) {
  .modal-cross-selling .modal__content .vouchers-carousel .swiper-container .swiper-slide {
    width: 180px;
  }
}
.modal-cross-selling .modal__sticky-bottom {
  flex-direction: row;
  justify-content: space-between;
  height: 72px;
}
.modal-cross-selling .modal__sticky-bottom .buttons {
  display: flex;
  gap: 8px;
}
@media only screen and (min-width: 992px) {
  .modal-cross-selling .modal__sticky-bottom .buttons {
    gap: 16px;
  }
}
.modal-cross-selling .modal__sticky-bottom {
  /*

  .btn {
      flex: 0 0 auto;
      min-width: 0;
      width: auto;
      &.js-pdfmodel-save,
      &.js-pdfmodel-preview-edit,
      &.js-pdfmodel-next {
          align-self: flex-end;
          margin-left: auto;
      }

      &.js-pdfmodel-inline-preview-link {
          display: none !important;
      }

      @include device_992_min {
          flex: 0 0 auto;
          width: auto;
          min-width: 0;
      }
  }

  .js-pdfmodel-inline-preview-link {
      margin-right: auto;
  }
  */
}

.modal-giftcard-preview {
  height: calc(100% - 64px);
  max-height: 1050px;
}
@media only screen and (max-width: 991px) {
  .modal-giftcard-preview.js-pdfmodel-custom-modal {
    height: 100%;
    max-height: 100%;
  }
}
.modal-giftcard-preview .modal__content {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 16px 16px 16px;
}
@media only screen and (min-width: 992px) {
  .modal-giftcard-preview .modal__content {
    padding: 0 80px 80px 80px;
  }
}
@media only screen and (min-width: 1280px) {
  .modal-giftcard-preview .modal__content {
    padding: 0 80px 88px 80px;
  }
}
.modal-giftcard-preview__block {
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: 100%;
  width: 100%;
}
.modal-giftcard-preview__sticky-bottom {
  position: fixed;
  bottom: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  padding: 16px;
  z-index: 10;
  background: #FFFFFF;
  border-top: 1px solid #E8EEF3;
  height: 72px;
}
@media only screen and (min-width: 992px) {
  .modal-giftcard-preview__sticky-bottom {
    height: 80px;
    flex-direction: row;
    justify-content: center;
    gap: 16px;
  }
}
@media only screen and (min-width: 1280px) {
  .modal-giftcard-preview__sticky-bottom {
    height: 88px;
  }
}
@media only screen and (min-width: 992px) {
  .modal-giftcard-preview__sticky-bottom .btn, .modal-giftcard-preview__sticky-bottom .product #reviews p.form-submit, .product #reviews .modal-giftcard-preview__sticky-bottom p.form-submit, .modal-giftcard-preview__sticky-bottom .gform_wrapper form .gform_footer .gform_button, .gform_wrapper form .gform_footer .modal-giftcard-preview__sticky-bottom .gform_button, .modal-giftcard-preview__sticky-bottom .gform_wrapper form .gform_footer .diadao-sdk-button-gform, .gform_wrapper form .gform_footer .modal-giftcard-preview__sticky-bottom .diadao-sdk-button-gform {
    width: calc((100% - 16px) / 2);
  }
}

.modal-assistance-request .modal__content {
  height: calc(100% - 48px);
  overflow: hidden;
}
.modal-assistance-request .modal-giftcard-preview__block,
.modal-assistance-request .modal-giftcard-preview__iframe-container {
  height: 100%;
  min-height: 0;
}
.modal-assistance-request iframe.modal-assistance-request__iframe {
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
}
@media only screen and (min-width: 992px) {
  .modal-assistance-request .modal__content {
    height: calc(100% - 80px);
  }
}

.modal-giftcard-request-view .modal__content {
  height: calc(100% - 48px);
  overflow: hidden;
}
.modal-giftcard-request-view .modal-giftcard-preview__block,
.modal-giftcard-request-view .modal-giftcard-preview__iframe-container {
  height: 100%;
  min-height: 0;
}
.modal-giftcard-request-view iframe.modal-giftcard-request-view__iframe {
  border: 0;
  display: block;
  height: 100%;
  max-height: none;
  min-height: 0;
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .modal-giftcard-request-view .modal__content {
    height: calc(100% - 80px);
  }
}
.modal-giftcard-request-view.modal-my-account-action-view .modal__content {
  padding-right: 0;
}
.modal-giftcard-request-view.modal-my-account-action-view .modal-giftcard-preview__block,
.modal-giftcard-request-view.modal-my-account-action-view .modal-giftcard-preview__iframe-container {
  width: 100%;
}

body.dbx-assistance-form-page .gfield.gfield--type-hidden,
body.dbx-assistance-form-page .gfield.gform_hidden,
body.dbx-assistance-form-page .gform_hidden {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}
body.dbx-assistance-form-page .gform_wrapper form .gform_footer {
  margin-bottom: 0 !important;
}
body.dbx-assistance-form-page .gform_wrapper form .gform_footer:empty {
  display: none;
  margin: 0 !important;
  padding: 0 !important;
}

.modal-pdfmodel-custom .modal__wrapper {
  padding-bottom: 72px;
}
@media only screen and (min-width: 992px) {
  .modal-pdfmodel-custom .modal__wrapper {
    padding-bottom: 80px;
  }
}
@media only screen and (min-width: 1280px) {
  .modal-pdfmodel-custom .modal__wrapper {
    padding-bottom: 88px;
  }
}
.modal-pdfmodel-custom .modal__content {
  align-items: flex-start;
  justify-content: flex-start;
}
.modal-pdfmodel-custom__block {
  width: 100%;
  height: auto;
  min-height: 100%;
}
.modal-pdfmodel-custom__steps {
  width: 100%;
}
.modal-pdfmodel-custom__step {
  display: none;
  flex-direction: column;
  gap: 12px;
  width: 100%;
}
.modal-pdfmodel-custom__step.is-active {
  display: flex;
}
.modal-pdfmodel-custom__backgrounds {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}
@media only screen and (min-width: 640px) {
  .modal-pdfmodel-custom__backgrounds {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
@media only screen and (min-width: 1280px) {
  .modal-pdfmodel-custom__backgrounds {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}
.modal-pdfmodel-custom__bg-option {
  cursor: pointer;
  position: relative;
  overflow: hidden;
  border-radius: 8px;
}
.modal-pdfmodel-custom__bg-thumb {
  display: block;
  border-radius: 8px;
  overflow: hidden;
  aspect-ratio: 1/1;
  border: 1px solid rgba(213, 221, 228, 0.3);
}
.modal-pdfmodel-custom__bg-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.modal-pdfmodel-custom__upload {
  border: 2px dashed #0085FF;
  border-color: #0085FF;
  border-width: 2px;
  border-radius: 8px;
  padding: 24px 16px;
  margin-top: 0px;
  margin-bottom: 24px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  min-height: 152px;
  text-align: center;
}
.modal-pdfmodel-custom__upload input[type=file] {
  display: none;
}
.modal-pdfmodel-custom__upload:focus-visible {
  outline: 2px solid #0085FF;
  outline-offset: 4px;
}
.modal-pdfmodel-custom__upload.is-dragover {
  border-color: #0085FF;
  background: #F5F9FC;
}
.modal-pdfmodel-custom__upload-content {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  align-items: center;
  pointer-events: none;
}
.modal-pdfmodel-custom__browse-label {
  width: auto;
  justify-content: center;
  text-align: center;
  min-height: 56px;
}
.modal-pdfmodel-custom__preview {
  width: 100%;
  min-height: 380px;
  border: 1px solid #E8EEF3;
  border-radius: 8px;
  overflow: hidden;
  background: #FFFFFF;
}
.modal-pdfmodel-custom__preview iframe {
  display: block;
  width: 100%;
  min-height: 380px;
  border: 0;
}
.modal-pdfmodel-custom__preview-placeholder {
  display: flex;
  flex-direction: row;
  gap: 8px;
  justify-content: center;
  align-items: center;
  min-height: 380px;
  color: #6B7580;
  font-size: 14px;
  text-align: center;
  padding: 16px;
}
.modal-pdfmodel-custom__hint {
  margin: -6px 0 0;
  font-size: 13px;
  line-height: 1.45;
  color: #6B7580;
}
.modal-pdfmodel-custom__files {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.modal-pdfmodel-custom__file {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
  background: rgba(213, 221, 228, 0.1);
  border-radius: 8px;
  padding: 8px 12px;
}
.modal-pdfmodel-custom__file-media {
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: center;
  min-width: 0;
}
.modal-pdfmodel-custom__file-thumb {
  width: 80px;
  height: 80px;
  border-radius: 8px;
  overflow: hidden;
  flex-shrink: 0;
  border: 1px solid rgba(213, 221, 228, 0.3);
  background: #FFFFFF;
}
.modal-pdfmodel-custom__file-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.modal-pdfmodel-custom__file-name {
  font-size: 13px;
  line-height: 1.4;
  word-break: break-word;
}
.modal-pdfmodel-custom__file-remove {
  border: 0;
  background: transparent;
  color: #6B7580;
  padding: 8px;
  line-height: 1;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  gap: 0;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 992px) {
  .modal-pdfmodel-custom__file-remove:hover {
    color: var(--diadabox-primary, #FF4848);
  }
}
.modal-pdfmodel-custom__sticky-bottom {
  flex-direction: row;
  justify-content: space-between;
}
.modal-pdfmodel-custom__sticky-bottom .buttons {
  display: flex;
  gap: 8px;
}
@media only screen and (min-width: 992px) {
  .modal-pdfmodel-custom__sticky-bottom .buttons {
    gap: 16px;
  }
}
.modal-pdfmodel-custom__sticky-bottom .btn, .modal-pdfmodel-custom__sticky-bottom .product #reviews p.form-submit, .product #reviews .modal-pdfmodel-custom__sticky-bottom p.form-submit, .modal-pdfmodel-custom__sticky-bottom .gform_wrapper form .gform_footer .gform_button, .gform_wrapper form .gform_footer .modal-pdfmodel-custom__sticky-bottom .gform_button, .modal-pdfmodel-custom__sticky-bottom .gform_wrapper form .gform_footer .diadao-sdk-button-gform, .gform_wrapper form .gform_footer .modal-pdfmodel-custom__sticky-bottom .diadao-sdk-button-gform {
  flex: 0 0 auto;
  min-width: 0;
  width: auto;
}
.modal-pdfmodel-custom__sticky-bottom .btn.js-pdfmodel-save, .modal-pdfmodel-custom__sticky-bottom .product #reviews p.js-pdfmodel-save.form-submit, .product #reviews .modal-pdfmodel-custom__sticky-bottom p.js-pdfmodel-save.form-submit, .modal-pdfmodel-custom__sticky-bottom .gform_wrapper form .gform_footer .js-pdfmodel-save.gform_button, .gform_wrapper form .gform_footer .modal-pdfmodel-custom__sticky-bottom .js-pdfmodel-save.gform_button, .modal-pdfmodel-custom__sticky-bottom .gform_wrapper form .gform_footer .js-pdfmodel-save.diadao-sdk-button-gform, .gform_wrapper form .gform_footer .modal-pdfmodel-custom__sticky-bottom .js-pdfmodel-save.diadao-sdk-button-gform, .modal-pdfmodel-custom__sticky-bottom .btn.js-pdfmodel-preview-edit, .modal-pdfmodel-custom__sticky-bottom .product #reviews p.js-pdfmodel-preview-edit.form-submit, .product #reviews .modal-pdfmodel-custom__sticky-bottom p.js-pdfmodel-preview-edit.form-submit, .modal-pdfmodel-custom__sticky-bottom .gform_wrapper form .gform_footer .js-pdfmodel-preview-edit.gform_button, .gform_wrapper form .gform_footer .modal-pdfmodel-custom__sticky-bottom .js-pdfmodel-preview-edit.gform_button, .modal-pdfmodel-custom__sticky-bottom .gform_wrapper form .gform_footer .js-pdfmodel-preview-edit.diadao-sdk-button-gform, .gform_wrapper form .gform_footer .modal-pdfmodel-custom__sticky-bottom .js-pdfmodel-preview-edit.diadao-sdk-button-gform, .modal-pdfmodel-custom__sticky-bottom .btn.js-pdfmodel-next, .modal-pdfmodel-custom__sticky-bottom .product #reviews p.js-pdfmodel-next.form-submit, .product #reviews .modal-pdfmodel-custom__sticky-bottom p.js-pdfmodel-next.form-submit, .modal-pdfmodel-custom__sticky-bottom .gform_wrapper form .gform_footer .js-pdfmodel-next.gform_button, .gform_wrapper form .gform_footer .modal-pdfmodel-custom__sticky-bottom .js-pdfmodel-next.gform_button, .modal-pdfmodel-custom__sticky-bottom .gform_wrapper form .gform_footer .js-pdfmodel-next.diadao-sdk-button-gform, .gform_wrapper form .gform_footer .modal-pdfmodel-custom__sticky-bottom .js-pdfmodel-next.diadao-sdk-button-gform {
  align-self: flex-end;
  margin-left: auto;
}
.modal-pdfmodel-custom__sticky-bottom .btn.js-pdfmodel-inline-preview-link, .modal-pdfmodel-custom__sticky-bottom .product #reviews p.js-pdfmodel-inline-preview-link.form-submit, .product #reviews .modal-pdfmodel-custom__sticky-bottom p.js-pdfmodel-inline-preview-link.form-submit, .modal-pdfmodel-custom__sticky-bottom .gform_wrapper form .gform_footer .js-pdfmodel-inline-preview-link.gform_button, .gform_wrapper form .gform_footer .modal-pdfmodel-custom__sticky-bottom .js-pdfmodel-inline-preview-link.gform_button, .modal-pdfmodel-custom__sticky-bottom .gform_wrapper form .gform_footer .js-pdfmodel-inline-preview-link.diadao-sdk-button-gform, .gform_wrapper form .gform_footer .modal-pdfmodel-custom__sticky-bottom .js-pdfmodel-inline-preview-link.diadao-sdk-button-gform {
  display: none !important;
}
@media only screen and (min-width: 992px) {
  .modal-pdfmodel-custom__sticky-bottom .btn, .modal-pdfmodel-custom__sticky-bottom .product #reviews p.form-submit, .product #reviews .modal-pdfmodel-custom__sticky-bottom p.form-submit, .modal-pdfmodel-custom__sticky-bottom .gform_wrapper form .gform_footer .gform_button, .gform_wrapper form .gform_footer .modal-pdfmodel-custom__sticky-bottom .gform_button, .modal-pdfmodel-custom__sticky-bottom .gform_wrapper form .gform_footer .diadao-sdk-button-gform, .gform_wrapper form .gform_footer .modal-pdfmodel-custom__sticky-bottom .diadao-sdk-button-gform {
    flex: 0 0 auto;
    width: auto;
    min-width: 0;
  }
}
.modal-pdfmodel-custom__sticky-bottom .js-pdfmodel-inline-preview-link {
  margin-right: auto;
}

.modal-pdfmodel-preview__container {
  min-height: 380px;
}
.modal-pdfmodel-preview__container iframe {
  width: 100%;
  aspect-ratio: 99/70;
  border: 0;
}
.modal-pdfmodel-preview__sticky-bottom {
  display: flex;
  justify-content: flex-end;
  padding: 16px 24px;
}

.js-pdfmodel-default-photos {
  margin-bottom: 24px;
}
.js-pdfmodel-default-photos h3 {
  margin-bottom: 8px;
}

.modal-pot-teaser {
  height: 100%;
  max-height: 100%;
}
@media only screen and (min-width: 992px) {
  .modal-pot-teaser {
    width: 1040px;
    max-width: calc(100vw - 80px);
    height: auto;
    max-height: 720px;
  }
}
.modal-pot-teaser .modal__wrapper {
  padding-bottom: 72px;
}
@media only screen and (min-width: 992px) {
  .modal-pot-teaser .modal__wrapper {
    padding-bottom: 72px;
  }
}
.modal-pot-teaser .modal__content {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 0 16px 16px 16px;
}
@media only screen and (min-width: 992px) {
  .modal-pot-teaser .modal__content {
    gap: 32px;
    padding: 0 40px 32px 40px;
  }
}
@media only screen and (min-width: 1280px) {
  .modal-pot-teaser .modal__content {
    padding: 0 64px 40px 64px;
  }
}
.modal-pot-teaser .modal__content h2 {
  font-size: 28px;
}
@media only screen and (max-width: 991px) {
  .modal-pot-teaser .modal__content h2 {
    font-size: 20px;
  }
}
@media only screen and (min-width: 992px) {
  .modal-pot-teaser .modal__sticky-bottom {
    justify-content: space-between;
  }
}

.modal-pot-teaser__illus {
  position: relative;
}
.modal-pot-teaser__illus:after {
  width: 72px;
  height: 72px;
  top: 50%;
  margin-top: -40px;
  right: 16px;
  content: "";
  background-repeat: no-repeat;
  background-image: url(../images/diadabox/svg/icon-cagnotte.svg);
  background-size: contain;
  position: absolute;
}
@media only screen and (max-width: 991px) {
  .modal-pot-teaser__illus:after {
    width: 48px;
    height: 48px;
    margin-top: -24px;
  }
}

.modal.modal-auth-panel {
  top: 0;
  right: 0;
  left: auto;
  bottom: 0;
  width: 100%;
  max-width: none;
  height: 100%;
  border-radius: 0;
  transform: translateX(100%);
  transition: transform 0.4s ease-in-out;
}
@media only screen and (min-width: 992px) {
  .modal.modal-auth-panel {
    width: 520px;
  }
}
.modal.modal-auth-panel.modal-opened {
  transform: translateX(0);
}
.modal.modal-auth-panel .modal__header {
  position: absolute;
}
.modal.modal-auth-panel .modal__content {
  flex-direction: column;
  padding: 24px;
}
@media only screen and (min-width: 992px) {
  .modal.modal-auth-panel .modal__content {
    padding: 32px;
  }
}

.modal-overlay {
  position: fixed;
  background: rgba(30, 30, 30, 0.7);
  inset: 0;
  z-index: 100;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.25s ease-in-out;
  visibility: hidden;
}

body.modal-opened .modal-overlay {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}

.modal-confirm {
  z-index: 9995;
  height: auto;
  max-height: 90vh;
}
@media only screen and (max-width: 991px) {
  body.has-extras-cart-toolbar .modal-confirm {
    bottom: 70px;
  }
}
@media only screen and (min-width: 992px) {
  .modal-confirm {
    width: 680px;
    max-height: none;
  }
}
.modal-confirm__wrapper {
  padding-bottom: 120px;
}
@media only screen and (min-width: 992px) {
  .modal-confirm__wrapper {
    padding-bottom: 72px;
  }
}
.modal-confirm__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 24px 16px;
  min-height: 200px;
}
@media only screen and (min-width: 992px) {
  .modal-confirm__content {
    padding: 40px;
  }
}
.modal-confirm__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  margin-bottom: 16px;
  border-radius: 50%;
}
.modal-confirm__icon--warning {
  background: rgba(248, 148, 7, 0.15);
  color: rgb(173.6, 103.6, 4.9);
}
.modal-confirm__icon--danger {
  background: rgba(189, 53, 47, 0.1);
  color: #BD352F;
}
.modal-confirm__icon--success {
  background: rgba(80, 163, 81, 0.1);
  color: #50A351;
}
.modal-confirm__icon--info {
  background: rgba(47, 150, 180, 0.1);
  color: #2F96B4;
}

.dropdown-languages {
  position: relative;
}
.dropdown-languages__flag {
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  object-fit: cover;
}
.dropdown-languages .dropdown-menu {
  z-index: 1000;
  height: auto;
}
.dropdown-languages .dropdown-menu.show {
  display: flex;
  flex-direction: column;
  position: absolute;
  left: 50%;
  transform: translateX(-50%) !important;
  box-shadow: 0px 0px 16px 0px rgba(30, 30, 30, 0.1);
  background: #FFFFFF;
  border-radius: 8px;
  padding: 8px;
}
.dropdown-languages .dropdown-menu .dropdown-item {
  display: flex;
  align-items: center;
  gap: 16px;
}
@media only screen and (min-width: 992px) {
  .dropdown-languages .dropdown-menu .dropdown-item:hover {
    color: var(--diadabox-primary, #FF4848);
  }
}
.dropdown-languages--down .dropdown-menu.show {
  top: calc(100% + 8px);
  bottom: auto;
}
.dropdown-languages--up .dropdown-menu.show {
  bottom: calc(100% + 8px) !important;
  top: auto;
}
.dropdown-languages .navbar__link--languages .icon {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 20px;
  height: 20px;
  background-image: url("../images/diadabox/svg/icon-france.svg");
  pointer-events: none;
}

@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color:#007aff;
}

:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}

.swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide {
  transform-style: preserve-3d;
}

.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color:#fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color:#000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}

:root {
  --swiper-navigation-size:44px;
}

.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev {
  display: none !important;
}

.swiper-button-next svg, .swiper-button-prev svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform-origin: center;
}

.swiper-rtl .swiper-button-next svg, .swiper-rtl .swiper-button-prev svg {
  transform: rotate(180deg);
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

.swiper-button-lock {
  display: none;
}

.swiper-button-next:after, .swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
  content: "next";
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 0.3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 0.2s transform, 0.2s top;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s left;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s right;
}

.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}

.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-lock {
  display: none;
}

.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  touch-action: none;
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}

.swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: var(--swiper-scrollbar-sides-offset, 1%);
  bottom: var(--swiper-scrollbar-bottom, 4px);
  top: var(--swiper-scrollbar-top, auto);
  z-index: 50;
  height: var(--swiper-scrollbar-size, 4px);
  width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical > .swiper-scrollbar {
  position: absolute;
  left: var(--swiper-scrollbar-left, auto);
  right: var(--swiper-scrollbar-right, 4px);
  top: var(--swiper-scrollbar-sides-offset, 1%);
  z-index: 50;
  width: var(--swiper-scrollbar-size, 4px);
  height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}

.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-fade .swiper-slide-active {
  pointer-events: auto;
}

.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper.swiper-cube {
  overflow: visible;
}

.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}

.swiper-cube .swiper-cube-shadow:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}

.swiper-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper.swiper-flip {
  overflow: visible;
}

.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}

.swiper.swiper-cards {
  overflow: visible;
}

.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  height: 0;
  overflow: hidden;
  transition: height 0.15s ease;
}

.dropdown-menu:not(.show) {
  display: none;
}

#toast-container .toast {
  opacity: 1;
  padding: 16px;
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: flex-start;
  color: #F9F9F9;
  border-radius: 4px;
  background-image: none !important;
  transition: box-shadow 0.25s ease-in-out;
  font-size: 14px;
  line-height: 1.4;
}
#toast-container .toast:before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  flex: 0 0 auto;
}
#toast-container .toast:hover {
  box-shadow: none;
}
#toast-container .toast-error {
  background-color: #BD352F;
}
#toast-container .toast-error:before {
  display: inline-block;
  width: 20px;
  height: 20px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: cover;
  mask-size: contain;
  -webkit-mask-image: url("../images/diadabox/svg/icon-alert-shield.svg");
  mask-image: url("../images/diadabox/svg/icon-alert-shield.svg");
  background-color: currentColor;
  pointer-events: none;
}
#toast-container .toast-success {
  background-color: #50A351;
}
#toast-container .toast-success:before {
  display: inline-block;
  width: 20px;
  height: 20px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: cover;
  mask-size: contain;
  -webkit-mask-image: url("../images/diadabox/svg/icon-alert-check.svg");
  mask-image: url("../images/diadabox/svg/icon-alert-check.svg");
  background-color: currentColor;
  pointer-events: none;
}
#toast-container .toast-warning {
  background-color: #F89407;
}
#toast-container .toast-warning:before {
  display: inline-block;
  width: 20px;
  height: 20px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: cover;
  mask-size: contain;
  -webkit-mask-image: url("../images/diadabox/svg/icon-alert-triangle.svg");
  mask-image: url("../images/diadabox/svg/icon-alert-triangle.svg");
  background-color: currentColor;
  pointer-events: none;
}
#toast-container .toast-info {
  background-color: #2F96B4;
}
#toast-container .toast-info:before {
  display: inline-block;
  width: 20px;
  height: 20px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: cover;
  mask-size: contain;
  -webkit-mask-image: url("../images/diadabox/svg/icon-alert-info.svg");
  mask-image: url("../images/diadabox/svg/icon-alert-info.svg");
  background-color: currentColor;
  pointer-events: none;
}
#toast-container .toast-message {
  flex: 1 1 auto;
}
#toast-container .toast .toast-close-button {
  order: 1;
  right: inherit;
  top: inherit;
  text-shadow: none;
  float: none;
  line-height: 0;
  transition: color 0.25s ease-in-out, opacity 0.25s ease-in-out;
}
#toast-container .toast .toast-close-button:hover {
  opacity: 1;
  color: #F9F9F9;
}

.kwpb-swiper-module {
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}

body.swiper-ready .kwpb-swiper-module {
  opacity: 1;
}

.kwpb-swiper-module,
.swiper-container,
.swiper-wrapper {
  width: 100%;
}
.kwpb-swiper-module .swiper-slide,
.swiper-container .swiper-slide,
.swiper-wrapper .swiper-slide {
  height: auto;
}
.kwpb-swiper-module .swiper-slide img,
.swiper-container .swiper-slide img,
.swiper-wrapper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.swiper-top .swiper-slide {
  cursor: pointer;
}
.swiper-top .swiper-slide img {
  aspect-ratio: 16/9;
  object-fit: contain;
}

.swiper-thumbs {
  padding: 5px;
}
.swiper-thumbs .swiper-slide {
  cursor: pointer;
  opacity: 0.6;
}
.swiper-thumbs .swiper-slide:before {
  content: "";
  position: absolute;
  inset: -5px;
  border-radius: 10px;
  border: 2px solid transparent;
  transition: border 0.25s ease-in-out;
}
.swiper-thumbs .swiper-slide img {
  border-radius: 8px;
  aspect-ratio: 6/5;
  object-fit: contain;
}
@media only screen and (min-width: 992px) {
  .swiper-thumbs .swiper-slide img {
    aspect-ratio: 16/9;
  }
}
.swiper-thumbs .swiper-slide.swiper-slide-thumb-active {
  opacity: 1;
}
.swiper-thumbs .swiper-slide.swiper-slide-thumb-active:before {
  border: 2px solid #0085FF;
}

.swiper-navigation {
  display: flex;
  flex-direction: row;
  gap: 8px;
}
@media only screen and (min-width: 992px) {
  .swiper-navigation {
    gap: 16px;
  }
}
.swiper-navigation .swiper-custom-button {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  border: 1px solid #F3F5F7;
  background: #FFFFFF;
  transition: opacity 0.25s ease-in-out, background 0.25s ease-in-out;
}
@media only screen and (min-width: 992px) {
  .swiper-navigation .swiper-custom-button {
    width: 48px;
    height: 48px;
  }
  .swiper-navigation .swiper-custom-button:hover {
    background: rgba(213, 221, 228, 0.3);
  }
}
.swiper-navigation .swiper-custom-button.swiper-button-disabled {
  opacity: 0.5;
  pointer-events: none;
}
.swiper-navigation .swiper-custom-button.swiper-button-lock {
  opacity: 0;
  pointer-events: none;
}

.header-homepage {
  padding-top: 0;
  padding-bottom: 40px;
  padding-inline: 16px;
}
@media only screen and (min-width: 640px) {
  .header-homepage {
    padding-inline: 6vw;
    padding-bottom: 32px;
  }
}
@media only screen and (min-width: 992px) {
  .header-homepage {
    padding-inline: 4vw;
    padding-bottom: 48px;
  }
}
@media only screen and (min-width: 1280px) {
  .header-homepage {
    padding-inline: 6vw;
    padding-bottom: 60px;
  }
}
@media only screen and (min-width: 1440px) {
  .header-homepage {
    padding-inline: 8vw;
    padding-bottom: 72px;
  }
}
@media only screen and (min-width: 1920px) {
  .header-homepage {
    padding-inline: 15vw;
    padding-bottom: 104px;
  }
}
.header-homepage__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0px, 1fr));
  align-items: center;
  column-gap: 16px;
  row-gap: 16px;
}
@media only screen and (min-width: 992px) {
  .header-homepage__grid {
    column-gap: 16px;
    row-gap: 16px;
    grid-template-columns: repeat(12, minmax(0px, 1fr));
  }
}
.header-homepage__wrapper {
  grid-column-start: 1;
  grid-column-end: span 12;
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: center;
}
@media only screen and (min-width: 1640px) {
  .header-homepage__wrapper {
    grid-column-start: 2;
    grid-column-end: span 10;
  }
}
@media only screen and (min-width: 1640px) {
  .header-homepage.header-logos-row .header-homepage__wrapper {
    grid-column-start: 1;
    grid-column-end: span 12;
  }
}
.header-homepage__titles {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: center;
  text-align: center;
}
@media only screen and (min-width: 992px) {
  .header-homepage__titles {
    max-width: 680px;
  }
}
@media only screen and (min-width: 1280px) {
  .header-homepage__titles {
    max-width: 980px;
  }
}
.header-homepage__title {
  font-size: 30px;
}
@media only screen and (min-width: 992px) {
  .header-homepage__title {
    font-size: 48px;
    line-height: 1.12;
    letter-spacing: -1.1px;
  }
}
@media only screen and (min-width: 1440px) {
  .header-homepage__title {
    font-size: 48px;
    line-height: 1.1;
  }
}
@media only screen and (min-width: 1640px) {
  .header-homepage__title {
    font-size: 48px;
    line-height: 1.1;
  }
}
@media only screen and (min-width: 1920px) {
  .header-homepage__title {
    font-size: 56px;
    line-height: 1.1;
  }
}
.header-homepage__awards {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
}
@media only screen and (max-width: 991px) {
  .header-homepage__awards {
    gap: 0px;
  }
}
@media only screen and (min-width: 992px) {
  .header-homepage__awards {
    flex-direction: row;
  }
}
.header-homepage__awards .separator-vertical {
  display: none;
  width: 1px;
  height: 32px;
  background: #F3F5F7;
}
@media only screen and (min-width: 992px) {
  .header-homepage__awards .separator-vertical {
    display: block;
  }
}
.header-homepage__awards__item {
  display: flex;
  flex-direction: row;
  gap: 24px;
  align-items: center;
  padding: 16px 24px;
  color: inherit;
  text-decoration: none;
}
@media only screen and (max-width: 991px) {
  .header-homepage__awards__item {
    gap: 16px;
    padding: 8px 16px;
  }
}
.header-homepage__awards__texts {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: calc(100% - 80px);
}
@media only screen and (max-width: 991px) {
  .header-homepage__awards__texts {
    gap: 4px;
  }
}
@media only screen and (max-width: 991px) {
  .header-homepage__awards__texts {
    width: calc(100% - 60px);
  }
}
.header-homepage__awards__texts__title {
  color: #1E1E1E;
  font-size: 14px;
  font-weight: 700;
}
.header-homepage__awards__texts__subtitle {
  color: #6B7580;
  font-size: 12px;
}
.header-homepage__awards__logo {
  width: 80px;
}
@media only screen and (max-width: 991px) {
  .header-homepage__awards__logo {
    width: 60px;
  }
}
.header-homepage__awards__logo img {
  display: block;
  height: auto;
  max-width: 100%;
  width: 100%;
  object-fit: contain;
}

.header-homepage__awards__item {
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .header-homepage__awards[data-count="2"] .header-homepage__awards__item {
    width: 50%;
  }
  .header-homepage__awards[data-count="3"] .header-homepage__awards__item {
    width: 33.3333333333%;
  }
  .header-homepage__awards[data-count="4"] .header-homepage__awards__item {
    width: 25%;
  }
}

.header {
  padding-top: 0;
  padding-bottom: 40px;
  padding-inline: 16px;
}
@media only screen and (min-width: 640px) {
  .header {
    padding-inline: 6vw;
    padding-bottom: 32px;
  }
}
@media only screen and (min-width: 992px) {
  .header {
    padding-inline: 4vw;
    padding-bottom: 48px;
  }
}
@media only screen and (min-width: 1280px) {
  .header {
    padding-inline: 6vw;
    padding-bottom: 60px;
  }
}
@media only screen and (min-width: 1440px) {
  .header {
    padding-inline: 8vw;
    padding-bottom: 72px;
  }
}
@media only screen and (min-width: 1920px) {
  .header {
    padding-inline: 15vw;
    padding-bottom: 104px;
  }
}
.header {
  padding-bottom: 24px;
}
@media only screen and (min-width: 992px) {
  .header {
    padding-bottom: 32px;
  }
}
@media only screen and (min-width: 1280px) {
  .header {
    padding-bottom: 40px;
  }
}
.header__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0px, 1fr));
  align-items: center;
  column-gap: 16px;
  row-gap: 16px;
}
@media only screen and (min-width: 992px) {
  .header__grid {
    column-gap: 16px;
    row-gap: 16px;
    grid-template-columns: repeat(12, minmax(0px, 1fr));
  }
}
.header__wrapper {
  grid-column-start: 1;
  grid-column-end: span 12;
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: flex-start;
}
.header__titles {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.banner-fullpage {
  position: relative;
  height: 100svh;
  margin-bottom: 40px;
}
@media only screen and (min-width: 992px) {
  .banner-fullpage {
    margin-bottom: 48px;
    height: 100vh;
  }
}
@media only screen and (min-width: 1280px) {
  .banner-fullpage {
    margin-bottom: 60px;
  }
}
@media only screen and (min-width: 1440px) {
  .banner-fullpage {
    margin-bottom: 72px;
  }
}
@media only screen and (min-width: 1920px) {
  .banner-fullpage {
    margin-bottom: 104px;
  }
}
.banner-fullpage__media {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.banner-fullpage__media:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #1E1E1E;
  opacity: 0.35;
  pointer-events: none;
  transition: opacity 5.25s ease-in-out;
  z-index: 2;
}
.banner-fullpage__media a[data-fancybox] {
  pointer-events: none;
}
.banner-fullpage__media .supermedia-swiper {
  height: 100%;
}
.banner-fullpage__media .supermedia-swiper .swiper-container {
  height: 100%;
}
.banner-fullpage__media .supermedia-swiper .swiper-actions {
  display: none;
}
.banner-fullpage__media .supermedia-video {
  height: 100%;
}
.banner-fullpage__media dia-supermedia,
.banner-fullpage__media img,
.banner-fullpage__media video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.banner-fullpage__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0px, 1fr));
  align-items: center;
  column-gap: 16px;
  row-gap: 16px;
}
@media only screen and (min-width: 992px) {
  .banner-fullpage__grid {
    column-gap: 16px;
    row-gap: 16px;
    grid-template-columns: repeat(12, minmax(0px, 1fr));
  }
}
.banner-fullpage__grid {
  position: relative;
  height: 100%;
}
.banner-fullpage__wrapper {
  grid-column-start: 2;
  grid-column-end: span 10;
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: center;
  justify-content: center;
}
.banner-fullpage__titles {
  display: flex;
  flex-direction: column;
  gap: 16px;
  text-align: center;
}
.banner-fullpage__title {
  color: #F9F9F9;
  position: relative;
  z-index: 2;
}
.banner-fullpage__subtitle {
  position: relative;
  z-index: 2;
  color: #F9F9F9;
  font-size: 16px;
}
@media only screen and (min-width: 992px) {
  .banner-fullpage__subtitle {
    font-size: 24px;
  }
}

.breadcrumb-section {
  padding-top: 0;
  padding-bottom: 40px;
  padding-inline: 16px;
}
@media only screen and (min-width: 640px) {
  .breadcrumb-section {
    padding-inline: 6vw;
    padding-bottom: 32px;
  }
}
@media only screen and (min-width: 992px) {
  .breadcrumb-section {
    padding-inline: 4vw;
    padding-bottom: 48px;
  }
}
@media only screen and (min-width: 1280px) {
  .breadcrumb-section {
    padding-inline: 6vw;
    padding-bottom: 60px;
  }
}
@media only screen and (min-width: 1440px) {
  .breadcrumb-section {
    padding-inline: 8vw;
    padding-bottom: 72px;
  }
}
@media only screen and (min-width: 1920px) {
  .breadcrumb-section {
    padding-inline: 15vw;
    padding-bottom: 104px;
  }
}
.breadcrumb-section {
  padding-bottom: 24px;
  margin-bottom: 0px;
}
@media only screen and (min-width: 992px) {
  .breadcrumb-section {
    padding-bottom: 24px !important;
  }
}
@media only screen and (min-width: 1280px) {
  .breadcrumb-section {
    padding-bottom: 32px !important;
  }
}
.breadcrumb-section:empty {
  display: none;
}
.breadcrumb-section .breadcrumb {
  display: flex;
  align-items: center;
  column-gap: 3px;
  row-gap: 2px;
}
.breadcrumb-section .breadcrumb-item {
  font-weight: 600;
  font-size: 12px;
  display: flex;
  align-items: center;
  color: #6B7580;
}
@media only screen and (max-width: 991px) {
  .breadcrumb-section .breadcrumb-item {
    font-size: 10px;
  }
}
@media only screen and (max-width: 639px) {
  .breadcrumb-section .breadcrumb-item:not(:first-child) span {
    flex: 1 0 0;
  }
}
.breadcrumb-section .breadcrumb-item span {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.breadcrumb-section .breadcrumb-item.active {
  color: #1E1E1E;
}
.breadcrumb-section .breadcrumb-item:first-child a {
  align-items: center;
  gap: 8px;
  line-height: 1;
}
.breadcrumb-section .breadcrumb-item:first-child a span {
  pointer-events: none;
}
.breadcrumb-section .breadcrumb-item a {
  display: flex;
  white-space: nowrap;
}
@media only screen and (min-width: 992px) {
  .breadcrumb-section .breadcrumb-item a:hover {
    color: var(--diadabox-primary, #FF4848);
  }
}
.breadcrumb-section .breadcrumb-item:not(:last-child)::after {
  display: block;
  content: "/";
  margin-left: 16px;
  margin-right: 8px;
  color: #6B7580;
}
@media only screen and (max-width: 991px) {
  .breadcrumb-section .breadcrumb-item:not(:last-child)::after {
    margin-left: 8px;
    margin-right: 4px;
  }
}

/**
 * Styles pour la modale de vérification d'âge - Vente d'alcool
 * Compatible avec la fonctionnalité AlcoholSale du plugin diadabox-plugin
 */
.alcohol-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  box-sizing: border-box;
}
.alcohol-modal__backdrop {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  backdrop-filter: blur(2px);
  cursor: default;
}
.alcohol-modal__content {
  position: relative;
  background-color: #FFFFFF;
  border-radius: 12px;
  width: 100%;
  max-height: 90vh;
  overflow-y: auto;
  animation: alcoholModalSlideIn 0.3s ease-in-out;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
  text-align: center;
}
@media only screen and (min-width: 1280px) {
  .alcohol-modal__content {
    max-width: 1072px;
    padding: 80px;
  }
}
.alcohol-modal__content .btn, .alcohol-modal__content .product #reviews p.form-submit, .product #reviews .alcohol-modal__content p.form-submit, .alcohol-modal__content .gform_wrapper form .gform_footer .gform_button, .gform_wrapper form .gform_footer .alcohol-modal__content .gform_button, .alcohol-modal__content .gform_wrapper form .gform_footer .diadao-sdk-button-gform, .gform_wrapper form .gform_footer .alcohol-modal__content .diadao-sdk-button-gform {
  min-width: 120px;
}
@media only screen and (min-width: 992px) {
  .alcohol-modal__content .btn, .alcohol-modal__content .product #reviews p.form-submit, .product #reviews .alcohol-modal__content p.form-submit, .alcohol-modal__content .gform_wrapper form .gform_footer .gform_button, .gform_wrapper form .gform_footer .alcohol-modal__content .gform_button, .alcohol-modal__content .gform_wrapper form .gform_footer .diadao-sdk-button-gform, .gform_wrapper form .gform_footer .alcohol-modal__content .diadao-sdk-button-gform {
    min-width: 160px;
  }
}
.alcohol-modal__actions {
  display: flex;
  flex-direction: row;
  gap: 8px;
}
.alcohol-modal__legend {
  font-size: 12px;
  color: #6B7580;
  line-height: 1.5;
}

@keyframes alcoholModalSlideIn {
  from {
    opacity: 0;
    transform: translateY(-50px) scale(0.9);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
body.alcohol-modal-open {
  overflow: hidden;
  height: 100%;
}

.alcohol-modal-disabled {
  pointer-events: none;
  opacity: 0.5;
}

.product__gallery--has-video .swiper-container .swiper-slide--video {
  background: #1E1E1E;
}

.product__video {
  position: relative;
  aspect-ratio: 16/9;
  background: #1E1E1E;
  overflow: hidden;
}
.product__video__player {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product__video__play, .product__video__thumb-play {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  display: block;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.88);
  pointer-events: none;
  transform: translate(-50%, -50%);
}
.product__video__play::before, .product__video__thumb-play::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  transform: translate(-40%, -50%);
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 18px solid #1E1E1E;
}
.product__video__play {
  width: 64px;
  height: 64px;
  box-shadow: 0 8px 24px rgba(30, 30, 30, 0.16);
  opacity: 0;
  transition: opacity 0.25s ease-in-out;
}
.product__video__thumb {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.product__video__thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product__video__thumb-play {
  width: 30px;
  height: 30px;
}
.product__video__thumb-play::before {
  border-top-width: 6px;
  border-bottom-width: 6px;
  border-left-width: 10px;
}
@media (hover: hover) {
  .product__video:hover .product__video__play {
    opacity: 1;
  }
}

.flash-message {
  width: 100%;
  position: relative;
  z-index: 1;
  height: 64px;
}
@media only screen and (min-width: 992px) {
  .flash-message {
    height: 40px;
  }
}
.flash-message .swiper-container,
.flash-message .swiper-wrapper,
.flash-message .swiper-slide {
  height: 100%;
}
.flash-message .swiper-slide {
  display: flex;
  align-items: stretch;
}
.flash-message__item {
  --flash-bg: #EEF7D8;
  --flash-text-1-bg: transparent;
  --flash-text-1-color: #35524B;
  --flash-text-2-color: #35524B;
  width: 100%;
  min-height: 100%;
  padding: 8px 16px;
  background: var(--flash-bg);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  text-align: center;
}
@media only screen and (min-width: 992px) {
  .flash-message__item {
    gap: 16px;
    padding: 8px 24px;
  }
}
.flash-message__item--green-soft {
  --flash-bg: #EDF6D7;
  --flash-text-1-bg: transparent;
  --flash-text-1-color: #35524B;
  --flash-text-2-color: #35524B;
}
.flash-message__item--weekend-pop {
  --flash-bg: #DFF1F4;
  --flash-text-1-bg: #8F2F7E;
  --flash-text-1-color: #FFFFFF;
  --flash-text-2-color: #8F2F7E;
}
.flash-message__item--blue-cream {
  --flash-bg: #EDF4FB;
  --flash-text-1-bg: #1F4D7C;
  --flash-text-1-color: #FFFFFF;
  --flash-text-2-color: #1F4D7C;
}
.flash-message__item--dark-gold {
  --flash-bg: #2B2B1F;
  --flash-text-1-bg: #D7B65A;
  --flash-text-1-color: #2B2B1F;
  --flash-text-2-color: #F7F1DD;
}
.flash-message__text {
  line-height: 1.2;
}
.flash-message__text--1 {
  background: var(--flash-text-1-bg);
  color: var(--flash-text-1-color);
  font-family: "Montserrat";
  font-size: 18px;
  font-weight: 700;
  padding: 0;
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
@media only screen and (min-width: 992px) {
  .flash-message__text--1 {
    font-size: 20px;
  }
}
.flash-message__text--2 {
  color: var(--flash-text-2-color);
  font-size: 16px;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
@media only screen and (min-width: 992px) {
  .flash-message__text--2 {
    font-size: 18px;
  }
}
.flash-message__emoji {
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.flash-message__item--weekend-pop .flash-message__text--1, .flash-message__item--blue-cream .flash-message__text--1, .flash-message__item--dark-gold .flash-message__text--1 {
  padding: 6px 12px;
}
@media only screen and (max-width: 991px) {
  .flash-message__item {
    flex-direction: column;
    gap: 4px;
    padding: 8px 12px;
  }
  .flash-message__text--1 {
    font-size: 15px;
  }
  .flash-message__text--2 {
    font-size: 13px;
  }
  .flash-message__item--weekend-pop .flash-message__text--1, .flash-message__item--blue-cream .flash-message__text--1, .flash-message__item--dark-gold .flash-message__text--1 {
    padding: 4px 8px;
  }
}

.price-selector {
  width: 100%;
  margin-bottom: 16px;
}
@media only screen and (min-width: 992px) {
  .price-selector {
    margin-bottom: 16px;
  }
}

.price-selector__amounts {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 0px;
  justify-content: flex-start;
  max-width: 512px;
}
@media only screen and (max-width: 991px) {
  .price-selector__amounts {
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
  }
}

.price-selector__label {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  background: #FFFFFF;
  border: 2px solid #E8EEF3;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.25s ease;
  min-height: 48px;
  margin-bottom: 0;
  max-width: 120px;
  width: calc(25% - 8px);
}
@media only screen and (max-width: 991px) {
  .price-selector__label {
    padding: 8px 12px;
    min-height: 48px;
  }
}
@media only screen and (max-width: 639px) {
  .price-selector__label {
    padding: 8px 8px;
    min-height: 48px;
  }
}
.price-selector__label input[type=radio] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  width: 0;
  height: 0;
}
.price-selector__label .amount-value {
  font-weight: 600;
  color: #6B7580;
  transition: color 0.25s ease;
  font-size: 12px;
}
@media only screen and (min-width: 640px) {
  .price-selector__label .amount-value {
    font-size: 16px;
  }
}
@media only screen and (min-width: 992px) {
  .price-selector__label .amount-value {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1440px) {
  .price-selector__label .amount-value {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1440px) {
  .price-selector__label .amount-value {
    font-size: 16px;
  }
}
@media only screen and (min-width: 992px) {
  .price-selector__label:hover {
    border-color: var(--diadabox-primary, #FF4848);
  }
}
.price-selector__label input[type=radio]:checked ~ .amount-value {
  color: #FFFFFF;
}
.price-selector__label:has(input[type=radio]:checked) {
  background: #FFFFFF;
  border-color: var(--diadabox-primary, #FF4848);
}
.price-selector__label:has(input[type=radio]:checked) .amount-value {
  color: #1E1E1E;
}

.price-selector__custom {
  margin-top: 8px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  gap: 8px;
  align-items: stretch;
  width: calc(100% - 8px);
  justify-content: flex-start;
}
.price-selector__custom .price-selector__input-wrapper {
  display: none;
  flex-grow: 1;
}
.price-selector__custom .price-selector__input-wrapper input {
  height: 100%;
}
.price-selector__custom.is-active .price-selector__input-wrapper {
  display: flex;
}
.price-selector__custom .price-selector__error {
  display: block;
  flex-basis: 100%;
  margin: 4px 0 0;
  color: #C80000;
  font-size: 12px;
  line-height: 1.4;
  font-weight: 500;
}
.price-selector__custom .price-selector__error[hidden] {
  display: none;
}
.price-selector__custom .price-selector__label.custom-amount {
  background: #FFFFFF;
  border: 2px solid #F3F5F7;
  display: inline-flex;
  width: auto;
  margin: 0;
  flex-shrink: 0;
  padding-left: 16px;
  padding-right: 16px;
  max-width: none;
  width: calc(50% - 4px);
  max-width: 248px;
}
.price-selector__custom .price-selector__label.custom-amount .amount-value {
  color: #6B7580;
  font-weight: 600;
  font-size: 12px;
}
@media only screen and (min-width: 640px) {
  .price-selector__custom .price-selector__label.custom-amount .amount-value {
    font-size: 16px;
  }
}
@media only screen and (min-width: 992px) {
  .price-selector__custom .price-selector__label.custom-amount .amount-value {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1440px) {
  .price-selector__custom .price-selector__label.custom-amount .amount-value {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1440px) {
  .price-selector__custom .price-selector__label.custom-amount .amount-value {
    font-size: 16px;
  }
}
.price-selector__custom .price-selector__label.custom-amount:hover {
  background: #FFFFFF;
  border-color: #E8EEF3;
}
.price-selector__custom .price-selector__label.custom-amount:hover .amount-value {
  color: #1E1E1E;
}
.price-selector__custom .price-selector__label.custom-amount:has(input[type=radio]:checked) {
  background: #FFFFFF;
  border-color: var(--diadabox-primary, #FF4848);
}
.price-selector__custom .price-selector__label.custom-amount:has(input[type=radio]:checked) .amount-value {
  color: #1E1E1E;
}
.price-selector__custom .price-selector__input-wrapper {
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: stretch;
  justify-content: center;
  background: #FFFFFF;
  border: 2px solid #E8EEF3;
  border-radius: 8px;
  gap: 0;
  overflow: hidden;
  height: 48px;
  width: calc(50% - 8px);
  max-width: 248px;
}
.price-selector__custom .price-selector__input-wrapper label {
  font-size: 14px;
  font-weight: 400;
  font-weight: 600;
  border: none;
  padding-left: 0px;
  padding-right: 0px;
  text-transform: uppercase;
  background: transparent;
  color: #1E1E1E;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  border-left: 2px solid #E8EEF3;
}
.price-selector__custom .price-selector__input-wrapper input[type=number] {
  padding-left: 16px;
  padding-right: 16px;
}
@media only screen and (min-width: 640px) {
  .price-selector__custom .price-selector__input-wrapper input[type=number] {
    padding-left: 24px;
    padding-right: 24px;
  }
}
.price-selector__custom .price-selector__input-wrapper input[type=number] {
  border: none;
  outline: none;
  margin: 0;
  font-size: 12px;
}
@media only screen and (min-width: 640px) {
  .price-selector__custom .price-selector__input-wrapper input[type=number] {
    font-size: 16px;
  }
}
@media only screen and (min-width: 992px) {
  .price-selector__custom .price-selector__input-wrapper input[type=number] {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1440px) {
  .price-selector__custom .price-selector__input-wrapper input[type=number] {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1440px) {
  .price-selector__custom .price-selector__input-wrapper input[type=number] {
    font-size: 16px;
  }
}
.price-selector__custom .price-selector__input-wrapper input[type=number] {
  font-weight: 400;
  color: #6B7580;
  background: #FFFFFF;
  flex: 1;
  width: 178px;
  border-radius: 0px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.price-selector__custom .price-selector__input-wrapper input[type=number]:hover, .price-selector__custom .price-selector__input-wrapper input[type=number]:focus, .price-selector__custom .price-selector__input-wrapper input[type=number]:active {
  outline: none;
  border: none;
}
.price-selector__custom .price-selector__input-wrapper input[type=number]::-webkit-outer-spin-button, .price-selector__custom .price-selector__input-wrapper input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.price-selector__custom .price-selector__input-wrapper input[type=number] {
  -moz-appearance: textfield;
  appearance: textfield;
}

.pot-teaser {
  border-radius: 8px;
  background: #F3F5F7;
  padding: 16px;
  position: relative;
  margin-top: 8px;
}
@media only screen and (min-width: 992px) {
  .pot-teaser {
    padding: 24px;
    margin-top: 16px;
  }
}
.product .pot-teaser__header h3 {
  padding-block: 0px;
  padding-bottom: 16px;
}
.pot-teaser__icon {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 44px;
  height: 44px;
}
@media only screen and (min-width: 992px) {
  .pot-teaser__icon {
    top: 24px;
    right: 24px;
  }
}
.pot-teaser .btn, .pot-teaser .product #reviews p.form-submit, .product #reviews .pot-teaser p.form-submit, .pot-teaser .gform_wrapper form .gform_footer .gform_button, .gform_wrapper form .gform_footer .pot-teaser .gform_button, .pot-teaser .gform_wrapper form .gform_footer .diadao-sdk-button-gform, .gform_wrapper form .gform_footer .pot-teaser .diadao-sdk-button-gform {
  margin-top: 16px;
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .pot-teaser .btn, .pot-teaser .product #reviews p.form-submit, .product #reviews .pot-teaser p.form-submit, .pot-teaser .gform_wrapper form .gform_footer .gform_button, .gform_wrapper form .gform_footer .pot-teaser .gform_button, .pot-teaser .gform_wrapper form .gform_footer .diadao-sdk-button-gform, .gform_wrapper form .gform_footer .pot-teaser .diadao-sdk-button-gform {
    margin-top: 24px;
  }
}

.btn-pot-cta {
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.btn-pot-cta .icon {
  flex: 0 0 16px;
  display: block;
  margin-top: -1px;
}

.modal-pot-teaser__card {
  width: 100%;
}
.modal-pot-teaser__infos .checklist {
  gap: 4px;
}
.modal-pot-teaser__description {
  color: #6B7580;
}
@media only screen and (max-width: 991px) {
  .modal-pot-teaser__description {
    padding-right: 64px;
  }
}
.modal-pot-teaser__description p {
  margin: 0;
}

body.single-product .woocommerce-notices-wrapper,
body.woocommerce-shop .woocommerce-notices-wrapper {
  display: none !important;
}

.product {
  padding-top: 0;
  padding-bottom: 40px;
  padding-inline: 16px;
}
@media only screen and (min-width: 640px) {
  .product {
    padding-inline: 6vw;
    padding-bottom: 32px;
  }
}
@media only screen and (min-width: 992px) {
  .product {
    padding-inline: 4vw;
    padding-bottom: 48px;
  }
}
@media only screen and (min-width: 1280px) {
  .product {
    padding-inline: 6vw;
    padding-bottom: 60px;
  }
}
@media only screen and (min-width: 1440px) {
  .product {
    padding-inline: 8vw;
    padding-bottom: 72px;
  }
}
@media only screen and (min-width: 1920px) {
  .product {
    padding-inline: 15vw;
    padding-bottom: 104px;
  }
}
.product h3 {
  padding-block: 8px;
}
@media only screen and (min-width: 640px) {
  .product h3 {
    padding-block: 16px;
  }
}
.product__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0px, 1fr));
  align-items: center;
  column-gap: 16px;
  row-gap: 16px;
}
@media only screen and (min-width: 992px) {
  .product__grid {
    column-gap: 16px;
    row-gap: 16px;
    grid-template-columns: repeat(12, minmax(0px, 1fr));
  }
}
.product__grid {
  align-items: flex-start;
  row-gap: 32px;
}
@media only screen and (min-width: 992px) {
  .product__grid {
    row-gap: 64px;
  }
}
.product__grid .product-content {
  width: 100%;
}
.product-content {
  grid-column-start: 1;
  grid-column-end: span 12;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media only screen and (max-width: 991px) {
  .product-content {
    gap: 24px;
  }
}
@media only screen and (min-width: 992px) {
  .product-content {
    gap: 32px;
    grid-column-start: 1;
    grid-column-end: span 7;
  }
}
@media only screen and (min-width: 1280px) {
  .product-content {
    gap: 48px;
    grid-column-start: 1;
    grid-column-end: span 7;
  }
}
.product form.cart.qty-min-disabled .quantity__less {
  opacity: 0.3;
  cursor: not-allowed;
}
.product form.cart.qty-max-disabled .quantity__more {
  opacity: 0.3;
  cursor: not-allowed;
}
body:has(.mobile-sticky-bottombar) .product form.cart {
  bottom: 56px;
}
.product #reviews {
  grid-column-start: 1;
  grid-column-end: span 12;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media only screen and (min-width: 992px) {
  .product #reviews {
    gap: 32px;
    grid-column-start: 1;
    grid-column-end: span 8;
  }
}
@media only screen and (min-width: 1280px) {
  .product #reviews {
    gap: 64px;
    grid-column-start: 1;
    grid-column-end: span 7;
  }
}
.product #reviews .comment-form {
  align-items: flex-start;
}
.product #reviews p.stars {
  margin-top: 0;
  position: relative;
}
.product #reviews p.stars span {
  line-height: 1;
}
.product #reviews p.stars a {
  position: relative;
  height: 1em;
  width: 1em;
  text-indent: -999em;
  display: inline-block;
  text-decoration: none;
  box-shadow: none;
}
.product #reviews p.stars a::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-indent: 0;
  content: "★";
  color: rgba(0, 0, 0, 0.2);
  background-color: #D0C1A4;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.product #reviews p.stars a.active::before {
  background-color: #FFB931;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.product #reviews p.stars a:hover ~ a::before {
  background-color: #D0C1A4;
}
.product #reviews p.stars.selected a::before, .product #reviews p.stars:hover a::before {
  background-color: #FFB931;
}
.product #reviews p.stars.selected a.active ~ a::before, .product #reviews p.stars:hover a.active ~ a::before {
  background-color: #D0C1A4;
}
.product #reviews p.comment-form-comment {
  width: 100%;
}
.product #reviews p.form-submit {
  cursor: pointer;
}
.product #reviews p.form-submit input[type=submit] {
  font-weight: 700;
  z-index: 1;
}
.product__gallery {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.product__gallery .swiper-container {
  border-radius: 8px;
  overflow: hidden;
}
.product__gallery .swiper-container .swiper-slide {
  position: relative;
  background: #F5F9FC;
}
.product__gallery .swiper-container .swiper-slide img {
  object-fit: contain;
  height: 100% !important;
}
.product__gallery .swiper-container.swiper-thumbs .swiper-slide img {
  object-fit: cover;
  object-position: center;
  width: 100% !important;
  height: 100% !important;
}
.product__description {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.product .container-form-row-label-custom-options.is-invalid label,
.product .container-form-row-label-custom.is-invalid label,
.product .container-form-row-label-custom-checkbox.is-invalid label {
  color: #C80000 !important;
}
.product .container-form-row-label-custom-options.is-invalid input,
.product .container-form-row-label-custom-options.is-invalid textarea,
.product .container-form-row-label-custom.is-invalid input,
.product .container-form-row-label-custom.is-invalid textarea,
.product .container-form-row-label-custom-checkbox.is-invalid input,
.product .container-form-row-label-custom-checkbox.is-invalid textarea {
  border-color: #C80000 !important;
}
.product .container-form-row-label-custom {
  position: relative;
  padding-top: 6px;
}
.product .container-form-row-label-custom > label {
  position: absolute;
  top: 0px;
  z-index: 10;
  left: 0px;
  font-size: 12px;
  line-height: 1;
  margin-bottom: 0;
  display: inline-block;
  padding-left: 4px;
  height: 12px;
  margin-left: 16px;
  padding-right: 4px;
  border-radius: 2px;
  background-color: #FFFFFF;
}
.product .container-form-row-label-custom.notes textarea {
  margin-bottom: 0px;
}
.product__forms {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media only screen and (min-width: 992px) {
  .product__forms {
    gap: 64px;
  }
}
.product__forms input[type=text],
.product__forms input[type=email],
.product__forms input[type=tel],
.product__forms input[type=password],
.product__forms input[type=number],
.product__forms textarea {
  margin-bottom: 0px;
}
.product__forms giftcard-repeater {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.product__forms giftcard-repeater .giftcard-repeater__inner {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.product__forms giftcard-repeater .giftcard-repeater__slides {
  position: relative;
}
.product__forms giftcard-repeater .giftcard-repeater__slide {
  display: none;
}
.product__forms giftcard-repeater .giftcard-repeater__slide.is-active {
  display: block;
}
.product__forms giftcard-repeater .giftcard-repeater__nav {
  display: flex;
  flex-direction: column;
  margin-top: 32px;
  margin-bottom: 32px;
}
@media only screen and (min-width: 992px) {
  .product__forms giftcard-repeater .giftcard-repeater__nav {
    gap: 16px;
    align-items: center;
    flex-direction: row;
    margin-bottom: 32px;
    justify-content: space-between;
  }
}
@media only screen and (min-width: 992px) {
  .product__forms giftcard-repeater .giftcard-repeater__nav-counter {
    width: 60px;
    text-align: center;
    font-size: 20px;
    line-height: 1;
  }
}
@media only screen and (min-width: 992px) {
  .product__forms giftcard-repeater .giftcard-repeater__nav-title {
    width: calc(100% - 120px);
  }
}
.product__forms giftcard-repeater .giftcard-repeater__nav-counter {
  font-weight: 600;
}
.product__forms giftcard-repeater .giftcard-repeater__nav-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
}
.product__forms giftcard-repeater .giftcard-repeater__nav-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #F3F5F7;
  background: #FFFFFF;
  border-radius: 8px;
  cursor: pointer;
  width: 40px;
  height: 40px;
  transition: opacity 0.25s ease-in-out, background 0.25s ease-in-out;
  flex-shrink: 0;
}
.product__forms giftcard-repeater .giftcard-repeater__nav-btn:hover:not(:disabled) {
  background: rgba(213, 221, 228, 0.3);
}
.product__forms giftcard-repeater .giftcard-repeater__nav-btn:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.product__forms giftcard-repeater .container-form-row-label-wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.product__forms giftcard-repeater label.switch-container {
  font-weight: 400;
  margin-top: 16px;
  margin-bottom: 0px;
  font-size: 16px;
}
.product__reinsurance {
  display: flex;
  flex-direction: row;
  gap: 32px;
  flex-wrap: wrap;
  border-radius: 8px;
  background: #F3F5F7;
  padding: 16px;
}
@media only screen and (max-width: 639px) {
  .product__reinsurance {
    row-gap: 8px;
  }
}
@media only screen and (max-width: 991px) {
  .product__reinsurance {
    row-gap: 12px;
  }
}
@media only screen and (min-width: 992px) {
  .product__reinsurance {
    row-gap: 12px;
  }
}
@media only screen and (min-width: 1440px) {
  .product__reinsurance {
    row-gap: 16px;
  }
}
@media only screen and (min-width: 640px) {
  .product__reinsurance {
    column-gap: 16px;
  }
}
@media only screen and (min-width: 992px) {
  .product__reinsurance {
    column-gap: 16px;
  }
}
@media only screen and (min-width: 1280px) {
  .product__reinsurance {
    column-gap: 24px;
  }
}
@media only screen and (min-width: 1440px) {
  .product__reinsurance {
    column-gap: 32px;
  }
}
.product__reinsurance__item {
  display: flex;
  flex-direction: row;
  gap: 16px;
  font-size: 14px;
  font-weight: 600;
  width: 100%;
}
.product__reinsurance__item .icon {
  flex-shrink: 0;
  width: 1.75em;
  height: 1.75em;
}
.product__reinsurance__item .text {
  padding-top: 0.125em;
}
@media only screen and (max-width: 991px) {
  .product__reinsurance__item {
    font-size: 12px;
  }
}
@media only screen and (min-width: 640px) {
  .product__reinsurance__item {
    width: calc((100% - 16px) / 2);
  }
}
@media only screen and (min-width: 992px) {
  .product__reinsurance__item {
    width: calc((100% - 16px) / 2);
    font-size: 12px;
    gap: 8px;
  }
  .product__reinsurance__item .icon {
    width: 1.7em;
    height: 1.7em;
  }
}
@media only screen and (min-width: 1280px) {
  .product__reinsurance__item {
    width: calc((100% - 24px) / 2);
    font-size: 12px;
    gap: 12px;
  }
}
@media only screen and (min-width: 1440px) {
  .product__reinsurance__item {
    width: calc((100% - 32px) / 2);
    font-size: 14px;
  }
  .product__reinsurance__item .icon {
    width: 1.75em;
    height: 1.75em;
  }
}
.product__seasons {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.product__seasons__list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media only screen and (min-width: 992px) {
  .product__seasons__list {
    display: flex;
    flex-direction: row;
    gap: 16px;
  }
}
.product__seasons__item {
  position: relative;
  overflow: hidden;
  background: rgba(213, 221, 228, 0.1);
  border-radius: 8px;
  border: 1px solid rgba(213, 221, 228, 0.3);
  padding: 16px;
}
@media only screen and (min-width: 992px) {
  .product__seasons__item {
    padding: 24px 24px 56px 24px;
  }
}
@media only screen and (min-width: 1280px) {
  .product__seasons__item {
    width: calc((100% - 32px) / 3);
  }
}
@media only screen and (min-width: 1440px) {
  .product__seasons__item {
    padding: 32px 32px 64px 32px;
  }
}
@media only screen and (min-width: 1640px) {
  .product__seasons__item {
    padding: 40px 40px 72px 40px;
  }
}
.product__seasons__item label {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media only screen and (max-width: 991px) {
  .product__seasons__item label {
    gap: 8px;
  }
}
.product__seasons__item label p + ul {
  margin-top: 8px;
}
.product__options, .product__messages, .product__customization {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.product__messages {
  overflow: visible;
}
.product__options {
  gap: 16px;
}
.product__customization {
  align-items: flex-start;
  margin-top: 16px;
}
@media only screen and (min-width: 992px) {
  .product__customization {
    margin-top: 32px;
  }
}
.product__customization__item {
  position: relative;
}
.product__customization__list {
  display: flex;
  flex-direction: row;
  gap: 32px;
  width: 100%;
  flex-wrap: nowrap;
  align-items: center;
}
@media only screen and (max-width: 991px) {
  .product__customization__list {
    flex-wrap: wrap;
    align-items: initial;
    flex-direction: column;
    gap: 16px;
  }
}
.product__customization .customization-card {
  width: calc((100% - 16px) / 2);
}
.product__customization .customization-card--custom-btn {
  width: auto;
}
.product__customization .customization-card__input {
  height: 80px;
  width: 80px;
}
.product__customization .customization-card__fake-btn {
  appearance: none;
  cursor: pointer;
  position: absolute;
  inset: 0;
  z-index: 1;
}
.product__customization .customization-card__image {
  border-radius: 8px;
  overflow: hidden;
  aspect-ratio: 1;
  width: 80px;
}
@media only screen and (min-width: 992px) {
  .product__customization .customization-card__image {
    height: 80px;
  }
}
.product__customization .customization-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product__customization .customization-card__label {
  display: block;
  margin-top: 8px;
}
.product__customization .customization-card__image-placeholder {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  font-size: 14px;
  font-weight: 600;
  color: #E8EEF3;
  background: rgba(213, 221, 228, 0.1);
}
.product__customization .customization-card__modal-picto {
  position: absolute;
  top: -20px;
  right: 0;
  width: 26px;
  height: 26px;
  border-radius: 999px;
  background: #0085FF;
  color: #F9F9F9;
  display: flex;
  flex-direction: row;
  gap: 0;
  align-items: center;
  justify-content: center;
  z-index: 20;
}
.product__customization .customization-card__modal-picto .icon {
  display: block;
  filter: brightness(0) invert(1);
}
.product__customization .customization-card__subtitle {
  margin-top: 4px;
  font-size: 11px;
  line-height: 1.4;
  color: #E8EEF3;
}
.product__customization .customization-card--custom .customization-card__wrapper {
  position: relative;
}
.product__customization .customization-card--custom-btn .customization-card__label {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.product__customization .customization-card--custom-btn .btn, .product__customization .customization-card--custom-btn .gform_wrapper form .gform_footer .gform_button, .gform_wrapper form .gform_footer .product__customization .customization-card--custom-btn .gform_button, .product__customization .customization-card--custom-btn .gform_wrapper form .gform_footer .diadao-sdk-button-gform, .gform_wrapper form .gform_footer .product__customization .customization-card--custom-btn .diadao-sdk-button-gform, .product__customization .customization-card--custom-btn .product #reviews p.form-submit, .product #reviews .product__customization .customization-card--custom-btn p.form-submit {
  position: relative;
  width: 100%;
}
.product-right {
  display: flex;
  flex-direction: column;
  gap: 24px;
  grid-column-start: 1;
  grid-column-end: span 12;
}
@media only screen and (min-width: 992px) {
  .product-right {
    position: sticky;
    top: 140px;
    max-height: calc(100vh - 120px - 60px);
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .product-right::-webkit-scrollbar {
    width: 0;
    height: 0;
    background: transparent;
  }
  .product-right::-webkit-scrollbar-track {
    background: transparent;
    border: 0;
  }
  .product-right::-webkit-scrollbar-thumb {
    background: transparent;
    border: 0;
  }
}
@media only screen and (min-width: 992px) {
  .product-right {
    grid-column-start: 8;
    grid-column-end: span 5;
    padding-inline: 0px;
    padding-left: 16px;
  }
}
@media only screen and (min-width: 1280px) {
  .product-right {
    padding-left: 0px;
    grid-column-start: 8;
    grid-column-end: span 5;
    padding-inline: 40px;
    padding-right: 0px;
  }
}
@media only screen and (min-width: 1920px) {
  .product-right {
    top: 160px;
    max-height: calc(100vh - 160px - 80px);
  }
}
.product-right__timer {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
}
.product-right__timer .timer-label {
  font-size: 14px;
  font-weight: 700;
}
.product-right__title {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.product-right__description ul.checklist {
  margin-bottom: 16px;
}
.product-right .woocommerce-product-rating {
  position: relative;
  display: flex;
  gap: 8px;
}
.product-right .woocommerce-product-rating .star-rating {
  width: 80px;
  height: 20px;
  position: relative;
  overflow: hidden;
}
.product-right .woocommerce-product-rating .star-rating::before {
  content: "★★★★★";
  background-color: #D0C1A4;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: absolute;
  inset: 0;
}
.product-right .woocommerce-product-rating .star-rating span {
  position: relative;
  display: block;
  overflow: hidden;
  padding-top: 20px;
}
.product-right .woocommerce-product-rating .star-rating span::before {
  content: "★★★★★";
  background-color: #FFB931;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.product-right .woocommerce-product-rating .woocommerce-review-link {
  text-decoration: underline;
}
.product-right__price {
  font-weight: bold;
}
.product-right__prices {
  display: flex;
  flex-direction: row;
  gap: 8px;
  justify-content: space-between;
  align-items: center;
}
.product-right__buttons {
  display: flex;
  flex-direction: row;
  gap: 8px;
  flex-wrap: wrap;
}
.product-right__buttons .btn.btn-primary, .product-right__buttons .gform_wrapper form .gfield--type-submit .btn.gform_button, .gform_wrapper form .gfield--type-submit .product-right__buttons .btn.gform_button,
.product-right__buttons .gform_wrapper form .gfield--type-submit .btn.diadao-sdk-button-gform,
.gform_wrapper form .gfield--type-submit .product-right__buttons .btn.diadao-sdk-button-gform, .product-right__buttons .gform_wrapper form .gform_footer .gform_button, .gform_wrapper form .gform_footer .product-right__buttons .gform_button, .product-right__buttons .gform_wrapper form .gform_footer .diadao-sdk-button-gform, .gform_wrapper form .gform_footer .product-right__buttons .diadao-sdk-button-gform, .product-right__buttons .product #reviews p.form-submit, .product #reviews .product-right__buttons p.form-submit {
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .product-right__buttons {
    flex-direction: row;
  }
  .product-right__buttons .btn-primary, .product-right__buttons .gform_wrapper form .gfield--type-submit .gform_button, .gform_wrapper form .gfield--type-submit .product-right__buttons .gform_button,
  .product-right__buttons .gform_wrapper form .gfield--type-submit .diadao-sdk-button-gform,
  .gform_wrapper form .gfield--type-submit .product-right__buttons .diadao-sdk-button-gform, .product-right__buttons .gform_wrapper form .gform_footer .gform_button, .gform_wrapper form .gform_footer .product-right__buttons .gform_button, .product-right__buttons .gform_wrapper form .gform_footer .diadao-sdk-button-gform, .gform_wrapper form .gform_footer .product-right__buttons .diadao-sdk-button-gform, .product-right__buttons .product #reviews p.form-submit, .product #reviews .product-right__buttons p.form-submit {
    flex: 1 1 0;
  }
}
@media only screen and (min-width: 1280px) {
  .product-right__buttons {
    flex-direction: row;
  }
  .product-right__buttons .btn-primary, .product-right__buttons .gform_wrapper form .gfield--type-submit .gform_button, .gform_wrapper form .gfield--type-submit .product-right__buttons .gform_button,
  .product-right__buttons .gform_wrapper form .gfield--type-submit .diadao-sdk-button-gform,
  .gform_wrapper form .gfield--type-submit .product-right__buttons .diadao-sdk-button-gform, .product-right__buttons .gform_wrapper form .gform_footer .gform_button, .gform_wrapper form .gform_footer .product-right__buttons .gform_button, .product-right__buttons .gform_wrapper form .gform_footer .diadao-sdk-button-gform, .gform_wrapper form .gform_footer .product-right__buttons .diadao-sdk-button-gform, .product-right__buttons .product #reviews p.form-submit, .product #reviews .product-right__buttons p.form-submit {
    flex: 1 1 0;
  }
}
@media only screen and (max-width: 991px) {
  .product-right__buttons .btn-primary span:before, .product-right__buttons .gform_wrapper form .gfield--type-submit .gform_button span:before, .gform_wrapper form .gfield--type-submit .product-right__buttons .gform_button span:before,
  .product-right__buttons .gform_wrapper form .gfield--type-submit .diadao-sdk-button-gform span:before,
  .gform_wrapper form .gfield--type-submit .product-right__buttons .diadao-sdk-button-gform span:before, .product-right__buttons .gform_wrapper form .gform_footer .gform_button span:before, .gform_wrapper form .gform_footer .product-right__buttons .gform_button span:before, .product-right__buttons .gform_wrapper form .gform_footer .diadao-sdk-button-gform span:before, .gform_wrapper form .gform_footer .product-right__buttons .diadao-sdk-button-gform span:before, .product-right__buttons .product #reviews p.form-submit span:before, .product #reviews .product-right__buttons p.form-submit span:before {
    content: none;
  }
}
.product-right__buttons .btn-outline {
  width: 100%;
  height: 64px;
}
.product-right__pickup .pickup {
  background-color: #F5F9FC;
  border-radius: 8px;
  border: 1px solid #F3F5F7;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: center;
}
.product-right__pickup .pickup__wrapper {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
}
.product-right__pickup .pickup .establishment {
  display: flex;
  flex-direction: row;
  gap: 16px;
  border-radius: 8px;
  align-items: center;
  padding: 16px;
  background: #FFFFFF;
}
@media only screen and (min-width: 992px) {
  .product-right__pickup .pickup .establishment {
    gap: 24px;
    padding: 24px;
  }
}
.product-right__pickup .pickup .establishment__image {
  aspect-ratio: 1;
  width: 72px;
  position: relative;
  flex-shrink: 0;
  border-radius: 8px;
  overflow: hidden;
}
.product-right__pickup .pickup .establishment__image img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.product-right__pickup .pickup .choices {
  display: flex;
  flex-direction: row;
  gap: 4px;
  flex-wrap: wrap;
}
.product-right__pickup .pickup .choice {
  position: relative;
  padding: 8px 16px;
  height: 40px;
  font-size: 14px;
  text-align: center;
  width: calc((100% - 4px) / 2);
}
@media only screen and (min-width: 1920px) {
  .product-right__pickup .pickup .choice {
    width: calc((100% - 8px) / 3);
  }
}
@media only screen and (min-width: 1920px) {
  .product-right__pickup .pickup .choice--small {
    width: calc((100% - 12px) / 4);
  }
}
.product-right .woovr-variations {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.product-right .woovr-variations .woovr-variation-radio {
  position: relative;
  overflow: hidden;
  background: #FFFFFF;
  border: 1px solid #F3F5F7;
  border-radius: 8px;
  padding: 16px 32px;
  margin: 0;
}
.product-right .woovr-variations .woovr-variation-radio .woovr-variation-selector {
  padding: 0;
  width: 0;
  flex: inherit;
}
.product-right .woovr-variations .woovr-variation-radio .woovr-variation-selector input {
  appearance: none;
  position: absolute;
  inset: 0;
  height: 100%;
  cursor: pointer;
  border-radius: 8px;
  background: transparent;
  transition: background 0.25s ease-in-out, border 0.25s ease-in-out;
  margin: 0;
  border: 3px solid transparent;
}
.product-right .woovr-variations .woovr-variation-radio .woovr-variation-selector input:hover {
  border: 3px solid #E8EEF3;
}
.product-right .woovr-variations .woovr-variation-radio .woovr-variation-selector input:checked {
  border: 3px solid #0085FF;
}
.product-right .woovr-variations .woovr-variation-radio[data-purchasable=no] {
  opacity: 0.3;
  cursor: not-allowed;
  pointer-events: none;
}
.product-right .woovr-variations .woovr-variation-radio[data-purchasable=no] .woovr-variation-selector input:hover {
  border-color: transparent;
}
.product-right .woovr-variations .woovr-variation-radio[data-purchasable=no] .woovr-variation-selector input:checked {
  border-color: transparent;
}

.product .stock,
.product-stock .stock {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  font-weight: 500;
  color: #30373F;
  line-height: 1.4;
}
.product .stock:before,
.product-stock .stock:before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.product .stock.in-stock:before,
.product-stock .stock.in-stock:before {
  background-color: #28A745;
}
.product .stock.out-of-stock:before,
.product-stock .stock.out-of-stock:before {
  background-color: #DC3545;
}
.product .stock.available-on-backorder:before,
.product-stock .stock.available-on-backorder:before {
  background-color: #FD7E14;
}

.textarea-counter-total {
  font-size: 12px;
  color: #6B7580;
  margin-left: 24px;
}

#gift-is-for-me-container {
  margin-top: 16px;
}
#gift-is-for-me-container > .container-form-row-label-custom {
  margin-bottom: 16px;
}

.alert[data-alert=info-email-giftcard],
.alert[data-alert=info-email-hotelcredit] {
  margin-top: 24px;
  margin-bottom: 24px;
}
@media only screen and (min-width: 992px) {
  .alert[data-alert=info-email-giftcard],
  .alert[data-alert=info-email-hotelcredit] {
    margin-top: 24px;
    margin-bottom: 24px;
  }
}
@media only screen and (min-width: 1280px) {
  .alert[data-alert=info-email-giftcard],
  .alert[data-alert=info-email-hotelcredit] {
    margin-top: 32px;
    margin-bottom: 32px;
  }
}

.product-form-customization-container giftcard-repeater:not([quantity="1"]) .giftcard-repeater__inner .giftcard-repeater__options {
  order: 3;
}
.product-form-customization-container giftcard-repeater:not([quantity="1"]) .giftcard-repeater__inner .giftcard-repeater__nav {
  order: 1;
}
.product-form-customization-container giftcard-repeater:not([quantity="1"]) .giftcard-repeater__inner .giftcard-repeater__slides {
  order: 2;
}

.container-form-row-label-custom-options {
  margin-bottom: 16px;
}
.container-form-row-label-custom-options label.switch-container {
  font-weight: 400;
  margin-top: 16px;
  margin-bottom: 0px;
  font-size: 16px;
}
@media only screen and (max-width: 991px) {
  .container-form-row-label-custom-options label.switch-container {
    font-size: 14px;
  }
}

.product__description.readmore-enabled .product__description__text {
  position: relative;
  padding-bottom: 40px;
}

.product__description.readmore-enabled .product__description__text::after {
  content: "...";
}

.product__description.readmore-enabled .product__description__text .product__description__text__more {
  position: absolute;
  bottom: 0px;
  left: 0;
}

.product__customization .customization-card__image[data-custom-thumbnail-for] {
  display: none;
}

.product__customization .customization-card__image[data-custom-thumbnail-for].is-custom-enabled {
  display: block;
}

@media only screen and (max-width: 991px) {
  .product__customization__list {
    display: flex;
    flex-direction: column;
  }
  .product__customization__list .customization-card__image {
    order: 1;
  }
  .product__customization__list .product__customization__item {
    order: 2;
  }
}
/*
@media only screen and (min-width: 1280px) {
    body {
        &.product-type-hotelcredit,
        &.product-type-voucher {
            .product-right {
                // remove double tête
                top: initial;
                max-height: initial;
                overflow: initial;
            }
        }
    }
}
*/
@media only screen and (max-width: 991px) {
  .product-type-giftcard body.useragent-mobile .product form.cart {
    max-height: calc(100% - 64px - 56px);
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 11;
    padding: 16px;
    background: #FFFFFF;
    border-top: 1px solid #E8EEF3;
    overflow-y: auto;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.1);
    transform: translateY(100%);
    transition: transform 0.25s ease-in-out;
  }
  .product-type-giftcard body.useragent-mobile .product form.cart.is-visible {
    transform: translateY(0);
  }
  .product-type-giftcard body.useragent-mobile .product form.cart .total-prices__accordion {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .product-type-giftcard body.useragent-mobile .product form.cart .total-prices__accordion .see-more-options {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-left: auto;
  }
  .product-type-giftcard body.useragent-mobile .product form.cart .total-prices__accordion .see-more-options .icon {
    transform: rotate(180deg) !important;
    transition: transform 0.25s ease-in-out;
  }
  .product-type-giftcard body.useragent-mobile .product form.cart .total-prices__accordion__button {
    display: flex;
    flex-direction: row;
    gap: 16px;
  }
  .product-type-giftcard body.useragent-mobile .product form.cart .total-prices__accordion__button.collapsed .see-more-options .icon {
    transform: rotate(0deg) !important;
  }
  .product-type-giftcard body.useragent-mobile .product form.cart .total-prices__accordion .total-prices__item__left {
    flex: 0 1 auto;
  }
  .product-type-giftcard body.useragent-mobile .product form.cart .total-prices__accordion .options {
    font-size: 14px;
  }
  .product-type-giftcard body.useragent-mobile .product form.cart .total-prices__accordion .options .total-prices__item__left {
    flex-direction: column;
    gap: 0;
  }
  .product-type-giftcard body.useragent-mobile .product form.cart .product-right__buttons {
    flex-wrap: nowrap;
  }
  .product-type-giftcard body.useragent-mobile .product form.cart .product-right__buttons .btn-icon--cart {
    height: 40px !important;
  }
}

@media only screen and (max-width: 991px) {
  body.useragent-desktop .product-right__buttons {
    flex-wrap: nowrap;
  }
}

.cart-extra-fields__submit-proxy {
  display: none;
  padding-top: 24px;
}
#device-mobile .cart-extra-fields__submit-proxy {
  display: flex;
  justify-content: center;
}

#device-mobile .cart-extra-fields .cart-extra-fields__submit-proxy .btn, #device-mobile .cart-extra-fields .cart-extra-fields__submit-proxy .gform_wrapper form .gform_footer .gform_button, .gform_wrapper form .gform_footer #device-mobile .cart-extra-fields .cart-extra-fields__submit-proxy .gform_button, #device-mobile .cart-extra-fields .cart-extra-fields__submit-proxy .gform_wrapper form .gform_footer .diadao-sdk-button-gform, .gform_wrapper form .gform_footer #device-mobile .cart-extra-fields .cart-extra-fields__submit-proxy .diadao-sdk-button-gform, #device-mobile .cart-extra-fields .cart-extra-fields__submit-proxy .product #reviews p.form-submit, .product #reviews #device-mobile .cart-extra-fields .cart-extra-fields__submit-proxy p.form-submit {
  opacity: 0.3;
  transition: opacity 0.2s ease-in-out;
}

#device-mobile .cart-extra-fields:valid .cart-extra-fields__submit-proxy .btn, #device-mobile .cart-extra-fields:valid .cart-extra-fields__submit-proxy .gform_wrapper form .gform_footer .gform_button, .gform_wrapper form .gform_footer #device-mobile .cart-extra-fields:valid .cart-extra-fields__submit-proxy .gform_button, #device-mobile .cart-extra-fields:valid .cart-extra-fields__submit-proxy .gform_wrapper form .gform_footer .diadao-sdk-button-gform, .gform_wrapper form .gform_footer #device-mobile .cart-extra-fields:valid .cart-extra-fields__submit-proxy .diadao-sdk-button-gform, #device-mobile .cart-extra-fields:valid .cart-extra-fields__submit-proxy .product #reviews p.form-submit, .product #reviews #device-mobile .cart-extra-fields:valid .cart-extra-fields__submit-proxy p.form-submit {
  opacity: 1;
}

body.single-product #wc-stripe-express-checkout-element {
  display: none !important;
}

body.woocommerce-cart .woocommerce .woocommerce-form-login-toggle, body.woocommerce-checkout .woocommerce .woocommerce-form-login-toggle {
  margin-bottom: 32px;
}
body.woocommerce-cart .woocommerce form.checkout .page-cart-content .page-cart-content__form p.form-row, body.woocommerce-checkout .woocommerce form.checkout .page-cart-content .page-cart-content__form p.form-row {
  position: relative;
  padding-top: 6px;
}
body.woocommerce-cart .woocommerce form.checkout .page-cart-content .page-cart-content__form p.form-row > label, body.woocommerce-checkout .woocommerce form.checkout .page-cart-content .page-cart-content__form p.form-row > label {
  position: absolute;
  top: 0px;
  z-index: 10;
  left: 0px;
  font-size: 12px;
  line-height: 1;
  margin-bottom: 0;
  display: inline-block;
  padding-left: 4px;
  height: 12px;
  margin-left: 16px;
  padding-right: 4px;
  border-radius: 2px;
  background-color: #FFFFFF;
}
body.woocommerce-cart .woocommerce form.checkout .page-cart-content .page-cart-content__form p.form-row.notes textarea, body.woocommerce-checkout .woocommerce form.checkout .page-cart-content .page-cart-content__form p.form-row.notes textarea {
  margin-bottom: 0px;
}

.woocommerce .page-cart {
  overflow: visible;
}
@media only screen and (max-width: 1279px) {
  .woocommerce .page-cart .big-only {
    display: none;
  }
}
@media only screen and (min-width: 1280px) {
  .woocommerce .page-cart .small-only {
    display: none;
  }
}
.woocommerce .page-cart .total-prices {
  background: rgba(213, 221, 228, 0.3);
}
.woocommerce .page-cart .woocommerce-checkout-review-order-table {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.woocommerce .page-cart__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0px, 1fr));
  align-items: center;
  column-gap: 16px;
  row-gap: 16px;
}
@media only screen and (min-width: 992px) {
  .woocommerce .page-cart__grid {
    column-gap: 16px;
    row-gap: 16px;
    grid-template-columns: repeat(12, minmax(0px, 1fr));
  }
}
.woocommerce .page-cart__grid {
  align-items: flex-start;
}
.woocommerce .page-cart .wcpay-express-checkout-wrapper {
  display: none;
}
.woocommerce .page-cart-content {
  grid-column-start: 1;
  grid-column-end: span 12;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media only screen and (min-width: 992px) {
  .woocommerce .page-cart-content {
    order: 0;
    gap: 32px;
    grid-column-start: 1;
    grid-column-end: span 6;
  }
}
@media only screen and (min-width: 1280px) {
  .woocommerce .page-cart-content {
    order: 0;
    gap: 40px;
    grid-column-start: 1;
    grid-column-end: span 7;
  }
}
.woocommerce .page-cart-content h3 {
  padding-block: 16px;
}
.woocommerce .page-cart-content__form {
  display: flex;
  flex-direction: row;
  gap: 16px;
  flex-wrap: wrap;
}
@media only screen and (max-width: 991px) {
  .woocommerce .page-cart-content__form {
    gap: 8px;
  }
}
.woocommerce .page-cart-content__section {
  display: flex;
  flex-direction: row;
  gap: 8px;
  flex-wrap: wrap;
}
.woocommerce .page-cart-content__section .form-row {
  width: 100%;
}
.woocommerce .page-cart-content__section .form-row .woocommerce-input-wrapper {
  display: block;
}
@media only screen and (max-width: 991px) {
  .woocommerce .page-cart-content .woocommerce-checkout-payment {
    order: 1;
  }
}
.woocommerce .page-cart__payment {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.woocommerce .page-cart__payment__item {
  position: relative;
  overflow: hidden;
  background: #FFFFFF;
  border-radius: 8px;
  border: 1px solid rgba(213, 221, 228, 0.3);
  padding: 24px;
}
.woocommerce .page-cart__payment__item .wc-payment-form {
  margin-top: 16px;
}
.woocommerce .page-cart__payment__item_wc input[type=radio],
.woocommerce .page-cart__payment__item_wc label {
  display: inline-flex;
  margin: 0;
  line-height: 1;
  height: 24px;
  align-items: center;
}
.woocommerce .page-cart__payment__item_wc label {
  vertical-align: top;
}
.woocommerce .page-cart__payment__item_custom.payment_method_cheque label, .woocommerce .page-cart__payment__item_custom.payment_method_bacs label {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 0px;
}
.woocommerce .page-cart__payment__item_custom.payment_method_cheque label p, .woocommerce .page-cart__payment__item_custom.payment_method_bacs label p {
  font-size: 12px;
  font-weight: 400;
}
.woocommerce .page-cart__payment__item_custom.payment_method_cheque label p + ul, .woocommerce .page-cart__payment__item_custom.payment_method_bacs label p + ul {
  margin-top: 8px;
}
.woocommerce .page-cart__payment__item_custom.payment_method_cheque input.input-to-focus:checked + label, .woocommerce .page-cart__payment__item_custom.payment_method_bacs input.input-to-focus:checked + label {
  z-index: 5;
}
.woocommerce .page-cart__payment__item_custom.payment_method_cheque p.woocommerce-SavedPaymentMethods-saveNew, .woocommerce .page-cart__payment__item_custom.payment_method_bacs p.woocommerce-SavedPaymentMethods-saveNew {
  margin-bottom: 0px;
  margin-top: 16px;
}
.woocommerce .page-cart__payment .wcpay-upe-form {
  padding: 0px !important;
}
.woocommerce .page-cart__payment .wcpay-upe-form .wc-payment-form,
.woocommerce .page-cart__payment .wcpay-upe-form .wcpay-upe-element {
  margin: 0px !important;
  padding: 0px !important;
}
.woocommerce .page-cart__payment .wcpay-upe-form .wc-payment-form {
  padding-top: 16px !important;
}
.woocommerce .page-cart__payment ul.woocommerce-SavedPaymentMethods {
  margin-top: 8px;
}
.woocommerce .page-cart__payment ul.woocommerce-SavedPaymentMethods li {
  display: flex;
  margin-bottom: 8px;
}
.woocommerce .page-cart__buttons {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.woocommerce .page-cart__buttons .btn-primary, .woocommerce .page-cart__buttons .gform_wrapper form .gfield--type-submit .gform_button, .gform_wrapper form .gfield--type-submit .woocommerce .page-cart__buttons .gform_button,
.woocommerce .page-cart__buttons .gform_wrapper form .gfield--type-submit .diadao-sdk-button-gform,
.gform_wrapper form .gfield--type-submit .woocommerce .page-cart__buttons .diadao-sdk-button-gform, .woocommerce .page-cart__buttons .gform_wrapper form .gform_footer .gform_button, .gform_wrapper form .gform_footer .woocommerce .page-cart__buttons .gform_button, .woocommerce .page-cart__buttons .gform_wrapper form .gform_footer .diadao-sdk-button-gform, .gform_wrapper form .gform_footer .woocommerce .page-cart__buttons .diadao-sdk-button-gform, .woocommerce .page-cart__buttons .product #reviews p.form-submit, .product #reviews .woocommerce .page-cart__buttons p.form-submit {
  flex: 1 0 auto;
}
.woocommerce .page-cart__buttons .btn-outline {
  width: 100%;
}
.woocommerce .page-cart__title {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.woocommerce .page-cart__title .h3-title, .woocommerce .page-cart__title .pot-choice-page--summary .pot-creation__main .pot-form__step-title, .pot-choice-page--summary .pot-creation__main .woocommerce .page-cart__title .pot-form__step-title, .woocommerce .page-cart__title .prices .actual-price .value--big, .prices .actual-price .woocommerce .page-cart__title .value--big {
  padding-block: 16px;
}
.woocommerce .page-cart-right {
  grid-column-start: 1;
  grid-column-end: span 12;
  display: flex;
  flex-direction: column;
  gap: 16px;
  font-size: 14px;
  order: 1;
}
@media only screen and (min-width: 992px) {
  .woocommerce .page-cart-right {
    grid-column-start: 7;
    grid-column-end: span 6;
    padding-left: 16px;
  }
}
@media only screen and (min-width: 1280px) {
  .woocommerce .page-cart-right {
    grid-column-start: 8;
    grid-column-end: span 5;
    padding-left: 40px;
  }
}
.woocommerce .page-cart .woocommerce-terms-and-conditions-wrapper {
  padding-block: 16px;
}
.woocommerce .page-cart .woocommerce-terms-and-conditions-wrapper p.form-row {
  margin-bottom: 0px !important;
}
.woocommerce .page-cart .woocommerce-terms-and-conditions-wrapper p.form-row label {
  margin-bottom: 0px !important;
}
.woocommerce .page-cart .woocommerce-terms-and-conditions-wrapper p.form-row a {
  display: inline;
}
.woocommerce .page-cart .woocommerce-terms-and-conditions-wrapper p.form-row a.custom-terms-link {
  align-items: center;
  justify-content: center;
  display: inline-flex;
  gap: 4px;
  vertical-align: top;
}
.woocommerce .page-cart--empty {
  width: 100%;
  gap: 48px !important;
}
.woocommerce .page-cart--empty > .header-homepage__grid {
  width: 100%;
}
.woocommerce .page-cart--empty .page-cart-content {
  width: 100%;
}
.woocommerce .page-cart--empty .vouchers {
  padding: 0;
}

.cart-title-with-checkbox {
  width: 100%;
  padding-block: 0px;
}
.cart-title-with-checkbox label {
  display: flex;
  flex-direction: row;
  margin-bottom: 0 !important;
  width: 100%;
  max-width: none;
  flex-wrap: wrap;
}
@media only screen and (min-width: 992px) {
  .cart-title-with-checkbox label {
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
  }
}
.cart-title-with-checkbox label h3 {
  padding: 0px;
  margin: 0px;
  padding-block: 0px;
  display: inline-block;
}
.cart-title-with-checkbox label span.checkbox-description {
  line-height: 1;
  font-weight: 400;
  white-space: nowrap;
  font-size: 16px;
}
@media only screen and (max-width: 991px) {
  .cart-title-with-checkbox label span.checkbox-description {
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) {
  .cart-title-with-checkbox label span.checkbox-description {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1280px) {
  .cart-title-with-checkbox label span.checkbox-description {
    font-size: 16px;
  }
}

form.cart .options.total-prices h3 {
  padding-block: 0px;
  padding-bottom: 16px;
}

body.woocommerce-cart .page-cart.--real-cart-page {
  width: 100%;
}
body.woocommerce-cart .page-cart.--real-cart-page .page-cart__grid {
  width: 100%;
}
@media only screen and (min-width: 1280px) {
  body.woocommerce-cart .page-cart.--real-cart-page .page-cart-content {
    grid-column-start: 1;
    grid-column-end: span 12;
  }
}
body.woocommerce-cart .page-cart.--real-cart-page .page-cart-content form.woocommerce-cart-form {
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 40px;
}
body.woocommerce-cart .page-cart.--real-cart-page .page-cart-content form.woocommerce-cart-form .cart-actions {
  flex-direction: column;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
}
@media only screen and (min-width: 992px) {
  body.woocommerce-cart .page-cart.--real-cart-page .page-cart-content form.woocommerce-cart-form .cart-actions {
    flex-direction: row;
  }
}

.woocommerce-table--order-details .product-name a:not(.btn):hover {
  color: var(--diadabox-primary, #FF4848);
}

.woocommerce-remove-coupon:hover {
  color: #BD352F;
}

.woocommerce-variation-add-to-cart-disabled {
  visibility: hidden;
}

.product-right__buttons:not(.woocommerce-variation-add-to-cart-disabled) {
  visibility: visible !important;
}

form.checkout button[type=submit].is-submitting, form.cart button[type=submit].is-submitting {
  pointer-events: none;
  position: relative;
  opacity: 0.3;
}
form.checkout button[type=submit].is-submitting::after, form.cart button[type=submit].is-submitting::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 32px;
  transform: translateY(-50%);
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/spinner-loading.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  filter: brightness(0) invert(1);
  z-index: 3;
  animation: spin 1s linear infinite;
}
@keyframes spin {
  from {
    transform: translateY(-50%) rotate(0deg);
  }
  to {
    transform: translateY(-50%) rotate(360deg);
  }
}

.section-404 {
  padding-top: 0;
  padding-bottom: 40px;
  padding-inline: 16px;
}
@media only screen and (min-width: 640px) {
  .section-404 {
    padding-inline: 6vw;
    padding-bottom: 32px;
  }
}
@media only screen and (min-width: 992px) {
  .section-404 {
    padding-inline: 4vw;
    padding-bottom: 48px;
  }
}
@media only screen and (min-width: 1280px) {
  .section-404 {
    padding-inline: 6vw;
    padding-bottom: 60px;
  }
}
@media only screen and (min-width: 1440px) {
  .section-404 {
    padding-inline: 8vw;
    padding-bottom: 72px;
  }
}
@media only screen and (min-width: 1920px) {
  .section-404 {
    padding-inline: 15vw;
    padding-bottom: 104px;
  }
}
.section-404 .btn, .section-404 .gform_wrapper form .gform_footer .gform_button, .gform_wrapper form .gform_footer .section-404 .gform_button, .section-404 .gform_wrapper form .gform_footer .diadao-sdk-button-gform, .gform_wrapper form .gform_footer .section-404 .diadao-sdk-button-gform, .section-404 .product #reviews p.form-submit, .product #reviews .section-404 p.form-submit {
  width: auto;
}
.section-404__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0px, 1fr));
  align-items: center;
  column-gap: 16px;
  row-gap: 16px;
}
@media only screen and (min-width: 992px) {
  .section-404__grid {
    column-gap: 16px;
    row-gap: 16px;
    grid-template-columns: repeat(12, minmax(0px, 1fr));
  }
}
.section-404__grid {
  align-items: flex-start;
}
.section-404__content {
  grid-column-start: 1;
  grid-column-end: span 12;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media only screen and (min-width: 992px) {
  .section-404__content {
    gap: 32px;
    flex-direction: row;
    align-items: center;
  }
}
.section-404__content__left, .section-404__content__right {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media only screen and (min-width: 992px) {
  .section-404__content__left, .section-404__content__right {
    flex-basis: 50%;
  }
}
.section-404__content__left {
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: flex-start;
  order: 1;
}
@media only screen and (min-width: 992px) {
  .section-404__content__left {
    order: 0;
  }
}

.woocommerce-EditAccountForm .wp-pwd {
  flex-wrap: wrap;
}
.woocommerce-EditAccountForm .wp-pwd .pwd-toggle {
  top: 16px;
}
@media only screen and (max-width: 991px) {
  .woocommerce-EditAccountForm .wp-pwd .pwd-toggle {
    top: 6px;
  }
}
.woocommerce-EditAccountForm #password_strength {
  width: 100%;
  font-size: 13px;
  margin-top: 4px;
}
.woocommerce-EditAccountForm .woocommerce-password-hint {
  width: 100%;
  font-size: 12px;
  color: #666666;
  margin-top: 4px;
}

.my-account__grid {
  align-items: flex-start;
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .my-account__grid {
    display: grid;
    grid-template-columns: auto 1fr;
  }
}
.my-account__content {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media only screen and (min-width: 992px) {
  .my-account__content {
    display: flex;
    flex-direction: column;
    gap: 40px;
  }
}
.my-account__content__intro {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.my-account__content__intro p a {
  display: inline !important;
}
.my-account__content .woocommerce-Address {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-start;
}
.my-account__content .woocommerce-Address address {
  text-transform: uppercase;
}
@media only screen and (min-width: 992px) {
  .my-account__content .woocommerce-Address {
    width: calc((100% - 24px) / 2);
  }
}
.my-account__content .woocommerce-address-fields__field-wrapper,
.my-account__content .woocommerce-info {
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 24px;
  flex-wrap: wrap;
  align-items: flex-start;
}
.my-account__content .woocommerce-info {
  flex-direction: column;
}
.my-account__content .woocommerce-Addresses {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media only screen and (min-width: 992px) {
  .my-account__content .woocommerce-Addresses {
    flex-direction: row;
  }
}
.my-account__content .woocommerce-address-fields__field-wrapper {
  align-items: stretch;
}
.my-account__content .woocommerce-address-fields__field-wrapper .form-row {
  position: relative;
  padding-top: 6px;
}
.my-account__content .woocommerce-address-fields__field-wrapper .form-row > label {
  position: absolute;
  top: 0px;
  z-index: 10;
  left: 0px;
  font-size: 12px;
  line-height: 1;
  margin-bottom: 0;
  display: inline-block;
  padding-left: 4px;
  height: 12px;
  margin-left: 16px;
  padding-right: 4px;
  border-radius: 2px;
  background-color: #FFFFFF;
}
.my-account__content .woocommerce-address-fields__field-wrapper .form-row.notes textarea {
  margin-bottom: 0px;
}
.my-account-table {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.my-account-table__row {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
  border-radius: 8px;
  background: rgba(213, 221, 228, 0.3);
  border: 1px solid #F3F5F7;
}
@media only screen and (min-width: 992px) {
  .my-account-table__row {
    padding: 32px;
    flex-direction: row;
    gap: 32px;
    align-items: center;
  }
}
.my-account-table__item {
  flex-basis: 25%;
  display: flex;
  flex-direction: column;
  gap: 0px;
  gap: 4px;
}
.my-account-table__item[data-title=Actions] {
  flex-basis: 100px;
}
@media only screen and (max-width: 991px) {
  .my-account-table__item[data-title=Actions] {
    flex-basis: initial;
  }
}
@media only screen and (min-width: 992px) {
  .my-account-table__item {
    gap: 8px;
  }
}
.my-account-table__item .woocommerce-button span {
  font-size: 12px;
}
.my-account-table__item__header.order-actions {
  display: none;
}
.my-account-table__item .order-status {
  display: none;
}
.my-account__navigation__list {
  display: flex;
  flex-direction: row;
  gap: 16px;
  flex-wrap: wrap;
}
@media only screen and (min-width: 992px) {
  body:not(.woocommerce-account.woocommerce-dashboard) .my-account__navigation {
    margin-right: 32px;
    width: 320px;
  }
}
@media only screen and (min-width: 1280px) {
  body:not(.woocommerce-account.woocommerce-dashboard) .my-account__navigation {
    margin-right: 64px;
  }
}
body:not(.woocommerce-account.woocommerce-dashboard) .my-account__navigation__list {
  flex-direction: column;
  flex-wrap: wrap;
}
body:not(.woocommerce-account.woocommerce-dashboard) .my-account__navigation__item {
  width: 100%;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 16px;
  align-items: center;
  padding: 24px;
}
@media only screen and (max-width: 991px) {
  body:not(.woocommerce-account.woocommerce-dashboard) .my-account__navigation {
    display: none;
  }
}

.woocommerce-NoticeGroup,
.woocommerce-notices-wrapper {
  width: 100%;
  display: none !important;
  padding-bottom: 0 !important;
}
.woocommerce-NoticeGroup:empty,
.woocommerce-notices-wrapper:empty {
  display: none;
}
.woocommerce-NoticeGroup .woocommerce-message,
.woocommerce-notices-wrapper .woocommerce-message {
  background: rgba(213, 221, 228, 0.3);
}
.woocommerce-NoticeGroup .woocommerce-message[role=alert],
.woocommerce-notices-wrapper .woocommerce-message[role=alert] {
  background: #F5F9FC;
}
.woocommerce-NoticeGroup .woocommerce-message[role=alert]::before,
.woocommerce-notices-wrapper .woocommerce-message[role=alert]::before {
  background-color: #2F96B4;
}
.woocommerce-NoticeGroup .woocommerce-error,
.woocommerce-notices-wrapper .woocommerce-error {
  background: rgba(213, 221, 228, 0.3);
}
.woocommerce-NoticeGroup .woocommerce-error[role=alert],
.woocommerce-notices-wrapper .woocommerce-error[role=alert] {
  background: color-mix(in srgb, var(--diadabox-primary, #FF4848) 20%, transparent);
}
.woocommerce-NoticeGroup .woocommerce-error[role=alert]::before,
.woocommerce-notices-wrapper .woocommerce-error[role=alert]::before {
  background-color: var(--diadabox-primary, #FF4848);
}
.woocommerce-NoticeGroup .woocommerce-message,
.woocommerce-NoticeGroup .woocommerce-error,
.woocommerce-notices-wrapper .woocommerce-message,
.woocommerce-notices-wrapper .woocommerce-error {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 32px;
  padding-left: 80px;
  border-radius: 8px;
  font-weight: 700;
  font-size: 14px;
  margin-bottom: 16px;
}
.woocommerce-NoticeGroup .woocommerce-message[role=alert]::before,
.woocommerce-NoticeGroup .woocommerce-error[role=alert]::before,
.woocommerce-notices-wrapper .woocommerce-message[role=alert]::before,
.woocommerce-notices-wrapper .woocommerce-error[role=alert]::before {
  position: absolute;
  left: 32px;
  top: 0;
  bottom: 0;
  margin-block: auto;
  content: "";
  width: 16px;
  height: 16px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: cover;
  mask-size: contain;
  -webkit-mask-image: url("../images/diadabox/svg/icon-info4.svg");
  mask-image: url("../images/diadabox/svg/icon-info4.svg");
}

body.woocommerce-checkout .woocommerce-NoticeGroup,
body.woocommerce-checkout .woocommerce-notices-wrapper {
  display: block !important;
}

body.woocommerce-page .woocommerce {
  padding-top: 0;
  padding-bottom: 40px;
  padding-inline: 16px;
}
@media only screen and (min-width: 640px) {
  body.woocommerce-page .woocommerce {
    padding-inline: 6vw;
    padding-bottom: 32px;
  }
}
@media only screen and (min-width: 992px) {
  body.woocommerce-page .woocommerce {
    padding-inline: 4vw;
    padding-bottom: 48px;
  }
}
@media only screen and (min-width: 1280px) {
  body.woocommerce-page .woocommerce {
    padding-inline: 6vw;
    padding-bottom: 60px;
  }
}
@media only screen and (min-width: 1440px) {
  body.woocommerce-page .woocommerce {
    padding-inline: 8vw;
    padding-bottom: 72px;
  }
}
@media only screen and (min-width: 1920px) {
  body.woocommerce-page .woocommerce {
    padding-inline: 15vw;
    padding-bottom: 104px;
  }
}
body.woocommerce-page .woocommerce .woocommerce-NoticeGroup {
  padding-top: 0;
  padding-bottom: 40px;
  padding-inline: 16px;
}
@media only screen and (min-width: 640px) {
  body.woocommerce-page .woocommerce .woocommerce-NoticeGroup {
    padding-inline: 6vw;
    padding-bottom: 32px;
  }
}
@media only screen and (min-width: 992px) {
  body.woocommerce-page .woocommerce .woocommerce-NoticeGroup {
    padding-inline: 4vw;
    padding-bottom: 48px;
  }
}
@media only screen and (min-width: 1280px) {
  body.woocommerce-page .woocommerce .woocommerce-NoticeGroup {
    padding-inline: 6vw;
    padding-bottom: 60px;
  }
}
@media only screen and (min-width: 1440px) {
  body.woocommerce-page .woocommerce .woocommerce-NoticeGroup {
    padding-inline: 8vw;
    padding-bottom: 72px;
  }
}
@media only screen and (min-width: 1920px) {
  body.woocommerce-page .woocommerce .woocommerce-NoticeGroup {
    padding-inline: 15vw;
    padding-bottom: 104px;
  }
}
body.woocommerce-page .woocommerce .woocommerce-NoticeGroup {
  padding-bottom: 0;
}
body.woocommerce-page .woocommerce .woocommerce-form-login .woocommerce-form-row {
  position: relative;
  padding-top: 6px;
}
body.woocommerce-page .woocommerce .woocommerce-form-login .woocommerce-form-row > label {
  position: absolute;
  top: 0px;
  z-index: 10;
  left: 0px;
  font-size: 12px;
  line-height: 1;
  margin-bottom: 0;
  display: inline-block;
  padding-left: 4px;
  height: 12px;
  margin-left: 16px;
  padding-right: 4px;
  border-radius: 2px;
  background-color: #FFFFFF;
}
body.woocommerce-page .woocommerce .woocommerce-form-login .woocommerce-form-row.notes textarea {
  margin-bottom: 0px;
}
body.woocommerce-page .woocommerce .woocommerce-terms-and-conditions-wrapper .woocommerce-form__label-for-checkbox {
  border: 1px solid transparent;
  border-radius: 4px;
}
body.woocommerce-page .woocommerce .woocommerce-terms-and-conditions-wrapper .custom-terms-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  vertical-align: top;
}
body.woocommerce-page .woocommerce .woocommerce-terms-and-conditions-wrapper .woocommerce-invalid-required-field .woocommerce-form__label-for-checkbox {
  border-color: #C80000;
}
body.woocommerce-page .woocommerce section {
  display: flex;
  flex-direction: column;
  gap: 16px;
  flex-wrap: wrap;
  align-items: flex-start;
}
body.woocommerce-page .woocommerce form {
  display: flex;
  flex-direction: row;
  gap: 8px;
  flex-wrap: wrap;
}
body.woocommerce-page .woocommerce form .woocommerce-error {
  display: none;
}
body.woocommerce-page .woocommerce form .checkout-inline-error-message {
  color: #C80000;
}
body.woocommerce-page .woocommerce form label {
  font-weight: 700;
}
body.woocommerce-page .woocommerce form input {
  margin-bottom: 0;
}
body.woocommerce-page .woocommerce form .form-row {
  width: 100%;
}
@media only screen and (min-width: 992px) {
  body.woocommerce-page .woocommerce form .form-row-first, body.woocommerce-page .woocommerce form .form-row-last, body.woocommerce-page .woocommerce form .form-row-fifty {
    width: calc((100% - 24px) / 2);
  }
}
body.woocommerce-page .woocommerce form fieldset {
  width: 100%;
}
body.woocommerce-page .woocommerce form .clear {
  display: none;
}
body.woocommerce-page .woocommerce form label abbr {
  text-decoration: none;
}
body.woocommerce-page .woocommerce .woocommerce-invalid-required-field input, body.woocommerce-page .woocommerce .woocommerce-invalid-required-field select {
  border-color: #C80000;
}
body.woocommerce-page .woocommerce .woocommerce-error {
  color: #C80000;
}
body.woocommerce-page .woocommerce .woocommerce-notice--success {
  font-weight: 700;
}
body.woocommerce-page .woocommerce h3 + .woocommerce-address-fields {
  margin-top: 8px;
}
body.woocommerce-page .woocommerce .woocommerce-address-fields,
body.woocommerce-page .woocommerce .woocommerce-ResetPassword,
body.woocommerce-page .woocommerce .woocommerce-EditAccountForm {
  width: 100%;
  padding: 16px;
  border: 1px solid #F3F5F7;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  flex-wrap: wrap;
  align-items: flex-start;
}
@media only screen and (min-width: 992px) {
  body.woocommerce-page .woocommerce .woocommerce-address-fields,
  body.woocommerce-page .woocommerce .woocommerce-ResetPassword,
  body.woocommerce-page .woocommerce .woocommerce-EditAccountForm {
    gap: 24px;
    padding: 32px;
    flex-direction: row;
    max-width: 992px;
  }
}
body.woocommerce-page .woocommerce .woocommerce-address-fields .submit-wrapper,
body.woocommerce-page .woocommerce .woocommerce-ResetPassword .submit-wrapper,
body.woocommerce-page .woocommerce .woocommerce-EditAccountForm .submit-wrapper {
  width: 100%;
}
body.woocommerce-page .woocommerce .woocommerce-address-fields .accordion,
body.woocommerce-page .woocommerce .woocommerce-ResetPassword .accordion,
body.woocommerce-page .woocommerce .woocommerce-EditAccountForm .accordion {
  width: 100%;
  margin-bottom: 12px;
}
@media only screen and (min-width: 992px) {
  body.woocommerce-page .woocommerce .woocommerce-address-fields .accordion,
  body.woocommerce-page .woocommerce .woocommerce-ResetPassword .accordion,
  body.woocommerce-page .woocommerce .woocommerce-EditAccountForm .accordion {
    margin-bottom: 24px;
  }
}
body.woocommerce-page .woocommerce .woocommerce-address-fields .accordion .accordion-body,
body.woocommerce-page .woocommerce .woocommerce-ResetPassword .accordion .accordion-body,
body.woocommerce-page .woocommerce .woocommerce-EditAccountForm .accordion .accordion-body {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-top: 16px;
}
@media only screen and (min-width: 992px) {
  body.woocommerce-page .woocommerce .woocommerce-address-fields .accordion .accordion-body,
  body.woocommerce-page .woocommerce .woocommerce-ResetPassword .accordion .accordion-body,
  body.woocommerce-page .woocommerce .woocommerce-EditAccountForm .accordion .accordion-body {
    gap: 24px;
    padding-top: 24px;
  }
}
body.woocommerce-page .woocommerce .woocommerce-address-fields .accordion__header,
body.woocommerce-page .woocommerce .woocommerce-ResetPassword .accordion__header,
body.woocommerce-page .woocommerce .woocommerce-EditAccountForm .accordion__header {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
body.woocommerce-page .woocommerce .woocommerce-address-fields .accordion__item,
body.woocommerce-page .woocommerce .woocommerce-ResetPassword .accordion__item,
body.woocommerce-page .woocommerce .woocommerce-EditAccountForm .accordion__item {
  position: relative;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  gap: 16px;
  justify-content: space-between;
  align-items: center;
  width: auto;
  align-self: flex-start;
  padding-block: 8px;
}
body.woocommerce-page .woocommerce .woocommerce-address-fields .accordion__item.collapsed .accordion__item__icon,
body.woocommerce-page .woocommerce .woocommerce-ResetPassword .accordion__item.collapsed .accordion__item__icon,
body.woocommerce-page .woocommerce .woocommerce-EditAccountForm .accordion__item.collapsed .accordion__item__icon {
  background-image: url("../images/diadabox/svg/icon-plus.svg");
}
body.woocommerce-page .woocommerce .woocommerce-address-fields .accordion__item__icon,
body.woocommerce-page .woocommerce .woocommerce-ResetPassword .accordion__item__icon,
body.woocommerce-page .woocommerce .woocommerce-EditAccountForm .accordion__item__icon {
  width: 20px;
  height: 20px;
  background-image: url("../images/diadabox/svg/icon-minus.svg");
  background-size: cover;
  background-repeat: no-repeat;
}
body.woocommerce-page .woocommerce .woocommerce-address-fields .form-row,
body.woocommerce-page .woocommerce .woocommerce-ResetPassword .form-row,
body.woocommerce-page .woocommerce .woocommerce-EditAccountForm .form-row {
  position: relative;
  padding-top: 6px;
}
body.woocommerce-page .woocommerce .woocommerce-address-fields .form-row > label,
body.woocommerce-page .woocommerce .woocommerce-ResetPassword .form-row > label,
body.woocommerce-page .woocommerce .woocommerce-EditAccountForm .form-row > label {
  position: absolute;
  top: 0px;
  z-index: 10;
  left: 0px;
  font-size: 12px;
  line-height: 1;
  margin-bottom: 0;
  display: inline-block;
  padding-left: 4px;
  height: 12px;
  margin-left: 16px;
  padding-right: 4px;
  border-radius: 2px;
  background-color: #FFFFFF;
}
body.woocommerce-page .woocommerce .woocommerce-address-fields .form-row.notes textarea,
body.woocommerce-page .woocommerce .woocommerce-ResetPassword .form-row.notes textarea,
body.woocommerce-page .woocommerce .woocommerce-EditAccountForm .form-row.notes textarea {
  margin-bottom: 0px;
}
body.woocommerce-page .woocommerce .woocommerce-order-details {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
body.woocommerce-page .woocommerce .woocommerce-order-details .wc-item-meta {
  display: none;
}
body.woocommerce-page .woocommerce .woocommerce-order-details .woocommerce-table__product-name.product-name a {
  font-weight: bold;
}
body.woocommerce-page .woocommerce .woocommerce-order-details .woocommerce-table__product-name.product-name .product-quantity,
body.woocommerce-page .woocommerce .woocommerce-order-details .woocommerce-table__product-name.product-name .order-item-product-price {
  display: inline-block;
  margin-left: 4px;
  vertical-align: baseline;
}
body.woocommerce-page .woocommerce .woocommerce-order-details .woocommerce-table__product-name.product-name .order-item-product-price {
  font-weight: 400;
}
body.woocommerce-page .woocommerce .woocommerce-order-details .woocommerce-table__product-name.product-name .order-giftcard-options-list {
  list-style: none;
  margin: 8px 0 0;
  padding: 0;
}
body.woocommerce-page .woocommerce .woocommerce-order-details .woocommerce-table__product-name.product-name .order-giftcard-options-list__title {
  margin-top: 8px;
  font-weight: 600;
}
body.woocommerce-page .woocommerce .woocommerce-order-details .woocommerce-table__product-name.product-name .order-giftcard-options-list__item {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: baseline;
  margin-top: 4px;
}
body.woocommerce-page .woocommerce .woocommerce-order-details .woocommerce-table__product-name.product-name .order-giftcard-options-list__item::before {
  content: "•";
  flex: 0 0 auto;
}
body.woocommerce-page .woocommerce .woocommerce-order-details .woocommerce-table__product-name.product-name .order-giftcard-options-list__label {
  font-weight: 600;
}
body.woocommerce-page .woocommerce .woocommerce-order-details .woocommerce-table__product-name.product-name .order-giftcard-options-list__quantity, body.woocommerce-page .woocommerce .woocommerce-order-details .woocommerce-table__product-name.product-name .order-giftcard-options-list__price {
  margin-left: 0;
}
body.woocommerce-page .woocommerce .woocommerce-order-details .woocommerce-table__product-name.product-name .order-item-product-checklist {
  list-style: none;
  margin: 8px 0 0;
  padding: 0;
}
body.woocommerce-page .woocommerce .woocommerce-order-details .woocommerce-table__product-name.product-name .order-item-product-checklist li {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: baseline;
  margin-top: 4px;
}
body.woocommerce-page .woocommerce .woocommerce-order-details .woocommerce-table__product-name.product-name .order-item-product-checklist li::before {
  content: "•";
  flex: 0 0 auto;
}
body.woocommerce-page .woocommerce .woocommerce-order-details .woocommerce-table__product-image.product-image {
  width: 120px;
  max-width: 120px;
  flex: 0 0 120px;
}
body.woocommerce-page .woocommerce .woocommerce-order-details .woocommerce-table__product-image.product-image .product-thumbnail {
  width: 120px;
  max-width: 120px;
  height: auto;
}
body.woocommerce-page .woocommerce .woocommerce-order-details .shop_table {
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 16px;
  width: 100%;
  border-radius: 8px;
  background: rgba(213, 221, 228, 0.3);
  border: 1px solid #F3F5F7;
  text-align: left;
  font-size: 14px;
}
@media only screen and (min-width: 992px) {
  body.woocommerce-page .woocommerce .woocommerce-order-details .shop_table {
    font-size: 16px;
    padding: 32px;
  }
}
body.woocommerce-page .woocommerce .woocommerce-order-details .shop_table thead {
  display: none;
}
body.woocommerce-page .woocommerce .woocommerce-order-details .shop_table tbody {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
body.woocommerce-page .woocommerce .woocommerce-order-details .shop_table tbody tr {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
body.woocommerce-page .woocommerce .woocommerce-order-details .shop_table tbody tr:not(:last-child) {
  padding-bottom: 32px;
  border-bottom: 1px solid #D6DEE7;
}
@media only screen and (min-width: 992px) {
  body.woocommerce-page .woocommerce .woocommerce-order-details .shop_table tbody tr {
    flex-direction: row;
    align-items: center;
    gap: 32px;
  }
}
body.woocommerce-page .woocommerce .woocommerce-order-details .shop_table tfoot {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-top: 32px;
  border-top: 0px solid #D6DEE7;
}
body.woocommerce-page .woocommerce .woocommerce-order-details .shop_table tfoot tr {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media only screen and (min-width: 992px) {
  body.woocommerce-page .woocommerce .woocommerce-order-details .shop_table tfoot tr {
    flex-direction: row;
    align-items: center;
    gap: 32px;
  }
}
body.woocommerce-page .woocommerce .woocommerce-order-details .shop_table tfoot tr:not(:first-child) {
  padding-top: 16px;
  border-top: 1px solid #D6DEE7;
}
body.woocommerce-page .woocommerce .woocommerce-order-details .shop_table tfoot .woocommerce-button {
  height: 40px;
}
body.woocommerce-page .woocommerce .woocommerce-order-details .shop_table td:nth-child(2) {
  flex-grow: 1;
}
body.woocommerce-page .woocommerce .woocommerce-order-details .shop_table.order_details--giftcard-item {
  margin-bottom: 24px;
}
body.woocommerce-page .woocommerce .woocommerce-order-details .shop_table.order_details--giftcard-item tbody {
  gap: 24px;
}
body.woocommerce-page .woocommerce .woocommerce-order-details .shop_table.order_details--giftcard-item tbody tr:not(:last-child) {
  border-bottom: 0;
  padding-bottom: 0;
}
body.woocommerce-page .woocommerce .woocommerce-order-details .shop_table .product-total,
body.woocommerce-page .woocommerce .woocommerce-order-details .shop_table .product-subtotal {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: baseline;
  text-align: right;
  font-weight: bold;
}
@media only screen and (min-width: 992px) {
  body.woocommerce-page .woocommerce .woocommerce-order-details .shop_table .product-total,
  body.woocommerce-page .woocommerce .woocommerce-order-details .shop_table .product-subtotal {
    justify-content: flex-end;
  }
}
@media only screen and (min-width: 992px) {
  body.woocommerce-page .woocommerce .woocommerce-order-details .shop_table .align-right {
    text-align: right;
  }
}
body.woocommerce-page .woocommerce .woocommerce-order-details .shop_table .align-right .btn, body.woocommerce-page .woocommerce .woocommerce-order-details .shop_table .align-right .gform_wrapper form .gform_footer .gform_button, .gform_wrapper form .gform_footer body.woocommerce-page .woocommerce .woocommerce-order-details .shop_table .align-right .gform_button, body.woocommerce-page .woocommerce .woocommerce-order-details .shop_table .align-right .gform_wrapper form .gform_footer .diadao-sdk-button-gform, .gform_wrapper form .gform_footer body.woocommerce-page .woocommerce .woocommerce-order-details .shop_table .align-right .diadao-sdk-button-gform, body.woocommerce-page .woocommerce .woocommerce-order-details .shop_table .align-right .product #reviews p.form-submit, .product #reviews body.woocommerce-page .woocommerce .woocommerce-order-details .shop_table .align-right p.form-submit {
  margin-top: 16px;
}
body.woocommerce-page .woocommerce .woocommerce-order-details .shop_table .product-image {
  line-height: 1;
  width: 120px;
  max-width: 120px;
}
@media only screen and (min-width: 992px) {
  body.woocommerce-page .woocommerce .woocommerce-order-details .shop_table .product-image {
    display: block;
    flex: 0 0 120px;
  }
}
body.woocommerce-page .woocommerce .woocommerce-order-details .shop_table .product-image img {
  width: 100%;
  aspect-ratio: 16/9;
  height: 100%;
  object-fit: cover;
  border-radius: 4px;
}
@media only screen and (min-width: 992px) {
  body.woocommerce-page .woocommerce .woocommerce-order-details .shop_table .product-image img {
    aspect-ratio: 4/3;
  }
}
body.woocommerce-page .woocommerce .woocommerce-order-details .shop_table .horizontal-separator {
  order: 3;
}
body.woocommerce-page .woocommerce .woocommerce-order-details .shop_table .order-actions {
  order: 4;
}
body.woocommerce-page .woocommerce .woocommerce-order-details .shop_table .order-actions td {
  display: flex;
  flex-direction: row;
  gap: 8px;
}
body.woocommerce-page .woocommerce .woocommerce-order-details .shop_table .order-actions .btn.view, body.woocommerce-page .woocommerce .woocommerce-order-details .shop_table .order-actions .gform_wrapper form .gform_footer .view.gform_button, .gform_wrapper form .gform_footer body.woocommerce-page .woocommerce .woocommerce-order-details .shop_table .order-actions .view.gform_button, body.woocommerce-page .woocommerce .woocommerce-order-details .shop_table .order-actions .gform_wrapper form .gform_footer .view.diadao-sdk-button-gform, .gform_wrapper form .gform_footer body.woocommerce-page .woocommerce .woocommerce-order-details .shop_table .order-actions .view.diadao-sdk-button-gform, body.woocommerce-page .woocommerce .woocommerce-order-details .shop_table .order-actions .product #reviews p.view.form-submit, .product #reviews body.woocommerce-page .woocommerce .woocommerce-order-details .shop_table .order-actions p.view.form-submit {
  display: none;
}
body.woocommerce-page .woocommerce .woocommerce-order-details .shop_table .order-totals tr {
  display: flex;
  flex-direction: row;
  gap: 16px;
}
body.woocommerce-page .woocommerce .woocommerce-order-details .shop_table .order-totals tr .product-total {
  justify-content: flex-end;
}
body.woocommerce-page .woocommerce .woocommerce-order-details .shop_table .order-totals tr .align-right {
  text-align: right;
}
body.woocommerce-page .woocommerce .woocommerce-order-details .my-account-asset-status {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  max-width: 100%;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  white-space: normal;
}
body.woocommerce-page .woocommerce .woocommerce-order-details .my-account-asset-status.b-publish, body.woocommerce-page .woocommerce .woocommerce-order-details .my-account-asset-status.b-completed {
  background: #D1FAE5;
  color: #065F46;
}
body.woocommerce-page .woocommerce .woocommerce-order-details .my-account-asset-status.b-gc-accepted {
  background: #DCFCE7;
  color: #166534;
}
body.woocommerce-page .woocommerce .woocommerce-order-details .my-account-asset-status.b-draft, body.woocommerce-page .woocommerce .woocommerce-order-details .my-account-asset-status.b-gc-pending, body.woocommerce-page .woocommerce .woocommerce-order-details .my-account-asset-status.b-on-hold {
  background: #FEF3C7;
  color: #92400E;
}
body.woocommerce-page .woocommerce .woocommerce-order-details .my-account-asset-status.b-processing {
  background: #DBEAFE;
  color: #1E40AF;
}
body.woocommerce-page .woocommerce .woocommerce-order-details .my-account-asset-status.b-gc-closed, body.woocommerce-page .woocommerce .woocommerce-order-details .my-account-asset-status.b-trash, body.woocommerce-page .woocommerce .woocommerce-order-details .my-account-asset-status.b-default {
  background: #E2E8F0;
  color: #334155;
}
body.woocommerce-page .woocommerce .woocommerce-order-details .my-account-asset-status.b-gc-cancelled, body.woocommerce-page .woocommerce .woocommerce-order-details .my-account-asset-status.b-cancelled, body.woocommerce-page .woocommerce .woocommerce-order-details .my-account-asset-status.b-failed, body.woocommerce-page .woocommerce .woocommerce-order-details .my-account-asset-status.b-dbx-invalidated {
  background: #FEE2E2;
  color: #991B1B;
}
body.woocommerce-page .woocommerce .woocommerce-order-details .my-account-asset-status.b-gc-refunded, body.woocommerce-page .woocommerce .woocommerce-order-details .my-account-asset-status.b-refunded {
  background: #EDE9FE;
  color: #5B21B6;
}
body.woocommerce-page .woocommerce .woocommerce-order-details .my-account-asset-status__reason {
  display: block;
  margin-top: 4px;
  font-size: 12px;
  color: #6B7580;
}
body.woocommerce-page .woocommerce .woocommerce-order-details table.vouchers-detail-table thead tr th,
body.woocommerce-page .woocommerce .woocommerce-order-details table.hotelcredits-detail-table thead tr th {
  font-size: 12px;
}
body.woocommerce-page .woocommerce .woocommerce-order-details table.vouchers-detail-table thead tr th.vouchers-detail-id,
body.woocommerce-page .woocommerce .woocommerce-order-details table.hotelcredits-detail-table thead tr th.vouchers-detail-id {
  width: 72px;
}
body.woocommerce-page .woocommerce .woocommerce-order-details table.vouchers-detail-table thead tr th.vouchers-detail-info,
body.woocommerce-page .woocommerce .woocommerce-order-details table.hotelcredits-detail-table thead tr th.vouchers-detail-info {
  width: 180px;
}
body.woocommerce-page .woocommerce .woocommerce-order-details table.vouchers-detail-table thead tr th.vouchers-detail-status, body.woocommerce-page .woocommerce .woocommerce-order-details table.vouchers-detail-table thead tr th.hotelcredits-detail-status,
body.woocommerce-page .woocommerce .woocommerce-order-details table.hotelcredits-detail-table thead tr th.vouchers-detail-status,
body.woocommerce-page .woocommerce .woocommerce-order-details table.hotelcredits-detail-table thead tr th.hotelcredits-detail-status {
  width: 140px;
}
body.woocommerce-page .woocommerce .woocommerce-order-details table.vouchers-detail-table thead tr th.vouchers-detail-amount, body.woocommerce-page .woocommerce .woocommerce-order-details table.vouchers-detail-table thead tr th.hotelcredits-detail-amount,
body.woocommerce-page .woocommerce .woocommerce-order-details table.hotelcredits-detail-table thead tr th.vouchers-detail-amount,
body.woocommerce-page .woocommerce .woocommerce-order-details table.hotelcredits-detail-table thead tr th.hotelcredits-detail-amount {
  width: 140px;
}
body.woocommerce-page .woocommerce .woocommerce-order-details table.vouchers-detail-table thead tr th.vouchers-detail-created, body.woocommerce-page .woocommerce .woocommerce-order-details table.vouchers-detail-table thead tr th.vouchers-detail-expiry, body.woocommerce-page .woocommerce .woocommerce-order-details table.vouchers-detail-table thead tr th.vouchers-detail-actions, body.woocommerce-page .woocommerce .woocommerce-order-details table.vouchers-detail-table thead tr th.hotelcredits-detail-created, body.woocommerce-page .woocommerce .woocommerce-order-details table.vouchers-detail-table thead tr th.hotelcredits-detail-expiry, body.woocommerce-page .woocommerce .woocommerce-order-details table.vouchers-detail-table thead tr th.hotelcredits-detail-actions,
body.woocommerce-page .woocommerce .woocommerce-order-details table.hotelcredits-detail-table thead tr th.vouchers-detail-created,
body.woocommerce-page .woocommerce .woocommerce-order-details table.hotelcredits-detail-table thead tr th.vouchers-detail-expiry,
body.woocommerce-page .woocommerce .woocommerce-order-details table.hotelcredits-detail-table thead tr th.vouchers-detail-actions,
body.woocommerce-page .woocommerce .woocommerce-order-details table.hotelcredits-detail-table thead tr th.hotelcredits-detail-created,
body.woocommerce-page .woocommerce .woocommerce-order-details table.hotelcredits-detail-table thead tr th.hotelcredits-detail-expiry,
body.woocommerce-page .woocommerce .woocommerce-order-details table.hotelcredits-detail-table thead tr th.hotelcredits-detail-actions {
  width: 120px;
}
body.woocommerce-page .woocommerce .woocommerce-order-details table.vouchers-detail-table thead tr th.hotelcredits-detail-id,
body.woocommerce-page .woocommerce .woocommerce-order-details table.hotelcredits-detail-table thead tr th.hotelcredits-detail-id {
  width: 72px;
}
body.woocommerce-page .woocommerce .woocommerce-order-details table.vouchers-detail-table thead tr th.hotelcredits-detail-info,
body.woocommerce-page .woocommerce .woocommerce-order-details table.hotelcredits-detail-table thead tr th.hotelcredits-detail-info {
  width: 180px;
}
body.woocommerce-page .woocommerce .woocommerce-order-details table.giftcards-detail-table thead tr th {
  font-size: 12px;
}
body.woocommerce-page .woocommerce .woocommerce-order-details table.giftcards-detail-table thead tr th.giftcards-detail-code {
  width: 200px;
}
body.woocommerce-page .woocommerce .woocommerce-order-details table.giftcards-detail-table thead tr th.giftcards-detail-id {
  width: 72px;
}
body.woocommerce-page .woocommerce .woocommerce-order-details table.giftcards-detail-table thead tr th.giftcards-detail-beneficiary-col {
  min-width: 160px;
}
body.woocommerce-page .woocommerce .woocommerce-order-details table.giftcards-detail-table thead tr th.giftcards-detail-status {
  width: 180px;
}
body.woocommerce-page .woocommerce .woocommerce-order-details table.giftcards-detail-table thead tr th.giftcards-detail-created, body.woocommerce-page .woocommerce .woocommerce-order-details table.giftcards-detail-table thead tr th.giftcards-detail-expiry, body.woocommerce-page .woocommerce .woocommerce-order-details table.giftcards-detail-table thead tr th.giftcards-detail-actions {
  width: 120px;
}
body.woocommerce-page .woocommerce .woocommerce-order-details table.vouchers-detail-table thead,
body.woocommerce-page .woocommerce .woocommerce-order-details table.vouchers-detail-table tbody,
body.woocommerce-page .woocommerce .woocommerce-order-details table.giftcards-detail-table thead,
body.woocommerce-page .woocommerce .woocommerce-order-details table.giftcards-detail-table tbody,
body.woocommerce-page .woocommerce .woocommerce-order-details table.hotelcredits-detail-table thead,
body.woocommerce-page .woocommerce .woocommerce-order-details table.hotelcredits-detail-table tbody {
  display: table-row-group;
}
body.woocommerce-page .woocommerce .woocommerce-order-details table.vouchers-detail-table thead tr,
body.woocommerce-page .woocommerce .woocommerce-order-details table.vouchers-detail-table tbody tr,
body.woocommerce-page .woocommerce .woocommerce-order-details table.giftcards-detail-table thead tr,
body.woocommerce-page .woocommerce .woocommerce-order-details table.giftcards-detail-table tbody tr,
body.woocommerce-page .woocommerce .woocommerce-order-details table.hotelcredits-detail-table thead tr,
body.woocommerce-page .woocommerce .woocommerce-order-details table.hotelcredits-detail-table tbody tr {
  display: table-row;
}
body.woocommerce-page .woocommerce .woocommerce-order-details table.vouchers-detail-table thead tr td,
body.woocommerce-page .woocommerce .woocommerce-order-details table.vouchers-detail-table tbody tr td,
body.woocommerce-page .woocommerce .woocommerce-order-details table.giftcards-detail-table thead tr td,
body.woocommerce-page .woocommerce .woocommerce-order-details table.giftcards-detail-table tbody tr td,
body.woocommerce-page .woocommerce .woocommerce-order-details table.hotelcredits-detail-table thead tr td,
body.woocommerce-page .woocommerce .woocommerce-order-details table.hotelcredits-detail-table tbody tr td {
  padding: 8px;
  font-size: 12px;
}
body.woocommerce-page .woocommerce .woocommerce-order {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
body.woocommerce-page .woocommerce .woocommerce-order .woocommerce-thankyou-order-received {
  padding: 32px;
  text-align: center;
  border-radius: 8px;
  background: rgba(213, 221, 228, 0.3);
}
body.woocommerce-page .woocommerce .my-account-gifts {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
body.woocommerce-page .woocommerce .my-account-gifts__section {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
body.woocommerce-page .woocommerce .my-account-gifts__section-header {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
body.woocommerce-page .woocommerce .my-account-gifts__section-header p {
  color: #6B7580;
  margin: 0;
}
body.woocommerce-page .woocommerce .my-account-gifts__actions {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
}
body.woocommerce-page .woocommerce .my-account-gifts__sub {
  color: #6B7580;
  font-size: 14px;
  margin-top: 8px;
}
body.woocommerce-page .woocommerce .my-account-gifts__badge {
  border-radius: 999px;
  display: inline-flex;
  font-size: 12px;
  font-weight: 700;
  margin-top: 8px;
  padding: 4px 10px;
}
body.woocommerce-page .woocommerce .my-account-gifts__badge--warning {
  background: rgba(248, 148, 7, 0.12);
  color: #F89407;
}

.woocommerce .woocommerce-customer-details .woocommerce-columns {
  display: flex;
  flex-direction: row;
  width: 100%;
  gap: 24px;
  flex-wrap: nowrap;
}
.woocommerce .woocommerce-customer-details .woocommerce-columns .woocommerce-column {
  width: 50%;
}
.woocommerce .woocommerce-customer-details .woocommerce-columns.addresses h3 {
  margin-bottom: 16px;
}

body.woocommerce-page .woocommerce .woocommerce-order-details .shop_table .order-totals tr .product-total {
  flex-wrap: wrap;
  flex-direction: column;
  align-items: flex-end;
}
body.woocommerce-page .woocommerce .woocommerce-order-details .shop_table .order-totals tr .product-total br {
  display: none;
}
@media only screen and (min-width: 992px) {
  body.woocommerce-page .woocommerce .woocommerce-order-details .shop_table .order-totals tr .product-total {
    flex-direction: row;
  }
}

body.woocommerce-view-order .woocommerce .woocommerce-order-details .shop_table.order_details--totals-only {
  gap: 0;
}
body.woocommerce-view-order .woocommerce .woocommerce-order-details .shop_table.order_details--totals-only tbody {
  display: none;
}
body.woocommerce-view-order .woocommerce .woocommerce-order-details .shop_table.order_details--totals-only tfoot {
  padding-top: 0;
}

body.woocommerce-page .woocommerce .woocommerce-order-shipping-packages {
  display: flex;
  flex-direction: column;
  gap: 48px;
  margin-top: 32px;
}
body.woocommerce-page .woocommerce .woocommerce-order-shipping-packages__item {
  margin-bottom: 32px;
}
body.woocommerce-page .woocommerce .woocommerce-order-shipping-packages__item__title {
  margin-bottom: 24px;
}
body.woocommerce-page .woocommerce .woocommerce-order-shipping-packages__item__content > p {
  margin-bottom: 16px;
}
body.woocommerce-page .woocommerce .woocommerce-order-shipping-packages__item__content > p:last-child {
  margin-bottom: 0;
}
body.woocommerce-page .woocommerce .woocommerce-order-shipping-packages__item--default {
  width: 100%;
  text-align: center;
}
body.woocommerce-page .woocommerce .woocommerce-order-shipping-packages__item--default .btn-group {
  margin-top: 24px;
}
@media only screen and (max-width: 991px) {
  body.woocommerce-page .woocommerce .woocommerce-order-shipping-packages__item--default .btn-group {
    flex-direction: column;
    align-items: center;
  }
}

.order-detail-item-extra-infos__actions {
  margin-top: 32px;
}

.woocommerce-order-details table.woocommerce-table--order-details .cart-card__content__options {
  display: inline-flex;
}

.status {
  display: inline-flex;
  color: #454545;
  background: #E5E5E5;
  border-radius: 4px;
  align-self: flex-start;
  padding: 8px;
}
.status--completed {
  background: #C8D7E1;
  color: #003D66;
}
.status--on-hold {
  background: #F8DDA7;
  color: #573B00;
}
.status--failed {
  background: #EBA3A3;
  color: #570000;
}
.status--processing {
  background: #C6E1C6;
  color: #2C4700;
}
.status--trash {
  background: #EBA3A3;
  color: #550202;
}

.woocommerce-order-details--giftcards .order_details--giftcard-item:last-child {
  margin-bottom: 0;
}
.woocommerce-order-details .giftcards-detail {
  width: 100%;
}
.woocommerce-order-details .giftcards-detail > td {
  padding: 0 !important;
  width: 100%;
}
.woocommerce-order-details .giftcards-detail-wrapper {
  width: 100%;
}
.woocommerce-order-details .giftcards-detail-wrapper h4 {
  margin-top: 24px;
  margin-bottom: 16px;
}
.woocommerce-order-details .my-account-asset-actions {
  display: inline-flex;
  align-items: center;
  position: relative;
  z-index: 10;
}
.woocommerce-order-details .my-account-asset-actions__empty {
  font-size: 20px;
  line-height: 1;
}
.woocommerce-order-details .my-account-actions-cell {
  position: relative;
  display: inline-flex;
  justify-content: flex-end;
  z-index: 10;
}
.woocommerce-order-details .my-account-actions-toggle {
  display: flex;
  flex-direction: row;
  gap: 0;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  border-radius: 4px;
  background: var(--diadabox-primary, #FF4848);
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  box-shadow: none;
}
.woocommerce-order-details .my-account-actions-toggle:hover, .woocommerce-order-details .my-account-actions-toggle.is-open {
  background: var(--diadabox-primary-darker, rgb(255, 46.5, 46.5));
}
.woocommerce-order-details .my-account-actions-menu {
  position: absolute;
  top: auto;
  bottom: calc(100% + 8px);
  right: 0;
  z-index: 40;
  display: none;
  min-width: 196px;
  max-width: min(240px, 80vw);
  padding: 8px;
  border: 1px solid #D6DEE7;
  border-radius: 4px;
  background: #FFFFFF;
  box-shadow: none;
}
.woocommerce-order-details .my-account-actions-menu.is-open {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.woocommerce-order-details .my-account-actions-menu__item {
  display: block;
  width: 100%;
  padding: 8px 12px;
  border-radius: 4px;
  color: #1E1E1E;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
  text-align: left;
  text-decoration: none;
  white-space: normal;
}
.woocommerce-order-details .my-account-actions-menu__item:hover {
  background: #F3F5F7;
  color: #1E1E1E;
}
.woocommerce-order-details .order-details-mobile-label {
  display: none;
}
.woocommerce-order-details .giftcards-detail-table {
  width: 100%;
  border-collapse: collapse;
}
.woocommerce-order-details .giftcards-detail-table thead,
.woocommerce-order-details .giftcards-detail-table tbody {
  display: table-row-group;
}
.woocommerce-order-details .giftcards-detail-table tr {
  display: table-row;
}
.woocommerce-order-details .giftcards-detail-table tr.giftcards-detail-header th {
  text-align: left;
  padding: 8px;
  border-bottom: 1px solid #E8EEF3;
  font-size: 12px;
}
.woocommerce-order-details .giftcards-detail-table tr.giftcards-detail-header th.giftcards-detail-id {
  width: 72px;
}
.woocommerce-order-details .giftcards-detail-table tr.giftcards-detail-header th.giftcards-detail-beneficiary-col {
  min-width: 160px;
}
.woocommerce-order-details .giftcards-detail-table tr.giftcards-detail-header th.giftcards-detail-created, .woocommerce-order-details .giftcards-detail-table tr.giftcards-detail-header th.giftcards-detail-expiry, .woocommerce-order-details .giftcards-detail-table tr.giftcards-detail-header th.giftcards-detail-actions {
  width: 120px;
}
.woocommerce-order-details .giftcards-detail-table tr.giftcards-detail-header th.giftcards-detail-actions {
  text-align: center;
}
.woocommerce-order-details .giftcards-detail-table td {
  padding: 8px;
  font-size: 12px;
}
.woocommerce-order-details .giftcards-detail-table td.giftcards-detail-actions {
  overflow: visible;
  text-align: center;
}
.woocommerce-order-details .giftcards-detail-table td.giftcards-detail-actions .my-account-actions-cell {
  justify-content: center;
}
.woocommerce-order-details .giftcards-detail-table td code {
  background: #FFFFFF;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 12px;
}
.woocommerce-order-details .giftcards-detail-table td .btn, .woocommerce-order-details .giftcards-detail-table td .gform_wrapper form .gform_footer .gform_button, .gform_wrapper form .gform_footer .woocommerce-order-details .giftcards-detail-table td .gform_button, .woocommerce-order-details .giftcards-detail-table td .gform_wrapper form .gform_footer .diadao-sdk-button-gform, .gform_wrapper form .gform_footer .woocommerce-order-details .giftcards-detail-table td .diadao-sdk-button-gform, .woocommerce-order-details .giftcards-detail-table td .product #reviews p.form-submit, .product #reviews .woocommerce-order-details .giftcards-detail-table td p.form-submit {
  font-size: 12px;
  padding: 4px 12px;
}
.woocommerce-order-details .giftcards-detail-table .giftcards-detail-id-value {
  font-weight: 600;
}
.woocommerce-order-details .giftcards-detail-table .giftcards-detail-beneficiary {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.woocommerce-order-details .giftcards-detail-table .giftcards-detail-beneficiary span {
  color: #6B7580;
}
.woocommerce-order-details .giftcards-detail-table .giftcards-detail-beneficiary span.giftcards-detail-beneficiary__name {
  color: #1E1E1E;
  font-weight: 400;
}
.woocommerce-order-details .giftcards-detail-table .giftcards-detail-message {
  display: inline-block;
  max-width: 100%;
}
.woocommerce-order-details .giftcards-detail-table .giftcards-detail-message--self {
  font-style: italic;
}
.woocommerce-order-details .giftcards-detail-table.giftcards-detail-table--gift th,
.woocommerce-order-details .giftcards-detail-table.giftcards-detail-table--gift td {
  padding: 8px;
}
.woocommerce-order-details .giftcard-request-row {
  background: rgba(213, 221, 228, 0.3);
  width: 100%;
}
.woocommerce-order-details .giftcard-request-row > td {
  padding: 0 8px 8px 8px !important;
  width: 100%;
}
.woocommerce-order-details .giftcard-request-wrapper {
  margin-top: 16px;
  padding: 16px;
  background: #FFFFFF;
  border-radius: 4px;
  border-left: 4px solid #0085FF;
  box-shadow: 0 1px 3px rgba(30, 30, 30, 0.1);
}
.woocommerce-order-details .giftcard-request-header {
  margin-bottom: 12px;
}
.woocommerce-order-details .giftcard-request-header strong {
  color: #0085FF;
  font-size: 15px;
}
.woocommerce-order-details .giftcard-request-header .request-date {
  color: #6B7580;
  font-size: 12px;
  margin-left: 8px;
}
.woocommerce-order-details .giftcard-request-content {
  font-size: 13px;
  line-height: 1.8;
  color: #30373F;
}
.woocommerce-order-details .giftcard-request-content .request-field {
  margin-bottom: 8px;
}
.woocommerce-order-details .giftcard-request-content .request-field strong {
  display: inline;
}
.woocommerce-order-details .giftcard-request-answer {
  margin-top: 16px;
  padding: 12px;
  background: #F3F5F7;
  border-radius: 4px;
}
.woocommerce-order-details .giftcard-request-answer--accepted {
  border-left: 3px solid #28A745;
}
.woocommerce-order-details .giftcard-request-answer--rejected {
  border-left: 3px solid #DC3545;
}
.woocommerce-order-details .giftcard-request-answer .answer-header {
  margin-bottom: 8px;
}
.woocommerce-order-details .giftcard-request-answer .answer-header strong {
  font-size: 14px;
}
.woocommerce-order-details .giftcard-request-answer .answer-header strong.status-accepted {
  color: #28A745;
}
.woocommerce-order-details .giftcard-request-answer .answer-header strong.status-rejected {
  color: #DC3545;
}
.woocommerce-order-details .giftcard-request-answer .answer-content {
  font-size: 13px;
  line-height: 1.6;
  color: #30373F;
}
.woocommerce-order-details .status-label {
  font-weight: 600;
  font-size: 13px;
}
.woocommerce-order-details .status-label--publish {
  color: #28A745;
}
.woocommerce-order-details .status-label--draft, .woocommerce-order-details .status-label--pending {
  color: #F89407;
}
.woocommerce-order-details .status-label--accepted {
  color: #28A745;
}
.woocommerce-order-details .status-label--closed {
  color: #6B7580;
}
.woocommerce-order-details .status-label--cancelled, .woocommerce-order-details .status-label--refunded, .woocommerce-order-details .status-label--trash {
  color: #DC3545;
}
.woocommerce-order-details .status-inactive {
  color: #DC3545;
  font-size: 12px;
  margin-top: 4px;
}
.woocommerce-order-details .expiry-warning {
  color: #BD352F;
  margin-left: 8px;
}
.woocommerce-order-details .date-value {
  font-size: 13px;
}
.woocommerce-order-details .date-empty {
  color: #6B7580;
  font-size: 12px;
}
.woocommerce-order-details .amount-wrapper {
  font-size: 13px;
}
.woocommerce-order-details .amount-wrapper .amount-row:not(:last-child) {
  margin-bottom: 4px;
}
.woocommerce-order-details .amount-wrapper .amount-row strong {
  display: inline;
}
.woocommerce-order-details .amount-wrapper .balance-value {
  font-weight: 600;
}
.woocommerce-order-details .amount-wrapper .balance-value--full {
  color: #28A745;
}
.woocommerce-order-details .amount-wrapper .balance-value--partial {
  color: #F89407;
}
.woocommerce-order-details .amount-wrapper .balance-value--empty {
  color: #DC3545;
}
.woocommerce-order-details .customization-wrapper .customization-field:not(:last-child) {
  margin-bottom: 0;
}
.woocommerce-order-details .customization-wrapper .customization-field strong {
  display: inline;
}
.woocommerce-order-details .customization-wrapper .message-text {
  margin-top: 8px;
  font-style: italic;
  color: #6B7580;
}
.woocommerce-order-details .file-generating {
  color: #6B7580;
  font-size: 12px;
  font-style: italic;
}
.woocommerce-order-details .vouchers-detail {
  width: 100%;
}
.woocommerce-order-details .vouchers-detail > td {
  padding: 0 !important;
  width: 100%;
}
.woocommerce-order-details .vouchers-detail-wrapper {
  width: 100%;
}
.woocommerce-order-details .vouchers-detail-wrapper h4 {
  margin-top: 24px;
  margin-bottom: 16px;
}
.woocommerce-order-details .vouchers-detail-table {
  width: 100%;
  border-collapse: collapse;
}
.woocommerce-order-details .vouchers-detail-table thead,
.woocommerce-order-details .vouchers-detail-table tbody {
  display: table-row-group;
}
.woocommerce-order-details .vouchers-detail-table tr {
  display: table-row;
}
.woocommerce-order-details .vouchers-detail-table tr.vouchers-detail-header th {
  text-align: left;
  padding: 8px;
  border-bottom: 1px solid #E8EEF3;
  font-size: 12px;
}
.woocommerce-order-details .vouchers-detail-table tr.vouchers-detail-header th.vouchers-detail-id {
  width: 72px;
}
.woocommerce-order-details .vouchers-detail-table tr.vouchers-detail-header th.vouchers-detail-info {
  width: 180px;
}
.woocommerce-order-details .vouchers-detail-table tr.vouchers-detail-header th.vouchers-detail-status {
  width: 140px;
}
.woocommerce-order-details .vouchers-detail-table tr.vouchers-detail-header th.vouchers-detail-amount {
  width: 140px;
}
.woocommerce-order-details .vouchers-detail-table tr.vouchers-detail-header th.vouchers-detail-created, .woocommerce-order-details .vouchers-detail-table tr.vouchers-detail-header th.vouchers-detail-expiry, .woocommerce-order-details .vouchers-detail-table tr.vouchers-detail-header th.vouchers-detail-actions {
  width: 120px;
}
.woocommerce-order-details .vouchers-detail-table tr.vouchers-detail-header th.vouchers-detail-actions {
  text-align: center;
}
.woocommerce-order-details .vouchers-detail-table td {
  padding: 8px;
  font-size: 12px;
}
.woocommerce-order-details .vouchers-detail-table td.vouchers-detail-actions {
  overflow: visible;
  text-align: center;
}
.woocommerce-order-details .vouchers-detail-table td.vouchers-detail-actions .my-account-actions-cell {
  justify-content: center;
}
.woocommerce-order-details .vouchers-detail-table td code {
  background: #FFFFFF;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 12px;
}
.woocommerce-order-details .hotelcredits-detail {
  width: 100%;
}
.woocommerce-order-details .hotelcredits-detail > td {
  padding: 0 !important;
  width: 100%;
}
.woocommerce-order-details .hotelcredits-detail-wrapper {
  width: 100%;
}
.woocommerce-order-details .hotelcredits-detail-wrapper h4 {
  margin-top: 24px;
  margin-bottom: 16px;
}
.woocommerce-order-details .hotelcredits-detail-table {
  width: 100%;
  border-collapse: collapse;
}
.woocommerce-order-details .hotelcredits-detail-table thead,
.woocommerce-order-details .hotelcredits-detail-table tbody {
  display: table-row-group;
}
.woocommerce-order-details .hotelcredits-detail-table tr {
  display: table-row;
}
.woocommerce-order-details .hotelcredits-detail-table tr.hotelcredits-detail-header th {
  text-align: left;
  padding: 8px;
  border-bottom: 1px solid #E8EEF3;
  font-size: 12px;
}
.woocommerce-order-details .hotelcredits-detail-table tr.hotelcredits-detail-header th.hotelcredits-detail-id {
  width: 72px;
}
.woocommerce-order-details .hotelcredits-detail-table tr.hotelcredits-detail-header th.hotelcredits-detail-info {
  width: 180px;
}
.woocommerce-order-details .hotelcredits-detail-table tr.hotelcredits-detail-header th.hotelcredits-detail-status {
  width: 140px;
}
.woocommerce-order-details .hotelcredits-detail-table tr.hotelcredits-detail-header th.hotelcredits-detail-amount {
  width: 140px;
}
.woocommerce-order-details .hotelcredits-detail-table tr.hotelcredits-detail-header th.hotelcredits-detail-created, .woocommerce-order-details .hotelcredits-detail-table tr.hotelcredits-detail-header th.hotelcredits-detail-expiry, .woocommerce-order-details .hotelcredits-detail-table tr.hotelcredits-detail-header th.hotelcredits-detail-actions {
  width: 120px;
}
.woocommerce-order-details .hotelcredits-detail-table tr.hotelcredits-detail-header th.hotelcredits-detail-actions {
  text-align: center;
}
.woocommerce-order-details .hotelcredits-detail-table td {
  padding: 8px;
  font-size: 12px;
}
.woocommerce-order-details .hotelcredits-detail-table td.hotelcredits-detail-actions {
  overflow: visible;
  text-align: center;
}
.woocommerce-order-details .hotelcredits-detail-table td.hotelcredits-detail-actions .my-account-actions-cell {
  justify-content: center;
}
.woocommerce-order-details .hotelcredits-detail-table td code {
  background: #FFFFFF;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 12px;
}
@media only screen and (max-width: 991px) {
  .woocommerce-order-details .giftcards-detail-table,
  .woocommerce-order-details .vouchers-detail-table,
  .woocommerce-order-details .hotelcredits-detail-table {
    display: block;
  }
  .woocommerce-order-details .giftcards-detail-table thead,
  .woocommerce-order-details .vouchers-detail-table thead,
  .woocommerce-order-details .hotelcredits-detail-table thead {
    display: none;
  }
  .woocommerce-order-details .giftcards-detail-table tbody,
  .woocommerce-order-details .vouchers-detail-table tbody,
  .woocommerce-order-details .hotelcredits-detail-table tbody {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .woocommerce-order-details .giftcards-detail-table tr,
  .woocommerce-order-details .vouchers-detail-table tr,
  .woocommerce-order-details .hotelcredits-detail-table tr {
    display: flex;
    flex-direction: column;
    gap: 0;
    padding-top: 8px;
    border-top: 1px solid #E8EEF3;
  }
  .woocommerce-order-details .giftcards-detail-table td,
  .woocommerce-order-details .vouchers-detail-table td,
  .woocommerce-order-details .hotelcredits-detail-table td {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    padding: 8px 0;
    text-align: right;
  }
  .woocommerce-order-details .giftcards-detail-table td.giftcards-detail-actions, .woocommerce-order-details .giftcards-detail-table td.vouchers-detail-actions, .woocommerce-order-details .giftcards-detail-table td.hotelcredits-detail-actions,
  .woocommerce-order-details .vouchers-detail-table td.giftcards-detail-actions,
  .woocommerce-order-details .vouchers-detail-table td.vouchers-detail-actions,
  .woocommerce-order-details .vouchers-detail-table td.hotelcredits-detail-actions,
  .woocommerce-order-details .hotelcredits-detail-table td.giftcards-detail-actions,
  .woocommerce-order-details .hotelcredits-detail-table td.vouchers-detail-actions,
  .woocommerce-order-details .hotelcredits-detail-table td.hotelcredits-detail-actions {
    align-items: center;
    text-align: right;
  }
  .woocommerce-order-details .giftcards-detail-table td.giftcards-detail-actions .my-account-actions-cell, .woocommerce-order-details .giftcards-detail-table td.vouchers-detail-actions .my-account-actions-cell, .woocommerce-order-details .giftcards-detail-table td.hotelcredits-detail-actions .my-account-actions-cell,
  .woocommerce-order-details .vouchers-detail-table td.giftcards-detail-actions .my-account-actions-cell,
  .woocommerce-order-details .vouchers-detail-table td.vouchers-detail-actions .my-account-actions-cell,
  .woocommerce-order-details .vouchers-detail-table td.hotelcredits-detail-actions .my-account-actions-cell,
  .woocommerce-order-details .hotelcredits-detail-table td.giftcards-detail-actions .my-account-actions-cell,
  .woocommerce-order-details .hotelcredits-detail-table td.vouchers-detail-actions .my-account-actions-cell,
  .woocommerce-order-details .hotelcredits-detail-table td.hotelcredits-detail-actions .my-account-actions-cell {
    justify-content: flex-end;
  }
  .woocommerce-order-details .giftcards-detail-table .order-details-mobile-label,
  .woocommerce-order-details .vouchers-detail-table .order-details-mobile-label,
  .woocommerce-order-details .hotelcredits-detail-table .order-details-mobile-label {
    display: block;
    flex: 0 0 40%;
    font-weight: 600;
    text-align: left;
  }
  .woocommerce-order-details .giftcards-detail-table .giftcards-detail-beneficiary,
  .woocommerce-order-details .giftcards-detail-table .customization-wrapper,
  .woocommerce-order-details .giftcards-detail-table .amount-wrapper,
  .woocommerce-order-details .vouchers-detail-table .giftcards-detail-beneficiary,
  .woocommerce-order-details .vouchers-detail-table .customization-wrapper,
  .woocommerce-order-details .vouchers-detail-table .amount-wrapper,
  .woocommerce-order-details .hotelcredits-detail-table .giftcards-detail-beneficiary,
  .woocommerce-order-details .hotelcredits-detail-table .customization-wrapper,
  .woocommerce-order-details .hotelcredits-detail-table .amount-wrapper {
    align-items: flex-end;
    text-align: right;
  }
  .woocommerce-order-details .giftcards-detail-table .my-account-asset-actions,
  .woocommerce-order-details .vouchers-detail-table .my-account-asset-actions,
  .woocommerce-order-details .hotelcredits-detail-table .my-account-asset-actions {
    justify-content: flex-end;
  }
}

@media only screen and (max-width: 991px) {
  body.woocommerce-view-order .woocommerce .woocommerce-order-details .giftcards-detail-table,
  body.woocommerce-view-order .woocommerce .woocommerce-order-details .vouchers-detail-table,
  body.woocommerce-view-order .woocommerce .woocommerce-order-details .hotelcredits-detail-table {
    display: block;
  }
  body.woocommerce-view-order .woocommerce .woocommerce-order-details .giftcards-detail-table thead,
  body.woocommerce-view-order .woocommerce .woocommerce-order-details .vouchers-detail-table thead,
  body.woocommerce-view-order .woocommerce .woocommerce-order-details .hotelcredits-detail-table thead {
    display: none;
  }
  body.woocommerce-view-order .woocommerce .woocommerce-order-details .giftcards-detail-table tbody,
  body.woocommerce-view-order .woocommerce .woocommerce-order-details .vouchers-detail-table tbody,
  body.woocommerce-view-order .woocommerce .woocommerce-order-details .hotelcredits-detail-table tbody {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  body.woocommerce-view-order .woocommerce .woocommerce-order-details .giftcards-detail-table tr,
  body.woocommerce-view-order .woocommerce .woocommerce-order-details .vouchers-detail-table tr,
  body.woocommerce-view-order .woocommerce .woocommerce-order-details .hotelcredits-detail-table tr {
    display: flex;
    flex-direction: column;
    gap: 0;
    padding-top: 8px;
    border-top: 1px solid #E8EEF3;
  }
  body.woocommerce-view-order .woocommerce .woocommerce-order-details .giftcards-detail-table td,
  body.woocommerce-view-order .woocommerce .woocommerce-order-details .vouchers-detail-table td,
  body.woocommerce-view-order .woocommerce .woocommerce-order-details .hotelcredits-detail-table td {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    padding: 8px 0;
    text-align: right;
  }
  body.woocommerce-view-order .woocommerce .woocommerce-order-details .giftcards-detail-table td.giftcards-detail-actions, body.woocommerce-view-order .woocommerce .woocommerce-order-details .giftcards-detail-table td.vouchers-detail-actions, body.woocommerce-view-order .woocommerce .woocommerce-order-details .giftcards-detail-table td.hotelcredits-detail-actions,
  body.woocommerce-view-order .woocommerce .woocommerce-order-details .vouchers-detail-table td.giftcards-detail-actions,
  body.woocommerce-view-order .woocommerce .woocommerce-order-details .vouchers-detail-table td.vouchers-detail-actions,
  body.woocommerce-view-order .woocommerce .woocommerce-order-details .vouchers-detail-table td.hotelcredits-detail-actions,
  body.woocommerce-view-order .woocommerce .woocommerce-order-details .hotelcredits-detail-table td.giftcards-detail-actions,
  body.woocommerce-view-order .woocommerce .woocommerce-order-details .hotelcredits-detail-table td.vouchers-detail-actions,
  body.woocommerce-view-order .woocommerce .woocommerce-order-details .hotelcredits-detail-table td.hotelcredits-detail-actions {
    align-items: center;
    text-align: right;
  }
  body.woocommerce-view-order .woocommerce .woocommerce-order-details .giftcards-detail-table td.giftcards-detail-actions .my-account-actions-cell, body.woocommerce-view-order .woocommerce .woocommerce-order-details .giftcards-detail-table td.vouchers-detail-actions .my-account-actions-cell, body.woocommerce-view-order .woocommerce .woocommerce-order-details .giftcards-detail-table td.hotelcredits-detail-actions .my-account-actions-cell,
  body.woocommerce-view-order .woocommerce .woocommerce-order-details .vouchers-detail-table td.giftcards-detail-actions .my-account-actions-cell,
  body.woocommerce-view-order .woocommerce .woocommerce-order-details .vouchers-detail-table td.vouchers-detail-actions .my-account-actions-cell,
  body.woocommerce-view-order .woocommerce .woocommerce-order-details .vouchers-detail-table td.hotelcredits-detail-actions .my-account-actions-cell,
  body.woocommerce-view-order .woocommerce .woocommerce-order-details .hotelcredits-detail-table td.giftcards-detail-actions .my-account-actions-cell,
  body.woocommerce-view-order .woocommerce .woocommerce-order-details .hotelcredits-detail-table td.vouchers-detail-actions .my-account-actions-cell,
  body.woocommerce-view-order .woocommerce .woocommerce-order-details .hotelcredits-detail-table td.hotelcredits-detail-actions .my-account-actions-cell {
    justify-content: flex-end;
  }
  body.woocommerce-view-order .woocommerce .woocommerce-order-details .giftcards-detail-table .order-details-mobile-label,
  body.woocommerce-view-order .woocommerce .woocommerce-order-details .vouchers-detail-table .order-details-mobile-label,
  body.woocommerce-view-order .woocommerce .woocommerce-order-details .hotelcredits-detail-table .order-details-mobile-label {
    display: block;
    flex: 0 0 40%;
    font-weight: 600;
    text-align: left;
  }
  body.woocommerce-view-order .woocommerce .woocommerce-order-details .giftcards-detail-table .giftcards-detail-beneficiary,
  body.woocommerce-view-order .woocommerce .woocommerce-order-details .giftcards-detail-table .customization-wrapper,
  body.woocommerce-view-order .woocommerce .woocommerce-order-details .giftcards-detail-table .amount-wrapper,
  body.woocommerce-view-order .woocommerce .woocommerce-order-details .vouchers-detail-table .giftcards-detail-beneficiary,
  body.woocommerce-view-order .woocommerce .woocommerce-order-details .vouchers-detail-table .customization-wrapper,
  body.woocommerce-view-order .woocommerce .woocommerce-order-details .vouchers-detail-table .amount-wrapper,
  body.woocommerce-view-order .woocommerce .woocommerce-order-details .hotelcredits-detail-table .giftcards-detail-beneficiary,
  body.woocommerce-view-order .woocommerce .woocommerce-order-details .hotelcredits-detail-table .customization-wrapper,
  body.woocommerce-view-order .woocommerce .woocommerce-order-details .hotelcredits-detail-table .amount-wrapper {
    align-items: flex-end;
    text-align: right;
  }
  body.woocommerce-view-order .woocommerce .woocommerce-order-details .giftcards-detail-table .my-account-asset-actions,
  body.woocommerce-view-order .woocommerce .woocommerce-order-details .vouchers-detail-table .my-account-asset-actions,
  body.woocommerce-view-order .woocommerce .woocommerce-order-details .hotelcredits-detail-table .my-account-asset-actions {
    justify-content: flex-end;
  }
}

.dbx-giftcard-request-view-page {
  background: #FFFFFF;
}
.dbx-giftcard-request-view-page__inner {
  margin: 0 auto;
  max-width: 860px;
  padding: 24px 16px;
}
@media only screen and (min-width: 992px) {
  .dbx-giftcard-request-view-page__inner {
    padding: 32px;
  }
}

.dbx-my-account-action-page {
  background: #FFFFFF;
}
.dbx-my-account-action-page__inner {
  margin: 0 auto;
  max-width: 860px;
  padding: 24px 16px;
}
@media only screen and (min-width: 992px) {
  .dbx-my-account-action-page__inner {
    padding: 32px;
  }
}
.dbx-my-account-action-page__details {
  display: grid;
  grid-template-columns: repeat(2, minmax(0px, 1fr));
  align-items: center;
  column-gap: 16px;
  row-gap: 16px;
}
@media only screen and (min-width: 992px) {
  .dbx-my-account-action-page__details {
    column-gap: 24px;
    row-gap: 16px;
    grid-template-columns: repeat(2, minmax(0px, 1fr));
  }
}
.dbx-my-account-action-page__details div {
  margin: 0;
}
.dbx-my-account-action-page__details dt {
  font-weight: 700;
  margin-bottom: 4px;
}
.dbx-my-account-action-page__details dd {
  margin: 0;
}

body.page-template-page-usemygift .woocommerce-notices-wrapper {
  display: block !important;
}

.gift {
  padding-top: 0;
  padding-bottom: 40px;
  padding-inline: 16px;
}
@media only screen and (min-width: 640px) {
  .gift {
    padding-inline: 6vw;
    padding-bottom: 32px;
  }
}
@media only screen and (min-width: 992px) {
  .gift {
    padding-inline: 4vw;
    padding-bottom: 48px;
  }
}
@media only screen and (min-width: 1280px) {
  .gift {
    padding-inline: 6vw;
    padding-bottom: 60px;
  }
}
@media only screen and (min-width: 1440px) {
  .gift {
    padding-inline: 8vw;
    padding-bottom: 72px;
  }
}
@media only screen and (min-width: 1920px) {
  .gift {
    padding-inline: 15vw;
    padding-bottom: 104px;
  }
}
@media only screen and (min-width: 992px) {
  .gift__grid {
    display: grid;
    grid-template-columns: repeat(12, minmax(0px, 1fr));
    align-items: center;
    column-gap: 16px;
    row-gap: 16px;
    align-items: flex-start;
  }
}
@media only screen and (min-width: 992px) and (min-width: 992px) {
  .gift__grid {
    column-gap: 16px;
    row-gap: 16px;
    grid-template-columns: repeat(12, minmax(0px, 1fr));
  }
}
.gift-content h3 {
  padding-block: 0;
  padding-bottom: 32px;
}
@media only screen and (min-width: 992px) {
  .gift-content {
    grid-column-start: 1;
    grid-column-end: span 12;
    display: flex;
    flex-direction: column;
    gap: 32px;
  }
}
.gift__gallery {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.gift__gallery img {
  border-radius: 8px;
}
.gift form.is-invalid label {
  color: #C80000 !important;
}
.gift form.is-invalid input {
  border-color: #C80000 !important;
}
.gift form .input-wrapper {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}
.gift form .input-wrapper .error-message {
  display: none;
  text-align: left;
}
.gift form .input-wrapper .error-message label {
  color: #C80000;
  font-size: 14px;
  margin: 0;
}

.gift-tabs {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: flex-start;
}
@media only screen and (min-width: 992px) {
  .gift-tabs {
    border-bottom: 1px solid #D6DEE7;
    margin-bottom: 0;
  }
}
.gift-tabs__tab {
  padding: 12px 10px;
  background: #FFFFFF;
  color: #6B7580;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
  border-bottom: 3px solid transparent;
  font-size: 14px;
}
@media only screen and (min-width: 992px) {
  .gift-tabs__tab {
    font-size: 15px;
    border-bottom: 4px solid transparent;
    padding: 14px 28px;
  }
}
.gift-tabs__tab:hover {
  border-color: var(--diadabox-primary, #FF4848);
  color: #1E1E1E;
}
.gift-tabs__tab.is-active {
  color: #1E1E1E;
  border-color: var(--diadabox-primary, #FF4848);
}

.gift-tabs--swiper {
  position: relative;
  overflow: visible;
  display: grid;
  grid-template-columns: 1fr auto;
}
.gift-tabs--swiper .kwpb-swiper-module {
  overflow-x: hidden;
}
.gift-tabs--swiper .kwpb-swiper-module .swiper-container .swiper-slide {
  width: auto;
}
.gift-tabs--swiper .swiper-navigation {
  height: 100%;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  background: #FFFFFF;
  z-index: 6;
}
.gift-tabs--swiper .swiper-navigation .swiper-custom-button {
  width: 40px;
  height: 40px;
}

.gift-section {
  position: relative;
  z-index: 0;
}

.gift-section.is-loading .gift-tabs,
.gift-section.is-loading .gift-section__sidebar,
.gift-section.is-loading .gift-section__summary {
  visibility: hidden;
  opacity: 0;
}

.gift-section__content--booking-form:not(.is-loading) {
  visibility: visible;
  opacity: 1;
}
.gift-section__content--booking-form.is-loading {
  min-height: 300px;
}
.gift-section__content--booking-form.is-loading > * {
  visibility: hidden;
  opacity: 0;
}

.gift-section {
  border-radius: 8px;
  background: transparent;
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: center;
  padding: 16px;
}
@media only screen and (min-width: 992px) {
  .gift-section {
    padding: 48px 96px;
    gap: 48px;
  }
}
@media only screen and (min-width: 1280px) {
  .gift-section {
    padding: 56px 128px;
    gap: 56px;
  }
}
@media only screen and (min-width: 1640px) {
  .gift-section {
    padding: 64px 200px;
    gap: 64px;
  }
}
.gift--resume .gift-section {
  padding: 0;
  gap: 48px;
  border-radius: 0;
}
.gift-section__layout {
  display: flex;
  flex-direction: column;
  gap: 40px;
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .gift-section__layout {
    gap: 54px;
    display: grid;
    grid-template-columns: repeat(12, minmax(0px, 1fr));
    align-items: center;
    column-gap: 16px;
    row-gap: 16px;
    align-items: flex-start;
  }
}
@media only screen and (min-width: 992px) and (min-width: 992px) {
  .gift-section__layout {
    column-gap: 16px;
    row-gap: 16px;
    grid-template-columns: repeat(12, minmax(0px, 1fr));
  }
}
.gift-section__sidebar {
  background: #F3F5F7;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 32px;
  padding: 24px 16px;
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .gift-section__sidebar {
    order: 2;
    grid-column-start: 9;
    grid-column-end: span 4;
    padding: 48px 40px;
  }
}
.gift-section__main {
  gap: 24px;
}
@media only screen and (min-width: 992px) {
  .gift-section__main {
    grid-column-start: 1;
    grid-column-end: span 7;
  }
}
.gift-section__summary {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.gift-section__summary-item {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: flex-start;
  gap: 0.5rem;
}
.gift-section__summary-item:not(:first-child) {
  border-top: 1px solid #D6DEE7;
  padding-top: 16px;
  margin-top: 16px;
}
.gift-section__summary-item--number strong {
  font-size: 18px;
}
.gift-section__extras-sidebar-host {
  display: none;
  width: 100%;
}
.gift-section__extras-sidebar-host.is-visible {
  display: block;
}
.gift-section .pot-sidebar--gift-extras {
  background: transparent;
  border-radius: 0;
  gap: 24px;
  padding: 0;
}
.gift-section .pot-sidebar--gift-extras .pot-sidebar__title {
  margin: 0;
  padding-bottom: 0 !important;
}
.gift-section .pot-sidebar--gift-extras .pot-sidebar__content {
  gap: 24px;
}
.gift-section .pot-sidebar--gift-extras .pot-sidebar__extras {
  gap: 16px;
}
.gift-section .pot-sidebar--gift-extras .pot-sidebar__extras-total {
  border-top: 1px solid #D6DEE7;
  margin-top: 8px;
  padding-top: 16px;
}
.gift-section .pot-sidebar--gift-extras .pot-sidebar__extras-tax-lines {
  border-top: 1px solid #D6DEE7;
  margin-top: 8px;
  padding-top: 16px;
}
.gift-section .gift-extras-sidebar__actions {
  display: flex;
  flex-direction: row;
  gap: 16px;
  margin: 0;
  width: 100%;
}
.gift-section .gift-extras-sidebar__actions .btn, .gift-section .gift-extras-sidebar__actions .gform_wrapper form .gform_footer .gform_button, .gform_wrapper form .gform_footer .gift-section .gift-extras-sidebar__actions .gform_button, .gift-section .gift-extras-sidebar__actions .gform_wrapper form .gform_footer .diadao-sdk-button-gform, .gform_wrapper form .gform_footer .gift-section .gift-extras-sidebar__actions .diadao-sdk-button-gform, .gift-section .gift-extras-sidebar__actions .product #reviews p.form-submit, .product #reviews .gift-section .gift-extras-sidebar__actions p.form-submit {
  width: 100%;
}
.gift-section__panel {
  display: none;
  width: 100%;
  flex-direction: column;
  gap: 32px;
}
.gift-section__panel.is-active {
  display: flex;
}
@media only screen and (min-width: 992px) {
  .gift-section__panel {
    gap: 48px;
  }
}
.gift-section__panel .product__gallery img {
  aspect-ratio: 16/9;
  overflow: clip;
  border-radius: 8px;
  object-fit: cover;
}
.gift-section__panel[data-panel=giftcard] ul.checklist {
  margin-bottom: 32px;
}
@media only screen and (min-width: 992px) {
  .gift-section__panel[data-panel=giftcard] ul.checklist {
    margin-bottom: 48px;
  }
}
.gift-section__content {
  justify-content: center;
  width: 100%;
}
.gift-section__content--booking-form {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media only screen and (min-width: 992px) {
  .gift-section__content--booking-form {
    gap: 32px;
    width: 100%;
  }
}
.gift-section__content--login-form {
  display: flex;
  flex-direction: column;
  gap: 48px;
  justify-content: center;
  align-items: stretch;
}
@media only screen and (min-width: 992px) {
  .gift-section__content--login-form {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 60px;
    width: 100%;
  }
}
.gift-section__card-header .btn, .gift-section__card-header .gform_wrapper form .gform_footer .gform_button, .gform_wrapper form .gform_footer .gift-section__card-header .gform_button, .gift-section__card-header .gform_wrapper form .gform_footer .diadao-sdk-button-gform, .gform_wrapper form .gform_footer .gift-section__card-header .diadao-sdk-button-gform, .gift-section__card-header .product #reviews p.form-submit, .product #reviews .gift-section__card-header p.form-submit {
  margin-top: 8px;
}
.gift-section__conditions .checklist li {
  padding: 8px 0;
  border-bottom: 1px solid rgba(213, 221, 228, 0.3);
}
.gift-section__conditions .checklist li:last-child {
  border-bottom: none;
}
.gift-section__placeholder {
  color: #6B7580;
  font-style: italic;
  text-align: center;
  padding: 32px 16px;
}
.gift-section__header {
  text-align: center;
}
.gift-section__header__title {
  font-size: 32px;
  padding-bottom: 0 !important;
}
.gift-section__header__text {
  margin-top: 8px;
  color: #6B7580;
}
.gift-section__card {
  border-radius: 8px;
  background: #FFFFFF;
  padding: 32px 16px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  width: 100%;
}
.gift__grid.pot-choice-page__options .gift-section__card {
  padding: 0;
}
@media only screen and (max-width: 991px) {
  .gift__grid.pot-choice-page__options .gift-section__card > p, .gift__grid.pot-choice-page__options .gift-section__card > .action {
    padding-inline: 16px;
  }
}
.gift__grid.pot-choice-page__options .gift-section__card > .action {
  padding-bottom: 32px;
}
.gift-section__card__resume {
  display: flex;
  flex-direction: column;
  gap: 16px;
  list-style: none;
  padding: 0;
  margin: 0;
}
@media only screen and (min-width: 992px) {
  .gift-section__card {
    gap: 64px;
    padding: 32px;
  }
  .gift__grid.pot-choice-page__options .gift-section__card > p, .gift__grid.pot-choice-page__options .gift-section__card > .action {
    padding-inline: 32px;
  }
}
.gift-section__card--small {
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: center;
  text-align: center;
}
@media only screen and (max-width: 991px) {
  .gift-section__card--small {
    gap: 24px;
  }
}
@media only screen and (min-width: 992px) {
  .gift-section__card--small {
    width: 100% !important;
    width: 100%;
  }
}
.gift-section__card.is-invalid {
  border: 2px solid #C80000;
}
.gift-section__card.is-invalid input {
  border-color: #C80000 !important;
}
.gift-section__card.is-invalid .error-message {
  display: block !important;
  color: #C80000;
  text-align: center;
}
.gift-section__card .action,
.gift-section__card .btn,
.gift-section__card .gform_wrapper form .gform_footer .gform_button,
.gform_wrapper form .gform_footer .gift-section__card .gform_button,
.gift-section__card .gform_wrapper form .gform_footer .diadao-sdk-button-gform,
.gform_wrapper form .gform_footer .gift-section__card .diadao-sdk-button-gform,
.gift-section__card .product #reviews p.form-submit,
.product #reviews .gift-section__card p.form-submit {
  width: 100%;
}
.gift-section__card .action {
  margin-top: auto;
}
.gift-section__card__wrapper {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.gift-section__card__options {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media only screen and (min-width: 992px) {
  .gift-section__card__options {
    flex-direction: row;
    gap: 64px;
    justify-content: space-between;
  }
}
@media only screen and (min-width: 992px) {
  .gift-section__card__options .options-group {
    width: calc((100% - 64px) / 2);
  }
}
.gift-section__card__options .options-item {
  padding: 8px 0;
}
.gift-section__card__options .options-item:not(:last-child) {
  border-bottom: 1px solid rgba(213, 221, 228, 0.3);
}
.gift-section__card .copy-to-clipboard {
  border: 1px solid #F3F5F7;
  border-radius: 8px;
  background-color: #F5F9FC;
  padding: 4px 32px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.gift-section__card .copy-to-clipboard .icon {
  position: absolute;
  right: 32px;
}
.gift-section__card .copy-to-clipboard::placeholder {
  color: #6B7580;
}
.gift-section__card img {
  max-width: 100%;
  border-radius: 8px;
  overflow: clip;
}

.reservation-steps {
  width: 100%;
}

.reservation-step {
  display: none;
  flex-direction: column;
  gap: 54px;
}
@media only screen and (min-width: 992px) {
  .reservation-step {
    gap: 64px;
  }
}
.reservation-step.is-active {
  display: flex;
}
.reservation-step__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
}
.reservation-step--booking {
  gap: 0 !important;
}
.reservation-step--booking .reservation-step__actions {
  display: block;
}
.reservation-step--booking .gform-footer {
  margin-left: auto;
}
.reservation-step--booking .btn.btn--return, .reservation-step--booking .gform_wrapper form .gform_footer .btn--return.gform_button, .gform_wrapper form .gform_footer .reservation-step--booking .btn--return.gform_button, .reservation-step--booking .gform_wrapper form .gform_footer .btn--return.diadao-sdk-button-gform, .gform_wrapper form .gform_footer .reservation-step--booking .btn--return.diadao-sdk-button-gform, .reservation-step--booking .product #reviews p.btn--return.form-submit, .product #reviews .reservation-step--booking p.btn--return.form-submit {
  position: absolute;
  transform: translateY(-100%);
}
.reservation-step--booking .form-is-readonly.status-accepted ~ .reservation-step__actions .btn.btn--return, .reservation-step--booking .form-is-readonly.status-accepted ~ .reservation-step__actions .gform_wrapper form .gform_footer .btn--return.gform_button, .gform_wrapper form .gform_footer .reservation-step--booking .form-is-readonly.status-accepted ~ .reservation-step__actions .btn--return.gform_button, .reservation-step--booking .form-is-readonly.status-accepted ~ .reservation-step__actions .gform_wrapper form .gform_footer .btn--return.diadao-sdk-button-gform, .gform_wrapper form .gform_footer .reservation-step--booking .form-is-readonly.status-accepted ~ .reservation-step__actions .btn--return.diadao-sdk-button-gform, .reservation-step--booking .form-is-readonly.status-accepted ~ .reservation-step__actions .product #reviews p.btn--return.form-submit, .product #reviews .reservation-step--booking .form-is-readonly.status-accepted ~ .reservation-step__actions p.btn--return.form-submit,
.reservation-step--booking .form-is-readonly.status-pending ~ .reservation-step__actions .btn.btn--return,
.reservation-step--booking .form-is-readonly.status-pending ~ .reservation-step__actions .gform_wrapper form .gform_footer .btn--return.gform_button,
.gform_wrapper form .gform_footer .reservation-step--booking .form-is-readonly.status-pending ~ .reservation-step__actions .btn--return.gform_button,
.reservation-step--booking .form-is-readonly.status-pending ~ .reservation-step__actions .gform_wrapper form .gform_footer .btn--return.diadao-sdk-button-gform,
.gform_wrapper form .gform_footer .reservation-step--booking .form-is-readonly.status-pending ~ .reservation-step__actions .btn--return.diadao-sdk-button-gform,
.reservation-step--booking .form-is-readonly.status-pending ~ .reservation-step__actions .product #reviews p.btn--return.form-submit,
.product #reviews .reservation-step--booking .form-is-readonly.status-pending ~ .reservation-step__actions p.btn--return.form-submit {
  position: relative;
  transform: none;
  margin-top: 24px;
}

.gift--resume .product__description {
  display: block;
}
.gift--resume .form-contact {
  gap: 0;
}
.gift--resume .form-is-readonly.status-accepted .alert.alert-success,
.gift--resume .form-is-readonly.status-accepted .alert.alert-warning,
.gift--resume .form-is-readonly.status-pending .alert.alert-success,
.gift--resume .form-is-readonly.status-pending .alert.alert-warning {
  margin-bottom: 54px;
}
@media only screen and (min-width: 992px) {
  .gift--resume .form-is-readonly.status-accepted .alert.alert-success,
  .gift--resume .form-is-readonly.status-accepted .alert.alert-warning,
  .gift--resume .form-is-readonly.status-pending .alert.alert-success,
  .gift--resume .form-is-readonly.status-pending .alert.alert-warning {
    margin-bottom: 64px;
  }
}
.gift--resume .form-is-readonly.status-accepted .gfield_label,
.gift--resume .form-is-readonly.status-pending .gfield_label {
  margin-left: 0;
  padding-left: 0;
}
.gift--resume .form-is-readonly.status-accepted .gfield,
.gift--resume .form-is-readonly.status-pending .gfield {
  margin-bottom: 0 !important;
}
.gift--resume .form-is-readonly.status-accepted .gfield input[type=text]:disabled, .gift--resume .form-is-readonly.status-accepted .gfield input[type=text][readonly], .gift--resume .form-is-readonly.status-accepted .gfield input[type=text].is-readonly,
.gift--resume .form-is-readonly.status-accepted .gfield input[type=email]:disabled,
.gift--resume .form-is-readonly.status-accepted .gfield input[type=email][readonly],
.gift--resume .form-is-readonly.status-accepted .gfield input[type=email].is-readonly,
.gift--resume .form-is-readonly.status-accepted .gfield input[type=tel]:disabled,
.gift--resume .form-is-readonly.status-accepted .gfield input[type=tel][readonly],
.gift--resume .form-is-readonly.status-accepted .gfield input[type=tel].is-readonly,
.gift--resume .form-is-readonly.status-accepted .gfield input[type=number]:disabled,
.gift--resume .form-is-readonly.status-accepted .gfield input[type=number][readonly],
.gift--resume .form-is-readonly.status-accepted .gfield input[type=number].is-readonly,
.gift--resume .form-is-readonly.status-accepted .gfield input[type=date]:disabled,
.gift--resume .form-is-readonly.status-accepted .gfield input[type=date][readonly],
.gift--resume .form-is-readonly.status-accepted .gfield input[type=date].is-readonly,
.gift--resume .form-is-readonly.status-accepted .gfield input[type=url]:disabled,
.gift--resume .form-is-readonly.status-accepted .gfield input[type=url][readonly],
.gift--resume .form-is-readonly.status-accepted .gfield input[type=url].is-readonly,
.gift--resume .form-is-readonly.status-accepted .gfield textarea:disabled,
.gift--resume .form-is-readonly.status-accepted .gfield textarea[readonly],
.gift--resume .form-is-readonly.status-accepted .gfield textarea.is-readonly,
.gift--resume .form-is-readonly.status-accepted .gfield select:disabled,
.gift--resume .form-is-readonly.status-accepted .gfield select[readonly],
.gift--resume .form-is-readonly.status-accepted .gfield select.is-readonly,
.gift--resume .form-is-readonly.status-pending .gfield input[type=text]:disabled,
.gift--resume .form-is-readonly.status-pending .gfield input[type=text][readonly],
.gift--resume .form-is-readonly.status-pending .gfield input[type=text].is-readonly,
.gift--resume .form-is-readonly.status-pending .gfield input[type=email]:disabled,
.gift--resume .form-is-readonly.status-pending .gfield input[type=email][readonly],
.gift--resume .form-is-readonly.status-pending .gfield input[type=email].is-readonly,
.gift--resume .form-is-readonly.status-pending .gfield input[type=tel]:disabled,
.gift--resume .form-is-readonly.status-pending .gfield input[type=tel][readonly],
.gift--resume .form-is-readonly.status-pending .gfield input[type=tel].is-readonly,
.gift--resume .form-is-readonly.status-pending .gfield input[type=number]:disabled,
.gift--resume .form-is-readonly.status-pending .gfield input[type=number][readonly],
.gift--resume .form-is-readonly.status-pending .gfield input[type=number].is-readonly,
.gift--resume .form-is-readonly.status-pending .gfield input[type=date]:disabled,
.gift--resume .form-is-readonly.status-pending .gfield input[type=date][readonly],
.gift--resume .form-is-readonly.status-pending .gfield input[type=date].is-readonly,
.gift--resume .form-is-readonly.status-pending .gfield input[type=url]:disabled,
.gift--resume .form-is-readonly.status-pending .gfield input[type=url][readonly],
.gift--resume .form-is-readonly.status-pending .gfield input[type=url].is-readonly,
.gift--resume .form-is-readonly.status-pending .gfield textarea:disabled,
.gift--resume .form-is-readonly.status-pending .gfield textarea[readonly],
.gift--resume .form-is-readonly.status-pending .gfield textarea.is-readonly,
.gift--resume .form-is-readonly.status-pending .gfield select:disabled,
.gift--resume .form-is-readonly.status-pending .gfield select[readonly],
.gift--resume .form-is-readonly.status-pending .gfield select.is-readonly {
  background-color: transparent !important;
  border-color: transparent !important;
  padding-left: 0;
  pointer-events: none !important;
}

.extras-alert {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 20px;
  border-radius: 8px;
  font-size: 14px;
}
.extras-alert--warning {
  background: #F89407;
  color: #FFFFFF;
}
.extras-alert--info {
  background: #2F96B4;
  color: #FFFFFF;
}
.extras-alert__icon {
  font-size: 18px;
}

.extras-quantity-selector {
  display: inline-flex;
  align-items: center;
  gap: 0;
  border: 1px solid rgba(213, 221, 228, 0.3);
  border-radius: 4px;
  overflow: hidden;
  background: #FFFFFF;
}

.extras-qty-btn {
  width: 36px;
  height: 36px;
  border: none;
  background: transparent;
  cursor: pointer;
  font-size: 18px;
  color: #6B7580;
  transition: all 0.15s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
.extras-qty-btn:hover {
  background: #F3F5F7;
  color: var(--diadabox-primary, #FF4848);
}
.extras-qty-btn:active {
  background: rgba(213, 221, 228, 0.3);
}

.extras-qty-input {
  width: 40px;
  height: 36px;
  border: none;
  border-left: 1px solid rgba(213, 221, 228, 0.3);
  border-right: 1px solid rgba(213, 221, 228, 0.3);
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  color: #1E1E1E;
  background: transparent;
  -moz-appearance: textfield;
}
.extras-qty-input::-webkit-outer-spin-button, .extras-qty-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.extras-add-btn:disabled {
  opacity: 0.3;
  cursor: not-allowed;
  pointer-events: none;
}

.extras-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}
.extras-modal__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(30, 30, 30, 0.6);
}
.extras-modal__content {
  position: relative;
  background: #FFFFFF;
  border-radius: 8px;
  max-width: 480px;
  width: calc(100% - 32px);
  max-height: calc(100vh - 64px);
  overflow: auto;
  padding: 32px;
}
@media only screen and (min-width: 992px) {
  .extras-modal__content {
    padding: 40px;
  }
}
.extras-modal__close {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 32px;
  height: 32px;
  border: none;
  background: transparent;
  font-size: 24px;
  color: #6B7580;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: all 0.15s ease;
}
.extras-modal__close:hover {
  background: #F3F5F7;
  color: #1E1E1E;
}
.extras-modal__header {
  margin-bottom: 24px;
  text-align: center;
}
.extras-modal__header h3 {
  margin: 0;
  color: #50A351;
  font-size: 20px;
}
.extras-modal__body {
  margin-bottom: 32px;
}
.extras-modal__product {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
  background: #F3F5F7;
  border-radius: 4px;
  margin-bottom: 16px;
}
.extras-modal__product-name {
  font-weight: 600;
  color: #1E1E1E;
}
.extras-modal__product-qty {
  color: #6B7580;
  font-size: 14px;
}
.extras-modal__cart-summary {
  text-align: center;
  color: #6B7580;
  font-size: 14px;
}
.extras-modal__cart-summary p {
  margin: 4px 0;
}
.extras-modal__cart-summary strong {
  color: #1E1E1E;
}
.extras-modal__cart-total {
  font-size: 16px;
  font-weight: 600;
  color: #1E1E1E;
}
.extras-modal__footer {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media only screen and (min-width: 992px) {
  .extras-modal__footer {
    flex-direction: row;
    gap: 16px;
  }
}
.extras-modal__footer .btn, .extras-modal__footer .gform_wrapper form .gform_footer .gform_button, .gform_wrapper form .gform_footer .extras-modal__footer .gform_button, .extras-modal__footer .gform_wrapper form .gform_footer .diadao-sdk-button-gform, .gform_wrapper form .gform_footer .extras-modal__footer .diadao-sdk-button-gform, .extras-modal__footer .product #reviews p.form-submit, .product #reviews .extras-modal__footer p.form-submit {
  flex: 1;
  text-align: center;
}
.extras-modal__continue {
  order: 2;
}
@media only screen and (min-width: 992px) {
  .extras-modal__continue {
    order: 1;
  }
}
.extras-modal__checkout {
  order: 1;
}
@media only screen and (min-width: 992px) {
  .extras-modal__checkout {
    order: 2;
  }
}

.extras-orders-section__title {
  margin: 0 0 16px 0;
}

.extras-orders-table {
  width: 100%;
  border-collapse: collapse;
}
@media only screen and (min-width: 992px) {
  .extras-orders-table thead {
    background-color: #F5F9FC;
  }
  .extras-orders-table thead th {
    text-align: left;
    padding: 16px;
    font-weight: 600;
    border-bottom: 1px solid #D6DEE7;
  }
  .extras-orders-table thead th:last-child {
    text-align: right;
  }
  .extras-orders-table tbody tr {
    border-bottom: 1px solid #D6DEE7;
  }
  .extras-orders-table tbody tr:hover {
    background-color: #F5F9FC;
  }
  .extras-orders-table tbody td {
    padding: 16px;
    vertical-align: middle;
  }
  .extras-orders-table tbody td:last-child {
    text-align: right;
  }
}
@media only screen and (max-width: 991px) {
  .extras-orders-table thead {
    display: none;
  }
  .extras-orders-table tbody {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .extras-orders-table__row {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 16px;
    background-color: #F5F9FC;
    border-radius: 8px;
    border: 1px solid #D6DEE7;
  }
  .extras-orders-table td {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .extras-orders-table td::before {
    content: attr(data-label);
    font-weight: 600;
  }
  .extras-orders-table td:last-child {
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid #D6DEE7;
    justify-content: center;
  }
  .extras-orders-table td:last-child::before {
    display: none;
  }
}
.extras-orders-table__products br:last-child {
  display: none;
}
.extras-orders-table__actions .btn, .extras-orders-table__actions .gform_wrapper form .gform_footer .gform_button, .gform_wrapper form .gform_footer .extras-orders-table__actions .gform_button, .extras-orders-table__actions .gform_wrapper form .gform_footer .diadao-sdk-button-gform, .gform_wrapper form .gform_footer .extras-orders-table__actions .diadao-sdk-button-gform, .extras-orders-table__actions .product #reviews p.form-submit, .product #reviews .extras-orders-table__actions p.form-submit {
  white-space: nowrap;
}

.extras-grid-swiper {
  width: 100%;
  overflow: hidden;
}
.extras-grid-swiper .swiper-container {
  width: 100%;
}

.gift-assistance {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.gift-assistance__accordion {
  counter-reset: list;
  margin: 0;
  overflow: hidden;
  padding-left: 0;
}
.gift-assistance__alert {
  align-items: flex-start;
}
.gift-assistance__alert a {
  text-decoration: none !important;
}
.gift-assistance__alert a:hover {
  text-decoration: none !important;
}
.gift-assistance__alert .my-account-gifts__actions {
  width: 100%;
  align-items: flex-start;
}
.gift-assistance__card {
  background: transparent;
  border: none;
  padding: 0;
}
.gift-assistance__card p {
  margin-bottom: 0;
}
.gift-assistance__accordion {
  background: transparent;
  border: none;
  padding: 0;
}
.gift-assistance .accordion__item {
  display: flex;
  flex-direction: row;
  gap: 16px;
  background-color: rgba(213, 221, 228, 0.3);
  cursor: pointer;
  padding: 20px 16px;
  position: relative;
  transition: padding 0.25s ease-in-out, background-color 0.25s ease-in-out;
}
@media only screen and (min-width: 640px) {
  .gift-assistance .accordion__item {
    padding: 24px 16px;
  }
}
@media only screen and (min-width: 992px) {
  .gift-assistance .accordion__item {
    gap: 24px;
    padding: 32px 16px;
  }
}
.gift-assistance .accordion__item.collapsed {
  background-color: transparent;
  border-bottom: 1px solid rgba(213, 221, 228, 0.3);
}
.gift-assistance .accordion__item.collapsed .accordion__item__icon {
  background-image: url("../images/diadabox/svg/icon-plus.svg");
}
.gift-assistance .accordion__item__number:before {
  color: var(--diadabox-primary, #FF4848);
  content: counter(list) ".";
  counter-increment: list;
}
.gift-assistance .accordion__item__content {
  display: flex;
  flex-direction: column;
  gap: 18px;
  flex: 1 0 0;
  min-width: 0;
}
.gift-assistance .accordion__item__title {
  display: flex;
  flex-direction: row;
  gap: 16px;
  cursor: pointer;
  padding: 0;
}
.gift-assistance .accordion__item__title h3 {
  flex: 1 0 0;
  font-size: 16px;
  margin: 0;
}
@media only screen and (min-width: 992px) {
  .gift-assistance .accordion__item__title h3 {
    font-size: 21px;
  }
}
.gift-assistance .accordion__item__icon {
  background-image: url("../images/diadabox/svg/icon-minus.svg");
  background-repeat: no-repeat;
  background-size: cover;
  height: 20px;
  width: 20px;
}
.gift-assistance .accordion-body {
  padding: 0;
}
.gift-assistance__body {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.gift-assistance__contact {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-start;
}
@media only screen and (min-width: 992px) {
  .gift-assistance__contact {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.gift-assistance__pricing {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
}
.gift-assistance__pricing--compact {
  margin-bottom: 8px;
}
.gift-assistance__pricing .input-to-focus {
  border-radius: 4px;
}
.gift-assistance__pricing .input-to-focus:checked {
  border-color: #0085FF;
}
.gift-assistance__pricing .input-to-focus:not(:checked):hover::before, .gift-assistance__pricing .input-to-focus:disabled:hover::before {
  opacity: 0;
}
.gift-assistance__pricing .options-price__label,
.gift-assistance__pricing .options-price__values {
  margin-bottom: 0;
}
.gift-assistance__pricing > .options-price {
  padding: 16px;
  padding-right: 48px;
}
.gift-assistance__pricing > .options-price label {
  align-items: center;
  display: flex;
  gap: 16px;
  justify-content: space-between;
  width: 100%;
}
.gift-assistance__pricing .options-price__label {
  font-weight: 400;
}
.gift-assistance__pricing .options-price__values {
  font-weight: 700;
}
.gift-assistance__hint {
  color: #6B7580;
  font-size: 14px;
  margin: 0;
}
.gift-assistance__hint--blocked {
  color: #1E1E1E;
}
.gift-assistance__status {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
}
.gift-assistance__status-text {
  color: #1E1E1E;
  margin: 0;
}
.gift-assistance .btn-disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
@media only screen and (min-width: 992px) {
  .gift-assistance .btn-disabled:hover::before {
    width: 0;
  }
}

.gift-section .option-card {
  position: relative;
  width: 100%;
  background: rgba(213, 221, 228, 0.1);
  border-radius: 8px;
  border: 1px solid rgba(213, 221, 228, 0.3);
  overflow: hidden;
  padding: 8px;
}
.gift-section .option-card__input {
  display: none !important;
}
.gift-section .option-card__input:checked + .option-card__label {
  border: none;
  box-shadow: none;
}
.gift-section .option-card__input:checked + .option-card__label::before, .gift-section .option-card__input:checked + .option-card__label::after {
  display: none !important;
}
.gift-section .option-card__label {
  position: relative;
  border-radius: 8px;
  cursor: default;
}
.gift-section .option-card__label::before, .gift-section .option-card__label::after {
  display: none !important;
}
.gift-section .option-card__wrapper {
  display: flex;
  flex-direction: column;
  gap: 0;
}
@media only screen and (min-width: 992px) {
  .gift-section .option-card__wrapper {
    flex-direction: row;
  }
}
.gift-section .option-card__image {
  border-radius: 4px;
  position: relative;
  width: 100%;
  height: 180px;
  flex-shrink: 0;
  overflow: hidden;
}
@media only screen and (min-width: 992px) {
  .gift-section .option-card__image {
    height: auto;
    width: 200px;
  }
}
@media only screen and (min-width: 1280px) {
  .gift-section .option-card__image {
    width: 240px;
  }
}
.gift-section .option-card__image img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.gift-section .option-card__content {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 8px;
  justify-content: center;
  padding: 16px 0;
}
@media only screen and (min-width: 992px) {
  .gift-section .option-card__content {
    padding: 24px;
    flex: 1;
  }
}
.gift-section .option-card__text {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin: 0;
}
@media only screen and (min-width: 992px) {
  .gift-section .option-card__text {
    -webkit-line-clamp: 3;
  }
}
.gift-section .option-card__footer {
  margin-top: auto;
  padding-top: 12px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.gift-section .option-card__footer--variable {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media only screen and (min-width: 1640px) {
  .gift-section .option-card__footer--variable {
    display: flex;
    flex-direction: column;
    grid-template-columns: unset;
  }
}
.gift-section .option-card .options-price {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px;
  background: #FFFFFF;
  border-radius: 4px;
  border: 1px solid rgba(213, 221, 228, 0.3);
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .gift-section .option-card .options-price {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}
.gift-section .option-card .options-price__label {
  display: none;
}
.gift-section .option-card .options-price__values {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
@media only screen and (min-width: 992px) {
  .gift-section .option-card .options-price__values {
    flex-direction: row;
    align-items: center;
    gap: 16px;
  }
}
.gift-section .option-card .options-price__values .prices-promo,
.gift-section .option-card .options-price__values .prices {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.gift-section .option-card .options-price__values .prices-promo .old-price del,
.gift-section .option-card .options-price__values .prices .old-price del {
  color: #1E1E1E;
  font-weight: 700;
  text-decoration: line-through;
}
.gift-section .option-card .options-price__values .prices-promo .old-price del .woocommerce-Price-amount,
.gift-section .option-card .options-price__values .prices .old-price del .woocommerce-Price-amount {
  font-weight: 700;
}
.gift-section .option-card .options-price__values .prices-promo .actual-price .value,
.gift-section .option-card .options-price__values .prices-promo .actual-price .woocommerce-Price-amount,
.gift-section .option-card .options-price__values .prices .actual-price .value,
.gift-section .option-card .options-price__values .prices .actual-price .woocommerce-Price-amount {
  color: var(--diadabox-primary, #FF4848);
  font-weight: 700;
}
.gift-section .option-card .options-price input[type=radio],
.gift-section .option-card .options-price input[type=checkbox] {
  display: none !important;
}
.gift-section .option-card .options-price .options-price__actions {
  display: flex;
  align-items: center;
  gap: 12px;
}
.gift-section .option-card .parent-input-to-focus {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px;
  background: #FFFFFF;
  border-radius: 4px;
  border: 1px solid rgba(213, 221, 228, 0.3);
}
@media only screen and (min-width: 992px) {
  .gift-section .option-card .parent-input-to-focus {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}
.gift-section .option-card .parent-input-to-focus.is-active, .gift-section .option-card .parent-input-to-focus:focus-within {
  border-color: rgba(213, 221, 228, 0.3);
  box-shadow: none;
}
.gift-section .options-card__quantitySelector .options-price__values {
  margin-bottom: 0;
}
.gift-section .extras-quantity-selector {
  display: inline-flex;
  align-items: center;
  gap: 0;
  border: 1px solid rgba(213, 221, 228, 0.3);
  border-radius: 4px;
  overflow: hidden;
  background: #FFFFFF;
}

.extras-cart-banner {
  position: fixed;
  left: 0;
  width: 100%;
  background: var(--diadabox-primary, #FF4848);
  color: #FFFFFF;
  padding: 16px;
  z-index: 9990;
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  align-items: center;
  justify-items: center;
  box-shadow: 0 -4px 20px rgba(30, 30, 30, 0.2);
  bottom: 0;
  transform: translateY(100%);
  opacity: 0;
  visibility: hidden;
  transition: transform 0.3s ease-out, opacity 0.3s ease-out, visibility 0.3s ease-out;
}
.extras-cart-banner.is-visible {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
  z-index: 999999999;
}
@media only screen and (min-width: 992px) {
  .extras-cart-banner {
    grid-template-columns: 1fr auto;
    padding: 16px 24px;
    gap: 16px;
  }
}
@media only screen and (min-width: 1280px) {
  .extras-cart-banner {
    padding: 20px 40px;
    gap: 24px;
  }
}
.extras-cart-banner p {
  margin: 0;
  font-size: 14px;
  text-align: center;
}
@media only screen and (min-width: 992px) {
  .extras-cart-banner p {
    text-align: left;
    font-size: 15px;
  }
}
.extras-cart-banner__actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: center;
}
@media only screen and (min-width: 992px) {
  .extras-cart-banner__actions {
    gap: 12px;
    flex-wrap: nowrap;
  }
}
.extras-cart-banner__close {
  position: absolute;
  right: 16px;
  top: 16px;
  width: 24px;
  height: 24px;
  display: inline-flex;
  display: none;
}

.gift-section-index {
  position: relative;
  z-index: 0;
  align-items: center;
}
@media only screen and (max-width: 991px) {
  .gift-section-index {
    display: flex;
    gap: 32px;
    flex-direction: column;
  }
}
.gift-section-index__titles {
  text-wrap: balance;
}
@media only screen and (min-width: 992px) {
  .gift-section-index__titles {
    grid-column-start: 1;
    grid-column-end: span 4;
    margin-right: 32px;
  }
}
.gift-section-index__content {
  background: #F3F5F7;
  border-radius: 16px;
  padding: 24px 16px;
  text-align: center;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media only screen and (min-width: 992px) {
  .gift-section-index__content {
    grid-column-start: 5;
    grid-column-end: span 5;
    padding: 48px 40px;
  }
}
.gift-section-index__tabs, .gift-section-index__card {
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}
.gift-section-index__notice {
  margin-bottom: 32px;
}
.gift-section-index__tabs {
  background: #FFFFFF;
  padding: 6px;
  border-radius: 100em;
  display: flex;
  gap: 8px;
  justify-self: center;
  margin: 0 auto 48px auto;
}
.gift-section-index__tabs__tab {
  border-radius: 100em;
  display: flex;
  height: 48px;
  padding: 6px 16px;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 700;
  position: relative;
  z-index: 1;
}
.gift-section-index__tabs__tab::before {
  content: "";
  z-index: -1;
  inset: 0;
  position: absolute;
  border-radius: 100em;
  opacity: 0;
  background: #F3F5F7;
  transition: opacity ease 0.25s;
}
.gift-section-index__tabs__tab.is-active {
  color: var(--diadabox-primary, #FF4848);
}
.gift-section-index__tabs__tab.is-active::before {
  opacity: 1;
}
.gift-section-index__cards {
  display: grid;
}
.gift-section-index__card {
  opacity: 0;
  pointer-events: none;
  transition: opacity ease 0.25s;
  grid-column: 1;
  grid-row: 1;
}
.gift-section-index__card.is-active {
  opacity: 1;
  pointer-events: all !important;
}
.gift-section-index__card__title {
  margin-bottom: 32px;
}
.gift-section-index__card .input-wrapper input {
  background: #FFFFFF;
  margin-bottom: 0;
}
.gift-section-index__card.is-invalid {
  border: none;
}
.gift-section-index__card.is-invalid input {
  border-color: #C80000 !important;
}
.gift-section-index__card.is-invalid .error-message {
  display: block !important;
  color: #C80000;
  text-align: center;
  margin-bottom: 8px;
}
.gift-section-index__card form {
  gap: 8px;
}
.gift-section-index__image {
  align-self: stretch;
  border-radius: 16px;
  overflow: clip;
}
.gift-section-index__image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
@media only screen and (min-width: 992px) {
  .gift-section-index__image {
    grid-column-start: 10;
    grid-column-end: span 4;
  }
}

.extras-cart-toolbar {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #FFFFFF;
  border-top: 1px solid rgba(213, 221, 228, 0.3);
  box-shadow: 0 -4px 20px rgba(30, 30, 30, 0.1);
  z-index: 9980;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  gap: 16px;
  transform: translateY(100%);
  opacity: 0;
  visibility: hidden;
  transition: transform 0.3s ease-out, opacity 0.3s ease-out, visibility 0.3s ease-out;
}
.extras-cart-toolbar.is-visible {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}
@media only screen and (min-width: 992px) {
  .extras-cart-toolbar {
    padding: 16px 24px;
    gap: 24px;
  }
}
.extras-cart-toolbar__summary {
  flex: 1;
  min-width: 0;
}
.extras-cart-toolbar__toggle {
  display: flex;
  align-items: center;
  gap: 12px;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  width: 100%;
  text-align: left;
}
.extras-cart-toolbar__toggle:hover .extras-cart-toolbar__label {
  color: var(--diadabox-primary, #FF4848);
}
.extras-cart-toolbar__badge {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 360px;
  flex-shrink: 0;
  transition: background 0.25s ease-in-out;
}
@media only screen and (min-width: 992px) {
  .extras-cart-toolbar__badge:hover {
    background: rgba(213, 221, 228, 0.3);
  }
}
.extras-cart-toolbar__badge::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'/%3E%3Ccircle cx='20' cy='21' r='1'/%3E%3Cpath d='m1 1 4 4m0 0 2.68 10.72a2 2 0 0 0 1.95 1.52h9.78a2 2 0 0 0 1.95-1.52L23 6H6'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}
.extras-cart-toolbar__count {
  position: absolute;
  top: -4px;
  right: -4px;
  min-width: 20px;
  height: 20px;
  padding: 0 8px;
  background: #BD352F;
  color: #FFFFFF;
  font-weight: 700;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}
.extras-cart-toolbar__label {
  font-weight: 600;
  transition: color 0.2s ease;
}
.extras-cart-toolbar__total {
  font-weight: 700;
  margin-left: auto;
}
@media only screen and (max-width: 991px) {
  .extras-cart-toolbar__total {
    display: none;
  }
}
.extras-cart-toolbar__chevron {
  display: flex;
  align-items: center;
  transition: transform 0.3s ease;
  flex-shrink: 0;
}
@media only screen and (max-width: 991px) {
  .extras-cart-toolbar__chevron {
    display: none;
  }
}
.extras-cart-toolbar__details {
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  background: #FFFFFF;
  border-top: 1px solid rgba(213, 221, 228, 0.3);
  box-shadow: 0 -4px 20px rgba(30, 30, 30, 0.1);
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease, padding 0.3s ease;
  padding: 0 16px;
}
@media only screen and (min-width: 992px) {
  .extras-cart-toolbar__details {
    padding: 0 24px;
  }
}
.extras-cart-toolbar.is-expanded .extras-cart-toolbar__chevron {
  transform: rotate(180deg);
}
.extras-cart-toolbar.is-expanded .extras-cart-toolbar__details {
  max-height: 400px;
  padding: 16px;
  overflow: hidden;
}
@media only screen and (min-width: 992px) {
  .extras-cart-toolbar.is-expanded .extras-cart-toolbar__details {
    padding: 24px;
  }
}
.extras-cart-toolbar.is-expanded.is-opened .extras-cart-toolbar__details {
  overflow-y: auto;
}
.extras-cart-toolbar__items {
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-height: 248px;
  overflow-y: auto;
  padding-bottom: 16px;
  padding-right: 8px;
  border-bottom: 1px solid rgba(213, 221, 228, 0.3);
  margin-bottom: 16px;
}
.extras-cart-toolbar__item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px;
  background: rgba(213, 221, 228, 0.1);
  border-radius: 4px;
}
.extras-cart-toolbar__item-image {
  width: 48px;
  height: 48px;
  flex-shrink: 0;
  border-radius: 4px;
  overflow: hidden;
  background: rgba(213, 221, 228, 0.3);
}
.extras-cart-toolbar__item-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.extras-cart-toolbar__item-info {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
}
.extras-cart-toolbar__item-name {
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.extras-cart-toolbar__item-qty {
  color: #6B7580;
}
.extras-cart-toolbar__item-price {
  font-weight: 700;
  flex-shrink: 0;
}
.extras-cart-toolbar__item-remove {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: 2px solid transparent;
  background: transparent;
  border-radius: 50%;
  cursor: pointer;
  flex-shrink: 0;
  transition: border-color 0.2s ease;
  color: #6B7580;
}
.extras-cart-toolbar__item-remove:hover {
  color: var(--diadabox-primary, #FF4848);
}
.extras-cart-toolbar__footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.extras-cart-toolbar__subtotal {
  display: flex;
  align-items: center;
  gap: 8px;
}
.extras-cart-toolbar__total-price {
  font-weight: 700;
}
.extras-cart-toolbar__actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  margin-left: auto;
}
@media only screen and (min-width: 992px) {
  .extras-cart-toolbar__actions {
    gap: 12px;
  }
}

body.has-extras-cart-toolbar {
  padding-bottom: 80px;
}
@media only screen and (min-width: 992px) {
  body.has-extras-cart-toolbar {
    padding-bottom: 88px;
  }
}
body.has-extras-cart-toolbar .extras-cart-banner {
  bottom: 80px;
}
@media only screen and (min-width: 992px) {
  body.has-extras-cart-toolbar .extras-cart-banner {
    bottom: 88px;
  }
}

@media only screen and (max-width: 991px) {
  .extras-cart-toolbar__badge {
    width: 36px;
    height: 36px;
  }
  .extras-cart-toolbar__badge::before {
    width: 18px;
    height: 18px;
  }
  .extras-cart-toolbar__count {
    min-width: 18px;
    height: 18px;
    top: -2px;
    right: -2px;
  }
  .extras-cart-toolbar__items {
    max-height: 200px;
  }
  .extras-cart-toolbar__item {
    padding: 8px;
    gap: 8px;
  }
  .extras-cart-toolbar__item-image {
    width: 40px;
    height: 40px;
  }
}
.woocommerce .page-pay h3 {
  padding-block: 16px;
}
.woocommerce .page-pay__wrapper {
  display: flex;
  flex-direction: column;
  gap: 32px;
  flex-direction: column-reverse;
}
@media only screen and (min-width: 992px) {
  .woocommerce .page-pay__wrapper {
    display: grid;
    grid-template-columns: repeat(12, minmax(0px, 1fr));
    align-items: center;
    column-gap: 16px;
    row-gap: 16px;
    align-items: start;
  }
}
@media only screen and (min-width: 992px) and (min-width: 992px) {
  .woocommerce .page-pay__wrapper {
    column-gap: 16px;
    row-gap: 16px;
    grid-template-columns: repeat(12, minmax(0px, 1fr));
  }
}
.woocommerce .page-pay-content {
  grid-column-start: 1;
  grid-column-end: span 12;
  display: flex;
  flex-direction: column;
  gap: 32px;
  order: 1;
}
@media only screen and (min-width: 1280px) {
  .woocommerce .page-pay-content {
    order: 0;
    gap: 40px;
    grid-column-start: 1;
    grid-column-end: span 7;
  }
}
.woocommerce .page-pay-content .woocommerce-order-details .shop_table .product-name {
  flex: 1 1 auto !important;
}
.woocommerce .page-pay-right {
  grid-column-start: 1;
  grid-column-end: span 12;
  display: flex;
  flex-direction: column;
  gap: 16px;
  font-size: 14px;
  order: 0;
}
@media only screen and (min-width: 992px) {
  .woocommerce .page-pay-right {
    order: 1;
    grid-column-start: 8;
    grid-column-end: span 5;
    padding-left: 40px;
  }
}
.woocommerce .page-pay-right__payment,
.woocommerce .page-pay-right .wc_payment_methods {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.woocommerce .page-pay-right__buttons {
  display: flex;
  flex-direction: row;
  gap: 16px;
  flex-wrap: wrap;
}
.woocommerce .page-pay-right__buttons .woocommerce-terms-and-conditions-wrapper {
  padding-block: 16px;
}
.woocommerce .page-pay-right__buttons .woocommerce-terms-and-conditions-wrapper p.form-row {
  margin-bottom: 0px !important;
}
.woocommerce .page-pay-right__buttons .woocommerce-terms-and-conditions-wrapper p.form-row label {
  margin-bottom: 0px !important;
}
.woocommerce .page-pay-right__buttons .btn-primary, .woocommerce .page-pay-right__buttons .gform_wrapper form .gfield--type-submit .gform_button, .gform_wrapper form .gfield--type-submit .woocommerce .page-pay-right__buttons .gform_button,
.woocommerce .page-pay-right__buttons .gform_wrapper form .gfield--type-submit .diadao-sdk-button-gform,
.gform_wrapper form .gfield--type-submit .woocommerce .page-pay-right__buttons .diadao-sdk-button-gform, .woocommerce .page-pay-right__buttons .gform_wrapper form .gform_footer .gform_button, .gform_wrapper form .gform_footer .woocommerce .page-pay-right__buttons .gform_button, .woocommerce .page-pay-right__buttons .gform_wrapper form .gform_footer .diadao-sdk-button-gform, .gform_wrapper form .gform_footer .woocommerce .page-pay-right__buttons .diadao-sdk-button-gform, .woocommerce .page-pay-right__buttons .product #reviews p.form-submit, .product #reviews .woocommerce .page-pay-right__buttons p.form-submit {
  flex: 1 0 auto;
}
.woocommerce .page-pay-right__buttons .btn-primary::before, .woocommerce .page-pay-right__buttons .gform_wrapper form .gfield--type-submit .gform_button::before, .gform_wrapper form .gfield--type-submit .woocommerce .page-pay-right__buttons .gform_button::before,
.woocommerce .page-pay-right__buttons .gform_wrapper form .gfield--type-submit .diadao-sdk-button-gform::before,
.gform_wrapper form .gfield--type-submit .woocommerce .page-pay-right__buttons .diadao-sdk-button-gform::before, .woocommerce .page-pay-right__buttons .gform_wrapper form .gform_footer .gform_button::before, .gform_wrapper form .gform_footer .woocommerce .page-pay-right__buttons .gform_button::before, .woocommerce .page-pay-right__buttons .gform_wrapper form .gform_footer .diadao-sdk-button-gform::before, .gform_wrapper form .gform_footer .woocommerce .page-pay-right__buttons .diadao-sdk-button-gform::before, .woocommerce .page-pay-right__buttons .product #reviews p.form-submit::before, .product #reviews .woocommerce .page-pay-right__buttons p.form-submit::before {
  content: none;
}
@media only screen and (min-width: 992px) {
  .woocommerce .page-pay-right__buttons .btn-primary:hover, .woocommerce .page-pay-right__buttons .gform_wrapper form .gfield--type-submit .gform_button:hover, .gform_wrapper form .gfield--type-submit .woocommerce .page-pay-right__buttons .gform_button:hover,
  .woocommerce .page-pay-right__buttons .gform_wrapper form .gfield--type-submit .diadao-sdk-button-gform:hover,
  .gform_wrapper form .gfield--type-submit .woocommerce .page-pay-right__buttons .diadao-sdk-button-gform:hover, .woocommerce .page-pay-right__buttons .gform_wrapper form .gform_footer .gform_button:hover, .gform_wrapper form .gform_footer .woocommerce .page-pay-right__buttons .gform_button:hover, .woocommerce .page-pay-right__buttons .gform_wrapper form .gform_footer .diadao-sdk-button-gform:hover, .gform_wrapper form .gform_footer .woocommerce .page-pay-right__buttons .diadao-sdk-button-gform:hover, .woocommerce .page-pay-right__buttons .product #reviews p.form-submit:hover, .product #reviews .woocommerce .page-pay-right__buttons p.form-submit:hover {
    background-color: var(--diadabox-primary-darker, rgb(255, 46.5, 46.5));
  }
}

.woocommerce-thankyou-order-received h3 {
  margin-bottom: 16px;
  font-family: "Montserrat";
}
.woocommerce-thankyou-order-received ul li {
  font-style: normal;
  color: #6B7580;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.72px;
  margin-top: 4px;
  margin-bottom: 4px;
}
.woocommerce-thankyou-order-received ul li:last-child {
  margin-top: 16px;
}

section.basic-section p {
  margin-bottom: 16px;
}
section.basic-section p a:not(.btn) {
  text-decoration: underline;
}
@media only screen and (min-width: 992px) {
  section.basic-section p a:not(.btn):hover {
    opacity: 0.5;
  }
}

.discover {
  padding-top: 0;
  padding-bottom: 40px;
  padding-inline: 16px;
}
@media only screen and (min-width: 640px) {
  .discover {
    padding-inline: 6vw;
    padding-bottom: 32px;
  }
}
@media only screen and (min-width: 992px) {
  .discover {
    padding-inline: 4vw;
    padding-bottom: 48px;
  }
}
@media only screen and (min-width: 1280px) {
  .discover {
    padding-inline: 6vw;
    padding-bottom: 60px;
  }
}
@media only screen and (min-width: 1440px) {
  .discover {
    padding-inline: 8vw;
    padding-bottom: 72px;
  }
}
@media only screen and (min-width: 1920px) {
  .discover {
    padding-inline: 15vw;
    padding-bottom: 104px;
  }
}
.discover__items {
  display: grid;
  grid-template-columns: repeat(12, minmax(0px, 1fr));
  align-items: center;
  column-gap: 16px;
  row-gap: 16px;
}
@media only screen and (min-width: 992px) {
  .discover__items {
    column-gap: 16px;
    row-gap: 16px;
    grid-template-columns: repeat(12, minmax(0px, 1fr));
  }
}
@media only screen and (min-width: 992px) {
  .discover__items {
    grid-template-rows: repeat(2, 260px);
  }
}
@media only screen and (min-width: 1280px) {
  .discover__items {
    grid-template-rows: repeat(2, 312px);
  }
}
.discover__item {
  grid-column-start: 1;
  grid-column-end: span 12;
}
@media only screen and (min-width: 992px) {
  .discover__item--1 {
    grid-column: span 4;
    grid-row: span 1;
  }
  [data-count="6"] .discover__item {
    grid-column: span 4;
  }
  [data-count="5"] .discover__item--2 {
    grid-column: span 4;
    grid-row: span 1;
  }
  [data-count="5"] .discover__item--3 {
    grid-column: span 4;
    grid-row: span 2;
  }
  [data-count="5"] .discover__item--4 {
    grid-column: span 4;
    grid-row: span 1;
  }
  [data-count="5"] .discover__item--5 {
    grid-column: span 4;
    grid-row: span 1;
  }
  [data-count="4"] .discover__item--2 {
    grid-column: span 4;
    grid-row: span 2;
  }
  [data-count="4"] .discover__item--3 {
    grid-column: span 4;
    grid-row: span 2;
  }
  [data-count="4"] .discover__item--4 {
    grid-column: span 4;
    grid-row: span 1;
  }
  [data-count="3"] .discover__item--2 {
    grid-column: span 8;
    grid-row: span 2;
  }
  [data-count="3"] .discover__item--3 {
    grid-column: span 4;
    grid-row: span 1;
  }
  [data-count="2"] .discover__item--1 {
    grid-row: span 2;
  }
  [data-count="2"] .discover__item--2 {
    grid-column: span 8;
    grid-row: span 2;
  }
}
.discover[data-count="4"] .discover-card__content__title {
  font-size: 32px;
}
@media only screen and (min-width: 992px) {
  .discover[data-count="4"] .discover-card__content__title {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1280px) {
  .discover[data-count="4"] .discover-card__content__title {
    font-size: 32px;
  }
}

.vouchers {
  padding-top: 0;
  padding-bottom: 40px;
  padding-inline: 16px;
}
@media only screen and (min-width: 640px) {
  .vouchers {
    padding-inline: 6vw;
    padding-bottom: 32px;
  }
}
@media only screen and (min-width: 992px) {
  .vouchers {
    padding-inline: 4vw;
    padding-bottom: 48px;
  }
}
@media only screen and (min-width: 1280px) {
  .vouchers {
    padding-inline: 6vw;
    padding-bottom: 60px;
  }
}
@media only screen and (min-width: 1440px) {
  .vouchers {
    padding-inline: 8vw;
    padding-bottom: 72px;
  }
}
@media only screen and (min-width: 1920px) {
  .vouchers {
    padding-inline: 15vw;
    padding-bottom: 104px;
  }
}
.vouchers {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.vouchers__header {
  display: grid;
  grid-template-columns: repeat(12, minmax(0px, 1fr));
  align-items: center;
  column-gap: 16px;
  row-gap: 16px;
}
@media only screen and (min-width: 992px) {
  .vouchers__header {
    column-gap: 16px;
    row-gap: 16px;
    grid-template-columns: repeat(12, minmax(0px, 1fr));
  }
}
.vouchers__header {
  display: flex;
  justify-content: space-between;
}
.vouchers__header__title {
  grid-column-start: 1;
  grid-column-end: span 12;
}
@media only screen and (min-width: 992px) {
  .vouchers__header__title {
    grid-column-start: 1;
    grid-column-end: span 6;
  }
}
.vouchers__header__filters {
  grid-column-start: 1;
  grid-column-end: span 12;
}
@media only screen and (min-width: 992px) {
  .vouchers__header__filters {
    grid-column-start: 7;
    grid-column-end: span 6;
  }
}
.vouchers__header__filters ul {
  display: flex;
  flex-direction: row;
  gap: 0;
}
@media only screen and (min-width: 992px) {
  .vouchers__header__filters ul {
    gap: 24px;
    justify-content: flex-end;
  }
}
.vouchers__header__filters ul li {
  font-size: 12px;
  font-weight: 700;
  color: #6B7580;
  position: relative;
  transition: color 0.3s ease;
  padding: 8px;
  cursor: pointer;
}
@media only screen and (min-width: 992px) {
  .vouchers__header__filters ul li {
    font-size: 14px;
    padding: 16px;
  }
}
.vouchers__header__filters ul li.active {
  color: #1E1E1E;
}
.vouchers__header__filters ul li.active:after {
  background-color: #1E1E1E;
}
.vouchers__header__filters ul li:after {
  position: absolute;
  bottom: 0px;
  left: 0%;
  width: 100%;
  height: 4px;
  content: "";
  background-color: transparent;
  transition: all 0.3s ease;
}
.vouchers__list {
  display: grid;
  grid-template-columns: repeat(12, minmax(0px, 1fr));
  align-items: center;
  column-gap: 16px;
  row-gap: 16px;
}
@media only screen and (min-width: 992px) {
  .vouchers__list {
    column-gap: 16px;
    row-gap: 16px;
    grid-template-columns: repeat(12, minmax(0px, 1fr));
  }
}
.vouchers__list {
  align-items: flex-start;
  row-gap: 32px !important;
}
.vouchers__list.tab-inactive {
  display: none;
}
.vouchers__card {
  grid-column: span 6;
}
@media only screen and (min-width: 768px) {
  .vouchers__card {
    grid-column: span 4;
  }
}
@media only screen and (min-width: 1280px) {
  .vouchers__card {
    grid-column: span 3;
  }
}
.vouchers--cart-empty {
  padding-inline: 0px;
  margin-top: 48px;
}
@media only screen and (min-width: 992px) {
  .vouchers--cart-empty {
    margin-top: 80px;
  }
}
.vouchers--cart-empty .vouchers__list {
  width: 100%;
}
.vouchers--shipping-packages {
  padding-inline: 0px;
  margin-bottom: 32px;
  padding: 0px;
}
.vouchers--shipping-packages .vouchers__list {
  width: 100%;
  flex-direction: row;
  display: flex;
  column-gap: 16px;
  row-gap: 32px;
  flex-wrap: wrap;
}
.vouchers--shipping-packages .vouchers__list .voucher-card {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 16px;
}
@media only screen and (min-width: 1280px) {
  .vouchers--shipping-packages .vouchers__list .voucher-card {
    width: calc(50% - 8px);
  }
}
.vouchers--shipping-packages .vouchers__list .voucher-card__image {
  width: 80px;
  height: 80px;
  aspect-ratio: 1/1;
}
.vouchers--shipping-packages .vouchers__list .voucher-card__content {
  width: calc(100% - 80px);
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  gap: 0px;
  font-size: 14px;
}
.vouchers--shipping-packages .vouchers__list .voucher-card__content .description {
  font-weight: 700;
  font-size: 14px;
}
.vouchers--shipping-packages .vouchers__list .voucher-card__content .description .product-qty-text-value {
  margin-left: 8px;
}

.vouchers-carousel {
  grid-column-start: 1;
  grid-column-end: span 12;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.vouchers-carousel__header {
  display: grid;
  grid-template-columns: repeat(12, minmax(0px, 1fr));
  align-items: center;
  column-gap: 16px;
  row-gap: 16px;
}
@media only screen and (min-width: 992px) {
  .vouchers-carousel__header {
    column-gap: 16px;
    row-gap: 16px;
    grid-template-columns: repeat(12, minmax(0px, 1fr));
  }
}
.vouchers-carousel__header {
  display: flex;
  justify-content: space-between;
}
.vouchers-carousel__header__title {
  grid-column-start: 1;
  grid-column-end: span 9;
}
@media only screen and (min-width: 992px) {
  .vouchers-carousel__header__title {
    grid-column-start: 1;
    grid-column-end: span 5;
  }
}
.vouchers-carousel__header .swiper-navigation {
  grid-column-start: 10;
  grid-column-end: span 3;
  justify-content: flex-end;
}
@media only screen and (min-width: 992px) {
  .vouchers-carousel__header .swiper-navigation {
    grid-column-start: 6;
    grid-column-end: span 7;
  }
}
.vouchers-carousel .swiper-container .swiper-slide {
  width: calc((100% - 16px) / 2);
}
@media only screen and (min-width: 992px) {
  .vouchers-carousel .swiper-container .swiper-slide {
    width: calc((100% - 48px) / 4);
  }
}
.vouchers-carousel__card {
  grid-column: span 6;
}
@media only screen and (min-width: 992px) {
  .vouchers-carousel__card {
    grid-column: span 3;
  }
}

.occasions {
  padding-top: 0;
  padding-bottom: 40px;
  padding-inline: 16px;
}
@media only screen and (min-width: 640px) {
  .occasions {
    padding-inline: 6vw;
    padding-bottom: 32px;
  }
}
@media only screen and (min-width: 992px) {
  .occasions {
    padding-inline: 4vw;
    padding-bottom: 48px;
  }
}
@media only screen and (min-width: 1280px) {
  .occasions {
    padding-inline: 6vw;
    padding-bottom: 60px;
  }
}
@media only screen and (min-width: 1440px) {
  .occasions {
    padding-inline: 8vw;
    padding-bottom: 72px;
  }
}
@media only screen and (min-width: 1920px) {
  .occasions {
    padding-inline: 15vw;
    padding-bottom: 104px;
  }
}
.occasions {
  display: flex;
  flex-direction: column;
  gap: 16px;
  position: relative;
}
@media only screen and (max-width: 991px) {
  .occasions {
    padding-top: 32px;
    padding-inline: 16px;
  }
}
@media only screen and (max-width: 991px) and (min-width: 640px) {
  .occasions {
    padding-inline: 6vw;
  }
}
.occasions__header {
  display: grid;
  grid-template-columns: repeat(12, minmax(0px, 1fr));
  align-items: center;
  column-gap: 16px;
  row-gap: 16px;
}
@media only screen and (min-width: 992px) {
  .occasions__header {
    column-gap: 16px;
    row-gap: 16px;
    grid-template-columns: repeat(12, minmax(0px, 1fr));
  }
}
.occasions__header {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 991px) {
  .occasions__header {
    padding-inline: 0;
  }
}
.occasions__header__title {
  grid-column-start: 1;
  grid-column-end: span 12;
}
@media only screen and (min-width: 992px) {
  .occasions__header__title {
    grid-column-start: 1;
    grid-column-end: span 5;
  }
}
@media only screen and (min-width: 992px) {
  .occasions__list {
    display: flex;
    flex-direction: row;
    gap: 16px;
  }
}
.occasions .swiper-container {
  padding-left: 16px;
  padding-right: 140px;
}
@media only screen and (max-width: 991px) {
  .occasions .swiper-container {
    padding-left: 0;
  }
}
.occasions__image-warning {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: grid;
  place-items: center;
  padding: 16px;
  background: rgba(137, 24, 24, 0.78);
  color: #fff;
  text-align: center;
}
.occasions__image-warning__content {
  max-width: 38rem;
  padding: 32px;
  background: rgba(48, 10, 10, 0.94);
  border: 1px solid rgba(255, 255, 255, 0.48);
  border-radius: 12px;
}
.occasions__image-warning__content h2,
.occasions__image-warning__content p {
  color: inherit;
}
.occasions__image-warning__content h2 {
  margin-bottom: 12px;
  text-wrap: balance;
}
.occasions__image-warning__content p {
  margin: 0;
}
.occasions__image-warning__content p + p {
  margin-top: 12px;
}
.occasions--image-warning {
  min-height: 360px;
}

.flash-offer {
  padding-top: 0;
  padding-bottom: 40px;
  padding-inline: 16px;
}
@media only screen and (min-width: 640px) {
  .flash-offer {
    padding-inline: 6vw;
    padding-bottom: 32px;
  }
}
@media only screen and (min-width: 992px) {
  .flash-offer {
    padding-inline: 4vw;
    padding-bottom: 48px;
  }
}
@media only screen and (min-width: 1280px) {
  .flash-offer {
    padding-inline: 6vw;
    padding-bottom: 60px;
  }
}
@media only screen and (min-width: 1440px) {
  .flash-offer {
    padding-inline: 8vw;
    padding-bottom: 72px;
  }
}
@media only screen and (min-width: 1920px) {
  .flash-offer {
    padding-inline: 15vw;
    padding-bottom: 104px;
  }
}
.flash-offer {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.flash-offer__header {
  display: grid;
  grid-template-columns: repeat(12, minmax(0px, 1fr));
  align-items: center;
  column-gap: 16px;
  row-gap: 16px;
}
@media only screen and (min-width: 992px) {
  .flash-offer__header {
    column-gap: 16px;
    row-gap: 16px;
    grid-template-columns: repeat(12, minmax(0px, 1fr));
  }
}
.flash-offer__header__title {
  grid-column-start: 1;
  grid-column-end: span 12;
}
@media only screen and (min-width: 992px) {
  .flash-offer__header__title {
    grid-column-start: 1;
    grid-column-end: span 5;
  }
}
.flash-offer__wrapper {
  display: grid;
  grid-template-columns: repeat(12, minmax(0px, 1fr));
  align-items: center;
  column-gap: 16px;
  row-gap: 16px;
}
@media only screen and (min-width: 992px) {
  .flash-offer__wrapper {
    column-gap: 16px;
    row-gap: 16px;
    grid-template-columns: repeat(12, minmax(0px, 1fr));
  }
}
.flash-offer__advantage {
  grid-column: span 12;
}
@media only screen and (min-width: 992px) {
  .flash-offer__advantage {
    grid-column-start: 1;
    grid-column-end: span 6;
  }
}
@media only screen and (min-width: 1280px) {
  .flash-offer__advantage {
    grid-column-start: 1;
    grid-column-end: span 5;
  }
}
@media only screen and (min-width: 1440px) {
  .flash-offer__advantage {
    grid-column-start: 1;
    grid-column-end: span 4;
  }
}
.flash-offer__card {
  grid-column: span 12;
  height: 360px;
}
@media only screen and (min-width: 992px) {
  .flash-offer__card {
    grid-column-start: 7;
    grid-column-end: span 6;
    height: 540px;
  }
}
@media only screen and (min-width: 1280px) {
  .flash-offer__card {
    grid-column-start: 6;
    grid-column-end: span 7;
  }
}
@media only screen and (min-width: 1440px) {
  .flash-offer__card {
    grid-column-start: 5;
    grid-column-end: span 8;
  }
}

.advantages {
  padding-top: 0;
  padding-bottom: 40px;
  padding-inline: 16px;
}
@media only screen and (min-width: 640px) {
  .advantages {
    padding-inline: 6vw;
    padding-bottom: 32px;
  }
}
@media only screen and (min-width: 992px) {
  .advantages {
    padding-inline: 4vw;
    padding-bottom: 48px;
  }
}
@media only screen and (min-width: 1280px) {
  .advantages {
    padding-inline: 6vw;
    padding-bottom: 60px;
  }
}
@media only screen and (min-width: 1440px) {
  .advantages {
    padding-inline: 8vw;
    padding-bottom: 72px;
  }
}
@media only screen and (min-width: 1920px) {
  .advantages {
    padding-inline: 15vw;
    padding-bottom: 104px;
  }
}
.advantages {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media only screen and (max-width: 991px) {
  .advantages {
    padding-inline: 0;
  }
}
.advantages__header {
  display: grid;
  grid-template-columns: repeat(12, minmax(0px, 1fr));
  align-items: center;
  column-gap: 16px;
  row-gap: 16px;
}
@media only screen and (min-width: 992px) {
  .advantages__header {
    column-gap: 16px;
    row-gap: 16px;
    grid-template-columns: repeat(12, minmax(0px, 1fr));
  }
}
@media only screen and (max-width: 991px) {
  .advantages__header {
    padding-inline: 16px;
  }
}
.advantages__header__title {
  grid-column-start: 1;
  grid-column-end: span 12;
}
@media only screen and (min-width: 992px) {
  .advantages__header__title {
    grid-column-start: 1;
    grid-column-end: span 5;
  }
}
@media only screen and (min-width: 992px) {
  .advantages__list {
    display: grid;
    grid-template-columns: repeat(12, minmax(0px, 1fr));
    align-items: center;
    column-gap: 16px;
    row-gap: 16px;
  }
}
@media only screen and (min-width: 992px) and (min-width: 992px) {
  .advantages__list {
    column-gap: 16px;
    row-gap: 16px;
    grid-template-columns: repeat(12, minmax(0px, 1fr));
  }
}
.advantages .swiper-container {
  padding-left: 16px;
  padding-right: 80px;
}
@media only screen and (min-width: 992px) {
  .advantages__card {
    grid-column: span 4;
  }
}

.gift {
  padding-top: 0;
  padding-bottom: 40px;
  padding-inline: 16px;
}
@media only screen and (min-width: 640px) {
  .gift {
    padding-inline: 6vw;
    padding-bottom: 32px;
  }
}
@media only screen and (min-width: 992px) {
  .gift {
    padding-inline: 4vw;
    padding-bottom: 48px;
  }
}
@media only screen and (min-width: 1280px) {
  .gift {
    padding-inline: 6vw;
    padding-bottom: 60px;
  }
}
@media only screen and (min-width: 1440px) {
  .gift {
    padding-inline: 8vw;
    padding-bottom: 72px;
  }
}
@media only screen and (min-width: 1920px) {
  .gift {
    padding-inline: 15vw;
    padding-bottom: 104px;
  }
}
.gift {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.gift__header {
  display: grid;
  grid-template-columns: repeat(12, minmax(0px, 1fr));
  align-items: center;
  column-gap: 16px;
  row-gap: 16px;
}
@media only screen and (min-width: 992px) {
  .gift__header {
    column-gap: 16px;
    row-gap: 16px;
    grid-template-columns: repeat(12, minmax(0px, 1fr));
  }
}
.gift__header__title {
  grid-column-start: 1;
  grid-column-end: span 12;
}
@media only screen and (min-width: 992px) {
  .gift__header__title {
    grid-column-start: 1;
    grid-column-end: span 5;
  }
}
.gift__wrapper {
  display: grid;
  grid-template-columns: repeat(12, minmax(0px, 1fr));
  align-items: center;
  column-gap: 16px;
  row-gap: 16px;
}
@media only screen and (min-width: 992px) {
  .gift__wrapper {
    column-gap: 16px;
    row-gap: 16px;
    grid-template-columns: repeat(12, minmax(0px, 1fr));
  }
}
.gift__wrapper {
  background: #F3F5F7;
  border-radius: 8px;
}
.gift__advantage {
  grid-column: span 12;
}
@media only screen and (min-width: 992px) {
  .gift__advantage {
    grid-column-start: 8;
    grid-column-end: span 5;
  }
}
.gift .gift-card {
  grid-column: span 12;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 16px;
  justify-content: space-between;
  height: 360px;
  padding: 16px;
}
@media only screen and (min-width: 992px) {
  .gift .gift-card {
    justify-content: flex-end;
    grid-column-start: 1;
    grid-column-end: span 7;
    height: 540px;
    padding: 48px;
  }
  .gift .gift-card:hover .gift-card__image img.visible {
    opacity: 0;
  }
  .gift .gift-card:hover .gift-card__image img.hidden {
    opacity: 1;
  }
}
.gift .gift-card__link {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.gift .gift-card__image {
  position: absolute;
  inset: 0;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  overflow: hidden;
}
.gift .gift-card__image:after {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(30, 30, 30, 0) 40%, rgba(30, 30, 30, 0.7) 100%);
  transition: opacity 0.5s ease-in-out;
  pointer-events: none;
}
@media only screen and (min-width: 992px) {
  .gift .gift-card__image {
    border-bottom-left-radius: 8px;
    border-top-right-radius: 0;
  }
}
.gift .gift-card__image img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: opacity 0.5s ease-in-out;
}
.gift .gift-card__image img.hidden {
  opacity: 0;
}

@media only screen and (min-width: 992px) {
  body.navbar-horizontal-menu-enabled:has(.navbar:not(.sticked)) .listing-filters:not(.listing-filters--sidebar) {
    top: 112px;
  }
}
@media only screen and (min-width: 1920px) {
  body.navbar-horizontal-menu-enabled:has(.navbar:not(.sticked)) .listing-filters:not(.listing-filters--sidebar) {
    top: 128px;
  }
}

@media only screen and (min-width: 992px) {
  body.navbar-horizontal-menu-enabled:has(.navbar:not(.sticked)) .listing-filters--sidebar[data-facet-context=multishop-brands] .listing-filters__toolbar,
  body.navbar-horizontal-menu-enabled:has(.navbar:not(.sticked)) .listing-filters--sidebar[data-facet-context=multishop-brands] .listing-filters__sidebar {
    top: 112px;
  }
}
@media only screen and (min-width: 1920px) {
  body.navbar-horizontal-menu-enabled:has(.navbar:not(.sticked)) .listing-filters--sidebar[data-facet-context=multishop-brands] .listing-filters__toolbar,
  body.navbar-horizontal-menu-enabled:has(.navbar:not(.sticked)) .listing-filters--sidebar[data-facet-context=multishop-brands] .listing-filters__sidebar {
    top: 128px;
  }
}

@media only screen and (min-width: 992px) {
  body.navbar-horizontal-menu-disabled:has(.navbar:not(.sticked)) .listing-filters--sidebar[data-facet-context=multishop-brands] .listing-filters__toolbar,
  body.navbar-horizontal-menu-disabled:has(.navbar:not(.sticked)) .listing-filters--sidebar[data-facet-context=multishop-brands] .listing-filters__sidebar {
    top: 68px;
  }
}

@media only screen and (min-width: 992px) {
  body.navbar-horizontal-menu-disabled:has(.navbar:not(.sticked)) .listing-filters:not(.listing-filters--sidebar) {
    top: 68px;
  }
}

.listing-filters {
  font-size: 14px;
  margin-top: 0 !important;
  position: sticky;
  top: 64px;
  background: #FFFFFF;
  z-index: 5;
  margin-bottom: 16px;
}
.listing-filters:before {
  content: "";
  display: block;
  height: 100%;
  background: #FFFFFF;
  left: -1000px;
  width: calc(100% + 2000px);
  position: absolute;
  top: 0px;
}
@media only screen and (min-width: 992px) {
  .listing-filters {
    font-size: 13px;
    margin-bottom: 32px;
    top: 70px;
  }
}
@media only screen and (min-width: 1280px) {
  .listing-filters {
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 1280px) {
  .listing-filters {
    font-size: 14px;
  }
}
.listing-filters[data-facet-context=pot] {
  width: 100%;
  margin-bottom: 0px !important;
}
.listing-filters[data-facet-context=pot] .listing-filters__form {
  padding-inline: 0px;
}
.listing-filters[data-facet-context=multishop-brands].listing-filters--sidebar {
  position: relative;
  top: auto;
  z-index: auto;
}
.listing-filters[data-facet-context=multishop-brands].listing-filters--sidebar:before {
  display: none;
}
.listing-filters[data-facet-context=multishop-brands].listing-filters--sidebar .listing-filters__form {
  position: relative;
  z-index: 1;
  display: block !important;
  padding: 0;
}
.listing-filters[data-facet-context=multishop-brands].listing-filters--sidebar .listing-filters__layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
}
.listing-filters[data-facet-context=multishop-brands].listing-filters--sidebar.listing-filters--has-sidebar .listing-filters__layout {
  grid-template-columns: 200px minmax(0, 1fr);
  gap: 60px;
}
.listing-filters[data-facet-context=multishop-brands].listing-filters--sidebar .listing-filters__sidebar {
  position: sticky;
  top: 64px;
  z-index: 4;
  align-self: start;
  min-width: 0;
  padding-top: 16px;
}
@media only screen and (min-width: 992px) {
  .listing-filters[data-facet-context=multishop-brands].listing-filters--sidebar .listing-filters__sidebar {
    top: 70px;
  }
}
.listing-filters[data-facet-context=multishop-brands].listing-filters--sidebar .listing-filters__sidebar__list {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.listing-filters[data-facet-context=multishop-brands].listing-filters--sidebar .listing-filters__sidebar .filter-item {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 8px 0;
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  color: #6B7580;
  font: inherit;
  font-weight: 700;
  -webkit-appearance: none;
  appearance: none;
  transition: color 0.25s ease;
}
.listing-filters[data-facet-context=multishop-brands].listing-filters--sidebar .listing-filters__sidebar .filter-item__logo {
  flex-shrink: 0;
  display: block;
  width: 64px;
  max-width: 64px;
  height: 24px;
  object-fit: contain;
}
.listing-filters[data-facet-context=multishop-brands].listing-filters--sidebar .listing-filters__sidebar .filter-item.is-active {
  color: #1E1E1E;
  border-bottom: 0;
}
.listing-filters[data-facet-context=multishop-brands].listing-filters--sidebar .listing-filters__content,
.listing-filters[data-facet-context=multishop-brands].listing-filters--sidebar .listing-filters__themes-row {
  min-width: 0;
}
.listing-filters[data-facet-context=multishop-brands].listing-filters--sidebar .listing-filters__content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media only screen and (min-width: 992px) {
  .listing-filters[data-facet-context=multishop-brands].listing-filters--sidebar .listing-filters__content {
    gap: 60px;
  }
}
.listing-filters[data-facet-context=multishop-brands].listing-filters--sidebar .listing-filters__toolbar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 24px;
  align-items: center;
  position: sticky;
  top: 64px;
  z-index: 5;
  padding-block: 8px;
  background: #FFFFFF;
}
@media only screen and (min-width: 992px) {
  .listing-filters[data-facet-context=multishop-brands].listing-filters--sidebar .listing-filters__toolbar {
    top: 70px;
  }
}
.listing-filters[data-facet-context=multishop-brands].listing-filters--sidebar .vouchers__list {
  width: 100%;
}
.listing-filters[data-facet-context=multishop-brands].listing-filters--sidebar .listing-filters__swiper {
  display: block;
}
.listing-filters[data-facet-context=multishop-brands].listing-filters--sidebar .listing-filters__swiper--themes .kwpb-swiper-module .swiper-container {
  height: 64px;
}
.listing-filters[data-facet-context=multishop-brands].listing-filters--sidebar .listing-filters__swiper--themes .kwpb-swiper-module .swiper-slide.is-theme-unavailable {
  display: none !important;
}
.listing-filters[data-facet-context=multishop-brands].listing-filters--sidebar .listing-filters__swiper .kwpb-swiper-module .swiper-container .swiper-slide .filter-item {
  align-items: center;
  justify-content: center;
  gap: 8px;
  pointer-events: auto;
  cursor: pointer;
  background: none;
  border: 0;
  border-bottom: 2px solid transparent;
  font-family: inherit;
  -webkit-appearance: none;
  appearance: none;
}
@media only screen and (min-width: 1280px) {
  .listing-filters[data-facet-context=multishop-brands].listing-filters--sidebar .listing-filters__swiper .kwpb-swiper-module .swiper-container .swiper-slide .filter-item {
    gap: 12px;
  }
}
.listing-filters[data-facet-context=multishop-brands].listing-filters--sidebar .listing-filters__swiper .kwpb-swiper-module .swiper-container .swiper-slide .filter-item.is-active {
  color: #1E1E1E;
  border-bottom-color: var(--diadabox-primary, #FF4848);
}
.listing-filters[data-facet-context=multishop-brands].listing-filters--sidebar .listing-filters__essentials {
  grid-column: 2;
  width: auto;
  justify-content: flex-end;
}
.listing-filters[data-facet-context=multishop-brands].listing-filters--sidebar .listing-filters__essentials .btn:first-child, .listing-filters[data-facet-context=multishop-brands].listing-filters--sidebar .listing-filters__essentials .gform_wrapper form .gform_footer .gform_button:first-child, .gform_wrapper form .gform_footer .listing-filters[data-facet-context=multishop-brands].listing-filters--sidebar .listing-filters__essentials .gform_button:first-child, .listing-filters[data-facet-context=multishop-brands].listing-filters--sidebar .listing-filters__essentials .gform_wrapper form .gform_footer .diadao-sdk-button-gform:first-child, .gform_wrapper form .gform_footer .listing-filters[data-facet-context=multishop-brands].listing-filters--sidebar .listing-filters__essentials .diadao-sdk-button-gform:first-child, .listing-filters[data-facet-context=multishop-brands].listing-filters--sidebar .listing-filters__essentials .product #reviews p.form-submit:first-child, .product #reviews .listing-filters[data-facet-context=multishop-brands].listing-filters--sidebar .listing-filters__essentials p.form-submit:first-child {
  flex: 0;
}
.listing-filters[data-facet-context=multishop-brands].listing-filters--sidebar .listing-filters__brand-trigger {
  display: none;
}
.listing-filters[data-facet-context=multishop-brands].listing-filters--sidebar .listing-filters__theme-trigger {
  display: none;
}
@media only screen and (max-width: 991px) {
  .listing-filters[data-facet-context=multishop-brands].listing-filters--sidebar.listing-filters--has-sidebar .listing-filters__layout {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
  }
  .listing-filters[data-facet-context=multishop-brands].listing-filters--sidebar .listing-filters__sidebar {
    display: none;
  }
  .listing-filters[data-facet-context=multishop-brands].listing-filters--sidebar .listing-filters__brand-trigger {
    display: flex;
  }
  .listing-filters[data-facet-context=multishop-brands].listing-filters--sidebar .swiper-container {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .listing-filters[data-facet-context=multishop-brands].listing-filters--sidebar .swiper-container::-webkit-scrollbar {
    display: none;
  }
  .listing-filters[data-facet-context=multishop-brands].listing-filters--sidebar .swiper-wrapper {
    transform: none !important;
  }
}
body.useragent-mobile .listing-filters[data-facet-context=multishop-brands].listing-filters--sidebar .listing-filters__themes-row {
  display: none;
}
body.useragent-mobile .listing-filters[data-facet-context=multishop-brands].listing-filters--sidebar .listing-filters__theme-trigger {
  display: flex;
}
body.useragent-mobile .listing-filters[data-facet-context=multishop-brands].listing-filters--sidebar .listing-filters__toolbar {
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
}
body.useragent-mobile .listing-filters[data-facet-context=multishop-brands].listing-filters--sidebar .listing-filters__essentials {
  display: flex;
  grid-column: 1;
  gap: 8px;
  width: 100%;
  flex-wrap: nowrap;
  justify-content: flex-start;
  overflow-x: auto;
  scrollbar-width: none;
}
body.useragent-mobile .listing-filters[data-facet-context=multishop-brands].listing-filters--sidebar .listing-filters__essentials::-webkit-scrollbar {
  display: none;
}
body.useragent-mobile .listing-filters[data-facet-context=multishop-brands].listing-filters--sidebar .listing-filters__essentials .btn, body.useragent-mobile .listing-filters[data-facet-context=multishop-brands].listing-filters--sidebar .listing-filters__essentials .gform_wrapper form .gform_footer .gform_button, .gform_wrapper form .gform_footer body.useragent-mobile .listing-filters[data-facet-context=multishop-brands].listing-filters--sidebar .listing-filters__essentials .gform_button, body.useragent-mobile .listing-filters[data-facet-context=multishop-brands].listing-filters--sidebar .listing-filters__essentials .gform_wrapper form .gform_footer .diadao-sdk-button-gform, .gform_wrapper form .gform_footer body.useragent-mobile .listing-filters[data-facet-context=multishop-brands].listing-filters--sidebar .listing-filters__essentials .diadao-sdk-button-gform, body.useragent-mobile .listing-filters[data-facet-context=multishop-brands].listing-filters--sidebar .listing-filters__essentials .product #reviews p.form-submit, .product #reviews body.useragent-mobile .listing-filters[data-facet-context=multishop-brands].listing-filters--sidebar .listing-filters__essentials p.form-submit,
body.useragent-mobile .listing-filters[data-facet-context=multishop-brands].listing-filters--sidebar .listing-filters__essentials .btn:first-child {
  flex: 0 0 auto;
  width: auto;
  min-width: max-content;
}
@media only screen and (max-width: 639px) {
  .listing-filters[data-facet-context=multishop-brands].listing-filters--sidebar .listing-filters__themes-row {
    display: none;
  }
  .listing-filters[data-facet-context=multishop-brands].listing-filters--sidebar .listing-filters__theme-trigger {
    display: flex;
  }
  .listing-filters[data-facet-context=multishop-brands].listing-filters--sidebar .listing-filters__toolbar {
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
  }
  .listing-filters[data-facet-context=multishop-brands].listing-filters--sidebar .listing-filters__essentials {
    grid-column: 1;
    width: 100%;
    justify-content: flex-start;
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
  }
  .listing-filters[data-facet-context=multishop-brands].listing-filters--sidebar .listing-filters__essentials::-webkit-scrollbar {
    display: none;
  }
  .listing-filters[data-facet-context=multishop-brands].listing-filters--sidebar .listing-filters__essentials .btn, .listing-filters[data-facet-context=multishop-brands].listing-filters--sidebar .listing-filters__essentials .gform_wrapper form .gform_footer .gform_button, .gform_wrapper form .gform_footer .listing-filters[data-facet-context=multishop-brands].listing-filters--sidebar .listing-filters__essentials .gform_button, .listing-filters[data-facet-context=multishop-brands].listing-filters--sidebar .listing-filters__essentials .gform_wrapper form .gform_footer .diadao-sdk-button-gform, .gform_wrapper form .gform_footer .listing-filters[data-facet-context=multishop-brands].listing-filters--sidebar .listing-filters__essentials .diadao-sdk-button-gform, .listing-filters[data-facet-context=multishop-brands].listing-filters--sidebar .listing-filters__essentials .product #reviews p.form-submit, .product #reviews .listing-filters[data-facet-context=multishop-brands].listing-filters--sidebar .listing-filters__essentials p.form-submit,
  .listing-filters[data-facet-context=multishop-brands].listing-filters--sidebar .listing-filters__essentials .btn:first-child {
    flex: 0 0 auto;
    width: auto;
    min-width: max-content;
  }
}
.listing-filters.listing-filters--no-logos .filter-item__logo {
  display: none;
}
@media only screen and (max-width: 1279px) {
  .listing-filters .big-only {
    display: none;
  }
}
@media only screen and (min-width: 1280px) {
  .listing-filters .small-only {
    display: none;
  }
}
.listing-filters__form {
  padding-bottom: 0;
  display: flex !important;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 24px;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  padding-inline: 16px;
  padding-block: 8px;
}
@media only screen and (min-width: 992px) {
  .listing-filters__form {
    padding-inline: 4vw;
  }
}
@media only screen and (min-width: 1280px) {
  .listing-filters__form {
    padding-inline: 6vw;
  }
}
@media only screen and (min-width: 1440px) {
  .listing-filters__form {
    padding-inline: 8vw;
  }
}
@media only screen and (min-width: 1920px) {
  .listing-filters__form {
    padding-inline: 15vw;
  }
}
.listing-filters__swiper {
  position: relative;
  width: 100%;
  display: none;
  overflow: hidden;
}
@media only screen and (min-width: 992px) {
  .listing-filters__swiper {
    display: block;
    padding-right: 88px;
  }
}
.listing-filters__swiper .kwpb-swiper-module {
  position: relative;
  border-bottom: 1px solid #E8EEF3;
}
.listing-filters__swiper .kwpb-swiper-module .swiper-container {
  height: 75px;
}
@media only screen and (min-width: 992px) {
  .listing-filters__swiper .kwpb-swiper-module .swiper-container {
    height: 60px;
  }
}
@media only screen and (min-width: 1280px) {
  .listing-filters__swiper .kwpb-swiper-module .swiper-container {
    height: 75px;
  }
}
.listing-filters__swiper .kwpb-swiper-module .swiper-container .swiper-slide {
  width: auto;
}
.listing-filters__swiper .kwpb-swiper-module .swiper-container .swiper-slide.active .filters-item {
  color: #1E1E1E;
}
.listing-filters__swiper .kwpb-swiper-module .swiper-container .swiper-slide input[type=radio] {
  z-index: 1;
  appearance: none;
  position: absolute;
  inset: 0;
  height: 100%;
  cursor: pointer;
  background: transparent;
  border: 0;
  margin: 0;
  border-radius: 0;
  width: 100%;
}
.listing-filters__swiper .kwpb-swiper-module .swiper-container .swiper-slide input[type=radio]:checked {
  border-bottom: 2px solid var(--diadabox-primary, #FF4848);
}
.listing-filters__swiper .kwpb-swiper-module .swiper-container .swiper-slide input[type=radio]:checked + label {
  color: #1E1E1E;
}
.listing-filters__swiper .kwpb-swiper-module .swiper-container .swiper-slide input[type=radio]:checked + label .icon {
  background-color: #1E1E1E;
}
@media only screen and (min-width: 992px) {
  .listing-filters__swiper .kwpb-swiper-module .swiper-container .swiper-slide input[type=radio]:hover + label {
    color: #1E1E1E;
  }
  .listing-filters__swiper .kwpb-swiper-module .swiper-container .swiper-slide input[type=radio]:hover + label .icon {
    background-color: #1E1E1E;
  }
}
.listing-filters__swiper .kwpb-swiper-module .swiper-container .swiper-slide input[type=radio][id=all]:checked + label .icon {
  -webkit-mask-image: url("../images/diadabox/svg/icon-filter-check.svg");
  mask-image: url("../images/diadabox/svg/icon-filter-check.svg");
}
.listing-filters__swiper .kwpb-swiper-module .swiper-container .swiper-slide .filter-item {
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 8px 14px 14px;
  color: #6B7580;
  font-weight: 700;
  pointer-events: none;
  transition: color 0.25s ease;
}
@media only screen and (min-width: 992px) {
  .listing-filters__swiper .kwpb-swiper-module .swiper-container .swiper-slide .filter-item {
    padding: 5px 8px 8px;
    gap: 8px;
    font-size: 12px;
  }
}
@media only screen and (min-width: 1280px) {
  .listing-filters__swiper .kwpb-swiper-module .swiper-container .swiper-slide .filter-item {
    padding: 8px 14px 14px;
    gap: 12px;
    font-size: 12px;
  }
}
.listing-filters__swiper .kwpb-swiper-module .swiper-container .swiper-slide .filter-item__label {
  line-height: 1.2;
}
.listing-filters__swiper .kwpb-swiper-module .swiper-container .swiper-slide .filter-item .icon {
  flex-shrink: 0;
  width: 100%;
  margin-bottom: auto;
  background-color: #6B7580;
}
.listing-filters__swiper .kwpb-swiper-module .swiper-container .swiper-slide .filter-item--link {
  pointer-events: auto;
  text-decoration: none;
}
.listing-filters__swiper .kwpb-swiper-module .swiper-container .swiper-slide .filter-item--link.is-active {
  color: #1E1E1E;
  border-bottom: 2px solid var(--diadabox-primary, #FF4848);
}
.listing-filters__swiper .kwpb-swiper-module .swiper-container .swiper-slide .filter-item--link.is-active .icon {
  background-color: #1E1E1E;
}
.listing-filters__swiper .swiper-navigation {
  height: 100%;
  position: absolute;
  top: 0;
  align-items: center;
  right: 0;
  gap: 8px;
  background: #FFFFFF;
  display: none;
  z-index: 6;
}
.listing-filters__swiper .swiper-navigation:before {
  content: "";
  position: absolute;
  top: 0;
  right: 100%;
  width: 20px;
  height: 100%;
  z-index: 5;
  background: linear-gradient(270deg, #FFFFFF 0%, #FFFFFF 0.01%, rgba(255, 255, 255, 0.7) 0.02%, rgba(255, 255, 255, 0) 100%);
}
@media only screen and (min-width: 992px) {
  .listing-filters__swiper .swiper-navigation {
    display: flex;
  }
}
.listing-filters__swiper .swiper-navigation .swiper-custom-button {
  width: 40px;
  height: 40px;
}
.listing-filters__essentials {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  flex-shrink: 0;
  height: 100%;
}
@media only screen and (max-width: 639px) {
  .listing-filters__essentials {
    width: 100%;
  }
}
@media only screen and (min-width: 1280px) {
  .listing-filters__essentials {
    gap: 16px;
  }
}
.listing-filters__essentials .filter-by {
  display: none;
}
.listing-filters__essentials .btn, .listing-filters__essentials .gform_wrapper form .gform_footer .gform_button, .gform_wrapper form .gform_footer .listing-filters__essentials .gform_button, .listing-filters__essentials .gform_wrapper form .gform_footer .diadao-sdk-button-gform, .gform_wrapper form .gform_footer .listing-filters__essentials .diadao-sdk-button-gform, .listing-filters__essentials .product #reviews p.form-submit, .product #reviews .listing-filters__essentials p.form-submit {
  height: 40px;
  font-weight: 400;
  padding: 0 16px;
  width: auto;
}
.listing-filters__essentials .btn > span, .listing-filters__essentials .gform_wrapper form .gform_footer .gform_button > span, .gform_wrapper form .gform_footer .listing-filters__essentials .gform_button > span, .listing-filters__essentials .gform_wrapper form .gform_footer .diadao-sdk-button-gform > span, .gform_wrapper form .gform_footer .listing-filters__essentials .diadao-sdk-button-gform > span, .listing-filters__essentials .product #reviews p.form-submit > span, .product #reviews .listing-filters__essentials p.form-submit > span {
  flex-direction: row;
  justify-content: space-between;
  font-size: 14px;
  text-overflow: ellipsis;
  padding: 0;
  flex: 1;
}
@media only screen and (max-width: 991px) {
  .listing-filters__essentials .btn > span, .listing-filters__essentials .gform_wrapper form .gform_footer .gform_button > span, .gform_wrapper form .gform_footer .listing-filters__essentials .gform_button > span, .listing-filters__essentials .gform_wrapper form .gform_footer .diadao-sdk-button-gform > span, .gform_wrapper form .gform_footer .listing-filters__essentials .diadao-sdk-button-gform > span, .listing-filters__essentials .product #reviews p.form-submit > span, .product #reviews .listing-filters__essentials p.form-submit > span {
    font-size: 12px;
  }
}
@media only screen and (min-width: 992px) {
  .listing-filters__essentials .btn:first-child, .listing-filters__essentials .gform_wrapper form .gform_footer .gform_button:first-child, .gform_wrapper form .gform_footer .listing-filters__essentials .gform_button:first-child, .listing-filters__essentials .gform_wrapper form .gform_footer .diadao-sdk-button-gform:first-child, .gform_wrapper form .gform_footer .listing-filters__essentials .diadao-sdk-button-gform:first-child, .listing-filters__essentials .product #reviews p.form-submit:first-child, .product #reviews .listing-filters__essentials p.form-submit:first-child {
    flex: 1;
  }
}
.listing-filters__essentials .btn:after, .listing-filters__essentials .gform_wrapper form .gform_footer .gform_button:after, .gform_wrapper form .gform_footer .listing-filters__essentials .gform_button:after, .listing-filters__essentials .gform_wrapper form .gform_footer .diadao-sdk-button-gform:after, .gform_wrapper form .gform_footer .listing-filters__essentials .diadao-sdk-button-gform:after, .listing-filters__essentials .product #reviews p.form-submit:after, .product #reviews .listing-filters__essentials p.form-submit:after {
  content: none;
}
.listing-filters__essentials .separator-vertical {
  width: 1px;
  background: #E8EEF3;
  align-self: stretch;
}

.modal-filters {
  height: auto;
  max-height: 100%;
}
@media only screen and (max-width: 991px) {
  .modal-filters {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
  }
}
@media only screen and (min-width: 1280px) {
  .modal-filters {
    width: 505px;
  }
}
@media only screen and (min-width: 1280px) {
  .modal-filters .small-only {
    display: none;
  }
}
.modal-filters .modal__header {
  padding: 32px 16px 16px 16px;
  height: 80px;
}
@media only screen and (min-width: 992px) {
  .modal-filters .modal__header {
    padding: 32px 32px 24px 32px;
    height: 88px;
  }
}
.modal-filters .modal__content {
  max-height: calc(100svh - 80px);
  padding: 0 16px 16px 16px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-start;
}
@media only screen and (max-width: 991px) {
  .modal-filters .modal__content {
    gap: 16px;
  }
}
@media only screen and (min-width: 992px) {
  .modal-filters .modal__content {
    max-height: calc(100vh - 80px);
    padding: 0 32px 32px 32px;
  }
}
.modal-filters .modal__wrapper {
  padding-top: 80px;
}
@media only screen and (min-width: 992px) {
  .modal-filters .modal__wrapper {
    padding-top: 88px;
  }
}
.modal-filters__group {
  width: 100%;
}
.modal-filters__group .hidden-text {
  padding: 0;
  transition: padding 0.25s ease, grid-template-rows 0.25s ease-in-out;
}
.modal-filters__group .hidden-text.shown {
  padding-top: 24px;
}
.modal-filters__prices {
  display: flex;
  flex-direction: row;
  gap: 16px;
  width: 100%;
}
.modal-filters__prices .input-wrapper {
  position: relative;
  width: calc((100% - 16px) / 2);
}
.modal-filters__prices label {
  position: absolute;
  top: 7px;
  left: 9px;
  color: #6B7580;
  font-size: 12px;
}
.modal-filters__prices input {
  padding: 24px 9px 8px !important;
}
.modal-filters__list {
  width: 100%;
  display: flex !important;
  flex-direction: column !important;
  gap: 16px;
  padding-block: 16px;
}
@media only screen and (max-width: 639px) {
  .modal-filters__list {
    gap: 8px;
    padding-block: 8px;
  }
}
.modal-filters__list__item {
  position: relative;
}
.modal-filters__list__item input[type=radio] {
  z-index: 1;
  appearance: none;
  position: absolute;
  inset: 0;
  height: 100%;
  cursor: pointer;
  background: transparent;
  border: 0;
  margin: 0;
  border-radius: 0;
}
@media only screen and (min-width: 992px) {
  .modal-filters__list__item input[type=radio]:hover + label {
    color: #1E1E1E;
  }
}
.modal-filters__list__item input[type=radio] + label {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  color: #6B7580;
  font-size: 14px;
  font-weight: 700;
}
.modal-filters__list__item input[type=radio] + label .icon {
  background-color: #6B7580;
}
.modal-filters__list__item input[type=radio]:checked + label {
  color: #1E1E1E;
}
.modal-filters__list__item input[type=radio]:checked + label .icon {
  background-color: #1E1E1E;
}
.modal-filters__list__item input[type=radio][id=all]:checked + label .icon {
  -webkit-mask-image: url("../images/diadabox/svg/icon-filter-check.svg");
  mask-image: url("../images/diadabox/svg/icon-filter-check.svg");
}
.modal-filters__list__item .filter-item--link {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  color: #6B7580;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}
.modal-filters__list__item .filter-item--link .icon {
  background-color: #6B7580;
}
.modal-filters__list__item.is-active .filter-item--link {
  color: #1E1E1E;
}
.modal-filters__list__item.is-active .filter-item--link .icon {
  background-color: #1E1E1E;
}
.modal-filters__label {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.modal-filters .choices {
  width: 100%;
}
.modal-filters .choices__wrapper {
  display: flex;
  flex-direction: row;
  gap: 8px;
  flex-wrap: wrap;
}
.modal-filters .choice {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  font-size: 14px;
  text-align: center;
  background: #F3F5F7;
  font-weight: 700;
  width: calc((100% - 24px) / 4);
}
.modal-filters .switch-container {
  position: relative;
  display: inline-block;
  width: 52px;
}
.modal-filters .switch-container input {
  opacity: 0;
  width: 0;
  height: 0;
}
.modal-filters .switch-container input:focus + .slider, .modal-filters .switch-container input:hover + .slider {
  background-color: #E8EEF3;
}
.modal-filters .switch-container input:checked + .slider {
  background-color: #2196F3;
}
.modal-filters .switch-container input:checked + .slider:before {
  box-shadow: 0 0 1px #1562A1;
  transform: translateX(22px);
}
.modal-filters .switch-container .slider {
  position: absolute;
  cursor: pointer;
  inset: 0;
  background-color: #F3F5F7;
  border-radius: 360px;
  transition: 0.4s ease-in-out;
}
.modal-filters .switch-container .slider:before {
  position: absolute;
  content: "";
  background-color: #FFFFFF;
  transition: 0.4s ease-in-out;
  border-radius: 50%;
  box-shadow: 0 0 1px #E8EEF3;
}
.modal-filters .range-prices {
  width: 100%;
  padding: 16px 0;
}
.modal-filters .range-prices .range-slider {
  height: 10px;
  position: relative;
  background-color: #F3F5F7;
  border-radius: 8px;
}
.modal-filters .range-prices .range-selected {
  height: 100%;
  left: 0;
  right: 0;
  position: absolute;
  border-radius: 8px;
  background-color: #6B7580;
}
.modal-filters .range-prices .range-input {
  position: relative;
}
.modal-filters .range-prices .range-input input {
  position: absolute;
  width: 100%;
  height: 5px;
  top: -7px;
  background: none;
  pointer-events: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.modal-filters .range-prices .range-input input::-webkit-slider-thumb {
  height: 32px;
  width: 32px;
  border-radius: 50%;
  border: 1px solid #D6DEE7;
  background-color: #FFFFFF;
  pointer-events: auto;
  -webkit-appearance: none;
  cursor: pointer;
}
.modal-filters .range-prices .range-input input::-moz-range-thumb {
  height: 32px;
  width: 32px;
  border-radius: 50%;
  border: 1px solid #D6DEE7;
  background-color: #FFFFFF;
  pointer-events: auto;
  -moz-appearance: none;
  cursor: pointer;
}

.vouchers--multishop .voucher-card--filtered-out {
  display: none !important;
}
.vouchers--multishop .voucher-card__external-icon {
  display: inline-block;
  vertical-align: baseline;
  flex-shrink: 0;
  background-color: currentColor;
  display: inline-block;
  width: 14px;
  height: 14px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: cover;
  mask-size: contain;
  -webkit-mask-image: url("../images/diadabox/svg/icon-external-link.svg");
  mask-image: url("../images/diadabox/svg/icon-external-link.svg");
  background-color: currentColor;
  pointer-events: none;
}

.modal-filters__list button.filter-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 8px 0;
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  font: inherit;
  color: #6B7580;
  -webkit-appearance: none;
  appearance: none;
  transition: color 0.25s ease;
}
.modal-filters__list button.filter-item .filter-item__logo {
  flex-shrink: 0;
  width: auto;
  max-width: 64px;
  height: 28px;
  object-fit: contain;
}
.modal-filters__list button.filter-item.is-active {
  color: #1E1E1E;
  font-weight: 700;
}

.modal-filters__list__item.is-theme-unavailable {
  display: none !important;
}

.sitemap {
  position: relative;
}
@media only screen and (min-width: 640px) and (max-width: 991px) {
  .sitemap.basic-section {
    padding-inline: 6vw;
  }
}
.sitemap__container {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 48px;
}
@media only screen and (max-width: 991px) {
  .sitemap__container {
    gap: 16px;
  }
}
.sitemap__product-groups {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.sitemap__product-group {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.sitemap__brand {
  margin: 0;
}
.sitemap__brand-list .sitemap__brand-tile {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  min-height: 3rem;
  padding-block: 0.125rem;
  background-color: #E8EEF3;
  box-shadow: inset 0.25rem 0 0 var(--sitemap-brand-accent, var(--diadabox-primary, #FF4848));
}
.sitemap__brand-list .sitemap__brand-tile:hover {
  background-color: #D6DEE7;
}
.sitemap__brand-label {
  min-width: 0;
}
.sitemap__brand-logo {
  flex: 0 0 1.75rem;
  height: 1.75rem;
  margin-left: auto;
}
.sitemap__brand-logo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.sitemap h2 {
  margin-top: 4rem;
  grid-column-start: 2;
  grid-column-end: span 12;
}
@media only screen and (max-width: 991px) {
  .sitemap h2 {
    margin-top: 16px;
  }
}
.sitemap h2:first-child {
  margin-top: 0;
}
.sitemap ul {
  display: flex;
  flex-direction: row;
  gap: 8px;
  flex-wrap: wrap;
}
@media only screen and (max-width: 991px) {
  .sitemap ul {
    gap: 8px;
  }
}
.sitemap ul li {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .sitemap ul li {
    width: calc((100% - 8px) / 2);
  }
}
@media only screen and (min-width: 992px) {
  .sitemap ul li {
    width: calc((100% - 8px) / 2);
  }
}
.sitemap ul li ul.children {
  display: none;
}
.sitemap ul li a {
  min-height: 3rem;
  padding: 0.625rem;
  font-weight: 600;
  background-color: #E8EEF3;
  width: 100%;
  display: flex;
  align-items: center;
  line-height: 1;
  border-radius: 4px;
  transition: background-color 0.2s ease-out;
}
@media only screen and (max-width: 991px) {
  .sitemap ul li a {
    font-size: 12px;
  }
}
.sitemap ul li a:hover {
  background-color: #D6DEE7;
}

.basic-section {
  padding-top: 0;
  padding-bottom: 40px;
  padding-inline: 16px;
}
@media only screen and (min-width: 640px) {
  .basic-section {
    padding-inline: 6vw;
    padding-bottom: 32px;
  }
}
@media only screen and (min-width: 992px) {
  .basic-section {
    padding-inline: 4vw;
    padding-bottom: 48px;
  }
}
@media only screen and (min-width: 1280px) {
  .basic-section {
    padding-inline: 6vw;
    padding-bottom: 60px;
  }
}
@media only screen and (min-width: 1440px) {
  .basic-section {
    padding-inline: 8vw;
    padding-bottom: 72px;
  }
}
@media only screen and (min-width: 1920px) {
  .basic-section {
    padding-inline: 15vw;
    padding-bottom: 104px;
  }
}
@media only screen and (max-width: 991px) {
  .basic-section {
    padding-inline: 16px;
    padding-block: 0px;
  }
}
.basic-section h2, .basic-section h3 {
  padding-block: 16px;
}

.content-medias {
  overflow: clip;
}
.content-medias__container {
  position: relative;
  z-index: 1;
  padding-bottom: 80px;
  display: grid;
  align-items: center;
  column-gap: 16px;
  row-gap: 16px;
  grid-template-columns: 0px repeat(12, minmax(0px, 1fr)) 0px;
}
@media only screen and (min-width: 992px) {
  .content-medias__container {
    padding-bottom: 120px;
    column-gap: 16px;
    row-gap: 16px;
    grid-template-columns: 80px repeat(12, minmax(0px, 1fr)) 80px;
  }
}
@media only screen and (min-width: 992px) {
  .content-medias__container.media-fullscreen {
    height: 100vh;
    padding-bottom: 0;
    margin-bottom: 120px;
  }
}
@media only screen and (min-width: 992px) {
  .content-medias__container.text-fullwidth {
    justify-items: center;
  }
}
.content-medias__content {
  grid-column-start: 2;
  grid-column-end: span 12;
  grid-row-start: 2;
  grid-row-end: span 1;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media only screen and (min-width: 992px) {
  .content-medias__content {
    grid-row-start: 1;
    grid-row-end: span 1;
    max-width: 1200px;
    gap: 40px;
  }
}
@media only screen and (max-width: 991px) {
  .content-medias__content.has-medias {
    margin-top: 24px;
  }
}
.content-medias__content.text-centered {
  text-align: center;
}
@media only screen and (min-width: 992px) {
  .content-medias__content.text-centered {
    grid-column-start: 3;
    grid-column-end: span 10;
  }
}
@media only screen and (min-width: 1640px) {
  .content-medias__content.text-centered {
    grid-column-start: 4;
    grid-column-end: span 8;
  }
}
@media only screen and (min-width: 1920px) {
  .content-medias__content.text-centered {
    grid-column-start: 5;
    grid-column-end: span 6;
  }
}
.content-medias__content.text-centered .btn-group {
  justify-content: center;
}
.content-medias__content.media-trio {
  grid-row-start: 3;
  grid-row-end: span 1;
}
@media only screen and (min-width: 992px) {
  .content-medias__content.media-trio {
    grid-row-start: 1;
    grid-row-end: span 2;
  }
}
@media only screen and (min-width: 992px) {
  .content-medias__content.media-trio.content-left, .content-medias__content.media-solo.content-left {
    grid-column-start: 2;
    grid-column-end: span 5;
  }
}
@media only screen and (min-width: 1640px) {
  .content-medias__content.media-trio.content-left, .content-medias__content.media-solo.content-left {
    grid-column-start: 3;
    grid-column-end: span 4;
  }
}
@media only screen and (min-width: 992px) {
  .content-medias__content.media-trio.content-right, .content-medias__content.media-solo.content-right {
    grid-column-start: 9;
    grid-column-end: span 5;
  }
}
@media only screen and (min-width: 1640px) {
  .content-medias__content.media-trio.content-right, .content-medias__content.media-solo.content-right {
    grid-column-start: 9;
    grid-column-end: span 4;
  }
}
@media only screen and (min-width: 992px) {
  .content-medias__content.media-fullscreen.content-right {
    grid-column-start: 8;
    grid-column-end: span 6;
  }
}
@media only screen and (min-width: 992px) {
  .content-medias__content.media-fullscreen.content-left {
    grid-column-start: 2;
    grid-column-end: span 6;
  }
}
@media only screen and (min-width: 992px) {
  .content-medias__content.media-fullscreen {
    border-radius: 8px;
    position: relative;
    z-index: 3;
    padding: 80px;
    background: #F9F9F9;
  }
}
.content-medias__content__title {
  font-size: 30px;
  font-weight: bold;
  line-height: 1.2;
}
@media only screen and (min-width: 992px) {
  .content-medias__content__title {
    font-size: 40px;
  }
}
.content-medias__content__text p {
  margin-bottom: 24px;
  font-size: 16px;
}
.content-medias__content__text ul,
.content-medias__content__text ol {
  margin-bottom: 24px;
  padding: 0;
  list-style-type: none;
  display: inline-flex;
  flex-direction: column;
}
.content-medias__content__text ul li,
.content-medias__content__text ol li {
  text-align: left;
  font-size: 16px;
  padding-left: 32px;
  margin-bottom: 8px;
  position: relative;
}
.content-medias__content__text ul li:before,
.content-medias__content__text ol li:before {
  position: absolute;
  left: 0;
  top: 14px;
  content: "";
  width: 16px;
  height: 2px !important;
  background-color: var(--seo-primary-color, lightslategrey);
}
.content-medias__content__link.btn-group {
  flex-direction: column;
}
.content-medias__content__buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.content-medias__super-media {
  position: relative;
}
.content-medias__super-media .video-wrapper {
  width: 100%;
  height: 100%;
}
.content-medias__super-media.media-solo {
  grid-column-start: 2;
  grid-column-end: span 12;
  grid-row-start: 1;
  grid-row-end: span 1;
}
.content-medias__super-media.media-solo img,
.content-medias__super-media.media-solo video,
.content-medias__super-media.media-solo iframe {
  aspect-ratio: 1.7777777778;
  display: block;
  width: 100%;
  overflow: hidden;
  object-fit: cover;
  object-position: center;
  border-radius: 4px;
}
@media only screen and (min-width: 992px) {
  .content-medias__super-media.media-solo.content-right {
    grid-column-start: 2;
    grid-column-end: span 6;
    grid-row-start: 1;
    grid-row-end: span 1;
  }
  .content-medias__super-media.media-solo.content-right img,
  .content-medias__super-media.media-solo.content-right video,
  .content-medias__super-media.media-solo.content-right iframe {
    aspect-ratio: 1;
    display: block;
    width: 100%;
    overflow: hidden;
    object-fit: cover;
    object-position: center;
    border-radius: 4px;
  }
}
@media only screen and (min-width: 992px) {
  .content-medias__super-media.media-solo.content-left {
    grid-column-start: 8;
    grid-column-end: span 6;
    grid-row-start: 1;
    grid-row-end: span 1;
  }
  .content-medias__super-media.media-solo.content-left img,
  .content-medias__super-media.media-solo.content-left video,
  .content-medias__super-media.media-solo.content-left iframe {
    aspect-ratio: 1;
    display: block;
    width: 100%;
    overflow: hidden;
    object-fit: cover;
    object-position: center;
    border-radius: 4px;
  }
}
.content-medias__super-media.media-trio {
  grid-row-start: 1;
  grid-row-end: span 1;
  grid-column-start: 2;
  grid-column-end: span 12;
}
.content-medias__super-media.media-trio img,
.content-medias__super-media.media-trio video,
.content-medias__super-media.media-trio iframe {
  aspect-ratio: 1.7777777778;
  display: block;
  width: 100%;
  overflow: hidden;
  object-fit: cover;
  object-position: center;
  border-radius: 4px;
}
@media only screen and (min-width: 992px) {
  .content-medias__super-media.media-trio.content-left {
    grid-column-start: 8;
    grid-column-end: span 3;
    grid-row-start: 1;
    grid-row-end: span 2;
  }
  .content-medias__super-media.media-trio.content-left img,
  .content-medias__super-media.media-trio.content-left video,
  .content-medias__super-media.media-trio.content-left iframe {
    aspect-ratio: 0.5625;
    display: block;
    width: 100%;
    overflow: hidden;
    object-fit: cover;
    object-position: center;
    border-radius: 4px;
  }
}
@media only screen and (min-width: 992px) {
  .content-medias__super-media.media-trio.content-right {
    grid-column-start: 5;
    grid-column-end: span 3;
    grid-row-start: 1;
    grid-row-end: span 2;
  }
  .content-medias__super-media.media-trio.content-right img,
  .content-medias__super-media.media-trio.content-right video,
  .content-medias__super-media.media-trio.content-right iframe {
    aspect-ratio: 0.5625;
    display: block;
    width: 100%;
    overflow: hidden;
    object-fit: cover;
    object-position: center;
    border-radius: 4px;
  }
}
@media only screen and (max-width: 991px) {
  .content-medias__super-media.media-fullscreen img,
  .content-medias__super-media.media-fullscreen video,
  .content-medias__super-media.media-fullscreen iframe {
    aspect-ratio: 1.7777777778;
    display: block;
    width: 100%;
    overflow: hidden;
    object-fit: cover;
    object-position: center;
    border-radius: 4px;
  }
  .content-medias__super-media.media-fullscreen {
    grid-column-start: 2;
    grid-column-end: span 12;
    grid-row-start: 1;
    grid-row-end: span 1;
    width: 100%;
  }
}
@media only screen and (min-width: 992px) {
  .content-medias__super-media.media-fullscreen {
    grid-column-start: 1;
    grid-column-end: span 14;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
  }
}
.content-medias__super-media.media-fullscreen .kwpb-swiper-module,
.content-medias__super-media.media-fullscreen .swiper-container,
.content-medias__super-media.media-fullscreen .swiper-wrapper {
  width: 100%;
  height: 100%;
  border-radius: 0;
}
.content-medias__super-media.media-fullscreen img {
  height: 100%;
  width: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}
.content-medias__image {
  position: relative;
  height: 100%;
}
.content-medias__image img {
  height: 100%;
}
.content-medias__image-1.media-trio {
  grid-column-start: 2;
  grid-column-end: span 6;
  grid-row-start: 2;
  grid-row-end: span 1;
}
.content-medias__image-1.media-trio img,
.content-medias__image-1.media-trio video,
.content-medias__image-1.media-trio iframe {
  aspect-ratio: 1.7777777778;
  display: block;
  width: 100%;
  overflow: hidden;
  object-fit: cover;
  object-position: center;
  border-radius: 4px;
}
@media only screen and (min-width: 992px) {
  .content-medias__image-1.media-trio.content-left {
    grid-column-start: 11;
    grid-column-end: span 3;
    grid-row-start: 1;
    grid-row-end: span 1;
  }
  .content-medias__image-1.media-trio.content-left img,
  .content-medias__image-1.media-trio.content-left video,
  .content-medias__image-1.media-trio.content-left iframe {
    aspect-ratio: 1.7777777778;
    display: block;
    width: 100%;
    overflow: hidden;
    object-fit: cover;
    object-position: center;
    border-radius: 4px;
  }
  .content-medias__image-1.media-trio.content-left {
    align-self: end;
  }
}
@media only screen and (min-width: 992px) {
  .content-medias__image-1.media-trio.content-right {
    grid-column-start: 2;
    grid-column-end: span 3;
    grid-row-start: 1;
    grid-row-end: span 1;
  }
  .content-medias__image-1.media-trio.content-right img,
  .content-medias__image-1.media-trio.content-right video,
  .content-medias__image-1.media-trio.content-right iframe {
    aspect-ratio: 1.7777777778;
    display: block;
    width: 100%;
    overflow: hidden;
    object-fit: cover;
    object-position: center;
    border-radius: 4px;
  }
  .content-medias__image-1.media-trio.content-right {
    align-self: end;
  }
}
.content-medias__image-2.media-trio {
  grid-column-start: 8;
  grid-column-end: span 6;
  grid-row-start: 2;
  grid-row-end: span 1;
}
.content-medias__image-2.media-trio img,
.content-medias__image-2.media-trio video,
.content-medias__image-2.media-trio iframe {
  aspect-ratio: 1.7777777778;
  display: block;
  width: 100%;
  overflow: hidden;
  object-fit: cover;
  object-position: center;
  border-radius: 4px;
}
@media only screen and (min-width: 992px) {
  .content-medias__image-2.media-trio.content-left {
    grid-column-start: 11;
    grid-column-end: span 2;
    grid-row-start: 2;
    grid-row-end: span 1;
  }
  .content-medias__image-2.media-trio.content-left img,
  .content-medias__image-2.media-trio.content-left video,
  .content-medias__image-2.media-trio.content-left iframe {
    aspect-ratio: 0.5625;
    display: block;
    width: 100%;
    overflow: hidden;
    object-fit: cover;
    object-position: center;
    border-radius: 4px;
  }
  .content-medias__image-2.media-trio.content-left {
    align-self: start;
  }
}
@media only screen and (min-width: 992px) {
  .content-medias__image-2.media-trio.content-right {
    grid-column-start: 3;
    grid-column-end: span 2;
    grid-row-start: 2;
    grid-row-end: span 1;
  }
  .content-medias__image-2.media-trio.content-right img,
  .content-medias__image-2.media-trio.content-right video,
  .content-medias__image-2.media-trio.content-right iframe {
    aspect-ratio: 0.5625;
    display: block;
    width: 100%;
    overflow: hidden;
    object-fit: cover;
    object-position: center;
    border-radius: 4px;
  }
  .content-medias__image-2.media-trio.content-right {
    align-self: start;
  }
}
.content-medias .kwpb-swiper-module {
  overflow: clip;
  height: 100%;
}
.content-medias .kwpb-swiper-module .swiper-container {
  height: 100%;
}
.content-medias .kwpb-swiper-module .swiper-actions .swiper-pagination-horizontal.swiper-pagination-bullets {
  bottom: 24px;
  padding-right: 24px;
  text-align: right;
  line-height: 0;
}
.content-medias .kwpb-swiper-module .swiper-actions .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  height: 8px;
  width: 16px;
  opacity: 1;
  border-radius: 4px;
  background-color: #F9F9F9;
  transition: all 0.3s ease;
  margin: 0 3px;
}
.content-medias .kwpb-swiper-module .swiper-actions .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet:first-child {
  margin-top: 0;
}
.content-medias .kwpb-swiper-module .swiper-actions .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 40px;
  background-color: #F9F9F9;
}
.content-medias .kwpb-swiper-module .swiper-actions .swiper-navigation {
  display: none;
}

.content-contact {
  padding-top: 0;
  padding-bottom: 40px;
  padding-inline: 16px;
}
@media only screen and (min-width: 640px) {
  .content-contact {
    padding-inline: 6vw;
    padding-bottom: 32px;
  }
}
@media only screen and (min-width: 992px) {
  .content-contact {
    padding-inline: 4vw;
    padding-bottom: 48px;
  }
}
@media only screen and (min-width: 1280px) {
  .content-contact {
    padding-inline: 6vw;
    padding-bottom: 60px;
  }
}
@media only screen and (min-width: 1440px) {
  .content-contact {
    padding-inline: 8vw;
    padding-bottom: 72px;
  }
}
@media only screen and (min-width: 1920px) {
  .content-contact {
    padding-inline: 15vw;
    padding-bottom: 104px;
  }
}
.content-contact__container {
  display: flex;
  flex-direction: column;
  background: #F9F9F9;
  border-radius: 8px;
  overflow: clip;
  align-items: normal;
}
@media only screen and (min-width: 992px) {
  .content-contact__container {
    display: grid;
    grid-template-columns: repeat(12, minmax(0px, 1fr));
    align-items: center;
    column-gap: 16px;
    row-gap: 16px;
  }
}
@media only screen and (min-width: 992px) and (min-width: 992px) {
  .content-contact__container {
    column-gap: 16px;
    row-gap: 16px;
    grid-template-columns: repeat(12, minmax(0px, 1fr));
  }
}
.content-contact__map {
  background: #D3D3D3;
  height: 100%;
  aspect-ratio: 1/1;
  position: relative;
}
.content-contact__map .theme-google-map {
  width: 100%;
  height: 100%;
  position: absolute !important;
  inset: 0;
  top: 0;
}
@media only screen and (min-width: 992px) {
  .content-contact__map {
    grid-column-start: 1;
    grid-column-end: span 7;
    padding-top: 66%;
    aspect-ratio: auto;
  }
}
@media only screen and (min-width: 992px) {
  .content-contact--left .content-contact__map {
    order: 2;
    grid-column-start: 6;
    grid-column-end: span 7;
  }
}
.content-contact__inner {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-start;
  border-radius: 8px;
  padding: 32px;
}
@media only screen and (min-width: 992px) {
  .content-contact__inner {
    grid-column-start: 8;
    grid-column-end: span 5;
    padding: 48px;
  }
}
@media only screen and (min-width: 992px) {
  .content-contact--left .content-contact__inner {
    order: 1;
    grid-column-start: 1;
    grid-column-end: span 4;
  }
}
.content-contact__infos {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.content-contact__cta > a {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  height: 56px;
  border: 1px solid transparent;
  transition: background-color 0.25s ease-in-out, border 0.25s ease-in-out, color 0.25s ease-in-out;
  color: #F9F9F9;
  background: var(--diadabox-primary, #FF4848);
  overflow: hidden;
  width: 100%;
  font-weight: 700;
  padding: 0 24px;
}
@media only screen and (min-width: 640px) {
  .content-contact__cta > a {
    width: auto;
  }
}
@media only screen and (max-width: 991px) {
  .content-contact__cta > a {
    padding: 0 16px;
    height: 48px;
    font-size: 12px;
  }
}
@media only screen and (min-width: 992px) {
  .content-contact__cta > a {
    padding: 0 24px;
    height: 48px;
  }
  .content-contact__cta > a::before {
    content: "";
    z-index: 0;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 0%;
    background-color: var(--diadabox-primary-darker, rgb(255, 46.5, 46.5));
    transition: width 0.25s ease-in-out;
  }
  .content-contact__cta > a:hover::before {
    width: 100%;
  }
}
@media only screen and (min-width: 1280px) {
  .content-contact__cta > a {
    padding: 0 32px;
    height: 56px;
  }
}
.content-contact__cta > a span {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-size: 16px;
  pointer-events: none;
}
@media only screen and (max-width: 991px) {
  .content-contact__cta > a span {
    font-size: 13px;
  }
}

.custom-map-marker {
  position: absolute;
  transform: translate(-50%, -100%);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  background: rgba(0, 0, 0, 0.75);
  padding: 16px;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  white-space: nowrap;
  color: #F9F9F9;
  text-align: center;
  max-width: 300px;
}
.custom-map-marker::after {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid rgba(0, 0, 0, 0.75);
}
.custom-map-marker__name {
  font-weight: 600;
  font-size: 14px;
}
.custom-map-marker__sub {
  font-size: 12px;
  opacity: 0.75;
  margin-top: 4px;
  text-wrap: wrap;
}

.content-instagram {
  padding-top: 0;
  padding-bottom: 40px;
  padding-inline: 16px;
}
@media only screen and (min-width: 640px) {
  .content-instagram {
    padding-inline: 6vw;
    padding-bottom: 32px;
  }
}
@media only screen and (min-width: 992px) {
  .content-instagram {
    padding-inline: 4vw;
    padding-bottom: 48px;
  }
}
@media only screen and (min-width: 1280px) {
  .content-instagram {
    padding-inline: 6vw;
    padding-bottom: 60px;
  }
}
@media only screen and (min-width: 1440px) {
  .content-instagram {
    padding-inline: 8vw;
    padding-bottom: 72px;
  }
}
@media only screen and (min-width: 1920px) {
  .content-instagram {
    padding-inline: 15vw;
    padding-bottom: 104px;
  }
}
.content-instagram__container {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media only screen and (min-width: 992px) {
  .content-instagram__container {
    display: grid;
    grid-template-columns: repeat(12, minmax(0px, 1fr));
    align-items: center;
    column-gap: 16px;
    row-gap: 16px;
    align-items: center;
  }
}
@media only screen and (min-width: 992px) and (min-width: 992px) {
  .content-instagram__container {
    column-gap: 16px;
    row-gap: 16px;
    grid-template-columns: repeat(12, minmax(0px, 1fr));
  }
}
.content-instagram__texts {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media only screen and (min-width: 992px) {
  .content-instagram__texts {
    grid-column-start: 1;
    grid-column-end: span 4;
    padding-right: 32px;
    align-items: flex-start;
  }
}
.content-instagram__subtitle {
  font-size: 18px;
  font-weight: 700;
}
@media only screen and (min-width: 992px) {
  .content-instagram__feed {
    grid-column-start: 5;
    grid-column-end: span 8;
  }
}
.content-instagram #lightwidget-wrapper {
  width: 100%;
  line-height: 0;
}

.content-404 {
  padding-top: 0;
  padding-bottom: 40px;
  padding-inline: 16px;
}
@media only screen and (min-width: 640px) {
  .content-404 {
    padding-inline: 6vw;
    padding-bottom: 32px;
  }
}
@media only screen and (min-width: 992px) {
  .content-404 {
    padding-inline: 4vw;
    padding-bottom: 48px;
  }
}
@media only screen and (min-width: 1280px) {
  .content-404 {
    padding-inline: 6vw;
    padding-bottom: 60px;
  }
}
@media only screen and (min-width: 1440px) {
  .content-404 {
    padding-inline: 8vw;
    padding-bottom: 72px;
  }
}
@media only screen and (min-width: 1920px) {
  .content-404 {
    padding-inline: 15vw;
    padding-bottom: 104px;
  }
}
.content-404__container {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media only screen and (min-width: 992px) {
  .content-404__container {
    display: grid;
    grid-template-columns: repeat(12, minmax(0px, 1fr));
    align-items: center;
    column-gap: 16px;
    row-gap: 16px;
    align-items: center;
  }
}
@media only screen and (min-width: 992px) and (min-width: 992px) {
  .content-404__container {
    column-gap: 16px;
    row-gap: 16px;
    grid-template-columns: repeat(12, minmax(0px, 1fr));
  }
}
.content-404__texts {
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: center;
  text-align: center;
}
@media only screen and (min-width: 992px) {
  .content-404__texts {
    grid-column-start: 1;
    grid-column-end: span 4;
    padding-right: 32px;
    align-items: flex-start;
    text-align: left;
  }
}
.content-404__subtitle {
  font-size: 18px;
  font-weight: 700;
}
.content-404__media {
  pointer-events: none !important;
  order: -1;
}
.content-404__media a {
  pointer-events: none !important;
  display: block;
  position: relative !important;
}
.content-404__media img {
  max-width: 100%;
  display: block;
  aspect-ratio: 16/9;
  object-fit: contain;
  overflow: clip;
}
@media only screen and (min-width: 992px) {
  .content-404__media img {
    aspect-ratio: auto;
  }
}
@media only screen and (min-width: 992px) {
  .content-404__media {
    order: 2;
    grid-column-start: 8;
    grid-column-end: span 5;
  }
}
.content-404 .btn, .content-404 .gform_wrapper form .gform_footer .gform_button, .gform_wrapper form .gform_footer .content-404 .gform_button, .content-404 .gform_wrapper form .gform_footer .diadao-sdk-button-gform, .gform_wrapper form .gform_footer .content-404 .diadao-sdk-button-gform, .content-404 .product #reviews p.form-submit, .product #reviews .content-404 p.form-submit {
  width: auto;
}

.content-maintenance {
  padding-top: 0;
  padding-bottom: 40px;
  padding-inline: 16px;
}
@media only screen and (min-width: 640px) {
  .content-maintenance {
    padding-inline: 6vw;
    padding-bottom: 32px;
  }
}
@media only screen and (min-width: 992px) {
  .content-maintenance {
    padding-inline: 4vw;
    padding-bottom: 48px;
  }
}
@media only screen and (min-width: 1280px) {
  .content-maintenance {
    padding-inline: 6vw;
    padding-bottom: 60px;
  }
}
@media only screen and (min-width: 1440px) {
  .content-maintenance {
    padding-inline: 8vw;
    padding-bottom: 72px;
  }
}
@media only screen and (min-width: 1920px) {
  .content-maintenance {
    padding-inline: 15vw;
    padding-bottom: 104px;
  }
}
.content-maintenance__container {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media only screen and (min-width: 992px) {
  .content-maintenance__container {
    display: grid;
    grid-template-columns: repeat(12, minmax(0px, 1fr));
    align-items: center;
    column-gap: 16px;
    row-gap: 16px;
    align-items: center;
  }
}
@media only screen and (min-width: 992px) and (min-width: 992px) {
  .content-maintenance__container {
    column-gap: 16px;
    row-gap: 16px;
    grid-template-columns: repeat(12, minmax(0px, 1fr));
  }
}
.content-maintenance__texts {
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: center;
  text-align: center;
}
@media only screen and (min-width: 992px) {
  .content-maintenance__texts {
    grid-column-start: 1;
    grid-column-end: span 6;
    padding-right: 32px;
    align-items: flex-start;
    text-align: left;
  }
}
.content-maintenance__subtitle {
  font-size: 18px;
  font-weight: 700;
}
.content-maintenance__media {
  pointer-events: none !important;
  order: -1;
}
.content-maintenance__media a {
  pointer-events: none !important;
  display: block;
  position: relative !important;
}
.content-maintenance__media img {
  max-width: 100%;
  display: block;
  aspect-ratio: 16/9;
  object-fit: contain;
  overflow: clip;
}
@media only screen and (min-width: 992px) {
  .content-maintenance__media img {
    aspect-ratio: auto;
  }
}
@media only screen and (min-width: 992px) {
  .content-maintenance__media {
    order: 2;
    grid-column-start: 8;
    grid-column-end: span 5;
  }
}
.content-maintenance .btn, .content-maintenance .gform_wrapper form .gform_footer .gform_button, .gform_wrapper form .gform_footer .content-maintenance .gform_button, .content-maintenance .gform_wrapper form .gform_footer .diadao-sdk-button-gform, .gform_wrapper form .gform_footer .content-maintenance .diadao-sdk-button-gform, .content-maintenance .product #reviews p.form-submit, .product #reviews .content-maintenance p.form-submit {
  width: auto;
}

.content-infos-pratiques {
  padding-top: 0;
  padding-bottom: 40px;
  padding-inline: 16px;
}
@media only screen and (min-width: 640px) {
  .content-infos-pratiques {
    padding-inline: 6vw;
    padding-bottom: 32px;
  }
}
@media only screen and (min-width: 992px) {
  .content-infos-pratiques {
    padding-inline: 4vw;
    padding-bottom: 48px;
  }
}
@media only screen and (min-width: 1280px) {
  .content-infos-pratiques {
    padding-inline: 6vw;
    padding-bottom: 60px;
  }
}
@media only screen and (min-width: 1440px) {
  .content-infos-pratiques {
    padding-inline: 8vw;
    padding-bottom: 72px;
  }
}
@media only screen and (min-width: 1920px) {
  .content-infos-pratiques {
    padding-inline: 15vw;
    padding-bottom: 104px;
  }
}
.content-infos-pratiques__container {
  display: flex;
  flex-direction: column;
  gap: 32px;
  margin-top: 32px;
}
@media only screen and (min-width: 992px) {
  .content-infos-pratiques__container {
    display: grid;
    grid-template-columns: repeat(12, minmax(0px, 1fr));
    align-items: center;
    column-gap: 16px;
    row-gap: 16px;
    align-items: flex-start;
  }
}
@media only screen and (min-width: 992px) and (min-width: 992px) {
  .content-infos-pratiques__container {
    column-gap: 16px;
    row-gap: 16px;
    grid-template-columns: repeat(12, minmax(0px, 1fr));
  }
}
@media only screen and (min-width: 992px) {
  .content-infos-pratiques__list-faq {
    grid-column-start: 1;
    grid-column-end: span 8;
  }
}
.content-infos-pratiques__title {
  margin: 0;
}
.content-infos-pratiques__lists {
  display: grid;
  grid-template-columns: 1fr;
  gap: 32px;
}
@media only screen and (min-width: 992px) {
  .content-infos-pratiques__lists {
    grid-template-columns: 1fr 1fr;
  }
}
.content-infos-pratiques__faq .accordion__list {
  counter-reset: list;
  margin-block: 0.625rem;
  overflow: hidden;
}
.content-infos-pratiques__faq .accordion__item {
  display: flex;
  flex-direction: row;
  gap: 16px;
  transition: padding 0.25s ease-in-out, background-color 0.25s ease-in-out;
  position: relative;
  cursor: pointer;
}
.content-infos-pratiques__faq .accordion__item:not(:first-child) {
  padding: 24px 0 0 0;
}
@media only screen and (min-width: 992px) {
  .content-infos-pratiques__faq .accordion__item:not(:first-child) {
    padding: 32px 0 0 0;
  }
}
.content-infos-pratiques__faq .accordion__item.collapsed {
  background-color: transparent;
}
.content-infos-pratiques__faq .accordion__item.collapsed .accordion__item__icon {
  background-image: url("../images/diadabox/svg/icon-plus.svg");
}
.content-infos-pratiques__faq .accordion__item__number {
  display: none;
}
.content-infos-pratiques__faq .accordion__item__content {
  flex: 1 0 0;
}
.content-infos-pratiques__faq .accordion__item__content .accordion-body {
  padding-top: 16px;
}
.content-infos-pratiques__faq .accordion__item__title h3 {
  font-size: 16px;
}
.content-infos-pratiques__faq .accordion__item__icon {
  width: 20px;
  height: 20px;
  background-image: url("../images/diadabox/svg/icon-minus.svg");
  background-size: cover;
  background-repeat: no-repeat;
}
.content-infos-pratiques__cta {
  align-self: flex-start;
  margin-top: 24px;
}
@media only screen and (min-width: 992px) {
  .content-infos-pratiques__cta {
    margin-top: 32px;
  }
}
.content-infos-pratiques .list-infos-pratiques {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 992px) {
  .content-infos-pratiques .list-infos-pratiques {
    grid-column-start: 9;
    grid-column-end: span 4;
    margin-left: 32px;
  }
}
.content-infos-pratiques .list-infos-pratiques__title {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 12px;
  font-size: 16px;
  margin-bottom: 16px;
}
.content-infos-pratiques .list-infos-pratiques__picto {
  flex-shrink: 0;
  display: block;
  width: 24px;
  height: 24px;
  background-color: #1E1E1E;
  -webkit-mask-image: var(--picto-url);
  mask-image: var(--picto-url);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.content-infos-pratiques .list-infos-pratiques__item {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.content-infos-pratiques .list-infos-pratiques__item:not(:first-child) {
  border-top: 1px solid #F3F5F7;
  padding-top: 24px;
  margin-top: 24px;
}
.content-infos-pratiques .list-infos-pratiques__label {
  font-weight: 600;
}
.thumbnails-slider {
  padding-top: 0;
  padding-bottom: 40px;
  padding-inline: 16px;
}
@media only screen and (min-width: 640px) {
  .thumbnails-slider {
    padding-inline: 6vw;
    padding-bottom: 32px;
  }
}
@media only screen and (min-width: 992px) {
  .thumbnails-slider {
    padding-inline: 4vw;
    padding-bottom: 48px;
  }
}
@media only screen and (min-width: 1280px) {
  .thumbnails-slider {
    padding-inline: 6vw;
    padding-bottom: 60px;
  }
}
@media only screen and (min-width: 1440px) {
  .thumbnails-slider {
    padding-inline: 8vw;
    padding-bottom: 72px;
  }
}
@media only screen and (min-width: 1920px) {
  .thumbnails-slider {
    padding-inline: 15vw;
    padding-bottom: 104px;
  }
}
@media only screen and (max-width: 639px) {
  .thumbnails-slider {
    padding-inline: 32px;
  }
}
.thumbnails-slider .thumbnails-list__swiper {
  width: 100%;
  height: auto;
}
.thumbnails-slider .thumbnails-list__swiper .swiper-wrapper .swiper-slide {
  width: 100%;
}
@media only screen and (min-width: 640px) {
  .thumbnails-slider .thumbnails-list__swiper .swiper-wrapper .swiper-slide {
    width: auto;
  }
}
@media only screen and (min-width: 992px) {
  .thumbnails-slider .thumbnails-list__swiper .swiper-wrapper .swiper-slide:nth-child(odd) {
    margin-top: 80px;
  }
}
@media only screen and (min-width: 992px) {
  .thumbnails-slider .thumbnails-list__swiper .swiper-wrapper .swiper-slide:nth-child(even) {
    margin-bottom: 80px;
  }
}
.thumbnails-slider .thumbnails-list__swiper .swiper-wrapper .swiper-slide:last-child {
  margin-right: 0 !important;
}
.thumbnails-slider .swiper-actions {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}
.thumbnails-slider .swiper-actions .swiper-navigation {
  align-items: center;
  gap: 24px;
}
.thumbnails-slider .swiper-actions .swiper-navigation .swiper-pagination-horizontal.swiper-pagination-bullets {
  text-align: center;
  padding: 0;
  bottom: initial;
  top: initial;
  left: initial;
  width: auto;
  position: relative;
  top: 0;
  bottom: 0;
}
.thumbnails-slider .swiper-actions .swiper-navigation .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  background-color: #6B7580;
  height: 4px;
  border-radius: 2px;
  width: 12px;
  opacity: 0.25;
  margin: 0 3px;
  transition: width ease 0.25s;
}
.thumbnails-slider .swiper-actions .swiper-navigation .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--diadabox-primary, #FF4848);
  width: 24px;
  opacity: 1;
}
.thumbnails-slider .swiper-actions .swiper-navigation .swiper-pagination {
  display: flex;
}
@media only screen and (min-width: 992px) {
  .thumbnails-slider .swiper-actions .swiper-navigation {
    gap: 32px;
  }
}
.thumbnails-slider .list__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  border-radius: 8px;
  overflow: clip;
}
.thumbnails-slider .list__item__link {
  position: absolute;
  inset: 0;
  z-index: 2;
  cursor: pointer;
}
.thumbnails-slider .list__item__img {
  width: 100%;
}
.thumbnails-slider .list__item__img:after {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(30, 30, 30, 0) 40%, rgba(30, 30, 30, 0.7) 100%);
  transition: opacity 0.5s ease-in-out;
  pointer-events: none;
}
.thumbnails-slider .list__item__img img,
.thumbnails-slider .list__item__img video,
.thumbnails-slider .list__item__img iframe {
  aspect-ratio: 0.75;
  display: block;
  width: 100%;
  overflow: hidden;
  object-fit: cover;
  object-position: center;
  border-radius: 4px;
}
@media only screen and (min-width: 640px) {
  .thumbnails-slider .list__item__img {
    width: 260px;
  }
}
@media only screen and (min-width: 992px) {
  .thumbnails-slider .list__item__img img,
  .thumbnails-slider .list__item__img video,
  .thumbnails-slider .list__item__img iframe {
    aspect-ratio: 0.5625;
    display: block;
    width: 100%;
    overflow: hidden;
    object-fit: cover;
    object-position: center;
    border-radius: 4px;
  }
}
.thumbnails-slider .list__item__img:after {
  top: 30%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.4) 100%);
}
.thumbnails-slider .list__item__img img {
  transition: transform 0.5s ease;
}
.thumbnails-slider .list__item--has-link:hover .list__item__img img, .thumbnails-slider .list__item--has-link:focus-within .list__item__img img {
  transform: scale(1.05);
}
.thumbnails-slider .list__item--no-image {
  background: #F3F5F7;
  min-height: 220px;
  padding: 32px;
}
@media only screen and (min-width: 640px) {
  .thumbnails-slider .list__item--no-image {
    width: 260px;
    min-height: 320px;
  }
}
@media only screen and (min-width: 992px) {
  .thumbnails-slider .list__item--no-image {
    min-height: 462px;
  }
}
.thumbnails-slider .list__item--no-image .list__item__text {
  position: static;
  padding: 0;
  color: inherit;
}
.thumbnails-slider .list__item__text {
  position: absolute;
  bottom: 0;
  width: 100%;
  color: #FFFFFF;
  text-align: center;
  padding: 32px 32px 40px 32px;
  z-index: 1;
  font-size: 16px;
  font-family: "Montserrat";
  font-weight: 600;
  line-height: 1.5;
}
.thumbnails-slider .list__item__text__title, .thumbnails-slider .list__item__text__body {
  display: block;
}
.thumbnails-slider .list__item__text__body {
  margin-top: 8px;
  font-weight: 400;
}
.thumbnails-slider .list__item__text__external-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: cover;
  mask-size: contain;
  -webkit-mask-image: url("../images/diadabox/svg/icon-external-link.svg");
  mask-image: url("../images/diadabox/svg/icon-external-link.svg");
  background-color: currentColor;
  pointer-events: none;
  background-image: none;
  vertical-align: middle;
  margin-left: 6px;
}

.advantage-card {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  padding: 32px;
  background: #F3F5F7;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
  justify-content: center;
}
@media only screen and (max-width: 991px) {
  .advantage-card--small-padding {
    padding: 16px;
  }
}
@media only screen and (min-width: 992px) {
  .advantage-card {
    height: 100%;
    padding: 48px;
    gap: 32px;
  }
}
.advantage-card__form fieldset {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media only screen and (min-width: 992px) {
  .advantage-card__form fieldset {
    gap: 32px;
  }
}
.advantage-card__form fieldset .choices {
  display: flex;
  flex-direction: row;
  gap: 8px;
  flex-wrap: wrap;
}
.advantage-card__form fieldset .choices .choice {
  overflow: hidden;
  position: relative;
  width: calc((100% - 8px) / 2);
  height: 48px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
}
@media only screen and (min-width: 992px) {
  .advantage-card__form fieldset .choices .choice {
    width: 120px;
  }
}
.advantage-card__form fieldset .choices .choice--best-seller::before {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: 1;
  top: -1px;
  right: -1px;
  background: var(--diadabox-primary, #FF4848);
  width: 32px;
  height: 32px;
  background-image: url("../images/diadabox/svg/icon-star.svg");
  background-repeat: no-repeat;
  background-size: 10px;
  background-position: right 5px top 5px;
  clip-path: polygon(0 0, 100% 100%, 100% 0);
}
.advantage-card__form fieldset .choices .choice--custom {
  padding: 16px 32px;
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .advantage-card__form fieldset .choices .choice--custom {
    width: auto;
  }
}
.advantage-card__form fieldset .choices .choice input {
  appearance: none;
  border-radius: 4px;
  cursor: pointer;
  position: absolute;
  inset: 0;
  background: #FFFFFF;
  border: 2px solid #E8EEF3;
  transition: border 0.25s ease-in-out;
}
.advantage-card__form fieldset .choices .choice input:checked {
  border-color: var(--diadabox-primary, #FF4848);
}
.advantage-card__form fieldset .choices .choice label {
  position: relative;
  margin: 0;
}
.advantage-card__content {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.advantage-card__content__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
}
.advantage-card__content__icon > * {
  max-width: 100%;
  max-height: 100%;
}
.advantage-card__content__icon img,
.advantage-card__content__icon svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.advantage-card__content__icon picture {
  display: contents;
}
.advantage-card__content__title {
  font-family: "Inter";
  color: #1E1E1E;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: -0.58px;
  line-height: 1.25;
  margin: 0;
}
@media only screen and (min-width: 992px) {
  .advantage-card__content__title {
    font-size: 20px;
  }
}
@media only screen and (min-width: 1640px) {
  .advantage-card__content__title {
    font-size: 21px;
  }
}
@media only screen and (min-width: 1920px) {
  .advantage-card__content__title {
    font-size: 22px;
  }
}
.advantage-card__content__title p {
  margin: 0;
}
.advantage-card__content__text {
  color: #666666;
  font-size: 12px;
}
@media only screen and (min-width: 992px) {
  .advantage-card__content__text {
    font-size: 16px;
  }
}
.vertical-card {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.vertical-card__image img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}
.vertical-card__icon {
  width: 32px;
  height: 32px;
}
.vertical-card__content {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.vertical-card__text {
  color: #6B7580;
  font-size: 12px;
}
@media only screen and (min-width: 992px) {
  .vertical-card__text {
    font-size: 16px;
  }
}

.voucher-card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
body.option-price-bold-enabled .voucher-card .voucher-card__content .description {
  font-weight: 400;
}
body.option-price-bold-enabled .voucher-card .voucher-card__price {
  font-weight: 700;
}
body.option-product-name-bold-enabled .voucher-card .voucher-card__content .description {
  font-weight: 700;
}
body.option-product-name-bold-enabled .voucher-card .voucher-card__price {
  font-weight: 400;
}
@media only screen and (min-width: 992px) {
  .voucher-card:hover .voucher-card__favourite {
    opacity: 1;
  }
  .voucher-card .voucher-card__image img {
    transform: scale(1);
    transform-origin: center;
    transition: opacity 0.45s ease-in-out, transform 0.45s ease-in-out;
    will-change: transform, opacity;
  }
  .voucher-card:hover .voucher-card__image img {
    transform: scale(1.04);
  }
  .voucher-card:hover .voucher-card__image img.visible {
    opacity: 0;
  }
  .voucher-card:hover .voucher-card__image img.hidden {
    opacity: 1;
  }
}
.voucher-card__link {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.voucher-card__image {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  aspect-ratio: 20/21;
  height: auto;
}
.voucher-card__image img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.voucher-card__image img.hidden {
  opacity: 0;
}
.voucher-card__timer {
  position: absolute;
  z-index: 1;
  top: 16px;
  left: 16px;
}
.voucher-card__favourite {
  opacity: 0;
  position: absolute;
  z-index: 1;
  top: 12px;
  right: 10px;
}
.voucher-card__tags {
  position: absolute;
  z-index: 1;
  bottom: 8px;
  left: 8px;
  display: flex;
  flex-wrap: nowrap;
  gap: 4px;
  max-width: calc(100% - 16px);
  overflow: hidden;
  pointer-events: none;
}
.voucher-card__tag {
  background-color: #FFFFFF;
  padding: 4px 8px;
  border-radius: 4px;
  flex: 0 0 auto;
  font-weight: 600;
  font-size: 10px;
  white-space: nowrap;
}
@media only screen and (min-width: 992px) {
  .voucher-card__tag {
    font-size: 12px;
  }
}
.voucher-card__image > .voucher-card__tag {
  position: absolute;
  z-index: 1;
  bottom: 8px;
  left: 8px;
}
.voucher-card__stock {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  padding: 10px 16px;
  background-color: #FFFFFF;
  border-radius: 4px;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #30373F;
  box-shadow: 0 12px 30px rgba(30, 30, 30, 0.12);
  white-space: nowrap;
  pointer-events: none;
}
.voucher-card__content {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
}
@media only screen and (max-width: 991px) {
  .voucher-card__content {
    font-size: 12px;
  }
}
@media only screen and (max-width: 991px) {
  .voucher-card__content .btn.btn-icon span::before, .voucher-card__content .gform_wrapper form .gform_footer .btn-icon.gform_button span::before, .gform_wrapper form .gform_footer .voucher-card__content .btn-icon.gform_button span::before, .voucher-card__content .gform_wrapper form .gform_footer .btn-icon.diadao-sdk-button-gform span::before, .gform_wrapper form .gform_footer .voucher-card__content .btn-icon.diadao-sdk-button-gform span::before, .voucher-card__content .product #reviews p.btn-icon.form-submit span::before, .product #reviews .voucher-card__content p.btn-icon.form-submit span::before {
    display: none;
  }
}
.voucher-card__content .description {
  font-weight: 400;
}
.voucher-card__price {
  font-weight: bold;
  display: flex;
  gap: 4px;
  flex-wrap: wrap;
  flex-direction: row;
}
.voucher-card__price .prices-promo {
  display: flex;
  flex-direction: row;
  gap: 8px;
}
.voucher-card__price .people {
  font-weight: 400;
}
@media only screen and (min-width: 992px) {
  .voucher-card--light .voucher-card__image:after {
    content: none;
  }
  .voucher-card--light .voucher-card__image img.visible {
    opacity: 1 !important;
  }
  .voucher-card--light .voucher-card__image img.hidden {
    opacity: 0 !important;
  }
}
.voucher-card.card-out-of-stock .voucher-card__image {
  filter: grayscale(1);
}
.voucher-card.card-out-of-stock .voucher-card__image:after {
  content: "";
  opacity: 0.85;
  background-color: rgba(255, 255, 255, 0.85);
}
.voucher-card.card-out-of-stock .voucher-card__image img {
  filter: grayscale(1);
}
.voucher-card.card-out-of-stock .voucher-card__tags,
.voucher-card.card-out-of-stock .voucher-card__tag,
.voucher-card.card-out-of-stock .voucher-card__timer,
.voucher-card.card-out-of-stock .voucher-card__favourite {
  display: none;
}
.voucher-card.card-out-of-stock .voucher-card__content {
  color: #6B7580;
}
.voucher-card.card-out-of-stock .voucher-card__content .voucher-card__price {
  color: #6B7580;
}

.occasion-card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0px;
  background: #F3F5F7;
  border: 4px solid #F3F5F7;
  border-radius: 8px;
}
.occasion-card .occasion-card__image img {
  transform: scale(1);
  transform-origin: center;
  transition: opacity 0.45s ease-in-out, transform 0.45s ease-in-out;
  will-change: transform, opacity;
}
.occasion-card:hover .occasion-card__image img {
  transform: scale(1.04);
}
.occasion-card:hover .occasion-card__image img.visible {
  opacity: 0;
}
.occasion-card:hover .occasion-card__image img.hidden {
  opacity: 1;
}
@media only screen and (min-width: 992px) {
  .occasion-card {
    width: calc((100% - 64px) / 5);
  }
}
.occasion-card__link {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.occasion-card__image {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  aspect-ratio: 0.9;
}
.occasion-card__image img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.occasion-card__image img.hidden {
  opacity: 0;
}
.occasion-card__content {
  font-weight: 600;
  padding: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.occasion-card:hover .occasion-card__favourite {
  opacity: 1;
}
.occasion-card:hover .occasion-card__image:after {
  opacity: 1;
}
.occasion-card:hover .occasion-card__image img {
  transform: scale(1.2);
}
.occasion-card:hover .occasion-card__image img.visible {
  opacity: 0;
}
.occasion-card:hover .occasion-card__image img.hidden {
  opacity: 1;
}

.discover-card {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  height: 360px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  justify-content: flex-end;
  align-items: flex-start;
}
@media only screen and (min-width: 992px) {
  .discover-card {
    height: 100%;
    padding: 32px;
  }
  .discover-card .discover-card__images img {
    transform: scale(1);
    transform-origin: center;
    transition: opacity 0.45s ease-in-out, transform 0.45s ease-in-out;
    will-change: transform, opacity;
  }
  .discover-card:hover .discover-card__images img {
    transform: scale(1.04);
  }
  .discover-card:hover .discover-card__images img.visible {
    opacity: 0;
  }
  .discover-card:hover .discover-card__images img.hidden {
    opacity: 1;
  }
}
.discover-card--has-title:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #1E1E1E;
  opacity: 0.35;
  pointer-events: none;
  transition: opacity 5.25s ease-in-out;
  z-index: 2;
}
.discover-card__link {
  position: absolute;
  inset: 0;
  z-index: 8;
}
.discover-card__images {
  position: absolute;
  inset: 0;
}
.discover-card__images img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.discover-card__images img.hidden {
  opacity: 0;
}
.discover-card__content {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  overflow: hidden;
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .discover-card__content {
    gap: 16px;
  }
}
.discover-card__content__title {
  color: #FFFFFF;
}
.discover-card__content__tag {
  background-color: #FFFFFF;
  padding: 11px 32px;
  border-radius: 56px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  min-height: 40px;
}

@media only screen and (min-width: 992px) {
  .discover-card:hover:after {
    opacity: 0;
  }
  .discover-card.discover-card--has-title:after {
    transition: opacity 0.45s ease-in-out;
  }
}
.discover[data-count="3"] .discover-card__content__title {
  font-size: 48px;
}
@media only screen and (min-width: 992px) {
  .discover[data-count="3"] .discover-card__content__title {
    font-size: 56px;
  }
}
@media only screen and (min-width: 1280px) {
  .discover[data-count="3"] .discover-card__content__title {
    font-size: 72px;
  }
}
@media only screen and (min-width: 1640px) {
  .discover[data-count="3"] .discover-card__content__title {
    font-size: 80px;
  }
}

@media only screen and (min-width: 1280px) {
  .discover--cards-custom[data-count="3"] .discover-card__content__title {
    font-size: 60px;
  }
}
@media only screen and (min-width: 1640px) {
  .discover--cards-custom[data-count="3"] .discover-card__content__title {
    font-size: 60px;
  }
}

.flash-timer {
  display: flex;
  flex-direction: row;
  gap: 2px;
  align-items: center;
  font-size: 12px;
  font-weight: 600;
}
@media only screen and (min-width: 992px) {
  .flash-timer {
    font-size: 14px;
  }
}
.flash-timer span {
  color: #1E1E1E;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #F3F5F7;
  width: 28px;
  height: 28px;
}
.flash-timer--big {
  color: #F9F9F9;
  font-size: 14px;
}
.flash-timer--big span {
  width: 32px;
  height: 32px;
}
.flash-timer--primary {
  color: #1E1E1E;
}
.flash-timer--primary span {
  background-color: color-mix(in srgb, var(--diadabox-primary, #FF4848) 20%, transparent);
}

.flash-offer-card {
  padding: 16px;
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  background: #F3F5F7;
  display: flex;
  flex-direction: column;
  gap: 16px;
  justify-content: space-between;
}
@media only screen and (max-width: 639px) {
  .flash-offer-card {
    padding: 16px;
  }
}
@media only screen and (max-width: 991px) {
  .flash-offer-card {
    padding: 24px;
    justify-content: flex-end;
  }
}
@media only screen and (min-width: 992px) {
  .flash-offer-card {
    justify-content: flex-end;
    padding: 48px;
  }
  .flash-offer-card:hover .flash-offer-card__image img.visible {
    opacity: 0;
  }
  .flash-offer-card:hover .flash-offer-card__image img.hidden {
    opacity: 1;
  }
}
.flash-offer-card__link {
  position: absolute;
  inset: 0;
  z-index: 3;
}
.flash-offer-card__image {
  position: absolute;
  inset: 0;
  border-radius: 8px;
  overflow: hidden;
  height: 100%;
  z-index: 0;
}
.flash-offer-card__image:after {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(30, 30, 30, 0) 40%, rgba(30, 30, 30, 0.7) 100%);
  transition: opacity 0.5s ease-in-out;
  pointer-events: none;
}
.flash-offer-card__image.has-teaser-video, .flash-offer-card__image.has-vignette-video {
  position: absolute;
}
.flash-offer-card__image:after {
  z-index: 1;
}
.flash-offer-card__image picture,
.flash-offer-card__image .block-video,
.flash-offer-card__image img,
.flash-offer-card__image video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}
.flash-offer-card__image img {
  transition: opacity 0.5s ease-in-out;
}
.flash-offer-card__image img.hidden {
  opacity: 0;
}
.flash-offer-card__video {
  width: 100%;
  height: 100%;
}
.flash-offer-card__video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.flash-offer-card__timer {
  position: relative;
  z-index: 2;
}
.flash-offer-card__content {
  position: relative;
  z-index: 2;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.flash-offer-card__content__title, .flash-offer-card__content__description {
  color: #FFFFFF;
}
.flash-offer-card__content .checklist {
  margin-top: 16px;
}
.flash-offer-card__content .checklist li {
  color: #FFFFFF;
  font-size: 14px;
}
.flash-offer-card__content__description {
  position: relative;
  font-size: 14px;
  line-height: 1.5;
  padding-left: 22px;
}
.flash-offer-card__content__description:before {
  position: absolute;
  left: 0;
  top: 6px;
  content: "";
  width: 14px;
  height: 10px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: cover;
  mask-size: cover;
  -webkit-mask-image: url("../images/diadabox/svg/check.svg");
  mask-image: url("../images/diadabox/svg/check.svg");
  background-color: #0085FF;
}
.flash-offer-card__content__price .value {
  color: #FFFFFF;
  font-size: 24px;
  line-height: 1;
  font-weight: 700;
}

.option-card {
  position: relative;
  width: 100%;
  background: rgba(213, 221, 228, 0.1);
  border-radius: 8px;
  border: 1px solid rgba(213, 221, 228, 0.3);
  overflow: hidden;
  padding: 8px;
}
.option-card-intro {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 32px;
}
@media only screen and (min-width: 992px) {
  .option-card-intro {
    display: flex;
    flex-direction: row;
    gap: 32px;
    align-items: center;
    justify-content: space-between;
  }
}
.option-card-intro__content {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.option-card-intro__right {
  display: flex;
  flex-direction: row;
  gap: 32px;
  align-items: center;
}
@media only screen and (min-width: 992px) {
  .option-card-intro__right {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-end;
  }
}
@media only screen and (max-width: 991px) {
  .option-card-room .option-card__wrapper {
    display: flex;
    flex-direction: row;
    gap: 0;
  }
  .option-card-room .option-card__image {
    width: 96px;
    height: auto;
  }
  .option-card-room .option-card__input:checked + .option-card__label .option-card__wrapper {
    display: flex;
    flex-direction: column;
    gap: 0;
  }
  .option-card-room .option-card__input:checked + .option-card__label .option-card__image {
    height: 232px;
    width: 100%;
  }
  .option-card-room .option-card__input:checked + .option-card__label .option-card__text {
    -webkit-line-clamp: 3;
  }
}
.option-card__wrapper {
  display: flex;
  flex-direction: column;
  gap: 0;
}
@media only screen and (min-width: 640px) {
  .option-card__wrapper {
    display: flex;
    flex-direction: row;
    gap: 0;
  }
}
.option-card__image {
  border-radius: 4px;
  position: relative;
  flex-shrink: 0;
  overflow: hidden;
  height: auto;
  width: 240px;
}
@media only screen and (min-width: 1280px) {
  .option-card__image {
    width: 320px;
  }
}
.option-card__image img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.option-card__label {
  position: relative;
  border-radius: 8px;
}
.option-card__content {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 8px;
  justify-content: center;
  padding: 16px 0;
}
@media only screen and (min-width: 640px) {
  .option-card__content {
    padding: 8px 8px 8px 16px;
    gap: 16px;
  }
}
@media only screen and (min-width: 640px) {
  .option-card__content {
    padding: 16px 16px 16px 24px;
  }
}
.option-card__text {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
@media only screen and (min-width: 992px) {
  .option-card__text {
    -webkit-line-clamp: 3;
  }
}
.option-card__quantity--hidden {
  display: none;
}
.option-card .options-price {
  width: 100%;
  padding: 16px;
}
@media only screen and (max-width: 991px) {
  .option-card .options-price {
    padding: 8px 8px 8px 12px;
  }
}
.option-card .options-price__label {
  color: #6B7580;
  font-size: 14px;
  font-weight: 400;
}
@media only screen and (max-width: 991px) {
  .option-card .options-price__label {
    font-size: 12px;
  }
}
.option-card .options-price--out-of-stock {
  opacity: 0.65;
  pointer-events: none;
}
.option-card__footer {
  display: flex;
  flex-direction: row;
  gap: 16px;
  row-gap: 8px;
  flex-wrap: wrap;
}
.option-card__footer .price {
  width: 100%;
}
@media only screen and (max-width: 991px) {
  .option-card__footer .price {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1640px) {
  .option-card__footer--variable {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
  }
}
.option-card.card-out-of-stock .option-card__image img {
  filter: grayscale(1);
  opacity: 0.55;
}
.option-card.card-out-of-stock .option-card__content,
.option-card.card-out-of-stock .option-card__footer {
  opacity: 0.65;
}
.option-card.card-out-of-stock .options-price {
  pointer-events: none;
}

.options-card__quantitySelector .options-price__values {
  margin-bottom: 16px;
  padding-left: 16px;
}

@media only screen and (max-width: 639px) {
  .option-card__wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .option-card__wrapper .option-card__image {
    width: 60px;
    height: 60px;
  }
  .option-card__wrapper .option-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  .option-card__wrapper .option-card__content {
    width: calc(100% - 60px);
    padding-left: 16px;
    padding-right: 8px;
    padding-top: 0px;
    padding-bottom: 0px;
    gap: 4px;
  }
  .option-card__wrapper .option-card__content .option-card__title {
    font-size: 12px;
    line-height: 1.1;
  }
  .option-card__wrapper .option-card__footer {
    margin-top: 8px;
    width: 100%;
  }
  .option-card__wrapper .option-card__footer .options-card__quantitySelector {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
  }
  .option-card__wrapper .option-card__footer .options-card__quantitySelector .options-price__values {
    margin: 0px;
    padding-left: 12px;
  }
}
.cart-shipping-package {
  width: 100%;
  margin-top: 16px;
  margin-bottom: 16px;
}
.cart-shipping-package h4.h4-title {
  margin-bottom: 32px;
}
.cart-shipping-package__card {
  width: 100%;
  border-radius: 8px;
  border: 1px solid rgba(213, 221, 228, 0.3);
  overflow: hidden;
  background: rgba(213, 221, 228, 0.3);
  padding: 16px;
}

.cart-option-card {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media only screen and (min-width: 992px) {
  .cart-option-card {
    gap: 32px;
  }
}
.cart-option-card__top {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media only screen and (min-width: 992px) {
  .cart-option-card__top {
    display: flex;
    flex-direction: row;
    gap: 40px;
    align-items: center;
    padding: 16px 8px;
  }
}
.cart-option-card__top__image {
  border-radius: 4px;
  position: relative;
  width: 100%;
  height: 200px;
  flex-shrink: 0;
  overflow: hidden;
}
@media only screen and (min-width: 992px) {
  .cart-option-card__top__image {
    height: 150px;
    width: 150px;
  }
}
.cart-option-card__top__image img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.cart-option-card__top__content {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 8px;
  justify-content: center;
}
.cart-option-card__title {
  font-size: 24px;
}
.cart-option-card__subtitle {
  font-size: 16px;
  color: #6B7580;
}
.cart-option-card__price {
  display: flex;
  flex-direction: column;
  gap: 0;
  font-size: 14px;
}
.cart-option-card__bottom {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media only screen and (min-width: 992px) {
  .cart-option-card__bottom {
    display: flex;
    flex-direction: row;
    gap: 16px;
    flex-wrap: wrap;
    flex-direction: column;
  }
}
@media only screen and (min-width: 1280px) {
  .cart-option-card__bottom {
    display: flex;
    flex-direction: row;
    gap: 16px;
    flex-direction: row;
  }
}
.cart-option-card__bottom__item {
  position: relative;
  overflow: hidden;
  background: #FFFFFF;
  border-radius: 8px;
  border: 1px solid rgba(213, 221, 228, 0.3);
  padding: 16px;
}
@media only screen and (min-width: 992px) {
  .cart-option-card__bottom__item {
    width: calc((100% - 48px) / 4);
  }
}
@media only screen and (min-width: 1280px) {
  .cart-option-card__bottom__item {
    padding: 32px;
    width: calc((100% - 16px) / 2);
  }
}
@media only screen and (min-width: 1640px) {
  .cart-option-card__bottom__item {
    padding: 40px;
    width: calc((100% - 48px) / 4);
    padding: 24px 24px 56px 24px;
  }
}
.cart-option-card__bottom__item--unavailable > * {
  opacity: 0.3;
}
.cart-option-card__bottom__item label {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media only screen and (min-width: 992px) {
  .cart-option-card__bottom__item label {
    gap: 8px;
  }
}
@media only screen and (min-width: 1280px) {
  .cart-option-card__bottom__item label {
    gap: 24px;
  }
}
@media only screen and (max-width: 991px) {
  .cart-option-card__bottom__item label {
    gap: 8px;
    font-size: 12px;
  }
  .cart-option-card__bottom__item label .h3-title, .cart-option-card__bottom__item label .pot-choice-page--summary .pot-creation__main .pot-form__step-title, .pot-choice-page--summary .pot-creation__main .cart-option-card__bottom__item label .pot-form__step-title, .cart-option-card__bottom__item label .prices .actual-price .value--big, .prices .actual-price .cart-option-card__bottom__item label .value--big {
    font-size: 16px;
  }
}
.cart-option-card__bottom__item label p + ul {
  margin-top: 8px;
}
@media only screen and (max-width: 991px) {
  .cart-option-card .price {
    font-size: 14px;
  }
}
.cart-option-card .options-price {
  padding: 16px;
}
.cart-option-card .options-price__label {
  color: #6B7580;
  font-size: 14px;
}

@media only screen and (min-width: 992px) {
  .cart-shipping-package .cart-option-card__bottom__item {
    width: calc((100% - 0px) / 1);
  }
}
@media only screen and (min-width: 1280px) {
  .cart-shipping-package .cart-option-card__bottom__item {
    width: calc((100% - 32px) / 3);
  }
}
@media only screen and (min-width: 1640px) {
  .cart-shipping-package .cart-option-card__bottom__item {
    width: calc((100% - 32px) / 3);
  }
}
.cart-shipping-package .cart-card__content__options a,
.cart-shipping-package .cart-card__content__options .btn-tippy {
  padding-block: 0px;
}
.cart-shipping-package ul.checklist {
  font-size: 14px;
}

.cart-card {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
}
@media only screen and (max-width: 991px) {
  .cart-card {
    align-items: flex-start;
  }
}
@media only screen and (min-width: 992px) {
  .cart-card--big {
    background: rgba(213, 221, 228, 0.1);
    padding: 16px;
    border-radius: 8px;
    gap: 40px;
  }
}
@media only screen and (min-width: 992px) {
  .cart-card--big .cart-card__content {
    padding-right: 8px;
    display: flex;
    flex-direction: row;
    gap: 40px;
  }
}
.cart-card--big .cart-card__content__prices {
  min-width: 154px;
  justify-content: flex-end;
}
.cart-card--big .cart-card__content__price {
  margin: 0;
}
@media only screen and (max-width: 991px) {
  .cart-card--big .cart-card__content__options {
    font-size: 12px;
  }
}
@media only screen and (max-width: 991px) {
  .cart-card--big .cart-card__image {
    width: 80px;
  }
}
.cart-card__image {
  aspect-ratio: 1;
  width: 120px;
  position: relative;
  flex-shrink: 0;
  border-radius: 8px;
  overflow: hidden;
}
@media only screen and (min-width: 992px) {
  .cart-card__image:hover img {
    transform: scale(1.2);
  }
}
.cart-card__image img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.5s ease-in-out;
}
.cart-card__content {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: auto;
  position: relative;
}
.cart-card__content__text {
  flex: 1 1 0;
}
@media only screen and (min-width: 992px) {
  .cart-card__content__text {
    padding-right: 112px;
  }
}
.cart-card__content a {
  text-decoration: none !important;
  color: inherit !important;
}
@media only screen and (min-width: 992px) {
  .cart-card__content a:hover {
    color: var(--diadabox-primary, #FF4848) !important;
  }
}
.cart-card__content__options {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  color: #6B7580;
  margin-top: 8px;
}
.cart-card__content__options__summary {
  display: flex;
  flex-direction: row;
  gap: 0;
  align-items: center;
  flex: none;
  min-width: 0;
  width: 100%;
}
body.useragent-mobile .cart-card__content__options__summary {
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
.cart-card__content__options__item {
  display: block;
  white-space: nowrap;
}
.cart-card__content__options__separator {
  display: inline;
  margin-inline: 4px;
}
body.useragent-mobile .cart-card__content__options__separator {
  display: none;
}
.cart-card__content__options a,
.cart-card__content__options .btn-tippy {
  padding-block: 0px;
  gap: 4px;
  color: #6B7580 !important;
  display: inline-flex;
  align-items: center;
}
.cart-card__content__options .btn-tippy.tippy--edit {
  align-self: flex-start;
  flex-shrink: 0;
  justify-content: center;
}
@media only screen and (min-width: 992px) {
  .cart-card__content__options .btn-tippy.tippy--edit {
    align-self: flex-end;
  }
}
.cart-card__content__options .btn-tippy.tippy--edit .btn-tippy__label {
  line-height: 1;
  vertical-align: middle;
}
.cart-card__content__options .btn-tippy.tippy--edit span.icon.icon--edit {
  flex: 0 0 12px;
  height: 12px;
  width: 12px;
}
@media only screen and (min-width: 992px) {
  .cart-card__content__options a:hover {
    color: var(--diadabox-primary, #FF4848) !important;
  }
}
.cart-card__content__options .btn-tippy.tippy--edit {
  background-color: var(--diadabox-primary, #FF4848);
  color: #FFFFFF !important;
  border-radius: 8px;
  line-height: 1;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 16px;
  font-size: 12px;
  padding-right: 16px;
}
@media only screen and (min-width: 992px) {
  .cart-card__content__options .btn-tippy.tippy--edit {
    position: absolute;
    right: 0;
    top: 0;
  }
}
@media only screen and (min-width: 992px) {
  .cart-card__content__options .btn-tippy.tippy--edit:hover {
    background-color: var(--diadabox-primary-darker, rgb(255, 46.5, 46.5));
    color: #FFFFFF !important;
  }
}
.cart-card__content__options + .product-stock {
  margin-top: 8px;
}
.cart-card__content__prices {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
}
.cart-card__content__price {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin-right: auto;
  flex-shrink: 0;
}
.cart-card__content__price-options {
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
}
.cart-card__content__price-options a {
  color: #6B7580 !important;
  text-decoration: none !important;
}
@media only screen and (min-width: 992px) {
  .cart-card__content__price-options a:hover {
    color: var(--diadabox-primary, #FF4848) !important;
  }
}
@media only screen and (min-width: 992px) {
  .cart-card__content__price-options a.remove:hover {
    color: #C80000 !important;
  }
}
.cart-card__content__price-options .remove {
  padding: 8px;
  line-height: 1;
}

.product__seasons__list .product__options__item .not-bold br {
  display: none;
}
.product__seasons__list .product__options__item .not-bold > strong {
  margin-top: 16px;
  display: block;
  position: relative;
  padding-left: 24px;
}
.product__seasons__list .product__options__item .not-bold > strong::before {
  flex-shrink: 0;
  display: block;
  content: "";
  position: absolute;
  left: 0;
  width: 14px;
  height: 24px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: cover;
  mask-size: contain;
  -webkit-mask-image: url("../images/diadabox/svg/check.svg");
  mask-image: url("../images/diadabox/svg/check.svg");
  background-color: #0085FF;
}

.account-dashboard-card {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
  background: #F3F5F7;
  border-radius: 8px;
  padding: 16px;
  transition: border 0.25s ease-in-out, background 0.25s ease-in-out;
  border: 1px solid transparent;
}
@media only screen and (min-width: 640px) {
  .account-dashboard-card {
    width: calc((100% - 16px) / 2);
  }
}
@media only screen and (min-width: 992px) {
  .account-dashboard-card {
    width: calc((100% - 32px) / 3);
  }
  .account-dashboard-card.is-active, .account-dashboard-card:not(.is-active):hover {
    border: 1px solid #E8EEF3;
    background: rgba(243, 245, 247, 0.3);
  }
}
@media only screen and (min-width: 1280px) {
  .account-dashboard-card {
    width: calc((100% - 64px) / 5);
  }
}
@media only screen and (min-width: 992px) {
  .account-dashboard-card {
    padding: 32px;
  }
}
@media only screen and (min-width: 1280px) {
  .account-dashboard-card {
    padding: 32px;
  }
}
.account-dashboard-card__link {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.account-dashboard-card__text {
  color: #6B7580;
}

.has-teaser-video,
.has-vignette-video {
  position: relative;
}

:root {
  --f-button-width: 40px;
  --f-button-height: 40px;
  --f-button-border: 0;
  --f-button-border-radius: 0;
  --f-button-color: #374151;
  --f-button-bg: #f8f8f8;
  --f-button-shadow: none;
  --f-button-transition: all .15s ease;
  --f-button-transform: none;
  --f-button-outline-width: 1px;
  --f-button-outline-color: rgba(0, 0, 0, .7);
  --f-button-svg-width: 20px;
  --f-button-svg-height: 20px;
  --f-button-svg-stroke-width: 1.5;
  --f-button-svg-fill: none;
  --f-button-svg-filter: none;
  --f-button-svg-opacity: 1;
  --f-button-svg-disabled-opacity: .5;
  --f-button-svg-transition: opacity .15s ease;
  --f-button-svg-transform: none;
}

.f-button {
  width: var(--f-button-width);
  height: var(--f-button-height);
  border: var(--f-button-border);
  border-radius: var(--f-button-border-radius);
  color: var(--f-button-color);
  background: var(--f-button-bg);
  box-shadow: var(--f-button-shadow);
  transform: var(--f-button-transform);
  transition: var(--f-button-transition);
  backdrop-filter: var(--f-button-backdrop-filter);
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: content-box;
  position: relative;
  margin: 0;
  padding: 0;
  pointer-events: all;
  cursor: pointer;
  overflow: hidden;
}

@media (hover: hover) {
  .f-button:hover:not([aria-disabled]) {
    color: var(--f-button-hover-color, var(--f-button-color));
    background-color: var(--f-button-hover-bg, var(--f-button-bg));
  }
}
.f-button:active:not([aria-disabled]) {
  color: var(--f-button-active-color, var(--f-button-hover-color, var(--f-button-color)));
  background-color: var(--f-button-active-bg, var(--f-button-hover-bg, var(--f-button-bg)));
}

.f-button:focus {
  outline: none;
}

.f-button:focus-visible {
  outline: var(--f-button-outline-width) solid var(--f-button-outline-color);
  outline-offset: var(--f-button-outline-offset);
  position: relative;
  z-index: 1;
}

.f-button svg {
  width: var(--f-button-svg-width);
  height: var(--f-button-svg-height);
  transform: var(--f-button-svg-transform);
  fill: var(--f-button-svg-fill);
  filter: var(--f-button-svg-filter);
  opacity: var(--f-button-svg-opacity, 1);
  transition: var(--f-button-svg-transition);
  stroke: currentColor;
  stroke-width: var(--f-button-svg-stroke-width);
  stroke-linecap: round;
  stroke-linejoin: round;
  pointer-events: none;
}

.f-button[aria-disabled] {
  cursor: default;
}

.f-button[aria-disabled] svg {
  opacity: var(--f-button-svg-disabled-opacity);
}

[data-panzoom-action=toggleFS] g:first-child {
  display: flex;
}

[data-panzoom-action=toggleFS] g:last-child {
  display: none;
}

.in-fullscreen [data-panzoom-action=toggleFS] g:first-child {
  display: none;
}

.in-fullscreen [data-panzoom-action=toggleFS] g:last-child {
  display: flex;
}

[data-autoplay-action=toggle] svg g:first-child {
  display: flex;
}

[data-autoplay-action=toggle] svg g:last-child {
  display: none;
}

.has-autoplay [data-autoplay-action=toggle] svg g:first-child {
  display: none;
}

.has-autoplay [data-autoplay-action=toggle] svg g:last-child {
  display: flex;
}

:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:first-child {
  display: none;
}

:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:last-child {
  display: flex;
}

:root {
  --f-spinner-color-1: rgba(0, 0, 0, .1);
  --f-spinner-color-2: rgba(17, 24, 28, .8);
  --f-spinner-width: 50px;
  --f-spinner-height: 50px;
  --f-spinner-border-radius: 50%;
  --f-spinner-border-width: 4px;
}

.f-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: calc(var(--f-spinner-width) * -0.5) 0 0 calc(var(--f-spinner-height) * -0.5);
  padding: 0;
  width: var(--f-spinner-width);
  height: var(--f-spinner-height);
  border-radius: var(--f-spinner-border-radius);
  border: var(--f-spinner-border-width) solid var(--f-spinner-color-1);
  border-top-color: var(--f-spinner-color-2);
  animation: f-spinner 0.75s linear infinite, f-fadeIn 0.2s ease 0.2s both;
}

@keyframes f-spinner {
  to {
    transform: rotate(360deg);
  }
}
.f-panzoom, .f-zoomable {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  flex-direction: column;
}

.f-panzoom:before, .f-panzoom:after, .f-zoomable:before, .f-zoomable:after {
  display: block;
  content: "";
}

.f-panzoom:not(.has-controls):before, .f-zoomable:not(.has-controls):before {
  margin-bottom: auto;
}

.f-panzoom:after, .f-zoomable:after {
  margin-top: auto;
}

.f-panzoom.in-fullscreen, .f-zoomable.in-fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  margin: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  aspect-ratio: unset !important;
  z-index: 9999;
}

.f-panzoom__wrapper {
  position: relative;
  min-width: 0;
  min-height: 0;
  max-width: 100%;
  max-height: 100%;
}

.f-panzoom__wrapper.will-zoom-out {
  cursor: zoom-out;
}

.f-panzoom__wrapper.can-drag {
  cursor: move;
  cursor: grab;
}

.f-panzoom__wrapper.will-zoom-in {
  cursor: zoom-in;
}

.f-panzoom__wrapper.is-dragging {
  cursor: move;
  cursor: grabbing;
}

.f-panzoom__wrapper.has-error {
  display: none;
}

.f-panzoom__content {
  display: block;
  min-width: 0;
  min-height: 0;
  max-width: 100%;
  max-height: 100%;
}

.f-panzoom__content.is-lazyloading, .f-panzoom__content.has-lazyerror {
  visibility: hidden;
}

img.f-panzoom__content {
  width: auto;
  height: auto;
  vertical-align: top;
  object-fit: contain;
  transition: none;
  user-select: none;
}

.f-panzoom__wrapper > .f-panzoom__content {
  visibility: hidden;
}

.f-panzoom__viewport {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.f-panzoom__viewport > .f-panzoom__content {
  width: 100%;
  height: 100%;
  object-fit: fill;
}

picture.f-panzoom__content img {
  vertical-align: top;
  width: 100%;
  height: auto;
  max-height: 100%;
  object-fit: contain;
  transition: none;
  user-select: none;
}

.f-panzoom__protected {
  position: absolute;
  inset: 0;
  z-index: 1;
  user-select: none;
}

html.with-panzoom-in-fullscreen {
  overflow: hidden;
}

.f-fadeIn {
  animation: var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;
  z-index: 2;
}

.f-fadeOut {
  animation: var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;
  z-index: 1;
}

@keyframes f-fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes f-fadeOut {
  to {
    opacity: 0;
  }
}
.f-crossfadeIn {
  animation: var(--f-transition-duration, 0.2s) ease both f-crossfadeIn;
  z-index: 2;
}

.f-crossfadeOut {
  animation: calc(var(--f-transition-duration, 0.2s) * 0.2) ease calc(var(--f-transition-duration, 0.2s) * 0.8) both f-crossfadeOut;
  z-index: 1;
}

@keyframes f-crossfadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes f-crossfadeOut {
  to {
    opacity: 0;
  }
}
.is-horizontal .f-slideIn.from-next {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNextX;
}

.is-horizontal .f-slideIn.from-prev {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrevX;
}

.is-horizontal .f-slideOut.to-next {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNextX;
}

.is-horizontal .f-slideOut.to-prev {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrevX;
}

@keyframes f-slideInPrevX {
  0% {
    transform: translate(calc(100% + var(--f-carousel-gap, 0)));
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes f-slideInNextX {
  0% {
    transform: translate(calc(-100% - var(--f-carousel-gap, 0)));
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes f-slideOutNextX {
  to {
    transform: translate(calc(-100% - var(--f-carousel-gap, 0)));
  }
}
@keyframes f-slideOutPrevX {
  to {
    transform: translate(calc(100% + var(--f-carousel-gap, 0)));
  }
}
.is-vertical .f-slideIn.from-next {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNextY;
}

.is-vertical .f-slideIn.from-prev {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrevY;
}

.is-vertical .f-slideOut.to-next {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNextY;
}

.is-vertical .f-slideOut.to-prev {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrevY;
}

@keyframes f-slideInPrevY {
  0% {
    transform: translateY(calc(100% + var(--f-carousel-gap, 0)));
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes f-slideInNextY {
  0% {
    transform: translateY(calc(-100% - var(--f-carousel-gap, 0)));
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes f-slideOutNextY {
  to {
    transform: translateY(calc(-100% - var(--f-carousel-gap, 0)));
  }
}
@keyframes f-slideOutPrevY {
  to {
    transform: translateY(calc(100% + var(--f-carousel-gap, 0)));
  }
}
.f-zoomInUp {
  animation: var(--f-transition-duration, 0.3s) ease both f-zoomInUp;
}

.f-zoomOutDown {
  animation: var(--f-transition-duration, 0.3s) ease both f-zoomOutDown;
}

@keyframes f-zoomInUp {
  0% {
    transform: scale(var(--f-zoomInUp-scale, 0.975)) translate3d(var(--f-zoomInUp-x, 0), var(--f-zoomInUp-y, 16px), 0);
    opacity: var(--f-zoomInUp-opacity, 0);
  }
  to {
    transform: scale(1) translateZ(0);
    opacity: 1;
  }
}
@keyframes f-zoomOutDown {
  to {
    transform: scale(var(--f-zoomOutDown-scale, 0.975)) translate3d(var(--f-zoomOutDown-x, 0), var(--f-zoomOutDown-y, 16px), 0);
    opacity: 0;
  }
}
.f-throwOutUp {
  animation: var(--f-throwOutUp-duration, 0.2s) ease-out both f-throwOutUp;
}

.f-throwOutDown {
  animation: var(--f-throwOutDown-duration, 0.2s) ease-out both f-throwOutDown;
}

@keyframes f-throwOutUp {
  to {
    transform: translate3d(0, calc(var(--f-throwOutUp-y, 150px) * -1), 0);
    opacity: 0;
  }
}
@keyframes f-throwOutDown {
  to {
    transform: translate3d(0, var(--f-throwOutDown-y, 150px), 0);
    opacity: 0;
  }
}
.has-iframe .f-html, .has-pdf .f-html, .has-gmap .f-html {
  width: 100%;
  height: 100%;
  min-height: 1px;
  overflow: visible;
}

.has-pdf .f-html, .has-gmap .f-html {
  padding: 0;
}

.f-html {
  position: relative;
  box-sizing: border-box;
  margin: var(--f-html-margin, 0);
  padding: var(--f-html-padding, 2rem);
  color: var(--f-html-color, currentColor);
  background: var(--f-html-bg);
}

.f-html.is-error {
  text-align: center;
}

.f-iframe {
  display: block;
  margin: 0;
  border: 0;
  height: 100%;
  width: 100%;
}

.f-caption {
  align-self: center;
  flex-shrink: 0;
  margin: var(--f-caption-margin);
  padding: var(--f-caption-padding, 16px 8px);
  max-width: 100%;
  max-height: calc(80vh - 100px);
  overflow: auto;
  overflow-wrap: anywhere;
  line-height: var(--f-caption-line-height);
  color: var(--f-caption-color);
  background: var(--f-caption-bg);
  font: var(--f-caption-font);
}

.has-html5video .f-html, .has-youtube .f-html, .has-vimeo .f-html {
  padding: 0;
  width: 100%;
  height: 100%;
  min-height: 1px;
  overflow: visible;
  max-width: var(--f-video-width, 960px);
  max-height: var(--f-video-height, 540px);
  aspect-ratio: var(--f-video-aspect-ratio);
  background: var(--f-video-bg, rgba(0, 0, 0, 0.9));
}

.f-html5video {
  border: 0;
  display: block;
  height: 100%;
  width: 100%;
  background: transparent;
}

.f-button.is-arrow {
  --f-button-width: var(--f-arrow-width, 46px);
  --f-button-height: var(--f-arrow-height, 46px);
  --f-button-svg-width: var(--f-arrow-svg-width, 24px);
  --f-button-svg-height: var(--f-arrow-svg-height, 24px);
  --f-button-svg-stroke-width: var(--f-arrow-svg-stroke-width, 1.75);
  --f-button-border-radius: var(--f-arrow-border-radius, unset);
  --f-button-bg: var(--f-arrow-bg, transparent);
  --f-button-hover-bg: var(--f-arrow-hover-bg, var(--f-arrow-bg));
  --f-button-active-bg: var(--f-arrow-active-bg, var(--f-arrow-hover-bg));
  --f-button-shadow: var(--f-arrow-shadow);
  --f-button-color: var(--f-arrow-color);
  --f-button-hover-color: var(--f-arrow-hover-color, var(--f-arrow-color));
  --f-button-active-color: var( --f-arrow-active-color, var(--f-arrow-hover-color) );
  overflow: visible;
}

.f-button.is-arrow.is-prev, .f-button.is-arrow.is-next {
  position: absolute;
  transform: translate(0);
  z-index: 20;
}

.is-horizontal .f-button.is-arrow.is-prev, .is-horizontal .f-button.is-arrow.is-next {
  inset: 50% auto auto;
  transform: translateY(-50%);
}

.is-horizontal.is-ltr .f-button.is-arrow.is-prev {
  left: var(--f-arrow-pos, 0);
}

.is-horizontal.is-ltr .f-button.is-arrow.is-next {
  right: var(--f-arrow-pos, 0);
}

.is-horizontal.is-rtl .f-button.is-arrow.is-prev {
  right: var(--f-arrow-pos, 0);
  transform: translateY(-50%) rotateY(180deg);
}

.is-horizontal.is-rtl .f-button.is-arrow.is-next {
  left: var(--f-arrow-pos, 0);
  transform: translateY(-50%) rotateY(180deg);
}

.is-vertical.is-ltr .f-button.is-arrow.is-prev, .is-vertical.is-rtl .f-button.is-arrow.is-prev {
  top: var(--f-arrow-pos, 0);
  right: auto;
  bottom: auto;
  left: 50%;
  transform: translate(-50%);
}

.is-vertical.is-ltr .f-button.is-arrow.is-next, .is-vertical.is-rtl .f-button.is-arrow.is-next {
  top: auto;
  right: auto;
  bottom: var(--f-arrow-pos, 0);
  left: 50%;
  transform: translate(-50%);
}

.is-vertical .f-button.is-arrow.is-prev svg, .is-vertical .f-button.is-arrow.is-next svg {
  transform: rotate(90deg);
}

.f-carousel__toolbar {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  margin: var(--f-toolbar-margin, 0);
  padding: var(--f-toolbar-padding, 8px);
  line-height: var(--f-toolbar-line-height);
  background: var(--f-toolbar-bg, none);
  box-shadow: var(--f-toolbar-shadow, none);
  backdrop-filter: var(--f-toolbar-backdrop-filter);
  position: relative;
  z-index: 20;
  color: var(--f-toolbar-color, currentColor);
  font-size: var(--f-toolbar-font-size, 17px);
  font-weight: var(--f-toolbar-font-weight, inherit);
  font-family: var(--f-toolbar-font, -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif);
  text-shadow: var(--f-toolbar-text-shadow);
  text-align: center;
  font-variant-numeric: tabular-nums;
  -webkit-font-smoothing: subpixel-antialiased;
  white-space: nowrap;
  pointer-events: none;
}

.f-carousel__toolbar.is-absolute {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.f-carousel__toolbar__column {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: var(--f-toolbar-gap, 0);
}

.f-carousel__toolbar__column.is-left {
  display: flex;
  justify-self: flex-start;
  justify-content: flex-start;
}

.f-carousel__toolbar__column.is-middle {
  display: flex;
  justify-content: center;
}

.f-carousel__toolbar__column.is-right {
  display: flex;
  justify-self: flex-end;
  justify-content: flex-end;
  flex-flow: nowrap;
}

.f-carousel__toolbar__column {
  pointer-events: none;
}

.f-carousel__toolbar__column > * {
  pointer-events: all;
}

.f-counter {
  position: relative;
  display: flex;
  flex-direction: row;
  cursor: default;
  user-select: none;
  margin: var(--f-counter-margin, 0);
  padding: var(--f-counter-padding, 4px);
  line-height: var(--f-counter-line-height);
  background: var(--f-counter-bg);
  border-radius: var(--f-counter-border-radius);
}

.f-counter span {
  padding: 0 var(--f-counter-gap, 4px);
}

:root {
  --f-thumbs-gap: 8px;
  --f-thumbs-margin: 0;
  --f-thumbs-padding-x: 8px;
  --f-thumbs-padding-y: 8px;
  --f-thumbs-z-index: 1;
  --f-thumb-width: 96px;
  --f-thumb-height: 72px;
  --f-thumb-clip-width: 46px;
  --f-thumb-extra-gap: 16px;
  --f-thumb-fit: cover;
  --f-thumb-opacity: 1;
  --f-thumb-transition: opacity .3s ease, transform .15s ease;
  --f-thumb-border: none;
  --f-thumb-border-radius: 4px;
  --f-thumb-transfors: none;
  --f-thumb-shadow: none;
  --f-thumb-bg: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .05));
  --f-thumb-focus-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff;
  --f-thumb-selected-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff;
}

.f-thumbs {
  flex-shrink: 0;
  margin: var(--f-thumbs-margin);
  padding: 0;
  background: var(--f-thumbs-bg);
  -webkit-tap-highlight-color: transparent;
  user-select: none;
  transition: max-height 0.3s ease, max-width 0.3s ease;
  position: relative;
  overflow: hidden;
  z-index: var(--f-thumbs-z-index);
}

.f-thumbs.is-horizontal {
  max-height: calc(var(--f-carousel-slide-height) + var(--f-thumbs-padding-y) * 2 + var(--f-thumbs-gap) * 2);
}

.f-thumbs.is-vertical {
  max-width: calc(var(--f-carousel-slide-width) + var(--f-thumbs-padding-x) * 2 + var(--f-thumbs-gap) * 2);
}

.f-thumbs.is-ltr {
  direction: ltr;
}

.f-thumbs.is-rtl {
  direction: rtl;
}

.f-thumbs__viewport {
  margin: var(--f-thumbs-padding-y) var(--f-thumbs-padding-x);
  overflow: visible;
  display: grid;
}

.f-thumbs.is-vertical .f-thumbs__viewport {
  height: calc(100% - var(--f-thumbs-padding-y) * 2);
}

.f-thumbs__slide {
  position: relative;
  box-sizing: border-box;
  grid-area: 1/1;
  width: var(--f-carousel-slide-width);
  height: var(--f-carousel-slide-height);
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  flex-direction: column;
  cursor: pointer;
  overflow: visible;
}

.f-thumbs__slide:hover button {
  opacity: var(--f-thumb-hover-opacity, 1);
  transform: var(--f-thumb-hover-transform, none);
}

.f-thumbs__slide:hover button:after {
  border: var(--f-thumb-hover-border, none);
  box-shadow: var(--f-thumb-hover-shadow, var(--f-thumb-shadow));
}

.f-thumbs__slide button {
  all: unset;
  margin: auto;
  padding: 0;
  position: relative;
  overflow: visible;
  width: 100%;
  height: 100%;
  outline: none;
  transition: var(--f-thumb-transition);
  border-radius: var(--f-thumb-border-radius);
  opacity: var(--f-thumb-opacity);
  transform: var(--f-thumb-transform);
  background: var(--f-thumb-bg);
}

.f-thumbs__slide button:after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  transition: none;
  border-radius: inherit;
  border: var(--f-thumb-border);
  box-shadow: var(--f-thumb-shadow);
}

.f-thumbs__slide button:focus-within {
  opacity: var(--f-thumb-focus-opacity, 1);
  transform: var(--f-thumb-focus-transform, none);
}

.f-thumbs__slide button:focus-within:after {
  border: var(--f-thumb-focus-border, none);
  box-shadow: var(--f-thumb-focus-shadow, var(--f-thumb-shadow));
}

.f-thumbs__slide:active {
  opacity: var(--f-thumb-active-opacity, 1);
  transform: var(--f-thumb-active-transform, none);
}

.f-thumbs__slide:active:after {
  border: var(--f-thumb-active-border, none);
  box-shadow: var(--f-thumb-active-shadow, var(--f-thumb-shadow));
}

.f-thumbs__slide.is-selected {
  z-index: 2;
}

.f-thumbs__slide.is-selected button {
  opacity: var(--f-thumb-selected-opacity, 1);
  transform: var(--f-thumb-selected-transform, none);
}

.f-thumbs__slide.is-selected button:after {
  border: var(--f-thumb-selected-border, none);
  box-shadow: var(--f-thumb-selected-shadow, var(--f-thumb-shadow));
}

.f-thumbs__slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: var(--f-thumb-fit);
  border-radius: inherit;
  pointer-events: none;
}

.f-thumbs__slide img.has-lazyerror {
  display: none;
}

.f-thumbs.is-classic {
  --f-carousel-slide-width: var(--f-thumb-width);
  --f-carousel-slide-height: var(--f-thumb-height);
  --f-carousel-gap: var(--f-thumbs-gap);
}

.f-thumbs.is-modern {
  --f-carousel-slide-width: calc( var(--f-thumb-clip-width) + var(--f-thumbs-gap) );
  --f-carousel-slide-height: var(--f-thumb-height);
  --f-carousel-gap: 0;
  --width-diff: calc((var(--f-thumb-width) - var(--f-thumb-clip-width)));
}

.f-thumbs.is-modern .f-thumbs__viewport {
  width: calc(100% + var(--f-carousel-slide-width) * 2);
  margin-inline: calc(var(--f-carousel-slide-width) * -1);
}

.f-thumbs.is-modern .f-thumbs__slide {
  --clip-shift: calc((var(--width-diff) * .5) * var(--progress));
  --clip-path: inset( 0 var(--clip-shift) round var(--f-thumb-border-radius, 0) );
  padding: 0;
  overflow: visible;
  left: var(--shift, 0);
  will-change: left;
  transition: left var(--f-transition-duration) var(--f-transition-easing);
}

.f-thumbs.is-modern .f-thumbs__slide button {
  display: block;
  margin-inline: 50%;
  width: var(--f-thumb-width);
  clip-path: var(--clip-path);
  border: none;
  box-shadow: none;
  transition: clip-path var(--f-transition-duration) var(--f-transition-easing), opacity var(--f-thumb-transition-duration, 0.2s) var(--f-thumb-transition-easing, ease);
}

.f-thumbs.is-modern .f-thumbs__slide button:after {
  display: none;
}

.f-thumbs.is-modern .f-thumbs__slide:focus:not(:focus-visible) {
  outline: none;
}

.f-thumbs.is-modern .f-thumbs__slide:focus-within:not(.is-selected) button:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: var(--clip-shift);
  bottom: 0;
  right: var(--clip-shift);
  transition: border var(--f-transition-duration) var(--f-transition-easing), box-shadow var(--f-transition-duration) var(--f-transition-easing);
  border-radius: inherit;
  border: var(--f-thumb-focus-border, none);
  box-shadow: var(--f-thumb-focus-shadow, none);
}

.f-thumbs.is-modern {
  --f-transition-duration: .25s;
  --f-transition-easing: ease-out;
}

.f-thumbs.is-modern.is-syncing {
  --f-transition-duration: 0s;
}

:root {
  --f-progressbar-height: 3px;
  --f-progressbar-color: var(--f-carousel-theme-color, #575ad6);
  --f-progressbar-opacity: 1;
  --f-progressbar-z-index: 30;
}

.f-progressbar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: var(--f-progressbar-z-index);
  height: var(--f-progressbar-height);
  transform: scaleX(0);
  transform-origin: 0;
  opacity: var(--f-progressbar-opacity);
  background: var(--f-progressbar-color);
  user-select: none;
  pointer-events: none;
  animation-name: f-progressbar;
  animation-play-state: running;
  animation-timing-function: linear;
}

.f-progressbar:empty {
  display: block;
}

button > .f-progressbar {
  --f-progressbar-height: 100%;
  --f-progressbar-opacity: .2;
}

@keyframes f-progressbar {
  0% {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(1);
  }
}
[data-fullscreen-action=toggle] svg g:first-child {
  display: flex;
}

[data-fullscreen-action=toggle] svg g:last-child {
  display: none;
}

:fullscreen [data-fullscreen-action=toggle] svg g:first-child {
  display: none;
}

:fullscreen [data-fullscreen-action=toggle] svg g:last-child {
  display: flex;
}

.in-fullscreen-mode > .f-carousel {
  flex: 1;
  min-width: 0 !important;
  min-height: 0 !important;
}

html.with-fancybox {
  width: auto;
  overflow: visible;
  scroll-behavior: auto;
}

html.with-fancybox body.hide-scrollbar {
  width: auto;
  margin-right: calc(var(--f-body-margin, 0px) + var(--f-scrollbar-compensate, 0px));
  overflow: hidden !important;
  overscroll-behavior-y: none;
}

.fancybox__dialog {
  width: 100%;
  height: 100vh;
  max-height: unset;
  max-width: unset;
  padding: 0;
  margin: 0;
  border: 0;
  overflow: hidden;
  background: transparent;
  touch-action: none;
}

.fancybox__dialog:focus {
  outline: none;
}

.fancybox__dialog::backdrop {
  opacity: 0;
}

@supports (height: 100dvh) {
  .fancybox__dialog {
    height: 100dvh;
  }
}
.fancybox__dialog *:empty {
  display: block;
}

div.fancybox__dialog {
  position: fixed;
  inset: 0;
  z-index: 1050;
}

.fancybox__container {
  --fancybox-color: #dbdbdb;
  --fancybox-backdrop-bg: rgba(24, 24, 27, .95);
  --f-toolbar-margin: 0;
  --f-toolbar-padding: 8px;
  --f-toolbar-gap: 0;
  --f-toolbar-color: #ddd;
  --f-toolbar-font-size: 16px;
  --f-toolbar-font-weight: 500;
  --f-toolbar-font: -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif;
  --f-toolbar-line-height: var(--f-button-height);
  --f-toolbar-text-shadow: 1px 1px 1px rgba(0, 0, 0, .75);
  --f-toolbar-shadow: none;
  --f-toolbar-bg: none;
  --f-counter-margin: 0;
  --f-counter-padding: 0px 10px;
  --f-counter-gap: 4px;
  --f-counter-line-height: var(--f-button-height);
  --f-carousel-gap: 17px;
  --f-carousel-slide-width: 100%;
  --f-carousel-slide-height: 100%;
  --f-carousel-slide-padding: 0;
  --f-carousel-slide-bg: unset;
  --f-html-color: #222;
  --f-html-bg: #fff;
  --f-error-color: #fff;
  --f-error-bg: #333;
  --f-caption-margin: 0;
  --f-caption-padding: 16px 8px;
  --f-caption-color: var(--fancybox-color, #dbdbdb);
  --f-caption-bg: transparent;
  --f-caption-font: inherit;
  --f-caption-line-height: 1.375;
  --f-spinner-color-1: rgba(255, 255, 255, .2);
  --f-spinner-color-2: rgba(255, 255, 255, .8);
  --f-spinner-width: 50px;
  --f-spinner-height: 50px;
  --f-spinner-border-radius: 50%;
  --f-spinner-border-width: 4px;
  --f-progressbar-color: rgba(255, 255, 255);
  --f-button-width: 46px;
  --f-button-height: 46px;
  --f-button-color: #ddd;
  --f-button-hover-color: #fff;
  --f-button-outline-width: 1px;
  --f-button-outline-color: rgba(255, 255, 255, .75);
  --f-button-outline-offset: 0px;
  --f-button-bg: rgba(54, 54, 54, .75);
  --f-button-border: 0;
  --f-button-border-radius: 0;
  --f-button-shadow: none;
  --f-button-transition: all .2s ease;
  --f-button-transform: none;
  --f-button-svg-width: 24px;
  --f-button-svg-height: 24px;
  --f-button-svg-stroke-width: 1.75;
  --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, .01)), drop-shadow(1px 2px 1px rgba(24, 24, 27, .05));
  --f-button-svg-fill: none;
  --f-button-svg-disabled-opacity: .5;
  --f-arrow-pos: 32px;
  --f-arrow-width: 50px;
  --f-arrow-height: 50px;
  --f-arrow-svg-width: 24px;
  --f-arrow-svg-height: 24px;
  --f-arrow-svg-stroke-width: 2;
  --f-arrow-border-radius: 50%;
  --f-arrow-bg: rgba(54, 54, 54, .65);
  --f-arrow-color: #ddd;
  --f-arrow-hover-color: #fff;
  --f-close-button-width: 34px;
  --f-close-button-height: 34px;
  --f-close-border-radius: 4px;
  --f-close-button-color: #fff;
  --f-close-button-hover-color: #fff;
  --f-close-button-bg: transparent;
  --f-close-button-hover-bg: transparent;
  --f-close-button-active-bg: transparent;
  --f-close-button-svg-width: 22px;
  --f-close-button-svg-height: 22px;
  --f-thumbs-margin: 0px;
  --f-thumbs-padding-x: 8px;
  --f-thumbs-padding-y: 8px;
  --f-thumbs-bg: none;
  --f-thumb-transition: all .2s ease;
  --f-thumb-width: 94px;
  --f-thumb-height: 76px;
  --f-thumb-opacity: 1;
  --f-thumb-border: none;
  --f-thumb-shadow: none;
  --f-thumb-transform: none;
  --f-thumb-focus-opacity: 1;
  --f-thumb-focus-border: none;
  --f-thumb-focus-shadow: inset 0 0 0 2px rgba(255, 255, 255, .65);
  --f-thumb-focus-transform: none;
  --f-thumb-hover-opacity: 1;
  --f-thumb-hover-border: none;
  --f-thumb-hover-transform: none;
  --f-thumb-active-opacity: var(--f-thumb-hover-opacity);
  --f-thumb-active-border: var(--f-thumb-hover-border);
  --f-thumb-active-transform: var(--f-thumb-hover-transform);
  --f-thumb-selected-opacity: 1;
  --f-thumb-selected-border: none;
  --f-thumb-selected-shadow: inset 0 0 0 2px #fff;
  --f-thumb-selected-transform: none;
}

.fancybox__container[theme=light] {
  --fancybox-color: #222;
  --fancybox-backdrop-bg: rgba(255, 255, 255, .97);
  --f-toolbar-color: var(--fancybox-color, #222);
  --f-toolbar-text-shadow: none;
  --f-toolbar-font-weight: 400;
  --f-html-color: var(--fancybox-color, #222);
  --f-html-bg: #fff;
  --f-error-color: #555;
  --f-error-bg: #fff;
  --f-video-bg: #fff;
  --f-caption-color: #333;
  --f-spinner-color-1: rgba(0, 0, 0, .2);
  --f-spinner-color-2: rgba(0, 0, 0, .8);
  --f-spinner-border-width: 3.5px;
  --f-progressbar-color: rgba(111, 111, 116);
  --f-button-color: #333;
  --f-button-hover-color: #000;
  --f-button-outline-color: rgba(0, 0, 0, .85);
  --f-button-bg: rgba(255, 255, 255, .85);
  --f-button-svg-stroke-width: 1.3;
  --f-button-svg-filter: none;
  --f-arrow-bg: rgba(255, 255, 255, .85);
  --f-arrow-color: #333;
  --f-arrow-hover-color: #000;
  --f-arrow-svg-stroke-width: 1.3;
  --f-close-button-color: #555;
  --f-close-button-hover-color: #000;
  --f-thumb-bg: linear-gradient(#ebeff2, #e2e8f0);
  --f-thumb-focus-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #888;
  --f-thumb-selected-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #000;
}

.fancybox__container {
  position: absolute;
  inset: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.fancybox__container:focus {
  outline: none;
}

.fancybox__container.has-vertical-thumbs {
  flex-direction: row-reverse;
}

.fancybox__container.has-vertical-thumbs:not(.is-closing) .fancybox__viewport {
  overflow-x: clip;
  overflow-y: visible;
}

.fancybox__container > *:not(.fancybox__carousel), .fancybox__container .fancybox__carousel > *:not(.fancybox__viewport), .fancybox__container .fancybox__carousel > .fancybox__viewport > .fancybox__slide:not(.is-selected), .fancybox__container .fancybox__carousel > .fancybox__viewport > .fancybox__slide.is-selected > *:not(.f-html, .f-panzoom__wrapper, .f-spinner) {
  opacity: var(--f-drag-opacity, 1);
}

.fancybox__container:not(.is-ready, .is-hiding) {
  visibility: hidden;
}

.fancybox__container.is-revealing > *:not(.fancybox__carousel), .fancybox__container.is-revealing .fancybox__carousel > *:not(.fancybox__viewport), .fancybox__container.is-revealing .fancybox__carousel > .fancybox__viewport > .fancybox__slide:not(.is-selected), .fancybox__container.is-revealing .fancybox__carousel > .fancybox__viewport > .fancybox__slide.is-selected > *:not(.f-html, .f-panzoom__wrapper, .f-spinner) {
  animation: var(--f-interface-enter-duration, 0.35s) ease none f-fadeIn;
}

.fancybox__container.is-hiding > *:not(.fancybox__carousel), .fancybox__container.is-hiding .fancybox__carousel > *:not(.fancybox__viewport), .fancybox__container.is-hiding .fancybox__carousel > .fancybox__viewport > .fancybox__slide:not(.is-selected), .fancybox__container.is-hiding .fancybox__carousel > .fancybox__viewport > .fancybox__slide.is-selected > *:not(.f-html, .f-panzoom__wrapper) {
  animation: var(--f-interface-exit-duration, 0.35s) ease forwards f-fadeOut;
}

.fancybox__container.is-idle .f-carousel__toolbar {
  pointer-events: none;
  opacity: 0;
}

.fancybox__container.is-idle .f-button.is-arrow {
  opacity: 0;
}

.fancybox__container.is-idle.is-ready .f-carousel__toolbar {
  pointer-events: none;
  animation: 0.15s ease-out both f-fadeOut;
}

.fancybox__container.is-idle.is-ready .f-button.is-arrow {
  animation: 0.15s ease-out both f-fadeOut;
}

.fancybox__backdrop {
  position: fixed;
  inset: 0;
  z-index: -1;
  background: var(--fancybox-backdrop-bg);
}

.fancybox__carousel {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
  min-width: 0;
  position: relative;
  z-index: 10;
  overflow-y: visible;
  overflow-x: clip;
}

.fancybox__carousel.is-vertical {
  --f-carousel-slide-height: 100%;
}

.fancybox__carousel.is-ltr {
  direction: ltr;
}

.fancybox__carousel.is-rtl {
  direction: rtl;
}

.fancybox__carousel > .f-button.is-arrow:before {
  position: absolute;
  content: "";
  inset: -30px;
  z-index: 1;
}

.fancybox__viewport {
  display: grid;
  flex: 1;
  min-height: 0;
  min-width: 0;
  position: relative;
  overflow: visible;
  transform: translate3d(0, var(--f-drag-offset, 0), 0);
}

.fancybox__viewport.is-draggable {
  cursor: move;
  cursor: grab;
}

.fancybox__viewport.is-dragging {
  cursor: move;
  cursor: grabbing;
}

.fancybox__viewport [data-selectable], .fancybox__viewport [contenteditable] {
  cursor: auto;
}

.fancybox__slide {
  box-sizing: border-box;
  position: relative;
  grid-area: 1/1;
  display: flex;
  align-items: center;
  flex-direction: column;
  width: var(--f-carousel-slide-width);
  height: var(--f-carousel-slide-height);
  min-width: 0;
  min-height: 0;
  max-width: 100%;
  margin: 0;
  padding: var(--f-carousel-slide-padding);
  background: var(--f-carousel-slide-bg);
  backface-visibility: hidden;
  transform: translateZ(0);
  will-change: transform;
}

.fancybox__slide:before, .fancybox__slide:after {
  display: block;
  content: "";
}

.fancybox__slide:before {
  margin-bottom: auto;
}

.fancybox__slide:after {
  margin-top: auto;
}

.fancybox__slide.is-selected {
  z-index: 1;
}

.fancybox__slide.f-zoomable {
  overflow: visible;
}

.fancybox__slide.has-error {
  --f-html-color: var(--f-error-color, --f-html-color);
  --f-html-bg: var(--f-error-bg, --f-html-bg);
}

.fancybox__slide.has-html {
  overflow: auto;
  padding: 8px;
}

.fancybox__slide.has-close-btn {
  padding-top: 34px;
}

.fancybox__slide.has-controls:before {
  margin: 0;
}

.fancybox__slide .f-spinner {
  cursor: pointer;
}

.fancybox__container.is-closing .f-caption, .fancybox__slide.is-loading .f-caption {
  visibility: hidden;
}

.fancybox__container.is-closing .fancybox__carousel {
  overflow: visible;
}

.f-button.is-close-button {
  --f-button-width: var(--f-close-button-width);
  --f-button-height: var(--f-close-button-height);
  --f-button-border-radius: var(--f-close-border-radius);
  --f-button-color: var(--f-close-button-color);
  --f-button-hover-color: var(--f-close-button-hover-color);
  --f-button-bg: var(--f-close-button-bg);
  --f-button-hover-bg: var(--f-close-button-hover-bg);
  --f-button-active-bg: var(--f-close-button-active-bg);
  --f-button-svg-width: var(--f-close-button-svg-width);
  --f-button-svg-height: var(--f-close-button-svg-height);
  position: absolute;
  top: calc(var(--f-button-height) * -1);
  right: 0;
  z-index: 40;
}

body a[data-fancybox] {
  position: absolute;
  inset: 0;
  z-index: 2;
}

body .fancybox__backdrop {
  --fancybox-bg: var(--fancybox-backdrop-color);
}
body .fancybox-custom-toolbar .btn.btn-underline, body .fancybox-custom-toolbar .gform_wrapper form .gform_footer .btn-underline.gform_button, .gform_wrapper form .gform_footer body .fancybox-custom-toolbar .btn-underline.gform_button, body .fancybox-custom-toolbar .gform_wrapper form .gform_footer .btn-underline.diadao-sdk-button-gform, .gform_wrapper form .gform_footer body .fancybox-custom-toolbar .btn-underline.diadao-sdk-button-gform, body .fancybox-custom-toolbar .product #reviews p.btn-underline.form-submit, .product #reviews body .fancybox-custom-toolbar p.btn-underline.form-submit {
  color: var(--fancybox-phonelink-color);
}
body .fancybox-custom-toolbar .btn.btn-primary, body .fancybox-custom-toolbar .gform_wrapper form .gfield--type-submit .btn.gform_button, .gform_wrapper form .gfield--type-submit body .fancybox-custom-toolbar .btn.gform_button,
body .fancybox-custom-toolbar .gform_wrapper form .gfield--type-submit .btn.diadao-sdk-button-gform,
.gform_wrapper form .gfield--type-submit body .fancybox-custom-toolbar .btn.diadao-sdk-button-gform, body .fancybox-custom-toolbar .gform_wrapper form .gform_footer .gform_button, .gform_wrapper form .gform_footer body .fancybox-custom-toolbar .gform_button, body .fancybox-custom-toolbar .gform_wrapper form .gform_footer .diadao-sdk-button-gform, .gform_wrapper form .gform_footer body .fancybox-custom-toolbar .diadao-sdk-button-gform, body .fancybox-custom-toolbar .product #reviews p.form-submit, .product #reviews body .fancybox-custom-toolbar p.form-submit {
  width: auto;
  background-color: var(--fancybox-booking-btn-background, var(--diadabox-primary, #FF4848));
}
body .fancybox-custom-toolbar .btn.btn-primary:hover, body .fancybox-custom-toolbar .gform_wrapper form .gfield--type-submit .btn.gform_button:hover, .gform_wrapper form .gfield--type-submit body .fancybox-custom-toolbar .btn.gform_button:hover,
body .fancybox-custom-toolbar .gform_wrapper form .gfield--type-submit .btn.diadao-sdk-button-gform:hover,
.gform_wrapper form .gfield--type-submit body .fancybox-custom-toolbar .btn.diadao-sdk-button-gform:hover, body .fancybox-custom-toolbar .gform_wrapper form .gform_footer .gform_button:hover, .gform_wrapper form .gform_footer body .fancybox-custom-toolbar .gform_button:hover, body .fancybox-custom-toolbar .gform_wrapper form .gform_footer .diadao-sdk-button-gform:hover, .gform_wrapper form .gform_footer body .fancybox-custom-toolbar .diadao-sdk-button-gform:hover, body .fancybox-custom-toolbar .product #reviews p.form-submit:hover, .product #reviews body .fancybox-custom-toolbar p.form-submit:hover {
  background-color: var(--fancybox-booking-btn-background-hover, var(--diadabox-primary-darker, rgb(255, 46.5, 46.5)));
}
body .fancybox__toolbar {
  z-index: 210;
  pointer-events: initial;
}
body .fancybox__toolbar .btn-close-fancybox {
  z-index: 1;
}
body .fancybox__nav {
  --f-button-border-radius: 5px;
  --f-button-bg: var(--fancybox-arrow-btn-background, var(--diadabox-primary, #FF4848));
  --f-button-hover-bg: var(--fancybox-arrow-btn-background-hover, var(--diadabox-primary-darker, rgb(255, 46.5, 46.5)));
  --f-button-svg-filter: none;
}
body .fancybox__nav .f-button svg {
  color: var(--fancybox-arrow-color, #FFFFFF);
}
@media only screen and (max-width: 991px) {
  body .fancybox__nav {
    display: none !important;
  }
}
body .fancybox-image {
  border-radius: 4px;
}
body .fancybox__slide {
  justify-content: center;
}
body .fancybox__slide::before, body .fancybox__slide::after {
  content: none;
}
body .fancybox__slide.has-html5video {
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
body .fancybox__slide.has-html5video > div {
  width: 100vw !important;
  height: 100vh !important;
  max-width: none !important;
  max-height: none !important;
}
body .fancybox__slide.has-html5video .f-html5video {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain;
}
body a[data-fancybox] {
  position: absolute;
  inset: 0;
  z-index: 2;
}
body a[data-fancybox].button-video {
  z-index: 1;
}
@media (hover: hover) {
  body a[data-fancybox].button-video {
    cursor: pointer;
  }
}
body section.content-medias a[data-fancybox] {
  position: relative;
  display: inline-block;
}
body section.content-medias .media-fullscreen a[data-fancybox] {
  height: 100%;
  pointer-events: none;
  width: 100%;
  display: block;
}

.faq {
  padding-top: 0;
  padding-bottom: 40px;
  padding-inline: 16px;
}
@media only screen and (min-width: 640px) {
  .faq {
    padding-inline: 6vw;
    padding-bottom: 32px;
  }
}
@media only screen and (min-width: 992px) {
  .faq {
    padding-inline: 4vw;
    padding-bottom: 48px;
  }
}
@media only screen and (min-width: 1280px) {
  .faq {
    padding-inline: 6vw;
    padding-bottom: 60px;
  }
}
@media only screen and (min-width: 1440px) {
  .faq {
    padding-inline: 8vw;
    padding-bottom: 72px;
  }
}
@media only screen and (min-width: 1920px) {
  .faq {
    padding-inline: 15vw;
    padding-bottom: 104px;
  }
}
.faq > .filters-navbar {
  margin-inline: calc(16px * -1);
}
@media only screen and (min-width: 640px) {
  .faq > .filters-navbar {
    margin-inline: -6vw;
  }
}
@media only screen and (min-width: 992px) {
  .faq > .filters-navbar {
    margin-inline: -4vw;
  }
}
@media only screen and (min-width: 1280px) {
  .faq > .filters-navbar {
    margin-inline: -6vw;
  }
}
@media only screen and (min-width: 1440px) {
  .faq > .filters-navbar {
    margin-inline: -8vw;
  }
}
@media only screen and (min-width: 1920px) {
  .faq > .filters-navbar {
    margin-inline: -15vw;
  }
}
.faq__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0px, 1fr));
  align-items: center;
  column-gap: 16px;
  row-gap: 16px;
}
@media only screen and (min-width: 992px) {
  .faq__grid {
    column-gap: 16px;
    row-gap: 16px;
    grid-template-columns: repeat(12, minmax(0px, 1fr));
  }
}
.faq__grid {
  align-items: flex-start;
}
.faq__content {
  grid-column-start: 1;
  grid-column-end: span 12;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.faq .accordion__list {
  counter-reset: list;
  margin-block: 0.625rem;
  overflow: hidden;
}
.faq .accordion__item {
  display: flex;
  flex-direction: row;
  gap: 16px;
  transition: padding 0.25s ease-in-out, background-color 0.25s ease-in-out;
  position: relative;
  cursor: pointer;
  background-color: rgba(213, 221, 228, 0.3);
  padding: 24px 16px;
}
@media only screen and (min-width: 640px) {
  .faq .accordion__item {
    padding: 32px;
  }
}
@media only screen and (min-width: 992px) {
  .faq .accordion__item {
    padding: 64px;
    gap: 40px;
  }
}
.faq .accordion__item.collapsed {
  background-color: transparent;
  border-bottom: 1px solid rgba(213, 221, 228, 0.3);
}
@media only screen and (min-width: 992px) {
  .faq .accordion__item.collapsed {
    padding: 32px 64px;
  }
}
.faq .accordion__item.collapsed .accordion__item__icon {
  background-image: url("../images/diadabox/svg/icon-plus.svg");
}
.faq .accordion__item__number:before {
  counter-increment: list;
  content: counter(list) ".";
  color: var(--diadabox-primary, #FF4848);
}
.faq .accordion__item__content {
  display: flex;
  flex-direction: column;
  gap: 18px;
  flex: 1 0 0;
}
.faq .accordion__item__title {
  display: flex;
  flex-direction: row;
  gap: 16px;
}
.faq .accordion__item__title h3 {
  font-size: 16px;
}
@media only screen and (min-width: 992px) {
  .faq .accordion__item__title h3 {
    font-size: 21px;
  }
}
.faq .accordion__item__title h3 {
  flex: 1 0 0;
}
.faq .accordion__item__icon {
  width: 20px;
  height: 20px;
  background-image: url("../images/diadabox/svg/icon-minus.svg");
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 992px) {
  .faq .accordion__item__icon {
    margin-top: 4px;
  }
}
.faq__wrapper {
  display: flex;
  flex-direction: column;
  gap: 80px;
  padding-top: 64px;
}
@media only screen and (min-width: 992px) {
  .faq__wrapper {
    gap: 120px;
    padding-top: 96px;
  }
}
.faq__section {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.filters-navbar {
  position: sticky;
  top: var(--diadabox-navbar-visible-height, 64px);
  z-index: 3;
  background-color: #FFFFFF;
  padding-top: 5px;
}
.filters-navbar__list {
  height: 100%;
  display: flex;
}
.filters-navbar__list .swiper-container {
  overflow: hidden;
  height: auto;
  flex: 1;
  min-width: 0;
  padding-bottom: 0 !important;
  border-bottom: 1px solid rgba(213, 221, 228, 0.3);
}
.filters-navbar__list .swiper-container .swiper-wrapper {
  align-items: center;
}
.filters-navbar__list .swiper-container .swiper-wrapper .swiper-slide {
  height: auto;
  width: auto;
}
.filters-navbar__list .swiper-container .swiper-wrapper .swiper-slide:first-child {
  margin-left: 50px;
  margin-left: 16px;
}
@media only screen and (min-width: 640px) {
  .filters-navbar__list .swiper-container .swiper-wrapper .swiper-slide:first-child {
    margin-left: 6vw;
  }
}
@media only screen and (min-width: 992px) {
  .filters-navbar__list .swiper-container .swiper-wrapper .swiper-slide:first-child {
    margin-left: 4vw;
  }
}
@media only screen and (min-width: 1280px) {
  .filters-navbar__list .swiper-container .swiper-wrapper .swiper-slide:first-child {
    margin-left: 6vw;
  }
}
@media only screen and (min-width: 1440px) {
  .filters-navbar__list .swiper-container .swiper-wrapper .swiper-slide:first-child {
    margin-left: 8vw;
  }
}
@media only screen and (min-width: 1920px) {
  .filters-navbar__list .swiper-container .swiper-wrapper .swiper-slide:first-child {
    margin-left: 15vw;
  }
}
.filters-navbar__item .btn-filter {
  display: block;
  height: auto;
  width: auto;
  padding: 14px 16px;
  font-size: 14px;
  font-weight: 600;
  color: #6B7580;
  white-space: nowrap;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  background: transparent;
  transition: color 0.2s ease, border-color 0.2s ease;
  text-decoration: none;
}
.filters-navbar__item .btn-filter:hover {
  color: #1E1E1E;
}
.filters-navbar__item .btn-filter.active {
  color: #1E1E1E;
  border-bottom-color: var(--diadabox-primary, #FF4848);
}

.extras-cart-toolbar {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #FFFFFF;
  border-top: 1px solid rgba(213, 221, 228, 0.3);
  box-shadow: 0 -4px 20px rgba(30, 30, 30, 0.1);
  z-index: 9980;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  gap: 16px;
  transform: translateY(100%);
  opacity: 0;
  visibility: hidden;
  transition: transform 0.3s ease-out, opacity 0.3s ease-out, visibility 0.3s ease-out;
}
.extras-cart-toolbar.is-visible {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}
@media only screen and (min-width: 992px) {
  .extras-cart-toolbar {
    padding: 16px 24px;
    gap: 24px;
  }
}
.extras-cart-toolbar__summary {
  flex: 1;
  min-width: 0;
}
.extras-cart-toolbar__toggle {
  display: flex;
  align-items: center;
  gap: 12px;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  width: 100%;
  text-align: left;
}
.extras-cart-toolbar__toggle:hover .extras-cart-toolbar__label {
  color: var(--diadabox-primary, #FF4848);
}
.extras-cart-toolbar__badge {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 360px;
  flex-shrink: 0;
  transition: background 0.25s ease-in-out;
}
@media only screen and (min-width: 992px) {
  .extras-cart-toolbar__badge:hover {
    background: rgba(213, 221, 228, 0.3);
  }
}
.extras-cart-toolbar__badge::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'/%3E%3Ccircle cx='20' cy='21' r='1'/%3E%3Cpath d='m1 1 4 4m0 0 2.68 10.72a2 2 0 0 0 1.95 1.52h9.78a2 2 0 0 0 1.95-1.52L23 6H6'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}
.extras-cart-toolbar__count {
  position: absolute;
  top: -4px;
  right: -4px;
  min-width: 20px;
  height: 20px;
  padding: 0 8px;
  background: #BD352F;
  color: #FFFFFF;
  font-weight: 700;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}
.extras-cart-toolbar__label {
  font-weight: 600;
  transition: color 0.2s ease;
}
.extras-cart-toolbar__total {
  font-weight: 700;
  margin-left: auto;
}
@media only screen and (max-width: 991px) {
  .extras-cart-toolbar__total {
    display: none;
  }
}
.extras-cart-toolbar__chevron {
  display: flex;
  align-items: center;
  transition: transform 0.3s ease;
  flex-shrink: 0;
}
@media only screen and (max-width: 991px) {
  .extras-cart-toolbar__chevron {
    display: none;
  }
}
.extras-cart-toolbar__details {
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  background: #FFFFFF;
  border-top: 1px solid rgba(213, 221, 228, 0.3);
  box-shadow: 0 -4px 20px rgba(30, 30, 30, 0.1);
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease, padding 0.3s ease;
  padding: 0 16px;
}
@media only screen and (min-width: 992px) {
  .extras-cart-toolbar__details {
    padding: 0 24px;
  }
}
.extras-cart-toolbar.is-expanded .extras-cart-toolbar__chevron {
  transform: rotate(180deg);
}
.extras-cart-toolbar.is-expanded .extras-cart-toolbar__details {
  max-height: 400px;
  padding: 16px;
  overflow: hidden;
}
@media only screen and (min-width: 992px) {
  .extras-cart-toolbar.is-expanded .extras-cart-toolbar__details {
    padding: 24px;
  }
}
.extras-cart-toolbar.is-expanded.is-opened .extras-cart-toolbar__details {
  overflow-y: auto;
}
.extras-cart-toolbar__items {
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-height: 248px;
  overflow-y: auto;
  padding-bottom: 16px;
  padding-right: 8px;
  border-bottom: 1px solid rgba(213, 221, 228, 0.3);
  margin-bottom: 16px;
}
.extras-cart-toolbar__item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px;
  background: rgba(213, 221, 228, 0.1);
  border-radius: 4px;
}
.extras-cart-toolbar__item-image {
  width: 48px;
  height: 48px;
  flex-shrink: 0;
  border-radius: 4px;
  overflow: hidden;
  background: rgba(213, 221, 228, 0.3);
}
.extras-cart-toolbar__item-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.extras-cart-toolbar__item-info {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
}
.extras-cart-toolbar__item-name {
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.extras-cart-toolbar__item-qty {
  color: #6B7580;
}
.extras-cart-toolbar__item-price {
  font-weight: 700;
  flex-shrink: 0;
}
.extras-cart-toolbar__item-remove {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: 2px solid transparent;
  background: transparent;
  border-radius: 50%;
  cursor: pointer;
  flex-shrink: 0;
  transition: border-color 0.2s ease;
  color: #6B7580;
}
.extras-cart-toolbar__item-remove:hover {
  color: var(--diadabox-primary, #FF4848);
}
.extras-cart-toolbar__footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.extras-cart-toolbar__subtotal {
  display: flex;
  align-items: center;
  gap: 8px;
}
.extras-cart-toolbar__total-price {
  font-weight: 700;
}
.extras-cart-toolbar__actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  margin-left: auto;
}
@media only screen and (min-width: 992px) {
  .extras-cart-toolbar__actions {
    gap: 12px;
  }
}

body.has-extras-cart-toolbar {
  padding-bottom: 80px;
}
@media only screen and (min-width: 992px) {
  body.has-extras-cart-toolbar {
    padding-bottom: 88px;
  }
}
body.has-extras-cart-toolbar .extras-cart-banner {
  bottom: 80px;
}
@media only screen and (min-width: 992px) {
  body.has-extras-cart-toolbar .extras-cart-banner {
    bottom: 88px;
  }
}

@media only screen and (max-width: 991px) {
  .extras-cart-toolbar__badge {
    width: 36px;
    height: 36px;
  }
  .extras-cart-toolbar__badge::before {
    width: 18px;
    height: 18px;
  }
  .extras-cart-toolbar__count {
    min-width: 18px;
    height: 18px;
    top: -2px;
    right: -2px;
  }
  .extras-cart-toolbar__items {
    max-height: 200px;
  }
  .extras-cart-toolbar__item {
    padding: 8px;
    gap: 8px;
  }
  .extras-cart-toolbar__item-image {
    width: 40px;
    height: 40px;
  }
}
/**
 * Diadabox - Pot (Cagnotte) Styles
 *
 * Index des styles pour la fonctionnalité Pot
 *
 * @package Diadabox
 */
/**
 * Diadabox Pot - Styles communs
 *
 * Styles de base pour toutes les pages pot
 *
 * @package Diadabox
 */
@media (prefers-reduced-motion: reduce) {
  .page-pot *,
  .page-pot *::before,
  .page-pot *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}
body #pot-toolbar {
  transform: translateY(0%);
  transition: transform 0.3s ease;
}
body.ajax-is-loading #pot-toolbar {
  transform: translateY(100%);
}

.page-pot .site-content {
  padding-top: 0;
}

.pot-app__content .product .container-form-row-label-custom label {
  background: #FFFFFF;
  border-radius: 4px;
}
.pot-app__content .pot-choice-page__options {
  display: block;
  margin-bottom: 0;
}
.pot-app__content .gift.pot-choice-page {
  max-width: 1104px;
  margin-left: auto;
  margin-right: auto;
  padding-inline: 4vw;
}
.pot-app__content .gift.pot-choice-page .gift-section {
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
  gap: 40px;
}
@media only screen and (min-width: 992px) {
  .pot-app__content .gift.pot-choice-page .gift-section {
    gap: 48px;
  }
}
.pot-app__content .pot-creation {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.pot-choice-page__options {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 32px;
  margin-bottom: 64px;
}
@media only screen and (max-width: 991px) {
  .pot-choice-page__options {
    grid-template-columns: 1fr;
  }
}
.pot-choice-page__info {
  background: #F5F9FC;
  border-radius: 16px;
  padding: 40px;
}
.pot-choice-page__info h3 {
  text-align: center;
  margin-bottom: 32px;
  font-size: 1.5rem;
}

.pot-choice-card {
  display: flex;
  flex-direction: column;
  padding: 32px;
  background: #FFFFFF;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(30, 30, 30, 0.05);
  text-decoration: none;
  color: inherit;
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}
@media only screen and (min-width: 992px) {
  .pot-choice-card:hover {
    box-shadow: 0 8px 24px rgba(30, 30, 30, 0.1);
    transform: translateY(-4px);
  }
}
.pot-choice-card__icon {
  width: 72px;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #F5F9FC;
  border-radius: 16px;
  margin-bottom: 24px;
  color: var(--diadabox-primary, #FF4848);
}
.pot-choice-card__title {
  font-weight: 700;
  margin-bottom: 16px;
}
.pot-choice-card__description {
  line-height: 1.6;
  margin-bottom: 24px;
  flex-grow: 1;
}
.pot-choice-card__cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  color: var(--diadabox-primary, #FF4848);
}
.pot-choice-card__cta svg {
  transition: transform 0.2s ease;
}
.pot-choice-card:hover .pot-choice-card__cta svg {
  transform: translateX(4px);
}

.pot-choice-steps {
  position: relative;
  display: flex;
  gap: 32px;
  justify-content: center;
  align-items: flex-start;
  margin: 0px;
  padding: 0px;
}
.pot-choice-steps:before {
  content: "";
  position: absolute;
  z-index: 1000;
  top: 20px;
  right: 40px;
  height: 2px;
  left: min(15%, 130px);
  right: min(15%, 130px);
  background: #D6DEE7;
  z-index: 0;
}
@media only screen and (max-width: 991px) {
  .pot-choice-steps {
    flex-direction: column;
    align-items: center;
    gap: 16px;
  }
  .pot-choice-steps:before {
    top: 0;
    bottom: 0;
    width: 2px;
    left: 50%;
    height: 100%;
    margin-left: -1px;
    background: #D6DEE7;
    z-index: 0;
  }
}

.pot-choice-step {
  text-align: center;
  position: relative;
  z-index: 1;
  max-width: 260px;
}
.pot-choice-step__number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  background: #FFFFFF;
  border: 2px solid var(--diadabox-primary, #FF4848);
  color: var(--diadabox-primary, #FF4848);
  border-radius: 50%;
  font-size: 1rem;
  font-weight: 700;
  box-shadow: 0 2px 6px rgba(30, 30, 30, 0.08);
}
.pot-choice-step h4,
.pot-choice-step p {
  background: #FFFFFF;
}
.pot-choice-step h4 {
  margin-top: 16px;
  padding: 8px 0 8px;
  font-size: 1rem;
  font-weight: 700;
  color: #1E1E1E;
}
.pot-choice-step p {
  font-size: 0.9375rem;
  color: #1E1E1E;
  line-height: 1.4;
  padding-bottom: 8px;
}
.pot-choice-step:last-child h4 {
  margin-top: 0px;
  padding-top: 16px;
}

.gift-section__content--products {
  display: grid;
  gap: 24px;
  justify-content: center;
  align-items: stretch;
}
@media only screen and (min-width: 992px) {
  .gift-section__content--products {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
  }
}

.gift-section__card--product {
  background: none;
  border-radius: 8px;
  padding: 0;
  box-shadow: 0 16px 37.8px 0 rgba(0, 0, 0, 0.15);
  display: flex;
  flex-direction: column;
  gap: 32px;
  transition: box-shadow 0.2s ease, transform 0.2s ease;
  cursor: pointer;
  height: 100%;
}
@media only screen and (min-width: 992px) {
  .gift-section__card--product:hover {
    box-shadow: 0 10px 28px rgba(30, 30, 30, 0.1);
  }
}

.gift-section__product-image {
  position: relative;
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.gift-section__product-image .icon {
  width: 64px;
  height: 64px;
  color: var(--diadabox-primary, #FF4848);
}
.gift-section__product-image img {
  width: 100%;
  height: auto;
  aspect-ratio: 4/3;
  object-fit: cover;
  border-radius: 8px;
  display: block;
}

.gift-section__product-body {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding-bottom: 48px;
  padding-inline: 32px;
  flex: 1 0 auto;
}

.gift-section__product-price {
  font-weight: normal;
  color: #1E1E1E;
  font-size: 1rem;
}

.gift-section__product-cta {
  margin-top: auto;
}

.gift-section__card .btn, .gift-section__card .gform_wrapper form .gform_footer .gform_button, .gform_wrapper form .gform_footer .gift-section__card .gform_button, .gift-section__card .gform_wrapper form .gform_footer .diadao-sdk-button-gform, .gform_wrapper form .gform_footer .gift-section__card .diadao-sdk-button-gform, .gift-section__card .product #reviews p.form-submit, .product #reviews .gift-section__card p.form-submit {
  width: auto;
}

.gift-section__card--small {
  box-shadow: 0 16px 37.8px 0 rgba(0, 0, 0, 0.15);
}
.pot-app__content .pot-choice-page .gift-section__card {
  height: auto;
  text-align: left;
  align-items: flex-start;
}
.pot-app__content .pot-choice-page .gift-section__card img {
  height: auto;
  width: 100%;
  aspect-ratio: 4/3;
  object-fit: cover;
  display: block;
  border-radius: 8px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.pot-app__content .pot-choice-page .gift-section__card .text.semi-bold {
  text-align: left;
  width: 100%;
}
.pot-app__content .pot-choice-page--account .gift-section__content--login-form {
  padding-top: 32px;
  align-items: flex-start;
}
.pot-app__content .pot-choice-page--account .pot-account-auth {
  width: 100%;
}
.pot-app__content .pot-choice-page--account .pot-account-auth .modal-login__screen--inline {
  display: flex !important;
}
.pot-app__content .pot-choice-page--account .pot-account-auth .modal__bottom {
  margin-top: 32px;
}
.pot-app__content .pot-choice-page--account .pot-account-auth .modal-login__register-fields {
  margin-top: 24px;
}
.pot-app__content .pot-choice-page--account .pot-account-auth [hidden] {
  display: none;
}
.pot-app__content .pot-choice-page--account .pot-account-auth__guest-choice {
  margin-top: 32px;
  padding-top: 24px;
}
.pot-app__content .pot-choice-page--account .pot-account-auth__guest-title {
  margin-bottom: 8px;
}
.pot-app__content .pot-choice-page--account .pot-account-auth__guest-copy {
  margin-bottom: 16px;
}
.pot-app__content .pot-choice-page--account .pot-account-auth__guest-notice {
  margin-top: 24px;
  margin-bottom: 24px;
  padding: 16px;
  background: #F5F9FC;
  border-radius: 4px;
}
.pot-app__content .pot-choice-page--account .pot-account-auth__guest-notice p {
  margin: 0;
}
.pot-app__content .pot-choice-page--account .pot-account-auth__guest-notice p + p {
  margin-top: 8px;
}

.pot-stepper-inline {
  margin: 0px;
  display: flex;
  width: 100%;
  justify-content: center;
}
@media only screen and (max-width: 991px) {
  .pot-stepper-inline {
    margin-bottom: 16px;
  }
}
.pot-stepper-inline .pot-stepper-nav {
  width: 100%;
  max-width: 920px;
  padding-top: 0;
}

.product__reinsurance--giftcard {
  margin-top: 0px;
}

body.woocommerce-pot .pot-choice-page--product-detail-voucher-hotelcredit .gift-section__content.gift-section__content--product-detail {
  display: flex;
  gap: 32px;
  flex-direction: column;
}
body.woocommerce-pot .pot-choice-page--product-detail-voucher-hotelcredit .product__grid.pot-product-detail .product-content {
  grid-column-end: span 12;
}
@media only screen and (min-width: 992px) {
  body.woocommerce-pot .pot-choice-page--product-detail-voucher-hotelcredit .product__grid.pot-product-detail .product-content {
    grid-column-end: span 6;
    grid-row: 1;
  }
}
body.woocommerce-pot .pot-choice-page--product-detail-voucher-hotelcredit .product__grid.pot-product-detail .product-content img {
  border-radius: 8px;
  overflow: clip;
}
body.woocommerce-pot .pot-choice-page--product-detail-voucher-hotelcredit .product__grid.pot-product-detail .product-form {
  grid-column-start: 1;
  grid-column-end: span 12;
  padding-left: 0;
  padding-right: 0;
}
@media only screen and (min-width: 992px) {
  body.woocommerce-pot .pot-choice-page--product-detail-voucher-hotelcredit .product__grid.pot-product-detail .product-form {
    grid-column-start: 7;
    grid-column-end: span 6;
    padding-inline: 0;
    padding-left: 40px;
    grid-row: 1;
  }
}
body.woocommerce-pot .pot-choice-page--product-detail-voucher-hotelcredit .product__grid.pot-product-detail .product__reinsurance {
  grid-column-end: span 12;
}
@media only screen and (min-width: 992px) {
  body.woocommerce-pot .pot-choice-page--product-detail-voucher-hotelcredit .product__grid.pot-product-detail .product__reinsurance {
    grid-row: 2;
  }
}

@media only screen and (min-width: 992px) {
  .pot-choice-page--product-detail-giftcard-extras .pot-creation__sidebar {
    position: sticky;
    top: 108px;
    align-self: start;
  }
}

.pot-product-detail {
  display: grid;
  grid-column-start: 1;
  grid-column-end: span 12;
}
.pot-product-detail .product-content {
  grid-column-start: 1;
  grid-column-end: span 12;
  gap: 32px;
}
.pot-product-detail .product-content img {
  width: 100%;
  height: auto;
  display: block;
}
.pot-product-detail .product__reinsurance {
  flex-direction: row;
}
.pot-product-detail .product-form {
  grid-column-start: 8;
  grid-column-end: span 5;
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding-inline: 40px;
}
.pot-product-detail .product-form h3 {
  padding-inline: 0px;
  padding-block: 0px;
}
.pot-product-detail .product-right__title h2 {
  margin: 0 0 8px;
}
.pot-product-detail .product-right__description p {
  margin: 0 0 16px;
  color: #1E1E1E;
}
.pot-product-detail .pot-form__actions {
  display: none;
}

.pot-form__group--half {
  flex: 1;
}
.pot-form__group--inline {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.pot-form__row {
  display: flex;
  gap: 16px;
}
@media only screen and (max-width: 639px) {
  .pot-form__row {
    flex-direction: column;
  }
}
.pot-form__label {
  display: block;
  font-weight: 600;
  margin-bottom: 8px;
  color: #1E1E1E;
}
.pot-form__label .required {
  color: #BD352F;
}
.pot-form__optional {
  font-weight: 400;
  font-size: 0.875rem;
}
.pot-form__help {
  font-size: 0.875rem;
  margin-top: 8px;
}
.pot-form__error {
  display: block;
  color: #BD352F;
  margin: 0px;
  text-align: center;
}
@media only screen and (min-width: 992px) {
  .pot-form__error {
    text-align: right;
    margin-right: 32px;
  }
}
.pot-form__input-group {
  position: relative;
  display: flex;
  align-items: center;
}
.pot-form__input-suffix {
  position: absolute;
  right: 16px;
  font-weight: 600;
  pointer-events: none;
  height: 100%;
  align-items: center;
  justify-content: center;
  display: flex;
  line-height: 1;
  width: 56px;
  right: 0px;
}
.pot-form__link {
  color: var(--diadabox-primary, #FF4848);
  text-decoration: none;
  font-size: 0.875rem;
}
.pot-form__link:hover {
  text-decoration: underline;
}
.pot-form__section {
  margin-bottom: 32px;
  padding-bottom: 32px;
  border-bottom: 1px solid #D6DEE7;
}
.pot-form__section:last-child {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
.pot-form__section-title {
  font-size: 1.125rem;
  margin-bottom: 20px;
  color: #1E1E1E;
}
.pot-form__nav {
  display: flex;
  justify-content: space-between;
}

.pot-form__amount-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 16px;
}

.pot-form__amount-btn {
  padding: 10px 20px;
  border: 2px solid #D6DEE7;
  border-radius: 8px;
  background: #FFFFFF;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}
.pot-form__amount-btn:hover {
  border-color: var(--diadabox-primary, #FF4848);
}
.pot-form__amount-btn.active {
  background: var(--diadabox-primary, #FF4848);
  border-color: var(--diadabox-primary, #FF4848);
  color: #FFFFFF;
}
.pot-form__amount-btn--custom {
  background: #F5F9FC;
}
.pot-form__amount-btn--custom.active {
  background: var(--diadabox-primary, #FF4848);
  border-color: var(--diadabox-primary, #FF4848);
  color: #FFFFFF;
}

.pot-form__custom-amount {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 16px;
}

.pot-form__input-group--custom {
  display: flex;
  align-items: center;
  gap: 8px;
}
.pot-form__input-group--custom .pot-form__input {
  width: 120px;
  margin-bottom: 0;
  height: 44px;
  padding: 10px 16px;
  box-sizing: border-box;
}
.pot-form__input-group--custom .pot-form__input-suffix {
  font-weight: 600;
}

.pot-form__surplus-warning {
  margin-top: 16px;
}

.pot-form__auth-tabs {
  display: flex;
  gap: 4px;
  background: #F5F9FC;
  padding: 4px;
  border-radius: 8px;
  margin-bottom: 24px;
}

.pot-form__auth-tab {
  flex: 1;
  padding: 16px;
  border: none;
  background: transparent;
  border-radius: 6px;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}
.pot-form__auth-tab--active {
  background: #FFFFFF;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.pot-form__auth-notice {
  display: flex;
  gap: 16px;
  padding: 16px;
  background: rgb(172.1365638767, 219.5528634361, 233.3634361233);
  border-radius: 8px;
  margin-bottom: 24px;
}
.pot-form__auth-notice svg {
  flex-shrink: 0;
  color: #2F96B4;
}
.pot-form__auth-notice p {
  margin: 0;
  font-size: 0.9375rem;
}

.pot-form__auth-submit {
  width: 100%;
  margin-top: 16px;
}

.pot-creation__layout.product {
  padding-bottom: 0px;
}
@media only screen and (min-width: 992px) {
  .pot-creation__layout.product .product__forms {
    padding-right: 80px;
  }
}

.pot-app__content .gift.pot-choice-page.pot-choice-page--coffret-list.pot-choice-page--products {
  padding-top: 0;
  padding-bottom: 40px;
  padding-inline: 16px;
}
@media only screen and (min-width: 640px) {
  .pot-app__content .gift.pot-choice-page.pot-choice-page--coffret-list.pot-choice-page--products {
    padding-inline: 6vw;
    padding-bottom: 32px;
  }
}
@media only screen and (min-width: 992px) {
  .pot-app__content .gift.pot-choice-page.pot-choice-page--coffret-list.pot-choice-page--products {
    padding-inline: 4vw;
    padding-bottom: 48px;
  }
}
@media only screen and (min-width: 1280px) {
  .pot-app__content .gift.pot-choice-page.pot-choice-page--coffret-list.pot-choice-page--products {
    padding-inline: 6vw;
    padding-bottom: 60px;
  }
}
@media only screen and (min-width: 1440px) {
  .pot-app__content .gift.pot-choice-page.pot-choice-page--coffret-list.pot-choice-page--products {
    padding-inline: 8vw;
    padding-bottom: 72px;
  }
}
@media only screen and (min-width: 1920px) {
  .pot-app__content .gift.pot-choice-page.pot-choice-page--coffret-list.pot-choice-page--products {
    padding-inline: 15vw;
    padding-bottom: 104px;
  }
}
.pot-app__content .gift.pot-choice-page.pot-choice-page--coffret-list.pot-choice-page--products {
  max-width: none;
}
.pot-app__content .gift.pot-choice-page.pot-choice-page--coffret-list.pot-choice-page--products .gift-section__content--products {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 48px;
  justify-content: center;
  align-items: stretch;
}
@media only screen and (max-width: 991px) {
  .pot-app__content .gift.pot-choice-page.pot-choice-page--coffret-list.pot-choice-page--products .gift-section__content--products {
    grid-template-columns: 1fr;
  }
}
@media only screen and (min-width: 992px) {
  .pot-app__content .gift.pot-choice-page.pot-choice-page--coffret-list.pot-choice-page--products .gift-section__content--products {
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
  }
}
@media only screen and (min-width: 1280px) {
  .pot-app__content .gift.pot-choice-page.pot-choice-page--coffret-list.pot-choice-page--products .gift-section__content--products {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (min-width: 1640px) {
  .pot-app__content .gift.pot-choice-page.pot-choice-page--coffret-list.pot-choice-page--products .gift-section__content--products {
    grid-template-columns: repeat(3, 1fr);
  }
}

/**
 * POT — étape Compte : deux parcours organisateur sans surface décorative.
 */
.pot-app__content .pot-choice-page--account .gift-section__content--login-form {
  padding-top: 0;
  align-items: flex-start;
}
.pot-app__content .pot-choice-page--account .pot-account-options {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-column: 1/-1;
  width: 100%;
  max-width: 1040px;
}
.pot-app__content .pot-choice-page--account .pot-account-option {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 24px 40px 24px 0;
}
.pot-app__content .pot-choice-page--account .pot-account-option h3,
.pot-app__content .pot-choice-page--account .pot-account-option p {
  margin-top: 0;
}
.pot-app__content .pot-choice-page--account .pot-account-option h3,
.pot-app__content .pot-choice-page--account .pot-account-option .pot-account-auth__guest-title {
  margin-bottom: 8px;
}
.pot-app__content .pot-choice-page--account .pot-account-option p {
  margin-bottom: 24px;
}
.pot-app__content .pot-choice-page--account .pot-account-option > .btn, .pot-app__content .pot-choice-page--account .gform_wrapper form .gform_footer .pot-account-option > .gform_button, .gform_wrapper form .gform_footer .pot-app__content .pot-choice-page--account .pot-account-option > .gform_button, .pot-app__content .pot-choice-page--account .gform_wrapper form .gform_footer .pot-account-option > .diadao-sdk-button-gform, .gform_wrapper form .gform_footer .pot-app__content .pot-choice-page--account .pot-account-option > .diadao-sdk-button-gform, .pot-app__content .pot-choice-page--account .product #reviews .pot-account-option > p.form-submit, .product #reviews .pot-app__content .pot-choice-page--account .pot-account-option > p.form-submit {
  align-self: flex-start;
  margin-top: auto;
}
.pot-app__content .pot-choice-page--account .pot-account-option--login {
  border-left: 1px solid #D6DEE7;
  padding-right: 0;
  padding-left: 40px;
}
@media only screen and (max-width: 991px) {
  .pot-app__content .pot-choice-page--account .pot-account-options {
    grid-template-columns: 1fr;
  }
  .pot-app__content .pot-choice-page--account .pot-account-option {
    padding-right: 0;
    padding-bottom: 32px;
  }
  .pot-app__content .pot-choice-page--account .pot-account-option--login {
    border-top: 1px solid #D6DEE7;
    border-left: 0;
    padding-top: 32px;
    padding-left: 0;
    padding-bottom: 0;
  }
}

.modal-pot-management[data-step=code] .pot-management-public-link, .modal-pot-management[data-step=redirecting] .pot-management-public-link {
  display: none;
}
.modal-pot-management .pot-management-public-link {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
  width: 100%;
  padding-top: 24px;
  border-top: 1px solid #E8EEF3;
  text-align: center;
}
.modal-pot-management .pot-management-public-link__label {
  margin: 0;
  font-weight: 600;
}
.modal-pot-management .pot-management-public-link .btn, .modal-pot-management .pot-management-public-link .gform_wrapper form .gform_footer .gform_button, .gform_wrapper form .gform_footer .modal-pot-management .pot-management-public-link .gform_button, .modal-pot-management .pot-management-public-link .gform_wrapper form .gform_footer .diadao-sdk-button-gform, .gform_wrapper form .gform_footer .modal-pot-management .pot-management-public-link .diadao-sdk-button-gform, .modal-pot-management .pot-management-public-link .product #reviews p.form-submit, .product #reviews .modal-pot-management .pot-management-public-link p.form-submit {
  width: 100%;
}
@media only screen and (min-width: 640px) {
  .modal-pot-management .pot-management-public-link .btn, .modal-pot-management .pot-management-public-link .gform_wrapper form .gform_footer .gform_button, .gform_wrapper form .gform_footer .modal-pot-management .pot-management-public-link .gform_button, .modal-pot-management .pot-management-public-link .gform_wrapper form .gform_footer .diadao-sdk-button-gform, .gform_wrapper form .gform_footer .modal-pot-management .pot-management-public-link .diadao-sdk-button-gform, .modal-pot-management .pot-management-public-link .product #reviews p.form-submit, .product #reviews .modal-pot-management .pot-management-public-link p.form-submit {
    width: auto;
  }
}

.pot-management-redirect-status {
  max-width: 720px;
  margin: 0 auto 24px;
}

.pot-form__actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 16px;
}
.pot-form__actions button {
  width: 50%;
}
@media only screen and (min-width: 992px) {
  .pot-form__actions button {
    width: 240px;
  }
}
.pot-form__actions .pot-form__error {
  width: calc(100% - 240px - 240px);
}

/**
 * Diadabox Pot - Stepper Styles
 *
 * Styles pour le stepper du tunnel de création
 *
 * @package Diadabox
 */
.pot-stepper {
  background: #FFFFFF;
  border-bottom: 1px solid #D6DEE7;
  padding: 20px;
  margin-bottom: 40px;
}
.pot-stepper__header {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 1200px;
  margin: 0 auto 20px;
}
.pot-stepper__indicator {
  font-size: 0.875rem;
}
.pot-stepper__progress {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  max-width: 600px;
  margin: 0 auto;
  position: relative;
}
.pot-stepper__progress::before {
  content: "";
  position: absolute;
  top: 16px;
  left: 50px;
  right: 50px;
  height: 2px;
  background: #D6DEE7;
}
@media only screen and (max-width: 639px) {
  .pot-stepper__progress::before {
    left: 30px;
    right: 30px;
  }
}
.pot-stepper__step {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  position: relative;
  z-index: 1;
}
.pot-stepper__step--completed {
  cursor: pointer;
}
.pot-stepper__step--completed .pot-stepper__step-dot {
  background: var(--diadabox-primary, #FF4848);
  border-color: var(--diadabox-primary, #FF4848);
  color: #FFFFFF;
}
.pot-stepper__step--completed .pot-stepper__step-label {
  color: var(--diadabox-primary, #FF4848);
}
.pot-stepper__step--active .pot-stepper__step-dot {
  background: var(--diadabox-primary, #FF4848);
  border-color: var(--diadabox-primary, #FF4848);
  color: #FFFFFF;
  transform: scale(1.1);
}
.pot-stepper__step--active .pot-stepper__step-label {
  font-weight: 600;
}
.pot-stepper__step--pending .pot-stepper__step-dot {
  background: #FFFFFF;
  border-color: #D6DEE7;
}
.pot-stepper__step-dot {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 2px solid;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
  font-weight: 600;
  background: #FFFFFF;
  transition: all 0.2s ease;
  margin-bottom: 8px;
}
.pot-stepper__step-dot svg {
  width: 16px;
  height: 16px;
}
.pot-stepper__step-label {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  transition: color 0.2s ease;
}
@media only screen and (max-width: 639px) {
  .pot-stepper__step-label {
    display: none;
  }
}

.pot-creation__layout {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media only screen and (min-width: 992px) {
  .pot-creation__layout {
    gap: 54px;
    display: grid;
    grid-template-columns: repeat(12, minmax(0px, 1fr));
    align-items: center;
    column-gap: 16px;
    row-gap: 16px;
    align-items: flex-start;
  }
}
@media only screen and (min-width: 992px) and (min-width: 992px) {
  .pot-creation__layout {
    column-gap: 16px;
    row-gap: 16px;
    grid-template-columns: repeat(12, minmax(0px, 1fr));
  }
}
.pot-creation__main {
  gap: 24px;
}
@media only screen and (min-width: 992px) {
  .pot-creation__main {
    grid-column-start: 1;
    grid-column-end: span 8;
    padding-right: 40px;
  }
}
@media only screen and (min-width: 992px) {
  .pot-creation__sidebar {
    order: 2;
    grid-column-start: 9;
    grid-column-end: span 4;
  }
}

.pot-form__step-title {
  margin-bottom: 32px;
  padding-block: 0px !important;
  padding-top: 0px;
}

.pot-creation__layout.product {
  padding-inline: 0px !important;
}

/**
 * Diadabox Pot - Sidebar Styles
 *
 * Styles pour la sidebar "Ma cagnotte"
 *
 * @package Diadabox
 */
.pot-sidebar {
  background: #F3F5F7;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 32px;
  padding: 24px 16px;
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .pot-sidebar {
    padding: 48px 40px;
  }
}
.pot-sidebar__title {
  padding-block: 0px !important;
}
.pot-sidebar__content {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}
.pot-sidebar__item {
  margin: 0;
}
.pot-sidebar__item:not(:last-child) {
  border-bottom: 1px solid #D6DEE7;
  padding-bottom: 16px;
}
.pot-sidebar__progress {
  margin-bottom: 16px;
}
.pot-sidebar__progress-bar {
  height: 8px;
  background: #F5F9FC;
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 8px;
}
.pot-sidebar__progress-fill {
  height: 100%;
  background: var(--diadabox-primary, #FF4848);
  border-radius: 4px;
  transition: width 0.3s ease;
}
.pot-sidebar__progress-text {
  display: flex;
  justify-content: space-between;
}
.pot-sidebar__collected {
  font-weight: 700;
}
.pot-sidebar__progress-circle {
  position: relative;
  width: 160px;
  height: 160px;
  margin: 0 auto 24px;
}
.pot-sidebar__circle-svg {
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
}
.pot-sidebar__circle-bg {
  fill: none;
  stroke: #D6DEE7;
  stroke-width: 8;
}
.pot-sidebar__circle-fill {
  fill: none;
  stroke: var(--diadabox-primary, #FF4848);
  stroke-width: 8;
  stroke-linecap: round;
  transition: stroke-dashoffset 0.3s ease;
}
.pot-sidebar__circle-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.pot-sidebar__target {
  font-size: 0.875rem;
  color: #6B7580;
}
.pot-sidebar__stats {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  padding: 16px 0;
  margin: 16px 0;
}
.pot-sidebar__stat {
  text-align: center;
}
.pot-sidebar__stat-value {
  display: block;
  font-weight: 700;
  color: var(--diadabox-primary, #FF4848);
}
.pot-sidebar__stat-label {
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.pot-sidebar__info {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.pot-sidebar__end-date, .pot-sidebar__beneficiary {
  display: flex;
  align-items: center;
  gap: 8px;
}
.pot-sidebar__end-date svg, .pot-sidebar__beneficiary svg {
  flex-shrink: 0;
  opacity: 0.7;
}
.pot-sidebar__extras {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.pot-sidebar__extras-title {
  margin-bottom: 8px;
}
.pot-sidebar__extras-item {
  display: flex;
  align-items: center;
  gap: 8px;
}
.pot-sidebar__extras-name {
  flex: 1;
}
.pot-sidebar__extras-price {
  white-space: nowrap;
}
.pot-sidebar__extras-delete {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  transition: color 0.2s ease;
}
.pot-sidebar__extras-delete:hover {
  color: var(--diadabox-primary, #FF4848);
}
.pot-sidebar__extras-delete svg {
  width: 16px;
  height: 16px;
}
.pot-sidebar__extras-total {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.pot-sidebar__extras-tax-lines {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding-top: 8px;
}
.pot-sidebar__extras-tax-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.pot-sidebar__cta {
  margin-top: 32px;
}
.pot-sidebar__cta .btn, .pot-sidebar__cta .gform_wrapper form .gform_footer .gform_button, .gform_wrapper form .gform_footer .pot-sidebar__cta .gform_button, .pot-sidebar__cta .gform_wrapper form .gform_footer .diadao-sdk-button-gform, .gform_wrapper form .gform_footer .pot-sidebar__cta .diadao-sdk-button-gform, .pot-sidebar__cta .product #reviews p.form-submit, .product #reviews .pot-sidebar__cta p.form-submit {
  width: 100%;
}

.pot-toolbar__items {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.pot-toolbar__item {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 0px;
  background: transparent;
  margin-bottom: 8px;
}
.pot-toolbar__item-image {
  width: 48px;
  height: 48px;
  flex-shrink: 0;
  border-radius: 4px;
  overflow: hidden;
}
.pot-toolbar__item-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pot-toolbar__item-info {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0px;
}
.pot-toolbar__item-name {
  font-weight: 600;
}
.pot-toolbar__item-price {
  font-weight: 700;
}
.pot-toolbar__item-qty {
  color: #6B7580;
  font-size: 10px;
}
.pot-toolbar__item-remove {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  background: none;
  border: none;
  color: #6B7580;
  cursor: pointer;
  transition: color 0.2s ease;
  flex-shrink: 0;
}
.pot-toolbar__item-remove:hover {
  color: var(--diadabox-primary, #FF4848);
}
.pot-toolbar__item-remove svg {
  width: 16px;
  height: 16px;
}

/**
 * Diadabox Pot - Coffret Selection Styles
 *
 * Styles pour la page de sélection de coffret
 *
 * @package Diadabox
 */
.pot-coffret-selection {
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px 20px 60px;
}
.pot-coffret-selection__header {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-bottom: 16px;
}
.pot-coffret-selection__back {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  font-size: 0.9375rem;
  transition: color 0.2s ease;
}
.pot-coffret-selection__back:hover {
  color: var(--diadabox-primary, #FF4848);
}
.pot-coffret-selection__title {
  font-size: 1.75rem;
  font-weight: 700;
  margin: 0;
}
.pot-coffret-selection__subtitle {
  font-size: 1rem;
  margin-bottom: 32px;
  max-width: 700px;
}

.pot-coffret-selection__filters {
  display: flex;
  gap: 32px;
  margin-bottom: 32px;
  padding: 24px;
  background: #FFFFFF;
  border-radius: 16px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.pot-coffret-selection__filter label {
  display: block;
  font-weight: 600;
  margin-bottom: 16px;
}
.pot-coffret-selection__filter--price {
  flex: 1;
  max-width: 400px;
}

.pot-coffret-selection__price-range input[type=range] {
  width: 100%;
  height: 8px;
  border-radius: 4px;
  background: #F5F9FC;
  outline: none;
  -webkit-appearance: none;
  margin-bottom: 16px;
}
.pot-coffret-selection__price-range input[type=range]:focus-visible {
  outline: 2px solid var(--diadabox-primary, #FF4848);
  outline-offset: 4px;
}
.pot-coffret-selection__price-range input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--diadabox-primary, #FF4848);
  cursor: pointer;
  transition: transform 0.2s ease;
}
.pot-coffret-selection__price-range input[type=range]::-webkit-slider-thumb:hover {
  transform: scale(1.1);
}
.pot-coffret-selection__price-range input[type=range]::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--diadabox-primary, #FF4848);
  cursor: pointer;
  border: none;
}

.extras-item .quantity__more,
.extras-item .quantity__less,
.pot-extras-card .quantity__more,
.pot-extras-card .quantity__less {
  appearance: none;
  border: 0;
  background: transparent;
  padding: 0;
}
.extras-item .quantity__more:focus-visible,
.extras-item .quantity__less:focus-visible,
.pot-extras-card .quantity__more:focus-visible,
.pot-extras-card .quantity__less:focus-visible {
  outline: 2px solid var(--diadabox-primary, #FF4848);
  outline-offset: 2px;
}

.pot-coffret-selection__price-labels {
  display: flex;
  justify-content: space-between;
  font-size: 0.875rem;
}
.pot-coffret-selection__price-labels span:last-child {
  font-weight: 600;
  color: var(--diadabox-primary, #FF4848);
}

.pot-coffret-selection__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 24px;
  margin-bottom: 32px;
}

.pot-coffret-selection__empty {
  grid-column: 1/-1;
  text-align: center;
  padding: 60px 20px;
}

.pot-coffret-selection__pagination {
  text-align: center;
}

.pot-coffret-card {
  background: #FFFFFF;
  border-radius: 16px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  transition: all 0.2s ease;
}
.pot-coffret-card:hover {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  transform: translateY(-4px);
}
.pot-coffret-card__link {
  display: block;
  text-decoration: none;
  color: inherit;
}
.pot-coffret-card__image {
  aspect-ratio: 4/3;
  overflow: hidden;
}
.pot-coffret-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}
.pot-coffret-card:hover .pot-coffret-card__image img {
  transform: scale(1.05);
}
.pot-coffret-card__placeholder {
  width: 100%;
  height: 100%;
  background: #F5F9FC;
}
.pot-coffret-card__content {
  padding: 20px;
}
.pot-coffret-card__title {
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 8px;
  line-height: 1.4;
}
.pot-coffret-card__price {
  font-size: 1.125rem;
  font-weight: 700;
  color: var(--diadabox-primary, #FF4848);
}
.pot-coffret-card__cta {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 16px 20px;
  background: #F5F9FC;
  font-weight: 600;
  color: var(--diadabox-primary, #FF4848);
  transition: background 0.2s ease;
}
.pot-coffret-card__cta svg {
  transition: transform 0.2s ease;
}
.pot-coffret-card:hover .pot-coffret-card__cta {
  background: color-mix(in srgb, var(--diadabox-primary, #FF4848) 40%, white);
}
.pot-coffret-card:hover .pot-coffret-card__cta svg {
  transform: translateX(4px);
}

/**
 * Shared public POT components.
 *
 * Dashboard is the visual reference for the public participation page.
 *
 * @package Diadabox
 */
.pot-public-page {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px 20px 60px;
}

.pot-public-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
  align-items: start;
  gap: 48px;
}
.pot-public-layout__main, .pot-public-layout__aside {
  min-width: 0;
}
.pot-public-layout__main {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.pot-public-layout__aside {
  position: sticky;
  top: calc(var(--diadabox-navbar-visible-height, 70px) + 24px);
  align-self: start;
}

.pot-section-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 24px;
}
.pot-section-heading__content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.pot-section-heading__title-row {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 16px;
}
.pot-section-heading__stat {
  display: inline-flex;
  align-items: baseline;
  gap: 4px;
  white-space: nowrap;
}
.pot-section-heading h2,
.pot-section-heading p {
  margin: 0;
}
.pot-section-heading .btn, .pot-section-heading .gform_wrapper form .gform_footer .gform_button, .gform_wrapper form .gform_footer .pot-section-heading .gform_button, .pot-section-heading .gform_wrapper form .gform_footer .diadao-sdk-button-gform, .gform_wrapper form .gform_footer .pot-section-heading .diadao-sdk-button-gform, .pot-section-heading .product #reviews p.form-submit, .product #reviews .pot-section-heading p.form-submit {
  flex: 0 0 auto;
}

.pot-gift-summary {
  background: #FFFFFF;
  border: 1px solid #F3F5F7;
  border-radius: 8px;
  padding: 24px;
}
.pot-gift-summary__product[hidden], .pot-gift-summary__bonus[hidden] {
  display: none !important;
}
.pot-gift-summary__product {
  display: flex;
  align-items: center;
  gap: 24px;
}
.pot-gift-summary__image {
  width: 160px;
  height: 160px;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 8px;
  background: #F5F9FC;
}
.pot-gift-summary__image picture,
.pot-gift-summary__image img {
  display: block;
  width: 100%;
  height: 100%;
}
.pot-gift-summary__image img {
  object-fit: cover;
}
.pot-gift-summary__info {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  flex: 1 1 auto;
  min-width: 0;
}
.pot-gift-summary__info h3,
.pot-gift-summary__info .pot-gift-summary__price {
  margin: 0;
}
.pot-gift-summary__heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
}
.pot-gift-summary__heading h3 {
  min-width: 0;
}
.pot-gift-summary__extras {
  border-top: 1px solid #F3F5F7;
  margin-top: 24px;
  padding-top: 24px;
}
.pot-gift-summary__extras-heading {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
}
.pot-gift-summary__extras ul {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 0;
  margin: 16px 0 0;
  list-style: none;
}
.pot-gift-summary__extras li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding-block: 8px;
}
.pot-gift-summary__extras li > span {
  min-width: 0;
  overflow-wrap: anywhere;
}
.pot-gift-summary__extras li strong {
  flex: 0 0 auto;
  white-space: nowrap;
}

.pot-collection-summary {
  display: grid;
  grid-template-columns: 1fr;
  justify-items: center;
  gap: 24px;
  width: 100%;
  padding: 32px 24px;
  border-radius: 8px;
  background: rgba(47, 150, 180, 0.1);
}
.pot-collection-summary__circle {
  position: relative;
  width: 176px;
  aspect-ratio: 1;
}
.pot-collection-summary__circle-svg {
  display: block;
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
}
.pot-collection-summary__circle-bg, .pot-collection-summary__circle-projection, .pot-collection-summary__circle-fill {
  fill: none;
  stroke-width: 8;
}
.pot-collection-summary__circle-bg {
  stroke: #D6DEE7;
}
.pot-collection-summary__circle-projection {
  stroke: color-mix(in srgb, var(--diadabox-primary, #FF4848) 35%, transparent);
  stroke-linecap: round;
  opacity: 0;
  transition-property: stroke-dashoffset, opacity;
  transition-duration: 0.4s, 0.18s;
  transition-timing-function: cubic-bezier(0.2, 0, 0, 1), ease-out;
}
.pot-collection-summary__circle-fill {
  stroke: var(--diadabox-primary, #FF4848);
  stroke-linecap: round;
  transition: stroke-dashoffset 0.4s cubic-bezier(0.2, 0, 0, 1);
}
.pot-collection-summary__circle-content {
  display: flex;
  flex-direction: column;
  gap: 4px;
  position: absolute;
  inset: 0;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.pot-collection-summary__circle-value, .pot-collection-summary__stat-value {
  font-variant-numeric: tabular-nums;
}
.pot-collection-summary__circle-value {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 2px;
}
.pot-collection-summary__circle-current {
  transition: opacity 0.18s ease-out;
}
.pot-collection-summary__circle-projected {
  color: var(--diadabox-primary, #FF4848);
}
.pot-collection-summary.is-previewing-contribution .pot-collection-summary__circle-projection {
  opacity: 1;
}
.pot-collection-summary.is-previewing-contribution .pot-collection-summary__circle-current {
  opacity: 0.5;
  text-decoration: line-through;
}
.pot-collection-summary__content {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
  min-width: 0;
  width: 100%;
  text-align: center;
}
.pot-collection-summary__content h2,
.pot-collection-summary__content p {
  margin: 0;
}
.pot-collection-summary__content .btn, .pot-collection-summary__content .gform_wrapper form .gform_footer .gform_button, .gform_wrapper form .gform_footer .pot-collection-summary__content .gform_button, .pot-collection-summary__content .gform_wrapper form .gform_footer .diadao-sdk-button-gform, .gform_wrapper form .gform_footer .pot-collection-summary__content .diadao-sdk-button-gform, .pot-collection-summary__content .product #reviews p.form-submit, .product #reviews .pot-collection-summary__content p.form-submit {
  align-self: center;
}
.pot-collection-summary__stats {
  display: grid;
  width: 100%;
  gap: 8px;
}
.pot-collection-summary__stats--1 {
  grid-template-columns: minmax(0, 1fr);
}
.pot-collection-summary__stats--2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.pot-collection-summary__stats--3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.pot-collection-summary__stats--4 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.pot-collection-summary__stat {
  min-width: 0;
  text-align: center;
}
.pot-collection-summary__stat-value {
  display: block;
}
.pot-collection-summary__stat-label {
  display: block;
  overflow-wrap: anywhere;
}
.pot-collection-summary__deadline, .pot-collection-summary__empty-participants {
  margin: 0;
  text-align: center;
}
.pot-collection-summary__deadline span, .pot-collection-summary__deadline strong {
  display: block;
}
.pot-collection-summary__deadline strong {
  white-space: nowrap;
}
.pot-collection-summary__share {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}
.pot-collection-summary__share h3 {
  margin: 0;
}
.pot-collection-summary__share .pot-confirmation__share-buttons {
  display: flex;
  justify-content: center;
  gap: 16px;
  width: 100%;
  margin: 0;
}
.pot-collection-summary__share-input {
  position: relative;
  display: block;
  width: 100%;
}
.pot-collection-summary__share-input .pot-form__input {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  height: 48px;
  margin: 0;
  padding: 0 48px 0 8px;
  overflow: hidden;
  text-align: left;
  background: #FFFFFF;
  border-radius: 4px;
  box-shadow: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pot-collection-summary__copy-btn {
  position: absolute;
  top: 50%;
  right: 4px;
  z-index: 1;
  width: 40px;
  min-width: 40px;
  height: 40px;
  padding: 0;
  transform: translateY(-50%);
}
.pot-collection-summary__copy-btn.is-copied {
  border-color: #50A351;
  color: #50A351;
}

@media only screen and (max-width: 991px) {
  .pot-public-page {
    padding-inline: 16px;
  }
  .pot-public-layout {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .pot-public-layout__main {
    gap: 32px;
  }
  .pot-public-layout__aside {
    position: static;
    order: -1;
  }
  .pot-section-heading {
    align-items: stretch;
    flex-direction: column;
  }
  .pot-section-heading .btn--auto-width {
    align-self: flex-start;
  }
  .pot-gift-summary__product {
    align-items: stretch;
    flex-direction: column;
  }
  .pot-gift-summary__image {
    width: 100%;
    height: 200px;
  }
  .pot-collection-summary__stats {
    gap: 8px;
  }
  .pot-collection-summary__stats--2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .pot-collection-summary__stats--3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .pot-collection-summary__stats--4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
/**
 * Diadabox Pot - Participation Page Styles
 *
 * Styles pour la page de participation
 *
 * @package Diadabox
 */
.pot-participation__header {
  margin-bottom: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid #D6DEE7;
}

.pot-participation__title {
  font-size: 1.75rem;
  font-weight: 700;
  margin-bottom: 8px;
}

.pot-participation__organizer {
  font-size: 1rem;
}

.pot-participation__message {
  background: #F5F9FC;
  border-radius: 8px;
  padding: 20px;
  margin-bottom: 24px;
}
.pot-participation__message p {
  margin: 0;
  font-size: 1rem;
  line-height: 1.6;
}

.pot-participation__thanks {
  background: rgb(195.6358024691, 225.8641975309, 196);
  border-radius: 16px;
  padding: 32px;
  margin-bottom: 32px;
  text-align: center;
}
.pot-participation__thanks-icon {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: #50A351;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 16px;
}
.pot-participation__thanks-icon svg {
  color: #FFFFFF;
}
.pot-participation__thanks h2 {
  margin-bottom: 8px;
  color: rgb(54.8148148148, 111.6851851852, 55.5);
}
.pot-participation__thanks p {
  margin: 0;
  color: rgb(63.2098765432, 128.7901234568, 64);
}

.pot-participation__form {
  scroll-margin-top: calc(var(--diadabox-navbar-visible-height, 70px) + 24px);
}
.pot-participation__user {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px;
  background: #F5F9FC;
  border-radius: 8px;
  margin-bottom: 24px;
}
.pot-participation__user img {
  border-radius: 50%;
}
.pot-participation__user strong {
  display: block;
}
.pot-participation__user span {
  font-size: 0.875rem;
}

.pot-form__remaining {
  color: var(--diadabox-primary, #FF4848);
  font-weight: 500;
  margin-top: 8px;
}

.pot-participation__submit {
  width: 100%;
  margin-top: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.pot-participation__participants {
  margin-top: 40px;
  padding-top: 32px;
}
.pot-participation__participants h3 {
  font-size: 1.125rem;
  margin-bottom: 20px;
}

.pot-participation__list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.pot-participation__participant {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 0;
  border-bottom: 1px solid #D6DEE7;
}
.pot-participation__participant:last-child {
  border-bottom: 0;
}
.pot-participation__participant-name {
  font-weight: 500;
}
.pot-participation__participant-amount {
  font-weight: 700;
  color: var(--diadabox-primary, #FF4848);
}

body.page-pot--participation .header-homepage {
  padding-bottom: 32px;
}
body.page-pot--participation .header-homepage__titles {
  gap: 16px;
}
body.page-pot--participation .header-homepage__meta {
  margin: 0;
}
body.page-pot--participation .header-homepage__notice {
  width: 100%;
  text-align: left;
}
body.page-pot--participation .gift-section {
  padding: 0;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  background: transparent;
}
body.page-pot--participation .pot-participation__pot-title {
  margin-top: 0;
  margin-bottom: 0;
  text-wrap: balance;
}
body.page-pot--participation .pot-participation__form {
  margin-top: 40px;
}
body.page-pot--participation .pot-participation__form.is-submitting .pot-form__amount-btn,
body.page-pot--participation .pot-participation__form.is-submitting .pot-form__input,
body.page-pot--participation .pot-participation__form.is-submitting .pot-form__textarea {
  pointer-events: none;
}
body.page-pot--participation .pot-form__remaining {
  color: rgb(25.8810572687, 82.5991189427, 99.1189427313);
  margin: 0 0 16px;
}
body.page-pot--participation .pot-form__custom-amount {
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 16px;
  margin-bottom: 0;
}
body.page-pot--participation .pot-form__custom-entry {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 16px;
  min-width: 0;
}
body.page-pot--participation .pot-form__minimum-help {
  margin: 0;
  white-space: nowrap;
}
body.page-pot--participation .pot-form__group--message {
  position: relative;
  padding-top: 6px;
}
body.page-pot--participation .pot-form__group--message > label {
  position: absolute;
  top: 0px;
  z-index: 10;
  left: 0px;
  font-size: 12px;
  line-height: 1;
  margin-bottom: 0;
  display: inline-block;
  padding-left: 4px;
  height: 12px;
  margin-left: 16px;
  padding-right: 4px;
  border-radius: 2px;
  background-color: #FFFFFF;
}
body.page-pot--participation .pot-form__group--message.notes textarea {
  margin-bottom: 0px;
}
body.page-pot--participation .pot-form__group--message {
  margin-top: 32px;
}
body.page-pot--participation .pot-form__group--message .pot-form__textarea {
  margin-bottom: 0;
}
body.page-pot--participation .pot-form__group--message .pot-form__help {
  display: block;
  margin-top: 8px;
}
body.page-pot--participation .pot-form__surplus-warning[hidden],
body.page-pot--participation .pot-form__input-group--custom[hidden],
body.page-pot--participation .pot-form__minimum-help[hidden] {
  display: none;
}
body.page-pot--participation .pot-participation__submit {
  min-height: 48px;
}
body.page-pot--participation .pot-participation__submit.is-submitting {
  cursor: wait;
  pointer-events: none;
}
body.page-pot--participation .pot-participation__submit.is-submitting .pot-participation__submit-label {
  opacity: 0;
}
body.page-pot--participation .pot-participation__submit.is-submitting::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 24px;
  height: 24px;
  background: url("../images/diadabox/svg/spinner-loading.svg") center/contain no-repeat;
  transform: translate(-50%, -50%);
  z-index: 2;
}
@media only screen and (max-width: 991px) {
  body.page-pot--participation .header-homepage {
    padding-bottom: 24px;
  }
  body.page-pot--participation .pot-form__custom-entry {
    width: 100%;
  }
  body.page-pot--participation .pot-form__minimum-help {
    flex-basis: 100%;
    white-space: normal;
  }
  body.page-pot--participation .pot-participation__submit {
    min-height: 48px;
  }
}

/**
 * Diadabox Pot - Dashboard Styles
 *
 * Styles pour le tableau de bord organisateur
 *
 * @package Diadabox
 */
.pot-dashboard__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 32px;
}
.pot-dashboard__header-main {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}
.pot-dashboard__title {
  font-size: 1.75rem;
  font-weight: 700;
  margin: 0;
}
.pot-dashboard__status {
  display: inline-block;
  padding: 8px 16px;
  border-radius: 20px;
  font-size: 0.8125rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.pot-dashboard__status--active {
  background: rgb(195.6358024691, 225.8641975309, 196);
  color: rgb(54.8148148148, 111.6851851852, 55.5);
}
.pot-dashboard__status--pending {
  background: rgb(252.2, 212.2, 155.8);
  color: rgb(124, 74, 3.5);
}
.pot-dashboard__status--closed {
  background: #F5F9FC;
}
.pot-dashboard__status--cancelled {
  background: rgb(235.9809322034, 180.9470338983, 178.5190677966);
  color: rgb(127.7351694915, 35.8199152542, 31.7648305085);
}
.pot-dashboard__actions {
  display: flex;
  gap: 16px;
}

.pot-dashboard__alert-actions {
  display: flex;
  gap: 16px;
  align-items: flex-start;
}
@media only screen and (max-width: 639px) {
  .pot-dashboard__alert-actions {
    width: 100%;
    flex-direction: column;
  }
  .pot-dashboard__alert-actions .btn, .pot-dashboard__alert-actions .gform_wrapper form .gform_footer .gform_button, .gform_wrapper form .gform_footer .pot-dashboard__alert-actions .gform_button, .pot-dashboard__alert-actions .gform_wrapper form .gform_footer .diadao-sdk-button-gform, .gform_wrapper form .gform_footer .pot-dashboard__alert-actions .diadao-sdk-button-gform, .pot-dashboard__alert-actions .product #reviews p.form-submit, .product #reviews .pot-dashboard__alert-actions p.form-submit {
    width: 100%;
  }
}

.pot-dashboard__finalization {
  align-items: stretch;
  margin-bottom: 32px;
}

.pot-dashboard__finalization-title {
  margin: 0 0 8px;
}

.pot-dashboard__faq > .pot-section-heading {
  margin-bottom: 0;
}

.pot-dashboard__info,
.pot-dashboard__results,
.pot-dashboard__participations {
  margin: 0;
}
.pot-dashboard__info h3,
.pot-dashboard__results h3,
.pot-dashboard__participations h3 {
  margin: 0 0 24px;
}

.pot-dashboard__details {
  display: grid;
  gap: 16px;
}

.pot-dashboard__detail {
  display: grid;
  grid-template-columns: 192px minmax(0, 1fr);
  gap: 16px;
}
.pot-dashboard__detail dt {
  white-space: nowrap;
}
.pot-dashboard__detail dd {
  margin: 0;
}
.pot-dashboard__detail dd .pot-form__input--small {
  max-width: 300px;
  display: inline-block;
  margin-right: 8px;
}
@media only screen and (max-width: 639px) {
  .pot-dashboard__detail {
    grid-template-columns: 1fr;
    gap: 8px;
  }
  .pot-dashboard__detail dt {
    white-space: normal;
  }
}

.pot-dashboard__result {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px;
  background: #F5F9FC;
  border-radius: 8px;
  margin-bottom: 16px;
}
.pot-dashboard__result:last-child {
  margin-bottom: 0;
}
.pot-dashboard__result-type {
  font-weight: 600;
}
.pot-dashboard__result-code {
  font-family: monospace;
  background: #FFFFFF;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 0.875rem;
}
.pot-dashboard__result .btn, .pot-dashboard__result .gform_wrapper form .gform_footer .gform_button, .gform_wrapper form .gform_footer .pot-dashboard__result .gform_button, .pot-dashboard__result .gform_wrapper form .gform_footer .diadao-sdk-button-gform, .gform_wrapper form .gform_footer .pot-dashboard__result .diadao-sdk-button-gform, .pot-dashboard__result .product #reviews p.form-submit, .product #reviews .pot-dashboard__result p.form-submit {
  margin-left: auto;
}
.pot-dashboard__result--bonus {
  background: rgb(195.6358024691, 225.8641975309, 196);
  border: 1px dashed #50A351;
}

.pot-dashboard__empty {
  margin: 0;
}

.pot-dashboard__table {
  width: 100%;
  border-collapse: collapse;
}
.pot-dashboard__table th, .pot-dashboard__table td {
  padding: 16px;
  text-align: left;
  border-bottom: 1px solid #D6DEE7;
}
.pot-dashboard__table th {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  background: #F5F9FC;
}
.pot-dashboard__table td {
  font-size: 0.9375rem;
}
@media only screen and (max-width: 991px) {
  .pot-dashboard__table {
    display: block;
    overflow-x: auto;
  }
}

.pot-dashboard__participation--cancelled, .pot-dashboard__participation--refunded {
  opacity: 0.6;
}
.pot-dashboard__participation-status {
  display: inline-block;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 0.75rem;
  font-weight: 600;
}
.pot-dashboard__participation-status--pending {
  background: rgb(252.2, 212.2, 155.8);
  color: rgb(148.8, 88.8, 4.2);
}
.pot-dashboard__participation-status--confirmed {
  background: rgb(195.6358024691, 225.8641975309, 196);
  color: rgb(54.8148148148, 111.6851851852, 55.5);
}
.pot-dashboard__participation-status--cancelled, .pot-dashboard__participation-status--refunded {
  background: #F5F9FC;
}

.pot-dashboard__footer {
  margin-top: 32px;
  text-align: center;
}

.pot-dashboard__header {
  align-items: center;
  gap: 24px;
}
.pot-dashboard__guidance {
  margin-bottom: 32px;
}
.pot-dashboard__product {
  margin: 0;
}
.pot-dashboard__participate-callout {
  background: rgba(47, 150, 180, 0.1);
  border-radius: 8px;
  padding: 24px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 16px;
  margin: 0;
}
.pot-dashboard__participate-callout > div {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.pot-dashboard__participate-callout h2,
.pot-dashboard__participate-callout p {
  margin: 0;
}
.pot-dashboard__participate-callout .btn, .pot-dashboard__participate-callout .gform_wrapper form .gform_footer .gform_button, .gform_wrapper form .gform_footer .pot-dashboard__participate-callout .gform_button, .pot-dashboard__participate-callout .gform_wrapper form .gform_footer .diadao-sdk-button-gform, .gform_wrapper form .gform_footer .pot-dashboard__participate-callout .diadao-sdk-button-gform, .pot-dashboard__participate-callout .product #reviews p.form-submit, .product #reviews .pot-dashboard__participate-callout p.form-submit {
  flex: 0 0 auto;
  align-self: flex-start;
}
.pot-dashboard__faq {
  margin: 0;
  padding: 0;
}
.pot-dashboard__faq .faq__content {
  gap: 24px;
  grid-column: auto;
  width: 100%;
}
.pot-dashboard__faq .accordion__list {
  margin: 0;
}
.pot-dashboard__faq .accordion__item,
.pot-dashboard__faq .accordion__item.collapsed {
  background: transparent;
  border-bottom: 1px solid #F3F5F7;
  gap: 24px;
  padding: 24px 0;
}
@media only screen and (max-width: 991px) {
  .pot-dashboard__header, .pot-dashboard__participate-callout {
    align-items: stretch;
    flex-direction: column;
  }
  .pot-dashboard__header .btn--auto-width, .pot-dashboard__participate-callout .btn--auto-width {
    align-self: flex-start;
  }
}

.modal-pot-management-dashboard .modal__wrapper {
  padding-bottom: 120px;
}
.modal-pot-management-dashboard .modal__content {
  align-items: flex-start;
  padding: 24px;
}
.modal-pot-management-dashboard .pot-dashboard__management {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
}
.modal-pot-management-dashboard .pot-dashboard__management-panel {
  width: 100%;
}
.modal-pot-management-dashboard .pot-dashboard__management-panel[hidden],
.modal-pot-management-dashboard [data-pot-management-action][hidden] {
  display: none;
}
.modal-pot-management-dashboard .pot-dashboard__management-panel form {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.modal-pot-management-dashboard .container-form-row-label-custom {
  position: relative;
  padding-top: 6px;
}
.modal-pot-management-dashboard .container-form-row-label-custom > label {
  position: absolute;
  top: 0px;
  z-index: 10;
  left: 0px;
  font-size: 12px;
  line-height: 1;
  margin-bottom: 0;
  display: inline-block;
  padding-left: 4px;
  height: 12px;
  margin-left: 16px;
  padding-right: 4px;
  border-radius: 2px;
  background-color: #FFFFFF;
}
.modal-pot-management-dashboard .container-form-row-label-custom.notes textarea {
  margin-bottom: 0px;
}
.modal-pot-management-dashboard .container-form-row-label-custom input,
.modal-pot-management-dashboard .container-form-row-label-custom textarea {
  margin-bottom: 0;
}
.modal-pot-management-dashboard .pot-form__help {
  display: block;
  margin: 8px 16px 0;
}
@media only screen and (min-width: 992px) {
  .modal-pot-management-dashboard {
    height: min(720px, 100vh - 64px);
  }
  .modal-pot-management-dashboard .modal__wrapper {
    padding-bottom: 72px;
  }
}

/**
 * Diadabox Pot - Confirmation Page Styles
 *
 * Styles pour la page de confirmation après création
 *
 * @package Diadabox
 */
.pot-confirmation__share-input {
  background: #FFFFFF;
  border-radius: 8px;
  width: 100%;
  padding: 16px;
  outline: none;
  border: none;
  appearance: none;
}
.pot-confirmation__share-input .pot-form__input {
  margin-bottom: 0;
  border: none;
  box-shadow: none;
  background: transparent;
  padding: 0;
  width: 100%;
}
.pot-confirmation__share-input:focus-within {
  outline: 2px solid var(--diadabox-primary, #FF4848);
  outline-offset: 2px;
}

.pot-confirmation__share {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  gap: 24px;
}
.pot-confirmation__share .btn, .pot-confirmation__share .gform_wrapper form .gform_footer .gform_button, .gform_wrapper form .gform_footer .pot-confirmation__share .gform_button, .pot-confirmation__share .gform_wrapper form .gform_footer .diadao-sdk-button-gform, .gform_wrapper form .gform_footer .pot-confirmation__share .diadao-sdk-button-gform, .pot-confirmation__share .product #reviews p.form-submit, .product #reviews .pot-confirmation__share p.form-submit {
  width: 136px;
  white-space: nowrap;
}
@media only screen and (max-width: 639px) {
  .pot-confirmation__share {
    flex-direction: column;
  }
  .pot-confirmation__share .btn, .pot-confirmation__share .gform_wrapper form .gform_footer .gform_button, .gform_wrapper form .gform_footer .pot-confirmation__share .gform_button, .pot-confirmation__share .gform_wrapper form .gform_footer .diadao-sdk-button-gform, .gform_wrapper form .gform_footer .pot-confirmation__share .diadao-sdk-button-gform, .pot-confirmation__share .product #reviews p.form-submit, .product #reviews .pot-confirmation__share p.form-submit {
    width: 100%;
  }
}

.pot-confirmation__share-input-wrapper h3 {
  padding: 0;
}

.pot-confirmation__share-social {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 32px;
  padding: 0;
  background: transparent;
}
.pot-confirmation__share-social h4 {
  margin: 0 0 16px;
  font-size: 1rem;
  font-weight: 600;
}

.pot-confirmation__share-buttons {
  display: flex;
  align-items: center;
  gap: 24px;
}
.pot-confirmation__share-buttons .btn.btn-icon--copy, .pot-confirmation__share-buttons .gform_wrapper form .gform_footer .btn-icon--copy.gform_button, .gform_wrapper form .gform_footer .pot-confirmation__share-buttons .btn-icon--copy.gform_button, .pot-confirmation__share-buttons .gform_wrapper form .gform_footer .btn-icon--copy.diadao-sdk-button-gform, .gform_wrapper form .gform_footer .pot-confirmation__share-buttons .btn-icon--copy.diadao-sdk-button-gform, .pot-confirmation__share-buttons .product #reviews p.btn-icon--copy.form-submit, .product #reviews .pot-confirmation__share-buttons p.btn-icon--copy.form-submit {
  margin-right: 32px;
}

.pot-confirmation__share-btn {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  transition: transform 0.2s ease;
}
.pot-confirmation__share-btn:hover {
  transform: scale(1.1);
}
.pot-confirmation__share-btn--whatsapp {
  background: #25D366;
}
.pot-confirmation__share-btn--email {
  background: #6B7580;
}
.pot-confirmation__share-btn--facebook {
  background: #1877F2;
}

.pot-confirmation__cta {
  text-align: center;
}

body.page-pot--confirmation .gift.pot-choice-page--confirmation .gift-section {
  background: transparent;
}
body.page-pot--confirmation .alert.alert-success {
  margin-bottom: 32px;
}
body.page-pot--confirmation .pot-creation__sidebar .pot-confirmation__cta {
  margin-top: 32px;
  text-align: left;
}
body.page-pot--confirmation .pot-creation__sidebar .pot-confirmation__cta .btn, body.page-pot--confirmation .pot-creation__sidebar .pot-confirmation__cta .gform_wrapper form .gform_footer .gform_button, .gform_wrapper form .gform_footer body.page-pot--confirmation .pot-creation__sidebar .pot-confirmation__cta .gform_button, body.page-pot--confirmation .pot-creation__sidebar .pot-confirmation__cta .gform_wrapper form .gform_footer .diadao-sdk-button-gform, .gform_wrapper form .gform_footer body.page-pot--confirmation .pot-creation__sidebar .pot-confirmation__cta .diadao-sdk-button-gform, body.page-pot--confirmation .pot-creation__sidebar .pot-confirmation__cta .product #reviews p.form-submit, .product #reviews body.page-pot--confirmation .pot-creation__sidebar .pot-confirmation__cta p.form-submit {
  width: 100%;
}

.pot-confirmation__share-input-wrapper {
  background: #F3F5F7;
  padding: 24px 16px;
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  gap: 32px;
  margin: 0;
}
@media only screen and (min-width: 992px) {
  .pot-confirmation__share-input-wrapper {
    padding: 32px;
  }
}

.pot-dashboard-list {
  max-width: 1000px;
  margin: 0 auto;
  padding: 40px 20px 60px;
}
.pot-dashboard-list__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 32px;
}
@media only screen and (max-width: 639px) {
  .pot-dashboard-list__header {
    flex-direction: column;
    gap: 16px;
    text-align: center;
  }
}
.pot-dashboard-list__title {
  font-size: 1.75rem;
  font-weight: 700;
  margin: 0;
}
.pot-dashboard-list__empty {
  text-align: center;
  padding: 80px 20px;
  background: #FFFFFF;
  border-radius: 16px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}
.pot-dashboard-list__empty svg {
  color: #D6DEE7;
  margin-bottom: 24px;
}
.pot-dashboard-list__empty h3 {
  font-size: 1.25rem;
  margin-bottom: 16px;
}
.pot-dashboard-list__empty p {
  margin-bottom: 24px;
}
.pot-dashboard-list__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 24px;
}

.pot-card {
  display: flex;
  flex-direction: column;
  background: #FFFFFF;
  border-radius: 16px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  text-decoration: none;
  color: inherit;
  transition: all 0.2s ease;
}
.pot-card:hover {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
  transform: translateY(-4px);
}
.pot-card__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 20px 20px 0;
}
.pot-card__title {
  font-size: 1.125rem;
  font-weight: 700;
  margin: 0;
}
.pot-card__status {
  font-size: 0.6875rem;
  padding: 4px 8px;
  border-radius: 4px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  font-weight: 600;
  background: #F5F9FC;
}
.pot-card--active .pot-card__status {
  background: rgb(195.6358024691, 225.8641975309, 196);
  color: rgb(54.8148148148, 111.6851851852, 55.5);
}
.pot-card--pending .pot-card__status {
  background: rgb(252.2, 212.2, 155.8);
  color: rgb(124, 74, 3.5);
}
.pot-card__body {
  padding: 16px 20px;
  flex-grow: 1;
}
.pot-card__progress {
  margin-bottom: 16px;
}
.pot-card__progress-bar {
  height: 6px;
  background: #F5F9FC;
  border-radius: 3px;
  overflow: hidden;
  margin-bottom: 8px;
}
.pot-card__progress-fill {
  height: 100%;
  background: var(--diadabox-primary, #FF4848);
  border-radius: 3px;
}
.pot-card__progress-text {
  display: flex;
  font-size: 0.875rem;
}
.pot-card__collected {
  font-weight: 700;
}
.pot-card__meta {
  display: flex;
  gap: 16px;
  margin-bottom: 16px;
}
.pot-card__participants, .pot-card__date {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 0.8125rem;
}
.pot-card__participants svg, .pot-card__date svg {
  opacity: 0.7;
}
.pot-card__beneficiary {
  font-size: 0.875rem;
  margin: 0;
}
.pot-card__footer {
  padding: 16px 20px;
  border-top: 1px solid #D6DEE7;
}
.pot-card__cta {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  color: var(--diadabox-primary, #FF4848);
  font-size: 0.875rem;
}
.pot-card__cta svg {
  transition: transform 0.2s ease;
}
.pot-card:hover .pot-card__cta svg {
  transform: translateX(4px);
}

input[type=number].pot-form__input {
  margin-bottom: 0px;
}

/**
 * Diadabox Pot - SPA Styles
 *
 * Styles propres au SPA (pas de doublons avec _pot.scss)
 *
 * @package Diadabox
 */
.pot-app {
  min-height: 60vh;
  overflow-x: clip;
}
.pot-app__static-header {
  text-align: center;
  margin-bottom: 0;
}
.pot-app__header {
  margin-bottom: 24px;
  text-align: center;
}

#pot-toolbar,
body.has-pot-toolbar #pot-toolbar {
  display: none !important;
}

.pot-toolbar {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #FFFFFF;
  border-top: 1px solid rgba(213, 221, 228, 0.3);
  box-shadow: 0 -4px 20px rgba(30, 30, 30, 0.1);
  z-index: 9980;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  gap: 16px;
  transform: translateY(100%);
  opacity: 0;
  visibility: hidden;
  transition: transform 0.3s ease-out, opacity 0.3s ease-out, visibility 0.3s ease-out;
}
.pot-toolbar.is-visible {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}
@media only screen and (min-width: 992px) {
  .pot-toolbar {
    padding: 16px 24px;
    gap: 24px;
  }
}
.pot-toolbar__summary {
  flex: 1;
  min-width: 0;
}
.pot-toolbar__toggle {
  display: flex;
  align-items: center;
  gap: 12px;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  width: 100%;
  text-align: left;
}
.pot-toolbar__toggle:hover .pot-toolbar__label {
  color: var(--diadabox-primary, #FF4848);
}
.pot-toolbar__label {
  font-weight: 600;
  transition: color 0.2s ease;
}
.pot-toolbar__chevron {
  display: flex;
  align-items: center;
  transition: transform 0.3s ease;
  flex-shrink: 0;
}
.pot-toolbar__actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  margin-left: auto;
}
@media only screen and (min-width: 992px) {
  .pot-toolbar__actions {
    gap: 12px;
  }
}
.pot-toolbar__btn-back, .pot-toolbar__btn-next {
  flex-shrink: 0;
}
.pot-toolbar__details {
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  background: #FFFFFF;
  border-top: 1px solid rgba(213, 221, 228, 0.3);
  box-shadow: 0 -4px 20px rgba(30, 30, 30, 0.1);
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease, padding 0.3s ease;
  padding: 0 16px;
}
@media only screen and (min-width: 992px) {
  .pot-toolbar__details {
    padding: 0 24px;
  }
}
.pot-toolbar.is-expanded .pot-toolbar__chevron {
  transform: rotate(180deg);
}
.pot-toolbar.is-expanded .pot-toolbar__details {
  max-height: 400px;
  padding: 16px;
  overflow: hidden;
}
@media only screen and (min-width: 992px) {
  .pot-toolbar.is-expanded .pot-toolbar__details {
    padding: 24px;
  }
}
.pot-toolbar.is-expanded.is-opened .pot-toolbar__details {
  overflow-y: auto;
}
.pot-toolbar__items {
  display: flex;
  flex-direction: column;
  gap: 0px;
  padding-bottom: 0px;
  padding-right: 0px;
  margin-bottom: 16px;
}
.pot-toolbar__item {
  display: flex;
  align-items: center;
}
.pot-toolbar__item-image {
  width: 48px;
  height: 48px;
  flex-shrink: 0;
  border-radius: 4px;
  overflow: hidden;
  background: rgba(213, 221, 228, 0.3);
}
.pot-toolbar__item-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pot-toolbar__item-info {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
}
.pot-toolbar__item-name {
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
}
@media only screen and (max-width: 991px) {
  .pot-toolbar__item-name {
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
  }
}
.pot-toolbar__item-price {
  font-weight: 700;
  flex-shrink: 0;
  font-size: 11px;
}
.pot-toolbar__item-remove {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: 2px solid transparent;
  background: transparent;
  border-radius: 50%;
  cursor: pointer;
  flex-shrink: 0;
  transition: color 0.2s ease;
}
.pot-toolbar__item-remove:hover {
  color: var(--diadabox-primary, #FF4848);
}

body.has-pot-toolbar {
  padding-bottom: 80px;
}
@media only screen and (min-width: 992px) {
  body.has-pot-toolbar {
    padding-bottom: 88px;
  }
}

.pot-stepper-nav {
  padding: 0px;
  max-width: 880px;
  margin: 0 auto;
}
@media only screen and (max-width: 991px) {
  .pot-stepper-nav {
    max-width: 90%;
  }
}
.pot-stepper-nav__list {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative;
  gap: 18px;
}
.pot-stepper-nav__list::before {
  content: "";
  position: absolute;
  top: 18px;
  height: 2px;
  background: #D6DEE7;
  z-index: 0;
  left: 7.1428571429%;
  right: 7.1428571429%;
}
.pot-stepper-nav__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 1;
  flex: 1;
  min-width: 0;
}
.pot-stepper-nav__item:first-child .pot-stepper-nav__dot::before, .pot-stepper-nav__item:last-child .pot-stepper-nav__dot::after {
  content: "";
  position: absolute;
  top: 18px;
  height: 2px;
  background: #D6DEE7;
  z-index: 0;
}
.pot-stepper-nav__item {
  /*
  &:first-child .pot-stepper-nav__dot::before {
      left: -999px;
      right: calc( 50% + 20px );
  }

  &:last-child .pot-stepper-nav__dot::after {
      right: -999px;
      left: calc( 50% - 20px );
  }*/
}
.pot-stepper-nav__dot {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 2px solid #D6DEE7;
  background: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: default;
  transition: all 0.25s ease;
  position: relative;
  z-index: 2;
  padding: 0;
}
.is-completed .pot-stepper-nav__dot {
  background: var(--diadabox-primary, #FF4848);
  border-color: var(--diadabox-primary, #FF4848);
  cursor: pointer;
}
.is-completed .pot-stepper-nav__dot:hover {
  transform: scale(1.1);
  box-shadow: 0 2px 8px color-mix(in srgb, var(--diadabox-primary, #FF4848) 30%, transparent);
}
.is-active .pot-stepper-nav__dot {
  border-color: var(--diadabox-primary, #FF4848);
  background: #FFFFFF;
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--diadabox-primary, #FF4848) 15%, transparent);
}
.is-disabled .pot-stepper-nav__dot {
  border-color: #D6DEE7;
  background: #F5F9FC;
  cursor: not-allowed;
}
.pot-stepper-nav__number {
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 1;
}
.is-completed .pot-stepper-nav__number {
  font-size: 0;
}
.is-completed .pot-stepper-nav__number::after {
  content: "✓";
  font-size: 1.5rem;
  color: #FFFFFF;
}
@media only screen and (max-width: 991px) {
  .is-completed .pot-stepper-nav__number::after {
    font-size: 0.875rem;
  }
}
.is-active .pot-stepper-nav__number {
  color: var(--diadabox-primary, #FF4848);
}
.pot-stepper-nav__label {
  display: block;
  margin-top: 10px;
  font-size: 0.8125rem;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
}
.is-completed .pot-stepper-nav__label {
  color: var(--diadabox-primary, #FF4848);
}
.is-active .pot-stepper-nav__label {
  font-weight: 600;
}
@media only screen and (max-width: 639px) {
  .pot-stepper-nav__dot {
    width: 32px;
    height: 32px;
  }
  .pot-stepper-nav__label {
    display: none;
  }
  .pot-stepper-nav__list::before {
    top: 16px;
    left: 28px;
    right: 28px;
  }
}

.pot-choice-page .voucher-card {
  background: #FFFFFF;
  border-radius: 8px;
  padding: 16px;
  box-shadow: 0 2px 8px rgba(30, 30, 30, 0.05);
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}
@media only screen and (min-width: 992px) {
  .pot-choice-page .voucher-card:hover {
    box-shadow: 0 8px 24px rgba(30, 30, 30, 0.1);
    transform: translateY(-4px);
  }
}
.pot-choice-page .voucher-card__cta .btn, .pot-choice-page .voucher-card__cta .gform_wrapper form .gform_footer .gform_button, .gform_wrapper form .gform_footer .pot-choice-page .voucher-card__cta .gform_button, .pot-choice-page .voucher-card__cta .gform_wrapper form .gform_footer .diadao-sdk-button-gform, .gform_wrapper form .gform_footer .pot-choice-page .voucher-card__cta .diadao-sdk-button-gform, .pot-choice-page .voucher-card__cta .product #reviews p.form-submit, .product #reviews .pot-choice-page .voucher-card__cta p.form-submit {
  width: 100%;
}

.pot-products-empty {
  text-align: center;
  padding: 48px;
  grid-column: 1/-1;
}

.pot-choice-page--summary .pot-creation__layout {
  padding: 0;
}
.pot-choice-page--summary .pot-creation__main {
  border-radius: 8px;
  box-shadow: 0 16px 37.8px 0 rgba(0, 0, 0, 0.15);
  grid-column-end: span 12;
  padding: 32px;
}
@media only screen and (min-width: 992px) {
  .pot-choice-page--summary .pot-creation__main {
    padding: 48px 64px;
  }
}
.extras-grid .extras-card {
  max-width: 768px;
}
.gift-section__content--booking-form .extras-grid .extras-card {
  max-width: 100%;
}

#pot-creation-form {
  max-width: 768px;
}
#pot-creation-form .container-form-row-label-custom {
  margin-bottom: 8px;
}

.pot-summary {
  width: 100%;
  margin-top: 32px;
}
@media only screen and (min-width: 992px) {
  .pot-summary {
    display: grid;
    gap: 48px;
    grid-template-columns: repeat(2, 1fr);
  }
}
.pot-summary__section {
  margin-bottom: 24px;
}
.pot-summary__section h4 {
  margin-bottom: 8px;
}
.pot-summary__row {
  display: flex;
  justify-content: space-between;
  padding: 8px 0;
}
.pot-summary .pot-summary__item {
  display: flex;
  flex-direction: row;
  gap: 4px;
}
.pot-summary .pot-summary__item dd {
  font-weight: bold;
}
.pot-summary .pot-summary__image img {
  width: 100%;
  height: auto;
  aspect-ratio: 4/3;
  object-fit: cover;
}

.pot-login-required {
  text-align: center;
  padding: 48px 24px;
  background: #F5F9FC;
  border-radius: 16px;
  max-width: 400px;
  margin: 0 auto;
}
.pot-login-required h2 {
  font-size: 1.25rem;
  margin-bottom: 16px;
}
.pot-login-required p {
  margin-bottom: 24px;
}

.pot-login-register {
  margin-top: 16px;
  font-size: 0.875rem;
}
.pot-login-register a {
  color: var(--diadabox-primary, #FF4848);
  font-weight: 600;
}

.pot-account-info {
  max-width: 500px;
  margin: 0 auto;
  text-align: center;
}

.pot-account-user {
  background: #F5F9FC;
  border-radius: 8px;
  padding: 24px;
  margin: 16px 0;
}
.pot-account-user strong {
  display: block;
  font-size: 1.125rem;
  margin-bottom: 4px;
}

.pot-account-notice {
  font-size: 0.875rem;
}

.pot-error-message {
  text-align: center;
  padding: 48px 24px;
}
.pot-error-message p {
  color: #BD352F;
  margin-bottom: 24px;
}

.pot-field-error {
  display: block;
  margin-top: 4px;
  font-size: 0.8125rem;
  color: #BD352F;
}

.is-invalid {
  border-color: #BD352F !important;
}

.pot-product-detail__info {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.pot-product-detail__title {
  font-size: 1.25rem;
  font-weight: 700;
}
.pot-product-detail__checklist {
  list-style: none;
  padding: 0;
  margin: 0;
}
.pot-product-detail__checklist li {
  position: relative;
  padding-left: 24px;
  margin-bottom: 8px;
  line-height: 1.5;
}
.pot-product-detail__checklist li::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: var(--diadabox-primary, #FF4848);
  font-weight: 700;
}
.pot-product-detail__description {
  line-height: 1.6;
}
.pot-product-detail__price {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--diadabox-primary, #FF4848);
}
.pot-product-detail__reinsurance {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  padding: 16px 0;
  border-top: 1px solid #D6DEE7;
}
.pot-product-detail__reinsurance-item {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.75rem;
}
.pot-product-detail__reinsurance-item .icon {
  width: 20px;
  height: 20px;
}

.pot-choice-page .vouchers__list {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(1, 1fr);
}
.pot-choice-page .vouchers__list .vouchers__card {
  grid-column: span 1;
}
.pot-choice-page .vouchers__list .voucher-card__image {
  aspect-ratio: 4/3;
}
.pot-choice-page .vouchers__list .voucher-card__cta .pot-extras-card__actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
}
.pot-choice-page .vouchers__list .voucher-card__cta .pot-extras-card__add[disabled] {
  opacity: 0.3;
  cursor: not-allowed;
  pointer-events: none;
}

body.modal-opened #pot-toolbar {
  transform: translateY(100%);
}

.pot-choice-card__cta,
.voucher-card__cta {
  width: 100%;
}
.pot-choice-card__cta .btn.btn-primary, .pot-choice-card__cta .gform_wrapper form .gfield--type-submit .btn.gform_button, .gform_wrapper form .gfield--type-submit .pot-choice-card__cta .btn.gform_button,
.pot-choice-card__cta .gform_wrapper form .gfield--type-submit .btn.diadao-sdk-button-gform,
.gform_wrapper form .gfield--type-submit .pot-choice-card__cta .btn.diadao-sdk-button-gform, .pot-choice-card__cta .gform_wrapper form .gform_footer .gform_button, .gform_wrapper form .gform_footer .pot-choice-card__cta .gform_button, .pot-choice-card__cta .gform_wrapper form .gform_footer .diadao-sdk-button-gform, .gform_wrapper form .gform_footer .pot-choice-card__cta .diadao-sdk-button-gform, .pot-choice-card__cta .product #reviews p.form-submit, .product #reviews .pot-choice-card__cta p.form-submit,
.voucher-card__cta .btn.btn-primary,
.voucher-card__cta .gform_wrapper form .gfield--type-submit .btn.gform_button,
.gform_wrapper form .gfield--type-submit .voucher-card__cta .btn.gform_button,
.voucher-card__cta .gform_wrapper form .gfield--type-submit .btn.diadao-sdk-button-gform,
.gform_wrapper form .gfield--type-submit .voucher-card__cta .btn.diadao-sdk-button-gform,
.voucher-card__cta .gform_wrapper form .gform_footer .gform_button,
.gform_wrapper form .gform_footer .voucher-card__cta .gform_button,
.voucher-card__cta .gform_wrapper form .gform_footer .diadao-sdk-button-gform,
.gform_wrapper form .gform_footer .voucher-card__cta .diadao-sdk-button-gform,
.voucher-card__cta .product #reviews p.form-submit,
.product #reviews .voucher-card__cta p.form-submit {
  width: auto;
  display: inline-flex;
}

.pot-choice-page .vouchers__list .vouchers__card {
  height: 100%;
  justify-content: space-between;
}

.content-contact {
  padding-top: 0;
  padding-bottom: 40px;
  padding-inline: 16px;
}
@media only screen and (min-width: 640px) {
  .content-contact {
    padding-inline: 6vw;
    padding-bottom: 32px;
  }
}
@media only screen and (min-width: 992px) {
  .content-contact {
    padding-inline: 4vw;
    padding-bottom: 48px;
  }
}
@media only screen and (min-width: 1280px) {
  .content-contact {
    padding-inline: 6vw;
    padding-bottom: 60px;
  }
}
@media only screen and (min-width: 1440px) {
  .content-contact {
    padding-inline: 8vw;
    padding-bottom: 72px;
  }
}
@media only screen and (min-width: 1920px) {
  .content-contact {
    padding-inline: 15vw;
    padding-bottom: 104px;
  }
}
.content-contact__container {
  display: flex;
  flex-direction: column;
  background: #F9F9F9;
  border-radius: 8px;
  overflow: clip;
  align-items: normal;
}
@media only screen and (min-width: 992px) {
  .content-contact__container {
    display: grid;
    grid-template-columns: repeat(12, minmax(0px, 1fr));
    align-items: center;
    column-gap: 16px;
    row-gap: 16px;
  }
}
@media only screen and (min-width: 992px) and (min-width: 992px) {
  .content-contact__container {
    column-gap: 16px;
    row-gap: 16px;
    grid-template-columns: repeat(12, minmax(0px, 1fr));
  }
}
.content-contact__map {
  background: #D3D3D3;
  height: 100%;
  aspect-ratio: 1/1;
  position: relative;
}
.content-contact__map .theme-google-map {
  width: 100%;
  height: 100%;
  position: absolute !important;
  inset: 0;
  top: 0;
}
@media only screen and (min-width: 992px) {
  .content-contact__map {
    grid-column-start: 1;
    grid-column-end: span 7;
    padding-top: 66%;
    aspect-ratio: auto;
  }
}
@media only screen and (min-width: 992px) {
  .content-contact--left .content-contact__map {
    order: 2;
    grid-column-start: 6;
    grid-column-end: span 7;
  }
}
.content-contact__inner {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-start;
  border-radius: 8px;
  padding: 32px;
}
@media only screen and (min-width: 992px) {
  .content-contact__inner {
    grid-column-start: 8;
    grid-column-end: span 5;
    padding: 48px;
  }
}
@media only screen and (min-width: 992px) {
  .content-contact--left .content-contact__inner {
    order: 1;
    grid-column-start: 1;
    grid-column-end: span 4;
  }
}
.content-contact__infos {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.content-contact__cta > a {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  height: 56px;
  border: 1px solid transparent;
  transition: background-color 0.25s ease-in-out, border 0.25s ease-in-out, color 0.25s ease-in-out;
  color: #F9F9F9;
  background: var(--diadabox-primary, #FF4848);
  overflow: hidden;
  width: 100%;
  font-weight: 700;
  padding: 0 24px;
}
@media only screen and (min-width: 640px) {
  .content-contact__cta > a {
    width: auto;
  }
}
@media only screen and (max-width: 991px) {
  .content-contact__cta > a {
    padding: 0 16px;
    height: 48px;
    font-size: 12px;
  }
}
@media only screen and (min-width: 992px) {
  .content-contact__cta > a {
    padding: 0 24px;
    height: 48px;
  }
  .content-contact__cta > a::before {
    content: "";
    z-index: 0;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 0%;
    background-color: var(--diadabox-primary-darker, rgb(255, 46.5, 46.5));
    transition: width 0.25s ease-in-out;
  }
  .content-contact__cta > a:hover::before {
    width: 100%;
  }
}
@media only screen and (min-width: 1280px) {
  .content-contact__cta > a {
    padding: 0 32px;
    height: 56px;
  }
}
.content-contact__cta > a span {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-size: 16px;
  pointer-events: none;
}
@media only screen and (max-width: 991px) {
  .content-contact__cta > a span {
    font-size: 13px;
  }
}

.custom-map-marker {
  position: absolute;
  transform: translate(-50%, -100%);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  background: rgba(0, 0, 0, 0.75);
  padding: 16px;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  white-space: nowrap;
  color: #F9F9F9;
  text-align: center;
  max-width: 300px;
}
.custom-map-marker::after {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid rgba(0, 0, 0, 0.75);
}
.custom-map-marker__name {
  font-weight: 600;
  font-size: 14px;
}
.custom-map-marker__sub {
  font-size: 12px;
  opacity: 0.75;
  margin-top: 4px;
  text-wrap: wrap;
}

.content-instagram {
  padding-top: 0;
  padding-bottom: 40px;
  padding-inline: 16px;
}
@media only screen and (min-width: 640px) {
  .content-instagram {
    padding-inline: 6vw;
    padding-bottom: 32px;
  }
}
@media only screen and (min-width: 992px) {
  .content-instagram {
    padding-inline: 4vw;
    padding-bottom: 48px;
  }
}
@media only screen and (min-width: 1280px) {
  .content-instagram {
    padding-inline: 6vw;
    padding-bottom: 60px;
  }
}
@media only screen and (min-width: 1440px) {
  .content-instagram {
    padding-inline: 8vw;
    padding-bottom: 72px;
  }
}
@media only screen and (min-width: 1920px) {
  .content-instagram {
    padding-inline: 15vw;
    padding-bottom: 104px;
  }
}
.content-instagram__container {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media only screen and (min-width: 992px) {
  .content-instagram__container {
    display: grid;
    grid-template-columns: repeat(12, minmax(0px, 1fr));
    align-items: center;
    column-gap: 16px;
    row-gap: 16px;
    align-items: center;
  }
}
@media only screen and (min-width: 992px) and (min-width: 992px) {
  .content-instagram__container {
    column-gap: 16px;
    row-gap: 16px;
    grid-template-columns: repeat(12, minmax(0px, 1fr));
  }
}
.content-instagram__texts {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media only screen and (min-width: 992px) {
  .content-instagram__texts {
    grid-column-start: 1;
    grid-column-end: span 4;
    padding-right: 32px;
    align-items: flex-start;
  }
}
.content-instagram__subtitle {
  font-size: 18px;
  font-weight: 700;
}
@media only screen and (min-width: 992px) {
  .content-instagram__feed {
    grid-column-start: 5;
    grid-column-end: span 8;
  }
}
.content-instagram #lightwidget-wrapper {
  width: 100%;
  line-height: 0;
}

.content-infos-pratiques {
  padding-top: 0;
  padding-bottom: 40px;
  padding-inline: 16px;
}
@media only screen and (min-width: 640px) {
  .content-infos-pratiques {
    padding-inline: 6vw;
    padding-bottom: 32px;
  }
}
@media only screen and (min-width: 992px) {
  .content-infos-pratiques {
    padding-inline: 4vw;
    padding-bottom: 48px;
  }
}
@media only screen and (min-width: 1280px) {
  .content-infos-pratiques {
    padding-inline: 6vw;
    padding-bottom: 60px;
  }
}
@media only screen and (min-width: 1440px) {
  .content-infos-pratiques {
    padding-inline: 8vw;
    padding-bottom: 72px;
  }
}
@media only screen and (min-width: 1920px) {
  .content-infos-pratiques {
    padding-inline: 15vw;
    padding-bottom: 104px;
  }
}
.content-infos-pratiques__container {
  display: flex;
  flex-direction: column;
  gap: 32px;
  margin-top: 32px;
}
@media only screen and (min-width: 992px) {
  .content-infos-pratiques__container {
    display: grid;
    grid-template-columns: repeat(12, minmax(0px, 1fr));
    align-items: center;
    column-gap: 16px;
    row-gap: 16px;
    align-items: flex-start;
  }
}
@media only screen and (min-width: 992px) and (min-width: 992px) {
  .content-infos-pratiques__container {
    column-gap: 16px;
    row-gap: 16px;
    grid-template-columns: repeat(12, minmax(0px, 1fr));
  }
}
@media only screen and (min-width: 992px) {
  .content-infos-pratiques__list-faq {
    grid-column-start: 1;
    grid-column-end: span 8;
  }
}
.content-infos-pratiques__title {
  margin: 0;
}
.content-infos-pratiques__lists {
  display: grid;
  grid-template-columns: 1fr;
  gap: 32px;
}
@media only screen and (min-width: 992px) {
  .content-infos-pratiques__lists {
    grid-template-columns: 1fr 1fr;
  }
}
.content-infos-pratiques__faq .accordion__list {
  counter-reset: list;
  margin-block: 0.625rem;
  overflow: hidden;
}
.content-infos-pratiques__faq .accordion__item {
  display: flex;
  flex-direction: row;
  gap: 16px;
  transition: padding 0.25s ease-in-out, background-color 0.25s ease-in-out;
  position: relative;
  cursor: pointer;
}
.content-infos-pratiques__faq .accordion__item:not(:first-child) {
  padding: 24px 0 0 0;
}
@media only screen and (min-width: 992px) {
  .content-infos-pratiques__faq .accordion__item:not(:first-child) {
    padding: 32px 0 0 0;
  }
}
.content-infos-pratiques__faq .accordion__item.collapsed {
  background-color: transparent;
}
.content-infos-pratiques__faq .accordion__item.collapsed .accordion__item__icon {
  background-image: url("../images/diadabox/svg/icon-plus.svg");
}
.content-infos-pratiques__faq .accordion__item__number {
  display: none;
}
.content-infos-pratiques__faq .accordion__item__content {
  flex: 1 0 0;
}
.content-infos-pratiques__faq .accordion__item__content .accordion-body {
  padding-top: 16px;
}
.content-infos-pratiques__faq .accordion__item__title h3 {
  font-size: 16px;
}
.content-infos-pratiques__faq .accordion__item__icon {
  width: 20px;
  height: 20px;
  background-image: url("../images/diadabox/svg/icon-minus.svg");
  background-size: cover;
  background-repeat: no-repeat;
}
.content-infos-pratiques__cta {
  align-self: flex-start;
  margin-top: 24px;
}
@media only screen and (min-width: 992px) {
  .content-infos-pratiques__cta {
    margin-top: 32px;
  }
}
.content-infos-pratiques .list-infos-pratiques {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 992px) {
  .content-infos-pratiques .list-infos-pratiques {
    grid-column-start: 9;
    grid-column-end: span 4;
    margin-left: 32px;
  }
}
.content-infos-pratiques .list-infos-pratiques__title {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 12px;
  font-size: 16px;
  margin-bottom: 16px;
}
.content-infos-pratiques .list-infos-pratiques__picto {
  flex-shrink: 0;
  display: block;
  width: 24px;
  height: 24px;
  background-color: #1E1E1E;
  -webkit-mask-image: var(--picto-url);
  mask-image: var(--picto-url);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.content-infos-pratiques .list-infos-pratiques__item {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.content-infos-pratiques .list-infos-pratiques__item:not(:first-child) {
  border-top: 1px solid #F3F5F7;
  padding-top: 24px;
  margin-top: 24px;
}
.content-infos-pratiques .list-infos-pratiques__label {
  font-weight: 600;
}
.thumbnails-slider {
  padding-top: 0;
  padding-bottom: 40px;
  padding-inline: 16px;
}
@media only screen and (min-width: 640px) {
  .thumbnails-slider {
    padding-inline: 6vw;
    padding-bottom: 32px;
  }
}
@media only screen and (min-width: 992px) {
  .thumbnails-slider {
    padding-inline: 4vw;
    padding-bottom: 48px;
  }
}
@media only screen and (min-width: 1280px) {
  .thumbnails-slider {
    padding-inline: 6vw;
    padding-bottom: 60px;
  }
}
@media only screen and (min-width: 1440px) {
  .thumbnails-slider {
    padding-inline: 8vw;
    padding-bottom: 72px;
  }
}
@media only screen and (min-width: 1920px) {
  .thumbnails-slider {
    padding-inline: 15vw;
    padding-bottom: 104px;
  }
}
@media only screen and (max-width: 639px) {
  .thumbnails-slider {
    padding-inline: 32px;
  }
}
.thumbnails-slider .thumbnails-list__swiper {
  width: 100%;
  height: auto;
}
.thumbnails-slider .thumbnails-list__swiper .swiper-wrapper .swiper-slide {
  width: 100%;
}
@media only screen and (min-width: 640px) {
  .thumbnails-slider .thumbnails-list__swiper .swiper-wrapper .swiper-slide {
    width: auto;
  }
}
@media only screen and (min-width: 992px) {
  .thumbnails-slider .thumbnails-list__swiper .swiper-wrapper .swiper-slide:nth-child(odd) {
    margin-top: 80px;
  }
}
@media only screen and (min-width: 992px) {
  .thumbnails-slider .thumbnails-list__swiper .swiper-wrapper .swiper-slide:nth-child(even) {
    margin-bottom: 80px;
  }
}
.thumbnails-slider .thumbnails-list__swiper .swiper-wrapper .swiper-slide:last-child {
  margin-right: 0 !important;
}
.thumbnails-slider .swiper-actions {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}
.thumbnails-slider .swiper-actions .swiper-navigation {
  align-items: center;
  gap: 24px;
}
.thumbnails-slider .swiper-actions .swiper-navigation .swiper-pagination-horizontal.swiper-pagination-bullets {
  text-align: center;
  padding: 0;
  bottom: initial;
  top: initial;
  left: initial;
  width: auto;
  position: relative;
  top: 0;
  bottom: 0;
}
.thumbnails-slider .swiper-actions .swiper-navigation .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  background-color: #6B7580;
  height: 4px;
  border-radius: 2px;
  width: 12px;
  opacity: 0.25;
  margin: 0 3px;
  transition: width ease 0.25s;
}
.thumbnails-slider .swiper-actions .swiper-navigation .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--diadabox-primary, #FF4848);
  width: 24px;
  opacity: 1;
}
.thumbnails-slider .swiper-actions .swiper-navigation .swiper-pagination {
  display: flex;
}
@media only screen and (min-width: 992px) {
  .thumbnails-slider .swiper-actions .swiper-navigation {
    gap: 32px;
  }
}
.thumbnails-slider .list__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  border-radius: 8px;
  overflow: clip;
}
.thumbnails-slider .list__item__link {
  position: absolute;
  inset: 0;
  z-index: 2;
  cursor: pointer;
}
.thumbnails-slider .list__item__img {
  width: 100%;
}
.thumbnails-slider .list__item__img:after {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(30, 30, 30, 0) 40%, rgba(30, 30, 30, 0.7) 100%);
  transition: opacity 0.5s ease-in-out;
  pointer-events: none;
}
.thumbnails-slider .list__item__img img,
.thumbnails-slider .list__item__img video,
.thumbnails-slider .list__item__img iframe {
  aspect-ratio: 0.75;
  display: block;
  width: 100%;
  overflow: hidden;
  object-fit: cover;
  object-position: center;
  border-radius: 4px;
}
@media only screen and (min-width: 640px) {
  .thumbnails-slider .list__item__img {
    width: 260px;
  }
}
@media only screen and (min-width: 992px) {
  .thumbnails-slider .list__item__img img,
  .thumbnails-slider .list__item__img video,
  .thumbnails-slider .list__item__img iframe {
    aspect-ratio: 0.5625;
    display: block;
    width: 100%;
    overflow: hidden;
    object-fit: cover;
    object-position: center;
    border-radius: 4px;
  }
}
.thumbnails-slider .list__item__img:after {
  top: 30%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.4) 100%);
}
.thumbnails-slider .list__item__img img {
  transition: transform 0.5s ease;
}
.thumbnails-slider .list__item--has-link:hover .list__item__img img, .thumbnails-slider .list__item--has-link:focus-within .list__item__img img {
  transform: scale(1.05);
}
.thumbnails-slider .list__item--no-image {
  background: #F3F5F7;
  min-height: 220px;
  padding: 32px;
}
@media only screen and (min-width: 640px) {
  .thumbnails-slider .list__item--no-image {
    width: 260px;
    min-height: 320px;
  }
}
@media only screen and (min-width: 992px) {
  .thumbnails-slider .list__item--no-image {
    min-height: 462px;
  }
}
.thumbnails-slider .list__item--no-image .list__item__text {
  position: static;
  padding: 0;
  color: inherit;
}
.thumbnails-slider .list__item__text {
  position: absolute;
  bottom: 0;
  width: 100%;
  color: #FFFFFF;
  text-align: center;
  padding: 32px 32px 40px 32px;
  z-index: 1;
  font-size: 16px;
  font-family: "Montserrat";
  font-weight: 600;
  line-height: 1.5;
}
.thumbnails-slider .list__item__text__title, .thumbnails-slider .list__item__text__body {
  display: block;
}
.thumbnails-slider .list__item__text__body {
  margin-top: 8px;
  font-weight: 400;
}
.thumbnails-slider .list__item__text__external-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: cover;
  mask-size: contain;
  -webkit-mask-image: url("../images/diadabox/svg/icon-external-link.svg");
  mask-image: url("../images/diadabox/svg/icon-external-link.svg");
  background-color: currentColor;
  pointer-events: none;
  background-image: none;
  vertical-align: middle;
  margin-left: 6px;
}

html.sdk-fqe-active .navbar,
html.sdk-fqe-active #diadao-navbar {
  z-index: 9999999 !important;
}

html.diadabox-api-route .dia-front-bottom-toggles,
html.diadabox-api-route .sdk-fqe-toggle,
html.diadabox-api-route .sdk-builder-front-toggle,
html.diadabox-api-route .sdk-crm-front-toggle,
html.diadabox-api-route .sdk-product-front-toggle,
html.diadabox-api-route .sd-panel-toggle,
html.diadabox-api-route #sd-panel-toggle,
html.diadabox-api-route #sdk-crm-front-toggle,
html.diadabox-api-route #sdk-product-front-toggle,
html.diadabox-api-route #dia-quickedit-front-toggle,
html.diadabox-api-route [class*=front-toggle],
html.diadabox-api-route [id*=front-toggle],
body.diadabox-api-route .dia-front-bottom-toggles,
body.diadabox-api-route .sdk-fqe-toggle,
body.diadabox-api-route .sdk-builder-front-toggle,
body.diadabox-api-route .sdk-crm-front-toggle,
body.diadabox-api-route .sdk-product-front-toggle,
body.diadabox-api-route .sd-panel-toggle,
body.diadabox-api-route #sd-panel-toggle,
body.diadabox-api-route #sdk-crm-front-toggle,
body.diadabox-api-route #sdk-product-front-toggle,
body.diadabox-api-route #dia-quickedit-front-toggle,
body.diadabox-api-route [class*=front-toggle],
body.diadabox-api-route [id*=front-toggle] {
  display: none !important;
  transform: translateY(100%) !important;
  opacity: 0 !important;
  pointer-events: none !important;
  visibility: hidden !important;
}
html.diadabox-api-route .sd-panel,
html.diadabox-api-route #diadabox-sd-panel,
body.diadabox-api-route .sd-panel,
body.diadabox-api-route #diadabox-sd-panel {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

html.seo-debug-active .dia-front-bottom-toggle:not(#sd-panel-toggle),
html.seo-debug-active .sdk-builder-front-toggle,
body.seo-debug-active .dia-front-bottom-toggle:not(#sd-panel-toggle),
body.seo-debug-active .sdk-builder-front-toggle {
  transform: translateY(100%) !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transition: transform 0.3s ease, opacity 0.3s ease !important;
}

.diadabox-seo-panel.is-open ~ .dia-front-bottom-toggles .dia-front-bottom-toggle:not(#sd-panel-toggle),
.diadabox-seo-panel.is-open ~ .sdk-builder-front-toggle {
  transform: translateY(100%) !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transition: transform 0.3s ease, opacity 0.3s ease !important;
}

html.sdk-builder-front-modal-open .dia-front-bottom-toggle,
html.sdk-builder-front-modal-open .sdk-builder-front-toggle,
body.sdk-builder-front-modal-open .dia-front-bottom-toggle,
body.sdk-builder-front-modal-open .sdk-builder-front-toggle {
  transform: translateY(100%) !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transition: transform 0.3s ease, opacity 0.3s ease !important;
}

@media only screen and (max-width: 991px) {
  body.useragent-desktop .product__gallery .swiper-container.productSwiper-top .swiper-slide {
    width: 100% !important;
  }
  body.useragent-desktop .product__grid {
    display: flex;
    grid-template-columns: none;
    flex-wrap: wrap;
    flex-direction: column;
    column-gap: initial;
    row-gap: initial;
    gap: 32px;
  }
  body.useragent-desktop .product__grid .product-right {
    order: 1;
    width: 100%;
  }
  body.useragent-desktop .product__grid .product-content {
    order: 2;
  }
  body.useragent-desktop .product__grid .product-content .product__forms {
    order: 3;
  }
  body.useragent-desktop .product__grid .product-content .product__reinsurance {
    order: 2;
  }
  body.useragent-desktop .product__grid .product-content .product__gallery {
    order: 1;
  }
  body.useragent-desktop .listing-filters {
    padding-top: 0;
    padding-bottom: 40px;
    padding-inline: 16px;
  }
}
@media only screen and (max-width: 991px) and (min-width: 640px) {
  body.useragent-desktop .listing-filters {
    padding-inline: 6vw;
    padding-bottom: 32px;
  }
}
@media only screen and (max-width: 991px) and (min-width: 992px) {
  body.useragent-desktop .listing-filters {
    padding-inline: 4vw;
    padding-bottom: 48px;
  }
}
@media only screen and (max-width: 991px) and (min-width: 1280px) {
  body.useragent-desktop .listing-filters {
    padding-inline: 6vw;
    padding-bottom: 60px;
  }
}
@media only screen and (max-width: 991px) and (min-width: 1440px) {
  body.useragent-desktop .listing-filters {
    padding-inline: 8vw;
    padding-bottom: 72px;
  }
}
@media only screen and (max-width: 991px) and (min-width: 1920px) {
  body.useragent-desktop .listing-filters {
    padding-inline: 15vw;
    padding-bottom: 104px;
  }
}
@media only screen and (max-width: 991px) {
  body.useragent-desktop .listing-filters .listing-filters__form {
    padding-left: 0px;
    padding-right: 0px;
  }
  body.useragent-desktop #main {
    padding-bottom: 0px;
  }
  body.useragent-desktop .product-type-giftcard .product form.cart {
    position: relative;
    left: initial;
    bottom: initial;
    right: initial;
    transform: initial;
    padding: 0px;
    background: transparent;
    box-shadow: none;
  }
}

@media only screen and (max-width: 639px) {
  .modal.modal-filters .input-to-focus + label {
    font-size: 10px;
  }
}
@media only screen and (max-width: 991px) {
  .modal.modal-filters .input-to-focus + label {
    font-size: 11px;
  }
}
.modal.modal-filters .switch-container {
  margin-bottom: 0px;
}

img.mf-defer {
  opacity: 0;
  transition: opacity 0.35s ease, transform 0.5s ease-in-out;
}

img.mf-defer.mf-defer-loaded:not(.hidden),
img.mf-defer-loaded:not(.hidden) {
  opacity: 1;
}

img.hidden.mf-defer,
img.hidden.mf-defer.mf-defer-loaded,
img.hidden.mf-defer-loaded {
  opacity: 0;
}

.my-account-gifts__section.gift-assistance .alert {
  width: 100%;
}

.modal-cross-selling .cart-card__content__options {
  display: inline-flex;
}

html body.ajax-is-loading #sdk-crm-front-toggle,
html body.ajax-is-loading #sdk-product-front-toggle,
html body.ajax-is-loading #sd-panel__toggle, html body.modal-opened #sdk-crm-front-toggle,
html body.modal-opened #sdk-product-front-toggle,
html body.modal-opened #sd-panel__toggle, html body.checkout-submit-pending #sdk-crm-front-toggle,
html body.checkout-submit-pending #sdk-product-front-toggle,
html body.checkout-submit-pending #sd-panel__toggle {
  display: none !important;
}

@media only screen and (max-width: 639px) {
  .breadcrumb-section .breadcrumb-item:not(:last-child)::after {
    margin-left: 4px;
    margin-right: 2px;
  }
  .breadcrumb-section .breadcrumb-item:first-child a span:not(.icon) {
    display: none;
  }
  .product-right__buttons:not(.woocommerce-variation-add-to-cart-disabled) {
    flex-wrap: nowrap;
  }
  .modal-cross-selling {
    height: calc(100% - 8px);
  }
  .modal.modal-pot-teaser {
    height: auto;
  }
  .modal.modal-pot-teaser .modal__wrapper {
    height: auto;
  }
  .modal.modal-pot-teaser .modal__wrapper .modal__content {
    height: auto;
    padding-bottom: 32px;
    position: relative;
  }
  .modal.modal-pot-teaser .modal__wrapper .modal__content h2 {
    padding-right: 54px;
  }
  .modal.modal-pot-teaser .modal-pot-teaser__illus {
    position: initial;
  }
  .modal.modal-pot-teaser .modal-pot-teaser__illus:after {
    position: absolute;
    top: 0px;
    margin-top: 0px;
  }
  .modal.modal-pot-teaser .cart-card__content__text {
    position: initial;
  }
  .modal.modal-pot-teaser .modal__sticky-bottom {
    flex-wrap: nowrap;
    height: 72px;
    flex-direction: row;
  }
  .product__reinsurance {
    row-gap: 8px;
  }
  .product__forms giftcard-repeater .giftcard-repeater__nav {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 0px;
    margin-top: 16px;
  }
}
body.diadabox-comptoir-mode footer.footer {
  display: none !important;
}
body.diadabox-comptoir-mode #diadao-navbar {
  z-index: 40;
}
body.diadabox-comptoir-mode #diadao-navbar .navbar__logo,
body.diadabox-comptoir-mode #diadao-navbar .navbar__burger,
body.diadabox-comptoir-mode #diadao-navbar #navbar-burger-mobile,
body.diadabox-comptoir-mode #diadao-navbar .navbar__sub__burger,
body.diadabox-comptoir-mode #diadao-navbar #navbar-burger-desktop,
body.diadabox-comptoir-mode #diadao-navbar .navbar__main-wrapper,
body.diadabox-comptoir-mode #diadao-navbar .navbar__sub,
body.diadabox-comptoir-mode #diadao-navbar .navbar__flash-message {
  display: none !important;
}
body.diadabox-comptoir-mode #diadao-navbar .navbar__wrapper {
  display: flex !important;
  align-items: center;
  gap: 16px;
}
body.diadabox-comptoir-mode #diadao-navbar .navbar__research-wrapper {
  flex: 1 1 auto;
  width: 100%;
}
body.diadabox-comptoir-mode #diadao-navbar .navbar__research {
  flex: 1 1 auto;
}
body.diadabox-comptoir-mode .breadcrumb-item:first-child {
  display: none !important;
}
body.diadabox-comptoir-mode .btn-pot-cta {
  display: none !important;
}
body.diadabox-comptoir-mode #gift-is-for-me {
  display: none !important;
}
body.diadabox-comptoir-mode #gift-is-for-me-container [data-field=options_email_myself_all] {
  display: none !important;
}
body.diadabox-comptoir-mode a[data-fancybox=product-gallery] {
  display: none !important;
}
body.diadabox-comptoir-mode section.vouchers-carousel {
  display: none !important;
}
body.diadabox-comptoir-mode [data-toggle-favorite] {
  display: none !important;
}
body.diadabox-comptoir-mode .page-cart__payment {
  display: none !important;
}
body.diadabox-comptoir-mode .cart-shipping-package {
  display: none !important;
}
body.diadabox-comptoir-mode .total-prices__item--shipping {
  display: none !important;
}
body.diadabox-comptoir-mode section.form-shipping,
body.diadabox-comptoir-mode #ship-to-different-address {
  display: none !important;
}
body.diadabox-comptoir-mode .form-checkout--shipping {
  display: none !important;
}
body.diadabox-comptoir-mode .woocommerce-terms-and-conditions-wrapper {
  display: none !important;
}
body.diadabox-comptoir-mode .modal-cross-selling {
  height: auto !important;
  max-height: 90vh !important;
}
body.diadabox-comptoir-mode.diadabox-impersonating:has(.modal-pdfmodel-custom.modal-opened) .modal-overlay, body.diadabox-comptoir-mode.diadabox-impersonating:has(.modal-pdfmodel-preview.modal-opened) .modal-overlay {
  z-index: 100090;
}
body.diadabox-comptoir-mode.diadabox-impersonating .modal-pdfmodel-custom,
body.diadabox-comptoir-mode.diadabox-impersonating .modal-pdfmodel-preview {
  z-index: 100100;
}
body.diadabox-comptoir-mode .listing-filters {
  isolation: isolate;
  top: var(--diadabox-navbar-visible-height, 72px) !important;
  z-index: 30;
}
body.diadabox-comptoir-mode .listing-filters:before {
  top: calc(-1 * var(--diadabox-navbar-visible-height, 72px));
  height: calc(100% + var(--diadabox-navbar-visible-height, 72px));
  z-index: 0;
  pointer-events: none;
}
body.diadabox-comptoir-mode .listing-filters .listing-filters__form,
body.diadabox-comptoir-mode .listing-filters .listing-filters__swiper,
body.diadabox-comptoir-mode .listing-filters .listing-filters__essentials {
  position: relative;
  z-index: 1;
}
body.diadabox-comptoir-mode .vouchers__list,
body.diadabox-comptoir-mode .voucher-card {
  position: relative;
  z-index: 0;
}
body.diadabox-comptoir-mode .breadcrumb-section {
  visibility: hidden !important;
}
body.diadabox-comptoir-mode #order_comments_field {
  display: none !important;
}
body.diadabox-comptoir-mode .comptoir-payment-mode {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 16px;
}
body.diadabox-comptoir-mode section.form-billing {
  display: none !important;
}
body.diadabox-comptoir-mode section.form-billing.is-visible {
  display: block !important;
}
body.diadabox-comptoir-mode .comptoir-invoice-toggle {
  margin: 16px 0;
}

body.diadabox-comptoir-scanner {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100vh;
  height: 100dvh;
  min-height: 100vh;
  min-height: 100dvh;
  overflow: hidden;
}
body.diadabox-comptoir-scanner [hidden] {
  display: none !important;
}
body.diadabox-comptoir-scanner *,
body.diadabox-comptoir-scanner *:before,
body.diadabox-comptoir-scanner *:after {
  box-sizing: border-box;
}
body.diadabox-comptoir-scanner .diadabox-comptoir-scanner__header {
  flex: 0 0 auto;
  padding: max(8px, env(safe-area-inset-top)) 16px 16px;
}
body.diadabox-comptoir-scanner .diadabox-comptoir-scanner__header .container {
  display: flex;
  justify-content: center;
  width: 100%;
  max-width: none;
  padding: 0;
}
body.diadabox-comptoir-scanner .diadabox-comptoir-scanner__brand {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 128px;
  height: 44px;
}
body.diadabox-comptoir-scanner .diadabox-comptoir-scanner__brand img {
  display: block;
  width: auto;
  max-width: 100%;
  max-height: 44px;
  height: auto;
}
body.diadabox-comptoir-scanner .diadabox-comptoir-scanner__content {
  display: flex;
  flex: 1 1 auto;
  width: 100%;
  min-height: 0;
  padding: 0 16px max(8px, env(safe-area-inset-bottom));
  overflow: hidden;
}
body.diadabox-comptoir-scanner .diadabox-comptoir-scanner__content > .container {
  display: flex;
  min-height: 0;
  width: 100%;
  max-width: none;
  padding: 0;
}
body.diadabox-comptoir-scanner .diadabox-comptoir-scanner__panel {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  gap: 12px;
  width: 100%;
  min-height: 0;
  min-width: 0;
  max-width: 480px;
  margin: 0 auto;
  overflow: hidden;
}
body.diadabox-comptoir-scanner .diadabox-comptoir-scanner__steps {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  flex: 0 0 auto;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
body.diadabox-comptoir-scanner .diadabox-comptoir-scanner__steps:before {
  content: "";
  position: absolute;
  top: 15px;
  right: 16.667%;
  left: 16.667%;
  height: 2px;
  background: #F3F5F7;
}
body.diadabox-comptoir-scanner .diadabox-comptoir-scanner__step {
  display: flex;
  position: relative;
  z-index: 1;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  min-width: 0;
  text-align: center;
  opacity: 0.55;
}
body.diadabox-comptoir-scanner .diadabox-comptoir-scanner__step.is-active, body.diadabox-comptoir-scanner .diadabox-comptoir-scanner__step.is-complete {
  opacity: 1;
}
body.diadabox-comptoir-scanner .diadabox-comptoir-scanner__step strong,
body.diadabox-comptoir-scanner .diadabox-comptoir-scanner__step small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.diadabox-comptoir-scanner .diadabox-comptoir-scanner__step-copy {
  display: block;
  width: 100%;
  min-width: 0;
}
body.diadabox-comptoir-scanner .diadabox-comptoir-scanner__step-copy strong {
  font-size: 0.8125rem;
  line-height: 1.25;
}
body.diadabox-comptoir-scanner .diadabox-comptoir-scanner__step-copy small {
  margin-top: 2px;
  font-size: 0.6875rem;
  line-height: 1.25;
}
body.diadabox-comptoir-scanner .diadabox-comptoir-scanner__step-index {
  display: inline-flex;
  flex: 0 0 32px;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: 2px solid var(--diadabox-primary, #FF4848);
  border-radius: 50%;
  background: #F9F9F9;
  color: var(--diadabox-primary, #FF4848);
  font-size: 0.875rem;
  line-height: 1;
}
body.diadabox-comptoir-scanner .diadabox-comptoir-scanner__step.is-active .diadabox-comptoir-scanner__step-index {
  background: #F9F9F9;
  color: var(--diadabox-primary, #FF4848);
}
body.diadabox-comptoir-scanner .diadabox-comptoir-scanner__step.is-complete .diadabox-comptoir-scanner__step-index {
  border-color: #50A351;
  background: #50A351;
  color: #F9F9F9;
}
body.diadabox-comptoir-scanner .diadabox-comptoir-scanner__viewport {
  display: grid;
  flex: 1 1 auto;
  width: 100%;
  min-height: 0;
  min-width: 0;
  overflow: hidden;
}
body.diadabox-comptoir-scanner .diadabox-comptoir-scanner__track {
  display: grid;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
}
body.diadabox-comptoir-scanner .diadabox-comptoir-scanner__scene {
  display: flex;
  grid-area: 1/1;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  min-width: 0;
  min-height: 0;
  visibility: hidden;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  transform: translateX(24px);
  transition: opacity 0.2s ease, transform 0.2s cubic-bezier(0.2, 0, 0, 1), visibility 0s linear 0.2s;
}
body.diadabox-comptoir-scanner .diadabox-comptoir-scanner__scene[data-scan-scene=pairing], body.diadabox-comptoir-scanner .diadabox-comptoir-scanner__scene[data-scan-scene=authorization] {
  justify-content: center;
}
body.diadabox-comptoir-scanner .diadabox-comptoir-scanner__scene[data-scan-scene=scan] {
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr) auto;
  align-items: stretch;
}
body.diadabox-comptoir-scanner .diadabox-comptoir-scanner__panel[data-scan-stage=pairing] [data-scan-scene=pairing],
body.diadabox-comptoir-scanner .diadabox-comptoir-scanner__panel[data-scan-stage=authorization] [data-scan-scene=authorization],
body.diadabox-comptoir-scanner .diadabox-comptoir-scanner__panel[data-scan-stage=scan] [data-scan-scene=scan] {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  transform: translateX(0);
  transition-delay: 0s;
}
body.diadabox-comptoir-scanner .diadabox-comptoir-scanner__intro {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}
body.diadabox-comptoir-scanner .diadabox-comptoir-scanner__intro h1, body.diadabox-comptoir-scanner .diadabox-comptoir-scanner__intro .discover-card__content__title {
  margin: 0;
  font-size: 2rem;
  line-height: 1.1;
  overflow-wrap: anywhere;
}
body.diadabox-comptoir-scanner .diadabox-comptoir-scanner__intro p {
  font-size: 1rem;
  line-height: 1.4;
  overflow-wrap: anywhere;
}
body.diadabox-comptoir-scanner .diadabox-comptoir-scanner__content .diadabox-comptoir-scanner__intro p,
body.diadabox-comptoir-scanner .diadabox-comptoir-scanner__content .diadabox-comptoir-scanner__status {
  margin: 0;
}
body.diadabox-comptoir-scanner .diadabox-comptoir-scanner__status {
  min-width: 0;
  font-size: 0.9375rem;
  line-height: 1.4;
  overflow-wrap: anywhere;
}
body.diadabox-comptoir-scanner .diadabox-comptoir-scanner__status--success {
  color: #50A351;
}
body.diadabox-comptoir-scanner #diadabox-comptoir-scan-video {
  align-self: center;
  width: 100%;
  height: 100%;
  min-height: 0;
  max-height: min(42dvh, 360px);
  aspect-ratio: 4/3;
  object-fit: cover;
  border-radius: 8px;
}
body.diadabox-comptoir-scanner .diadabox-comptoir-scanner__actions {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
  min-width: 0;
}
body.diadabox-comptoir-scanner .diadabox-comptoir-scanner__actions .btn, body.diadabox-comptoir-scanner .diadabox-comptoir-scanner__actions .gform_wrapper form .gform_footer .gform_button, .gform_wrapper form .gform_footer body.diadabox-comptoir-scanner .diadabox-comptoir-scanner__actions .gform_button, body.diadabox-comptoir-scanner .diadabox-comptoir-scanner__actions .gform_wrapper form .gform_footer .diadao-sdk-button-gform, .gform_wrapper form .gform_footer body.diadabox-comptoir-scanner .diadabox-comptoir-scanner__actions .diadao-sdk-button-gform, body.diadabox-comptoir-scanner .diadabox-comptoir-scanner__actions .product #reviews p.form-submit, .product #reviews body.diadabox-comptoir-scanner .diadabox-comptoir-scanner__actions p.form-submit {
  width: 100%;
  min-width: 0;
  min-height: 48px;
  padding: 12px 16px;
  white-space: normal;
}
@media (prefers-reduced-motion: reduce) {
  body.diadabox-comptoir-scanner .diadabox-comptoir-scanner__scene {
    transition: none;
  }
}

.comptoir-thankyou {
  width: 100%;
  max-width: 992px;
  margin: 24px auto;
}
.comptoir-thankyou__inner {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
}
.comptoir-thankyou__pdfs {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}
.comptoir-thankyou__buttons {
  flex-wrap: wrap;
  justify-content: center;
}
.comptoir-thankyou__loader {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: opacity 0.15s ease;
}
.comptoir-thankyou__loader[hidden] {
  display: none !important;
}
.comptoir-thankyou__spinner {
  width: 18px;
  height: 18px;
  border: 2px solid currentColor;
  border-top-color: transparent;
  border-radius: 50%;
  animation: comptoir-thankyou-spin 0.7s linear infinite;
}

@keyframes comptoir-thankyou-spin {
  to {
    transform: rotate(360deg);
  }
}