@charset "UTF-8";@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");

*, ::before, ::after{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
::backdrop{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

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

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

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

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

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

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}
.container{
  width: 100%;
}
@media (min-width: 640px){
  .container{
    max-width: 640px;
  }
}
@media (min-width: 768px){
  .container{
    max-width: 768px;
  }
}
@media (min-width: 1024px){
  .container{
    max-width: 1024px;
  }
}
@media (min-width: 1280px){
  .container{
    max-width: 1280px;
  }
}
@media (min-width: 1536px){
  .container{
    max-width: 1536px;
  }
}
.sr-only{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.pointer-events-none{
  pointer-events: none;
}
.\!pointer-events-auto{
  pointer-events: auto !important;
}
.visible{
  visibility: visible;
}
.\!static{
  position: static !important;
}
.static{
  position: static;
}
.fixed{
  position: fixed;
}
.absolute{
  position: absolute;
}
.relative{
  position: relative;
}
.\!-bottom-\[1\.875rem\]{
  bottom: -1.875rem !important;
}
.\!-bottom-\[3\.875rem\]{
  bottom: -3.875rem !important;
}
.\!right-10{
  right: 2.5rem !important;
}
.\!top-0{
  top: 0px !important;
}
.-left-52{
  left: -13rem;
}
.-right-2{
  right: -0.5rem;
}
.-top-1{
  top: -0.25rem;
}
.-top-10{
  top: -2.5rem;
}
.-top-2{
  top: -0.5rem;
}
.-top-4{
  top: -1rem;
}
.bottom-0{
  bottom: 0px;
}
.bottom-10{
  bottom: 2.5rem;
}
.left-0{
  left: 0px;
}
.left-3{
  left: 0.75rem;
}
.right-3{
  right: 0.75rem;
}
.top-16{
  top: 4rem;
}
.top-6{
  top: 1.5rem;
}
.z-0{
  z-index: 0;
}
.z-10{
  z-index: 10;
}
.z-\[100\]{
  z-index: 100;
}
.order-1{
  order: 1;
}
.order-2{
  order: 2;
}
.order-3{
  order: 3;
}
.col-span-2{
  grid-column: span 2 / span 2;
}
.\!m-0{
  margin: 0px !important;
}
.m-0{
  margin: 0px;
}
.\!my-2{
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}
.\!my-4{
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}
.\!my-8{
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}
.mx-0{
  margin-left: 0px;
  margin-right: 0px;
}
.mx-auto{
  margin-left: auto;
  margin-right: auto;
}
.my-10{
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}
.my-16{
  margin-top: 4rem;
  margin-bottom: 4rem;
}
.my-2{
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.my-4{
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.my-8{
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.\!mb-0{
  margin-bottom: 0px !important;
}
.\!mb-4{
  margin-bottom: 1rem !important;
}
.\!mb-8{
  margin-bottom: 2rem !important;
}
.\!ml-4{
  margin-left: 1rem !important;
}
.\!mr-0{
  margin-right: 0px !important;
}
.\!mr-1{
  margin-right: 0.25rem !important;
}
.\!mt-16{
  margin-top: 4rem !important;
}
.mb-0{
  margin-bottom: 0px;
}
.mb-1{
  margin-bottom: 0.25rem;
}
.mb-16{
  margin-bottom: 4rem;
}
.mb-20{
  margin-bottom: 5rem;
}
.mb-3{
  margin-bottom: 0.75rem;
}
.mb-4{
  margin-bottom: 1rem;
}
.mb-5{
  margin-bottom: 1.25rem;
}
.mb-6{
  margin-bottom: 1.5rem;
}
.mb-8{
  margin-bottom: 2rem;
}
.ml-0\.5{
  margin-left: 0.125rem;
}
.mt-0{
  margin-top: 0px;
}
.mt-1{
  margin-top: 0.25rem;
}
.mt-10{
  margin-top: 2.5rem;
}
.mt-2{
  margin-top: 0.5rem;
}
.mt-3{
  margin-top: 0.75rem;
}
.mt-4{
  margin-top: 1rem;
}
.mt-6{
  margin-top: 1.5rem;
}
.mt-8{
  margin-top: 2rem;
}
.block{
  display: block;
}
.\!flex{
  display: flex !important;
}
.flex{
  display: flex;
}
.inline-flex{
  display: inline-flex;
}
.table{
  display: table;
}
.\!grid{
  display: grid !important;
}
.grid{
  display: grid;
}
.\!hidden{
  display: none !important;
}
.hidden{
  display: none;
}
.aspect-\[1\.1\/1\]{
  aspect-ratio: 1.1/1;
}
.aspect-square{
  aspect-ratio: 1 / 1;
}
.\!h-10{
  height: 2.5rem !important;
}
.\!h-8{
  height: 2rem !important;
}
.\!h-fit{
  height: -moz-fit-content !important;
  height: fit-content !important;
}
.\!h-full{
  height: 100% !important;
}
.h-10{
  height: 2.5rem;
}
.h-20{
  height: 5rem;
}
.h-3\.5{
  height: 0.875rem;
}
.h-5{
  height: 1.25rem;
}
.h-6{
  height: 1.5rem;
}
.h-9{
  height: 2.25rem;
}
.h-\[100px\]{
  height: 100px;
}
.h-\[350px\]{
  height: 350px;
}
.h-\[400px\]{
  height: 400px;
}
.h-\[92dvh\]{
  height: 92dvh;
}
.h-auto{
  height: auto;
}
.h-fit{
  height: -moz-fit-content;
  height: fit-content;
}
.h-full{
  height: 100%;
}
.\!max-h-fit{
  max-height: -moz-fit-content !important;
  max-height: fit-content !important;
}
.max-h-32{
  max-height: 8rem;
}
.max-h-\[270px\]{
  max-height: 270px;
}
.max-h-\[56px\]{
  max-height: 56px;
}
.min-h-2{
  min-height: 0.5rem;
}
.\!w-20{
  width: 5rem !important;
}
.\!w-8{
  width: 2rem !important;
}
.\!w-auto{
  width: auto !important;
}
.\!w-full{
  width: 100% !important;
}
.w-5{
  width: 1.25rem;
}
.w-6{
  width: 1.5rem;
}
.w-9{
  width: 2.25rem;
}
.w-auto{
  width: auto;
}
.w-fit{
  width: -moz-fit-content;
  width: fit-content;
}
.w-full{
  width: 100%;
}
.min-w-0{
  min-width: 0px;
}
.min-w-\[13px\]{
  min-width: 13px;
}
.max-w-\[1117px\]{
  max-width: 1117px;
}
.max-w-\[152px\]{
  max-width: 152px;
}
.max-w-\[1728px\]{
  max-width: 1728px;
}
.max-w-\[25\%\]{
  max-width: 25%;
}
.max-w-\[316px\]{
  max-width: 316px;
}
.max-w-\[56px\]{
  max-width: 56px;
}
.max-w-none{
  max-width: none;
}
.flex-1{
  flex: 1 1 0%;
}
.flex-shrink-0{
  flex-shrink: 0;
}
.basis-full{
  flex-basis: 100%;
}
.transform{
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.cursor-pointer{
  cursor: pointer;
}
.resize{
  resize: both;
}
.grid-cols-1{
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-\[30\%_1fr\]{
  grid-template-columns: 30% 1fr;
}
.grid-cols-\[60\%_40\%\]{
  grid-template-columns: 60% 40%;
}
.grid-cols-\[6fr_1fr\]{
  grid-template-columns: 6fr 1fr;
}
.grid-rows-\[45\%_1fr\]{
  grid-template-rows: 45% 1fr;
}
.grid-rows-\[55\%_1fr\]{
  grid-template-rows: 55% 1fr;
}
.flex-col{
  flex-direction: column;
}
.flex-wrap{
  flex-wrap: wrap;
}
.items-start{
  align-items: flex-start;
}
.items-end{
  align-items: flex-end;
}
.items-center{
  align-items: center;
}
.items-baseline{
  align-items: baseline;
}
.justify-start{
  justify-content: flex-start;
}
.justify-center{
  justify-content: center;
}
.justify-between{
  justify-content: space-between;
}
.justify-items-center{
  justify-items: center;
}
.gap-0{
  gap: 0px;
}
.gap-1{
  gap: 0.25rem;
}
.gap-2{
  gap: 0.5rem;
}
.gap-2\.5{
  gap: 0.625rem;
}
.gap-3{
  gap: 0.75rem;
}
.gap-4{
  gap: 1rem;
}
.gap-5{
  gap: 1.25rem;
}
.gap-6{
  gap: 1.5rem;
}
.gap-8{
  gap: 2rem;
}
.gap-x-4{
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
.gap-y-4{
  row-gap: 1rem;
}
.self-start{
  align-self: flex-start;
}
.self-end{
  align-self: flex-end;
}
.self-center{
  align-self: center;
}
.justify-self-start{
  justify-self: start;
}
.justify-self-end{
  justify-self: end;
}
.overflow-hidden{
  overflow: hidden;
}
.overflow-scroll{
  overflow: scroll;
}
.truncate{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text-ellipsis{
  text-overflow: ellipsis;
}
.whitespace-nowrap{
  white-space: nowrap;
}
.text-wrap{
  text-wrap: wrap;
}
.rounded-2xl{
  border-radius: 1rem;
}
.rounded-\[30px\]{
  border-radius: 30px;
}
.rounded-\[8px\]{
  border-radius: 8px;
}
.rounded-full{
  border-radius: 9999px;
}
.rounded-lg{
  border-radius: 0.5rem;
}
.rounded-md{
  border-radius: 0.375rem;
}
.rounded-xl{
  border-radius: 0.75rem;
}
.\!rounded-l-\[30px\]{
  border-top-left-radius: 30px !important;
  border-bottom-left-radius: 30px !important;
}
.\!rounded-t-lg{
  border-top-left-radius: 0.5rem !important;
  border-top-right-radius: 0.5rem !important;
}
.rounded-r-xl{
  border-top-right-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}
.rounded-bl-xl{
  border-bottom-left-radius: 0.75rem;
}
.border{
  border-width: 1px;
}
.\!border-t-0{
  border-top-width: 0px !important;
}
.border-\[\#111\]{
  --tw-border-opacity: 1;
  border-color: rgb(17 17 17 / var(--tw-border-opacity, 1));
}
.border-\[\#e5e5e5\]{
  --tw-border-opacity: 1;
  border-color: rgb(229 229 229 / var(--tw-border-opacity, 1));
}
.border-\[\#ececec\]{
  --tw-border-opacity: 1;
  border-color: rgb(236 236 236 / var(--tw-border-opacity, 1));
}
.border-\[var\(--br-black\)\]{
  border-color: var(--br-black);
}
.border-\[var\(--br-blue-darker\)\]{
  border-color: var(--br-blue-darker);
}
.border-\[var\(--br-white\)\]{
  border-color: var(--br-white);
}
.border-black{
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
}
.border-slate-200{
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
}
.\!bg-\[var\(--br-black\)\]{
  background-color: var(--br-black) !important;
}
.\!bg-\[var\(--br-blue-bright\)\]{
  background-color: var(--br-blue-bright) !important;
}
.\!bg-transparent{
  background-color: transparent !important;
}
.bg-\[var\(--br-blue-bright\)\]{
  background-color: var(--br-blue-bright);
}
.bg-\[var\(--br-grey-bright\)\]{
  background-color: var(--br-grey-bright);
}
.bg-\[var\(--br-purple-bright\)\]{
  background-color: var(--br-purple-bright);
}
.bg-\[var\(--br-white\)\]{
  background-color: var(--br-white);
}
.bg-transparent{
  background-color: transparent;
}
.bg-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-\[linear-gradient\(to_bottom\2c _\#312F32_0\%\2c _\#19171C_50\%\2c _\#312F32_100\%\)\]{
  background-image: linear-gradient(to bottom, #312F32 0%, #19171C 50%, #312F32 100%);
}
.bg-center{
  background-position: center;
}
.fill-\[var\(--br-white\)\]{
  fill: var(--br-white);
}
.object-contain{
  -o-object-fit: contain;
     object-fit: contain;
}
.\!p-4{
  padding: 1rem !important;
}
.\!p-6{
  padding: 1.5rem !important;
}
.p-0{
  padding: 0px;
}
.p-2\.5{
  padding: 0.625rem;
}
.p-3{
  padding: 0.75rem;
}
.p-4{
  padding: 1rem;
}
.p-5{
  padding: 1.25rem;
}
.\!px-2{
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}
.\!px-4{
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
.\!px-\[10px\]{
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.\!py-1{
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
.\!py-2{
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.\!py-2\.5{
  padding-top: 0.625rem !important;
  padding-bottom: 0.625rem !important;
}
.\!py-\[5px\]{
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
.px-1\.5{
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.px-12{
  padding-left: 3rem;
  padding-right: 3rem;
}
.px-2{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-4{
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-6{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.px-8{
  padding-left: 2rem;
  padding-right: 2rem;
}
.py-16{
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.py-2\.5{
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.py-4{
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-40{
  padding-top: 10rem;
  padding-bottom: 10rem;
}
.py-6{
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.py-\[2px\]{
  padding-top: 2px;
  padding-bottom: 2px;
}
.\!pb-6{
  padding-bottom: 1.5rem !important;
}
.\!pl-0{
  padding-left: 0px !important;
}
.\!pl-6{
  padding-left: 1.5rem !important;
}
.\!pt-16{
  padding-top: 4rem !important;
}
.\!pt-4{
  padding-top: 1rem !important;
}
.pb-32{
  padding-bottom: 8rem;
}
.pb-4{
  padding-bottom: 1rem;
}
.pb-8{
  padding-bottom: 2rem;
}
.pl-4{
  padding-left: 1rem;
}
.pl-6{
  padding-left: 1.5rem;
}
.pt-10{
  padding-top: 2.5rem;
}
.pt-20{
  padding-top: 5rem;
}
.pt-4{
  padding-top: 1rem;
}
.text-left{
  text-align: left;
}
.text-center{
  text-align: center;
}
.text-\[0\.92rem\]{
  font-size: 0.92rem;
}
.text-\[8px\]{
  font-size: 8px;
}
.text-xl{
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.text-xs{
  font-size: 0.75rem;
  line-height: 1rem;
}
.font-bold{
  font-weight: 700;
}
.font-semibold{
  font-weight: 600;
}
.uppercase{
  text-transform: uppercase;
}
.italic{
  font-style: italic;
}
.leading-\[1\.3\]{
  line-height: 1.3;
}
.leading-\[1\.4\]{
  line-height: 1.4;
}
.leading-none{
  line-height: 1;
}
.\!text-\[var\(--br-text-white\)\]{
  color: var(--br-text-white) !important;
}
.text-\[\#111\]{
  --tw-text-opacity: 1;
  color: rgb(17 17 17 / var(--tw-text-opacity, 1));
}
.text-black{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.text-inherit{
  color: inherit;
}
.text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.underline{
  text-decoration-line: underline;
}
.no-underline{
  text-decoration-line: none;
}
.outline{
  outline-style: solid;
}
.blur{
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter{
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.transition{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-all{
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.duration-200{
  transition-duration: 200ms;
}
.ease-in-out{
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.\[transform\:rotateY\(180deg\)\]{
  transform: rotateY(180deg);
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
}
:root {
  --br-black: #000000;
  --br-blue-bright: #4083B6;
  --br-blue-dark: #004765;
  --br-blue-darker: #0F0F31;
  --br-border-black: #B8B8B8;
  --br-grey-bright: #F2F1EF;
  --br-grey-dark: #E6E5E3;
  --br-grey-darker: #696969;
  --br-grey-darker-dark: #949494;
  --br-menu-height: 250px;
  --br-products-max-height: 500px;
  --br-purple-bright: #A34C7F;
  --br-purple-dark: #863C67;
  --br-purple-dark2: #741A48;
  --br-purple-darker: #33091A;
  --br-shadow-dark: rgba(0,0,0,0.15);
  --br-text-black: var(--br-black);
  --br-text-blue: var(--br-blue-bright);
  --br-text-blue-darker: var(--br-blue-darker);
  --br-text-grey: var(--br-grey-bright);
  --br-text-grey-dark: var(--br-grey-dark);
  --br-text-purple-bright: var(--br-purple-bright);
  --br-text-grey-darker-dark: var(--br-grey-darker-dark);
  --br-text-white: var(--br-white);
  --br-white: #FFFFFF;
  --swiper-navigation-color: var(--br-blue-darker);
  --swiper-pagination-bullet-height: 12px;
  --swiper-pagination-bullet-width: 12px;
  --swiper-pagination-color: var(--br-purple-dark);
  --br-touchspin-border-radius: 15px;
  --br-product-display-active: #A34C7F;
  --br-product-display-inactive: #D9D9D9;
}

#header {
  position: fixed;
  width: 100%;
  box-shadow: none;
  background-color: var(--br-grey-bright);
}
#header .header-nav {
  border-bottom: none;
}
#header .logo {
  width: clamp(164px, 164px + (236 - 164) * (100vw - 400px) / (1728 - 400), 236px);
  max-width: none;
}
#header #_mobile_logo .logo {
  width: 156px;
  max-height: none;
}
#header.is-scrolled {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.11);
}
#header .header-top {
  margin: 1rem auto 0.5rem;
  padding-bottom: 0.75rem;
  margin: 1rem auto;
}
@media (min-width: 370px) {
  #header .header-top {
    max-width: 100%;
  }
}
@media (min-width: 640px) {
  #header .header-top {
    max-width: 95%;
  }
}
@media (min-width: 768px) {
  #header .header-top {
    max-width: 90%;
  }
}
@media (min-width: 1024px) {
  #header .header-top {
    max-width: 90%;
  }
}
@media (min-width: 1280px) {
  #header .header-top {
    max-width: 1200px;
  }
}
@media (min-width: 1536px) {
  #header .header-top {
    max-width: 1294px;
  }
}
#header .header-top {
  border-bottom: solid 1px var(--br-border-black);
}
#header .header-full-w {
  margin: 1rem auto;
}
@media (min-width: 370px) {
  #header .header-full-w {
    max-width: 100%;
  }
}
@media (min-width: 640px) {
  #header .header-full-w {
    max-width: 95%;
  }
}
@media (min-width: 768px) {
  #header .header-full-w {
    max-width: 90%;
  }
}
@media (min-width: 1024px) {
  #header .header-full-w {
    max-width: 90%;
  }
}
@media (min-width: 1280px) {
  #header .header-full-w {
    max-width: 1200px;
  }
}
@media (min-width: 1536px) {
  #header .header-full-w {
    max-width: 1294px;
  }
}
#header .header-full-w {
  margin: 0.5rem auto 0;
}
#header .header-full-w .link {
  font-size: clamp(14px, 14px + (14 - 14) * (100vw - 400px) / (1728 - 400), 14px);
  color: var(--br-text-black);
}
#header .header-full-w .link:hover {
  color: var(--br-text-black);
  font-weight: bold;
}
#header .header-full-w .cta {
  font-size: clamp(14px, 14px + (14 - 14) * (100vw - 400px) / (1728 - 400), 14px);
  color: var(--br-text-black);
  padding: 0.5rem 0.75rem;
  border: solid 1px var(--br-blue-darker);
  border-radius: 30px;
  background-color: var(--br-blue-darker);
  color: var(--br-white);
  font-weight: bold;
  transition: background-color 100ms ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
}
#header .header-full-w .cta:hover {
  border-color: var(--br-blue-bright);
  background-color: var(--br-blue-bright);
  color: var(--br-white);
  transition: background-color 100ms ease-in-out;
}
#header #mobile_top_menu_wrapper .cta {
  font-size: clamp(14px, 14px + (14 - 14) * (100vw - 400px) / (1728 - 400), 14px);
  color: var(--br-text-black);
  padding: 0.5rem 0.75rem;
  border: solid 1px var(--br-blue-darker);
  border-radius: 30px;
  background-color: var(--br-blue-darker);
  color: var(--br-white);
  font-weight: bold;
  transition: background-color 100ms ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
}
#header #mobile_top_menu_wrapper .cta:hover {
  border-color: var(--br-blue-dark);
  background-color: var(--br-blue-dark);
  color: var(--br-white);
  transition: background-color 100ms ease-in-out;
}

@media screen and (max-width: 768px) {
  .top-menu .popover {
    background-color: var(--br-blue-bright) !important;
  }
}
#footer {
  background: linear-gradient(to bottom, #19171C, #312F32);
}
#footer .footer-container #links .category-link, #footer .footer-container #links .custom-page-link {
  font-size: clamp(14px, 14px + (16 - 14) * (100vw - 400px) / (1728 - 400), 16px);
  color: var(--br-text-white);
}
#footer .footer-container #links h3 {
  font-size: clamp(16px, 16px + (16 - 16) * (100vw - 400px) / (1728 - 400), 16px);
  color: var(--br-text-purple-bright);
  font-weight: bold;
  text-transform: uppercase;
}
#footer .footer-container .blank-links {
  font-size: clamp(14px, 14px + (16 - 14) * (100vw - 400px) / (1728 - 400), 16px);
  color: var(--br-text-white);
  font-weight: bold;
  text-transform: uppercase;
}
#footer .footer-container .blank-links a:hover {
  color: var(--br-text-white);
}
@media screen and (max-width: 767px) {
  #footer .img-fluid {
    max-width: 164px;
  }
  #footer .js_mobile-footer-menu {
    position: fixed;
    width: 100%;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1001;
    transform: translateZ(0);
  }
  #footer .js_mobile-footer-menu svg path {
    fill: #DDB876;
  }
  #footer .js_mobile-footer-menu #_desktop_cart {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }
  #footer .js_mobile-footer-menu #_desktop_cart .cart-products-count {
    border-color: #DDB876;
    color: #DDB876 !important;
  }
}

#wrapper {
  overflow-x: hidden;
  background-color: var(--br-grey-bright);
}

#content-wrapper {
  padding-right: 0;
  padding-left: 0;
}

#main {
  margin-top: 20.5rem;
}
#main .page-footer {
  margin: 0;
}

@media screen and (max-width: 1536px) {
  #main {
    margin-top: 19rem;
  }
}
@media screen and (max-width: 768px) {
  #main {
    margin-top: 9rem;
  }
}
article.product-miniature {
  max-height: var(--br-products-max-height);
  outline: 6px solid transparent;
  outline-offset: -2px;
  box-shadow: 5px 2px 7px 5px var(--br-shadow-dark);
  transition: outline-color ease-in-out 300ms;
}
article.product-miniature .product-flags:has(.product-flag) {
  background-color: var(--br-purple-bright);
}
article.product-miniature .product-flags:has(.product-flag) .product-flag {
  margin: 0;
  background-color: unset;
  font-size: clamp(11px, 11px + (13 - 11) * (100vw - 400px) / (1728 - 400), 13px);
  color: var(--br-text-white);
  min-height: unset;
  line-height: 1;
}
article.product-miniature .thumbnail-container .product-thumbnail img {
  margin: 0;
}
article.product-miniature .thumbnail-container .product-short-description {
  display: none;
}
article.product-miniature .thumbnail-container .thumbnail-top {
  padding: 0.5rem;
  background-color: var(--br-white);
}
article.product-miniature .product-description {
  padding: 1.25rem 0.25rem 0.7rem;
}
article.product-miniature .product-description .product-title {
  margin-bottom: 0;
  text-align: left;
  text-transform: uppercase;
  line-height: 20px;
}
article.product-miniature .product-description .product-title a {
  font-size: clamp(14px, 14px + (18 - 14) * (100vw - 400px) / (1728 - 400), 18px);
  color: var(--br-text-black);
  font-weight: bold;
}
article.product-miniature .product-description .informations span {
  font-size: clamp(13px, 13px + (15 - 13) * (100vw - 400px) / (1728 - 400), 15px);
  color: var(--br-text-black);
}
article.product-miniature .product-description .product-price-and-shipping {
  text-align: left;
}
article.product-miniature .product-description .product-price-and-shipping .price {
  font-size: clamp(16px, 16px + (25 - 16) * (100vw - 400px) / (1728 - 400), 25px);
  color: var(--br-text-purple-bright);
  font-style: italic;
  font-weight: 900;
  line-height: 1;
}
article.product-miniature .product-description .product-price-and-shipping .price_tax_exc {
  font-size: clamp(13px, 13px + (18 - 13) * (100vw - 400px) / (1728 - 400), 18px);
  color: var(--br-text-purple-bright);
  font-style: italic;
  font-weight: 500;
}
article.product-miniature .quick-view, article.product-miniature .quick-add-cart {
  position: absolute;
  right: -0.75rem;
  bottom: -0.75rem;
  display: block;
  aspect-ratio: 1;
  width: -moz-fit-content;
  width: fit-content;
  padding: 1rem;
  border-radius: 50%;
  background-color: var(--br-blue-bright);
  transition: scale ease-in-out 300ms;
}
article.product-miniature .quick-add-cart.disabled, article.product-miniature .quick-add-cart:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
article.product-miniature .thumbnail-container:focus .product-description::after,
article.product-miniature .thumbnail-container:hover .product-description::after {
  all: unset;
}
article.product-miniature:hover {
  transition: outline-color ease-in-out 300ms;
  outline-color: var(--br-blue-bright);
}
article.product-miniature:hover .quick-view, article.product-miniature:hover .quick-add-cart {
  transition: scale ease-in-out 300ms;
  scale: 1.2;
}
article.product-miniature .in-cart-badge {
  font-size: clamp(11px, 11px + (13 - 11) * (100vw - 400px) / (1728 - 400), 13px);
  color: var(--br-white);
}
@media screen and (max-width: 1536px) {
  article.product-miniature {
    box-shadow: 1px 1px 13px 4px var(--br-shadow-dark);
  }
  article.product-miniature .thumbnail-container .product-thumbnail img {
    -o-object-fit: contain;
       object-fit: contain;
  }
  article.product-miniature .product-description {
    padding: 0.25rem 0.25rem 0.7rem;
  }
}

.list-display article.product-miniature .thumbnail-container {
  grid-template-columns: 20% 1fr;
  grid-template-rows: unset;
}
.list-display article.product-miniature .thumbnail-container .product-short-description {
  display: block;
}
.list-display article.product-miniature .thumbnail-container .product-short-description * {
  font-size: clamp(14px, 14px + (16 - 14) * (100vw - 400px) / (1728 - 400), 16px) !important;
}

@media screen and (max-width: 768px) {
  .list-display article.product-miniature .thumbnail-container {
    grid-template-columns: 35% 1fr;
  }
  #category .grid-display .js-product {
    max-height: 280px;
  }
  #category article.product-miniature .product-description .product-title {
    margin-top: 0;
  }
  #category article.product-miniature .product-description .product-price-and-shipping {
    margin-top: 0 !important;
  }
}

.breadcrumb {
  padding-bottom: 1rem !important;
}
.breadcrumb li a span {
  font-size: clamp(16px, 16px + (16 - 16) * (100vw - 400px) / (1728 - 400), 16px);
  color: var(--br-blue-darker);
}
.breadcrumb li > span {
  font-size: clamp(16px, 16px + (16 - 16) * (100vw - 400px) / (1728 - 400), 16px);
  color: var(--br-purple-bright);
}
.breadcrumb li:after {
  color: var(--br-blue-darker) !important;
}

@media screen and (max-width: 768px) {
  .quickview .modal-body {
    overflow: scroll;
  }
}
.quickview .modal-body .product-flag {
  background-color: var(--br-purple-bright) !important;
}

#category #js-product-list-header h1, #search #js-product-list-header h1, #manufacturer #js-product-list-header h1 {
  font-size: clamp(40px, 40px + (50 - 40) * (100vw - 400px) / (1728 - 400), 50px);
  color: var(--br-text-blue-darker);
  font-weight: 900;
  font-style: italic;
}
#category #js-product-list-header #category-description *, #search #js-product-list-header #category-description *, #manufacturer #js-product-list-header #category-description * {
  font-size: clamp(14px, 14px + (16 - 14) * (100vw - 400px) / (1728 - 400), 16px);
  color: var(--br-text-black);
}
#category #js-product-list-header #category-description ul,
#category #js-product-list-header #category-description ol, #search #js-product-list-header #category-description ul,
#search #js-product-list-header #category-description ol, #manufacturer #js-product-list-header #category-description ul,
#manufacturer #js-product-list-header #category-description ol {
  list-style: initial;
  margin: initial;
  padding: 0 0 0 40px;
}
#category #js-product-list-header #category-description p,
#category #js-product-list-header #category-description ul,
#category #js-product-list-header #category-description ol, #search #js-product-list-header #category-description p,
#search #js-product-list-header #category-description ul,
#search #js-product-list-header #category-description ol, #manufacturer #js-product-list-header #category-description p,
#manufacturer #js-product-list-header #category-description ul,
#manufacturer #js-product-list-header #category-description ol {
  margin-bottom: 1rem;
}
#category #js-product-list-header .category-header-toggle__button, #search #js-product-list-header .category-header-toggle__button, #manufacturer #js-product-list-header .category-header-toggle__button {
  font-size: clamp(14px, 14px + (14 - 14) * (100vw - 400px) / (1728 - 400), 14px);
  color: var(--br-text-black);
  color: var(--br-purple-bright);
  font-weight: 500;
}
#category #js-product-list-header .category-header-toggle__button:hover, #search #js-product-list-header .category-header-toggle__button:hover, #manufacturer #js-product-list-header .category-header-toggle__button:hover {
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  #category #js-product-list-header #category-description *, #search #js-product-list-header #category-description *, #manufacturer #js-product-list-header #category-description * {
    text-align: center;
  }
}
#category #js-product-list-top .total-products p, #search #js-product-list-top .total-products p, #manufacturer #js-product-list-top .total-products p {
  font-size: clamp(18px, 18px + (18 - 18) * (100vw - 400px) / (1728 - 400), 18px);
  color: var(--br-text-black);
  font-weight: 800;
}
#category #js-product-list-top .sort-by-row span, #search #js-product-list-top .sort-by-row span, #manufacturer #js-product-list-top .sort-by-row span {
  font-size: clamp(16px, 16px + (16 - 16) * (100vw - 400px) / (1728 - 400), 16px);
  color: var(--br-text-black);
}
#category #js-product-list-top .sort-by-row #search_filter_toggler, #search #js-product-list-top .sort-by-row #search_filter_toggler, #manufacturer #js-product-list-top .sort-by-row #search_filter_toggler {
  padding: 0.5rem 0.75rem;
  border: solid 1px var(--br-blue-darker);
  border-radius: 30px;
  background-color: var(--br-blue-darker);
  color: var(--br-white);
  font-weight: bold;
  transition: background-color 100ms ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
}
#category #js-product-list-top .sort-by-row #search_filter_toggler:hover, #search #js-product-list-top .sort-by-row #search_filter_toggler:hover, #manufacturer #js-product-list-top .sort-by-row #search_filter_toggler:hover {
  border-color: var(--br-blue-bright);
  background-color: var(--br-blue-bright);
  color: var(--br-text-white);
  transition: background-color 100ms ease-in-out;
}
#category #js-product-list-top .sort-by-row .products-sort-order *, #search #js-product-list-top .sort-by-row .products-sort-order *, #manufacturer #js-product-list-top .sort-by-row .products-sort-order * {
  font-size: clamp(16px, 16px + (16 - 16) * (100vw - 400px) / (1728 - 400), 16px);
  color: var(--br-text-black);
}
#category #js-product-list-top .sort-by-row .products-sort-order button, #search #js-product-list-top .sort-by-row .products-sort-order button, #manufacturer #js-product-list-top .sort-by-row .products-sort-order button {
  border: solid 1px var(--br-grey-darker);
  border-radius: 30px;
  background-color: var(--br-grey-dark);
}
#category #js-product-list-top .sort-by-row .products-sort-order .dropdown-menu a:hover, #search #js-product-list-top .sort-by-row .products-sort-order .dropdown-menu a:hover, #manufacturer #js-product-list-top .sort-by-row .products-sort-order .dropdown-menu a:hover {
  background: var(--br-purple-bright);
  color: var(--br-white);
  font-weight: bold;
}
@media screen and (max-width: 1024px) {
  #category #js-product-list-top .total-products, #search #js-product-list-top .total-products, #manufacturer #js-product-list-top .total-products {
    padding-top: 0;
  }
}
#category #js-active-search-filters *, #search #js-active-search-filters *, #manufacturer #js-active-search-filters * {
  font-size: clamp(14px, 14px + (16 - 14) * (100vw - 400px) / (1728 - 400), 16px);
  color: var(--br-text-black);
}
#category #js-active-search-filters, #search #js-active-search-filters, #manufacturer #js-active-search-filters {
  border-radius: 10px;
}
#category #js-active-search-filters ul li, #search #js-active-search-filters ul li, #manufacturer #js-active-search-filters ul li {
  border-radius: 10px;
}
#category #js-active-search-filters .active-filter-title, #search #js-active-search-filters .active-filter-title, #manufacturer #js-active-search-filters .active-filter-title {
  display: none;
}
#category, #search, #manufacturer {
  background: var(--br-grey-bright);
}
#category #wrapper #wrapper-content, #search #wrapper #wrapper-content, #manufacturer #wrapper #wrapper-content {
  margin: 1rem auto;
}
@media (min-width: 370px) {
  #category #wrapper #wrapper-content, #search #wrapper #wrapper-content, #manufacturer #wrapper #wrapper-content {
    max-width: 100%;
  }
}
@media (min-width: 640px) {
  #category #wrapper #wrapper-content, #search #wrapper #wrapper-content, #manufacturer #wrapper #wrapper-content {
    max-width: 95%;
  }
}
@media (min-width: 768px) {
  #category #wrapper #wrapper-content, #search #wrapper #wrapper-content, #manufacturer #wrapper #wrapper-content {
    max-width: 90%;
  }
}
@media (min-width: 1024px) {
  #category #wrapper #wrapper-content, #search #wrapper #wrapper-content, #manufacturer #wrapper #wrapper-content {
    max-width: 90%;
  }
}
@media (min-width: 1280px) {
  #category #wrapper #wrapper-content, #search #wrapper #wrapper-content, #manufacturer #wrapper #wrapper-content {
    max-width: 1200px;
  }
}
@media (min-width: 1536px) {
  #category #wrapper #wrapper-content, #search #wrapper #wrapper-content, #manufacturer #wrapper #wrapper-content {
    max-width: 1294px;
  }
}
#category #wrapper #wrapper-content, #search #wrapper #wrapper-content, #manufacturer #wrapper #wrapper-content {
  overflow-x: visible;
  margin: 0 auto;
  padding-top: 18rem;
}
#category #wrapper #main, #search #wrapper #main, #manufacturer #wrapper #main {
  margin-top: 0 !important;
}
#category nav.pagination *, #search nav.pagination *, #manufacturer nav.pagination * {
  font-size: clamp(18px, 18px + (18 - 18) * (100vw - 400px) / (1728 - 400), 18px);
  color: var(--br-text-black);
}
#category nav.pagination ul.page-list, #search nav.pagination ul.page-list, #manufacturer nav.pagination ul.page-list {
  background: var(--br-grey-bright);
}
#category nav.pagination ul.page-list li, #search nav.pagination ul.page-list li, #manufacturer nav.pagination ul.page-list li {
  width: 43px;
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  line-height: 1;
}
#category nav.pagination ul.page-list li a, #search nav.pagination ul.page-list li a, #manufacturer nav.pagination ul.page-list li a {
  font-weight: normal;
}
#category nav.pagination ul.page-list li.current, #search nav.pagination ul.page-list li.current, #manufacturer nav.pagination ul.page-list li.current {
  background-color: var(--br-grey-dark);
}
#category nav.pagination ul.page-list li.current a, #search nav.pagination ul.page-list li.current a, #manufacturer nav.pagination ul.page-list li.current a {
  font-weight: 800;
}
#category #age-faq .afq-title:after, #search #age-faq .afq-title:after, #manufacturer #age-faq .afq-title:after {
  content: "02";
}
#category .blockreassurance-section-title:after, #search .blockreassurance-section-title:after, #manufacturer .blockreassurance-section-title:after {
  content: "03";
}
@media screen and (max-width: 768px) {
  #category #wrapper #wrapper-content, #search #wrapper #wrapper-content, #manufacturer #wrapper #wrapper-content {
    padding-top: 6rem;
  }
  #category #age-faq, #search #age-faq, #manufacturer #age-faq {
    padding-top: 6rem;
  }
}

#product .page-content {
  overflow: hidden;
}
#product #wrapper #wrapper-content {
  padding-top: 17rem;
}
#product #wrapper #wrapper-content .breadcrumb,
#product #wrapper #wrapper-content .product-container {
  margin: 1rem auto;
}
@media (min-width: 370px) {
  #product #wrapper #wrapper-content .breadcrumb,
  #product #wrapper #wrapper-content .product-container {
    max-width: 100%;
  }
}
@media (min-width: 640px) {
  #product #wrapper #wrapper-content .breadcrumb,
  #product #wrapper #wrapper-content .product-container {
    max-width: 95%;
  }
}
@media (min-width: 768px) {
  #product #wrapper #wrapper-content .breadcrumb,
  #product #wrapper #wrapper-content .product-container {
    max-width: 90%;
  }
}
@media (min-width: 1024px) {
  #product #wrapper #wrapper-content .breadcrumb,
  #product #wrapper #wrapper-content .product-container {
    max-width: 90%;
  }
}
@media (min-width: 1280px) {
  #product #wrapper #wrapper-content .breadcrumb,
  #product #wrapper #wrapper-content .product-container {
    max-width: 1200px;
  }
}
@media (min-width: 1536px) {
  #product #wrapper #wrapper-content .breadcrumb,
  #product #wrapper #wrapper-content .product-container {
    max-width: 1294px;
  }
}
#product #wrapper #wrapper-content .breadcrumb,
#product #wrapper #wrapper-content .product-container {
  overflow-x: visible;
  margin: 0 auto;
}
#product #wrapper #wrapper-content #main h1 {
  font-size: clamp(25px, 25px + (35 - 25) * (100vw - 400px) / (1728 - 400), 35px);
  color: var(--br-text-blue-darker);
  font-style: italic;
  font-weight: 700;
}
#product #wrapper #wrapper-content #main .product-flags:has(.product-flag) {
  background-color: var(--br-purple-bright);
}
#product #wrapper #wrapper-content #main .product-flags:has(.product-flag) .product-flag {
  margin: 0;
  background-color: unset;
  font-size: clamp(11px, 11px + (13 - 11) * (100vw - 400px) / (1728 - 400), 13px);
  color: var(--br-text-white);
  min-height: unset;
  line-height: 1;
}
#product #wrapper #wrapper-content #main .product-gallery-swiper .product-cover .swiper-slide img,
#product #wrapper #wrapper-content #main .product-gallery-swiper .product-images .swiper-slide img {
  box-shadow: 0 0 15px -6px rgb(0, 0, 0.25);
}
@media screen and (max-width: 767px) {
  #product #wrapper #wrapper-content #main .product-gallery-swiper {
    --swiper-pagination-bottom: 7%;
  }
  #product #wrapper #wrapper-content #main .product-gallery-swiper .product-cover .swiper-slide img,
  #product #wrapper #wrapper-content #main .product-gallery-swiper .product-images .swiper-slide img {
    box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.5);
  }
}
#product #wrapper #wrapper-content #main [id^=product-description-short-] * {
  font-size: clamp(14px, 14px + (16 - 14) * (100vw - 400px) / (1728 - 400), 16px);
  color: var(--br-text-black);
}
#product #wrapper #wrapper-content #main [id^=product-description-short-] table {
  margin: 1rem 0;
}
#product #wrapper #wrapper-content #main [id^=product-description-short-] table td {
  border: solid 1px var(--br-black);
}
@media screen and (max-width: 1023px) {
  #product #wrapper #wrapper-content #main [id^=product-description-short-] * {
    text-align: center;
  }
}
#product #wrapper #wrapper-content #main .product-prices * {
  font-size: clamp(20px, 20px + (20 - 20) * (100vw - 400px) / (1728 - 400), 20px);
  color: var(--br-text-purple-bright);
}
#product #wrapper #wrapper-content #main .product-prices .current-price-value,
#product #wrapper #wrapper-content #main .product-prices .product-discount {
  font-weight: 500;
  font-style: italic;
}
#product #wrapper #wrapper-content #main .product-prices .current-price-value strong,
#product #wrapper #wrapper-content #main .product-prices .product-discount strong {
  font-size: clamp(25px, 25px + (25 - 25) * (100vw - 400px) / (1728 - 400), 25px);
  font-weight: 900;
}
@media screen and (max-width: 1024px) {
  #product #wrapper #wrapper-content #main .product-prices {
    margin-top: 0;
  }
}
#product #wrapper #wrapper-content #main {
  margin-top: 0 !important;
}
#product #wrapper #wrapper-content #main #content {
  margin: 0;
  max-width: unset;
}
#product #wrapper #wrapper-content #main .product-variants-container .product-variants * {
  font-size: clamp(15px, 15px + (15 - 15) * (100vw - 400px) / (1728 - 400), 15px);
  color: var(--br-text-black);
}
#product #wrapper #wrapper-content #main .product-variants-container .product-add-to-cart * {
  font-size: clamp(15px, 15px + (15 - 15) * (100vw - 400px) / (1728 - 400), 15px);
  color: var(--br-text-black);
}
#product #wrapper #wrapper-content #main .product-variants-container .product-add-to-cart .bootstrap-touchspin-up {
  border-top-right-radius: var(--br-touchspin-border-radius);
}
#product #wrapper #wrapper-content #main .product-variants-container .product-add-to-cart .bootstrap-touchspin-down {
  border-bottom-right-radius: var(--br-touchspin-border-radius);
}
#product #wrapper #wrapper-content #main .product-variants-container .product-add-to-cart .btn-touchspin,
#product #wrapper #wrapper-content #main .product-variants-container .product-add-to-cart #quantity_wanted {
  border: solid 1px var(--br-black);
}
#product #wrapper #wrapper-content #main .product-variants-container .product-add-to-cart .btn-touchspin:hover {
  background-color: var(--br-blue-bright);
}
#product #wrapper #wrapper-content #main .product-variants-container .product-add-to-cart .btn-touchspin:hover i {
  color: var(--br-text-white);
}
#product #wrapper #wrapper-content #main #product-availability {
  font-size: clamp(16px, 16px + (16 - 16) * (100vw - 400px) / (1728 - 400), 16px);
  color: var(--br-white);
  font-weight: 600;
  background-color: var(--br-blue-bright);
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  display: block;
  width: -moz-fit-content;
  width: fit-content;
}
#product #wrapper #wrapper-content #main .product-description {
  overflow: scroll;
}
#product #wrapper #wrapper-content #main .product-additional-info .brand-ref {
  font-size: clamp(16px, 16px + (16 - 16) * (100vw - 400px) / (1728 - 400), 16px);
  color: var(--br-text-black);
  font-weight: 600;
}
#product #wrapper #wrapper-content #main .product-additional-info .brand-ref strong {
  font-weight: 900;
}
#product #wrapper #wrapper-content #main .tabs .nav-tabs {
  border-bottom: none;
}
#product #wrapper #wrapper-content #main .tabs .nav .nav-item .nav-link {
  font-size: clamp(16px, 16px + (16 - 16) * (100vw - 400px) / (1728 - 400), 16px);
  color: var(--br-text-grey-darker-dark);
  background-color: var(--br-grey-dark);
  text-transform: uppercase;
  font-weight: bold;
  box-shadow: inset 0px -3px 8px -2px rgba(0, 0, 0, 0.25);
  padding: 0.5rem 2rem;
}
#product #wrapper #wrapper-content #main .tabs .nav .nav-item .nav-link.active {
  background-color: var(--br-white);
  color: var(--br-blue-bright);
  border-bottom: none;
  box-shadow: 0 10px 0 0 #ffffff, 0px -8px 10px -7px rgba(0, 0, 0, 0.25), -5px 4px 8px -2px rgba(0, 0, 0, 0.25), 8px 0 10px -4px rgba(0, 0, 0, 0.25);
}
#product #wrapper #wrapper-content #main .tabs .nav .nav-item .nav-link:hover {
  border-bottom: none;
}
#product #wrapper #wrapper-content #main .tabs .tab-content {
  background-color: var(--br-white);
}
#product #wrapper #wrapper-content #main .tabs .tab-content h2 {
  font-size: clamp(25px, 25px + (35 - 25) * (100vw - 400px) / (1728 - 400), 35px);
  color: var(--br-text-blue-darker);
}
#product #wrapper #wrapper-content #main .tabs .tab-content h3 {
  font-size: clamp(20px, 20px + (25 - 20) * (100vw - 400px) / (1728 - 400), 25px);
  color: var(--br-text-blue-darker);
}
#product #wrapper #wrapper-content #main .tabs .tab-content p *,
#product #wrapper #wrapper-content #main .tabs .tab-content span * {
  font-size: clamp(16px, 16px + (16 - 16) * (100vw - 400px) / (1728 - 400), 16px);
  color: var(--br-text-blue-darker);
}
#product #wrapper #wrapper-content #main .tabs .tab-content p {
  min-height: 1rem;
  font-size: clamp(16px, 16px + (16 - 16) * (100vw - 400px) / (1728 - 400), 16px);
  color: var(--br-text-blue-darker);
}
#product #wrapper #wrapper-content #main .tabs .tab-content .tab-pane {
  padding: 3rem 2rem;
  box-shadow: 0 0 16px -6px rgb(0, 0, 0.25);
  border-radius: 0 12px 12px 12px;
}
#product #wrapper #wrapper-content #main .tabs #product-accordion * {
  opacity: 1 !important;
}
#product #wrapper #wrapper-content #main .tabs #product-accordion > div {
  background-color: var(--br-grey-dark);
}
#product #wrapper #wrapper-content #main .tabs #product-accordion > div:has(button:not(.collapsed)) {
  background-color: var(--br-white);
}
#product #wrapper #wrapper-content #main .tabs #product-accordion > div:has(button:not(.collapsed)) button span {
  color: var(--br-blue-bright);
}
#product #wrapper #wrapper-content #main .tabs #product-accordion > div button {
  font-weight: 800;
  text-transform: uppercase;
}
#product #wrapper #wrapper-content #main .product-accessories {
  --swiper-pagination-color: var(--br-purple-bright);
}
#product #wrapper #wrapper-content #main .product-accessories > div {
  margin: 1rem auto;
}
@media (min-width: 370px) {
  #product #wrapper #wrapper-content #main .product-accessories > div {
    max-width: 100%;
  }
}
@media (min-width: 640px) {
  #product #wrapper #wrapper-content #main .product-accessories > div {
    max-width: 95%;
  }
}
@media (min-width: 768px) {
  #product #wrapper #wrapper-content #main .product-accessories > div {
    max-width: 90%;
  }
}
@media (min-width: 1024px) {
  #product #wrapper #wrapper-content #main .product-accessories > div {
    max-width: 90%;
  }
}
@media (min-width: 1280px) {
  #product #wrapper #wrapper-content #main .product-accessories > div {
    max-width: 1200px;
  }
}
@media (min-width: 1536px) {
  #product #wrapper #wrapper-content #main .product-accessories > div {
    max-width: 1294px;
  }
}
#product #wrapper #wrapper-content #main .product-accessories > div {
  overflow-x: visible;
  margin: 0 auto;
}
#product #wrapper #wrapper-content #main .product-accessories > div .section-title:after {
  content: "02";
  position: absolute;
  top: -6.5rem;
  font-size: clamp(150px, 150px + (200 - 150) * (100vw - 400px) / (1728 - 400), 200px);
  left: 50%;
  transform: translate(-50%, 0);
  z-index: -10;
  color: var(--br-text-grey);
  font-style: italic;
  font-weight: 900;
  line-height: 1;
}
#product #wrapper #wrapper-content #main .product-accessories > div h2 {
  font-size: clamp(25px, 25px + (35 - 25) * (100vw - 400px) / (1728 - 400), 35px);
  color: var(--br-text-blue-darker);
}
#product #wrapper #wrapper-content #main .product-accessories > div h2 strong {
  font-weight: 900;
}
#product #wrapper #wrapper-content #main .product-accessories > div .product-accessories-slider .js-product-accessories-prev {
  right: 3.2rem;
  left: auto;
}
#product #wrapper #wrapper-content #main .product-accessories > div .product-accessories-slider .js-product-accessories-next,
#product #wrapper #wrapper-content #main .product-accessories > div .product-accessories-slider .js-product-accessories-prev {
  top: -5rem;
  width: -moz-fit-content;
  width: fit-content;
  height: 45px;
  padding: 20px;
  border: solid 2px var(--br-blue-darker);
  border-radius: 100%;
}
#product #wrapper #wrapper-content #main .product-accessories > div .product-accessories-slider .js-product-accessories-next .swiper-navigation-icon,
#product #wrapper #wrapper-content #main .product-accessories > div .product-accessories-slider .js-product-accessories-prev .swiper-navigation-icon {
  position: absolute;
  height: 50%;
}
@media screen and (max-width: 768px) {
  #product #wrapper #wrapper-content #main .product-accessories .js-product {
    max-height: 300px;
  }
}
#product #wrapper .blockreassurance-section-title:after {
  content: "03";
}
@media screen and (max-width: 768px) {
  #product #wrapper #wrapper-content {
    padding-top: 8rem;
  }
}

#cart #main {
  margin: 1rem auto;
}
@media (min-width: 370px) {
  #cart #main {
    max-width: 100%;
  }
}
@media (min-width: 640px) {
  #cart #main {
    max-width: 95%;
  }
}
@media (min-width: 768px) {
  #cart #main {
    max-width: 90%;
  }
}
@media (min-width: 1024px) {
  #cart #main {
    max-width: 90%;
  }
}
@media (min-width: 1280px) {
  #cart #main {
    max-width: 1200px;
  }
}
@media (min-width: 1536px) {
  #cart #main {
    max-width: 1294px;
  }
}
#cart #main {
  margin-top: 17rem;
}
#cart h1 {
  font-size: clamp(40px, 40px + (50 - 40) * (100vw - 400px) / (1728 - 400), 50px);
  color: var(--br-text-blue-darker);
  font-weight: 900;
  font-style: italic;
}
#cart .card {
  background-color: var(--br-white);
}
#cart .price {
  font-size: clamp(22px, 22px + (24 - 22) * (100vw - 400px) / (1728 - 400), 24px);
  color: var(--br-blue-darker);
  font-weight: 700;
}
#cart .cart-overview .cart-items .cart-item {
  border: solid 1px var(--br-grey-bright);
  border-radius: 1rem;
  position: relative;
  overflow: hidden;
}
#cart .cart-overview .cart-items .cart-item:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 5px;
  background: var(--br-blue-darker);
}
#cart .cart-overview .cart-items .cart-item .product-line-grid .product-line-info a {
  font-size: clamp(20px, 20px + (22 - 20) * (100vw - 400px) / (1728 - 400), 22px);
  color: var(--br-text-black);
  font-weight: 700;
}
#cart .cart-overview .cart-items .cart-item .product-line-grid .available-later {
  font-size: clamp(14px, 14px + (14 - 14) * (100vw - 400px) / (1728 - 400), 14px);
  color: var(--br-white);
  font-weight: 600;
  background-color: var(--br-blue-bright);
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  display: block;
  width: -moz-fit-content;
  width: fit-content;
}
#cart .cart-overview .cart-items .cart-item .product-line-grid .remove-from-cart:hover {
  color: var(--br-blue-bright);
}
@media screen and (max-width: 728px) {
  #cart .cart-overview .cart-items .cart-item {
    padding: 0;
  }
}
#cart .cart-detailed-totals .cart-summary-line * {
  font-size: clamp(14px, 14px + (16 - 14) * (100vw - 400px) / (1728 - 400), 16px);
  color: var(--br-text-black);
}
#cart .block-promo a.collapse-button {
  font-size: clamp(14px, 14px + (16 - 14) * (100vw - 400px) / (1728 - 400), 16px);
  color: var(--br-text-black);
}
#cart .block-promo a.collapse-button:hover {
  color: var(--br-blue-bright);
}
#cart .block-promo form {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
#cart .block-promo .btn {
  padding: 0.5rem 0.75rem;
  border: solid 1px var(--br-blue-darker);
  border-radius: 30px;
  background-color: var(--br-blue-darker);
  color: var(--br-white);
  font-weight: bold;
  transition: background-color 100ms ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
}
#cart .block-promo .btn:hover {
  border-color: var(--br-blue-bright);
  background-color: var(--br-blue-bright);
  color: var(--br-text-white);
  transition: background-color 100ms ease-in-out;
}
#cart .block-promo .btn[disabled] {
  opacity: 0.5;
}
#cart .block-promo button[type=submit] {
  border-radius: 0 0.5rem 0.5rem 0;
  height: 44px;
}
#cart .block-promo input {
  border-radius: 0.5rem 0 0 0.5rem;
}
#cart .block-promo input.promo-input {
  height: 44px;
}
#cart .block-promo .promo-name .cart-summary-line * {
  font-size: clamp(14px, 14px + (16 - 14) * (100vw - 400px) / (1728 - 400), 16px);
  color: var(--br-text-black);
}
#cart .cart-detailed-actions .btn {
  padding: 0.5rem 0.75rem;
  border: solid 1px var(--br-blue-darker);
  border-radius: 30px;
  background-color: var(--br-blue-darker);
  color: var(--br-white);
  font-weight: bold;
  transition: background-color 100ms ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
}
#cart .cart-detailed-actions .btn:hover {
  border-color: var(--br-blue-bright);
  background-color: var(--br-blue-bright);
  color: var(--br-text-white);
  transition: background-color 100ms ease-in-out;
}
#cart .continue_shopping {
  font-size: clamp(14px, 14px + (16 - 14) * (100vw - 400px) / (1728 - 400), 16px);
  color: var(--br-text-black);
  font-weight: 700;
}
#cart #age-faq .afq-title:after {
  content: "02";
}
#cart .blockreassurance-section-title:after {
  content: "03";
}
@media screen and (max-width: 768px) {
  #cart .card {
    padding: 1rem;
  }
  #cart #main {
    padding: 0 1rem;
    margin-top: 10rem;
  }
}

#checkout {
  background-color: var(--br-grey-bright);
}
#checkout #header {
  position: absolute;
}
#checkout #wrapper-content,
#checkout #header .header-nav {
  margin: 1rem auto;
}
@media (min-width: 370px) {
  #checkout #wrapper-content,
  #checkout #header .header-nav {
    max-width: 100%;
  }
}
@media (min-width: 640px) {
  #checkout #wrapper-content,
  #checkout #header .header-nav {
    max-width: 95%;
  }
}
@media (min-width: 768px) {
  #checkout #wrapper-content,
  #checkout #header .header-nav {
    max-width: 90%;
  }
}
@media (min-width: 1024px) {
  #checkout #wrapper-content,
  #checkout #header .header-nav {
    max-width: 90%;
  }
}
@media (min-width: 1280px) {
  #checkout #wrapper-content,
  #checkout #header .header-nav {
    max-width: 1200px;
  }
}
@media (min-width: 1536px) {
  #checkout #wrapper-content,
  #checkout #header .header-nav {
    max-width: 1294px;
  }
}
#checkout #wrapper-content {
  margin-top: 9rem;
}
#checkout #checkout-personal-information-step {
  border-radius: 1rem 1rem 0 0;
}
#checkout #checkout-personal-information-step .btn[data-action=show-password] {
  border-radius: 0 0.5rem 0.5rem 0;
}
#checkout #checkout-personal-information-step .btn[type=submit] {
  margin-top: 1rem;
}
#checkout #checkout-addresses-step .address-item.selected {
  border: solid 3px var(--br-purple-bright);
}
@media screen and (max-width: 768px) {
  #checkout #checkout-addresses-step .form-group:last-of-type > div {
    display: flex;
    gap: 0.5rem;
  }
  #checkout #checkout-addresses-step .form-group:last-of-type > div label {
    text-align: left;
  }
}
#checkout #checkout-delivery-step textarea {
  border: solid 1px var(--br-blue-dark);
  border-radius: 0.5rem;
}
#checkout #checkout-delivery-step #change_postcode {
  font-size: clamp(11px, 11px + (11 - 11) * (100vw - 400px) / (1728 - 400), 11px);
  color: var(--br-white);
  margin-left: 1rem;
}
#checkout #checkout-payment-step {
  border-radius: 0 0 1rem 1rem;
}
#checkout #checkout-payment-step .btn[type=submit] {
  margin-top: 1rem;
}
#checkout #checkout-payment-step .js-payment-option-form label {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: flex-end;
}
#checkout #checkout-payment-step img {
  max-width: 50px;
}
#checkout .block-promo a.collapse-button {
  font-size: clamp(14px, 14px + (16 - 14) * (100vw - 400px) / (1728 - 400), 16px);
  color: var(--br-text-black);
}
#checkout .block-promo a.collapse-button:hover {
  color: var(--br-blue-bright);
}
#checkout .block-promo form {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
#checkout .block-promo .btn {
  padding: 0.5rem 0.75rem;
  border: solid 1px var(--br-blue-darker);
  border-radius: 30px;
  background-color: var(--br-blue-darker);
  color: var(--br-white);
  font-weight: bold;
  transition: background-color 100ms ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
}
#checkout .block-promo .btn:hover {
  border-color: var(--br-blue-bright);
  background-color: var(--br-blue-bright);
  color: var(--br-text-white);
  transition: background-color 100ms ease-in-out;
}
#checkout .block-promo .btn[disabled] {
  opacity: 0.5;
}
#checkout .block-promo button[type=submit] {
  border-radius: 0 0.5rem 0.5rem 0;
  height: 44px;
}
#checkout .block-promo input {
  border-radius: 0.5rem 0 0 0.5rem;
}
#checkout .block-promo input.promo-input {
  height: 44px;
}
#checkout .block-promo .promo-name .cart-summary-line * {
  font-size: clamp(14px, 14px + (16 - 14) * (100vw - 400px) / (1728 - 400), 16px);
  color: var(--br-text-black);
}
#checkout section.checkout-step * {
  font-size: clamp(14px, 14px + (16 - 14) * (100vw - 400px) / (1728 - 400), 16px);
  color: var(--br-text-black);
}
#checkout section.checkout-step .step-title {
  font-size: clamp(12px, 12px + (25 - 12) * (100vw - 400px) / (1728 - 400), 25px) !important;
  font-weight: 700 !important;
  font-style: italic;
  padding-right: 1rem;
}
#checkout section.checkout-step .step-number {
  background-color: var(--br-blue-darker) !important;
  color: var(--br-text-white) !important;
}
#checkout section.checkout-step .step-edit {
  font-size: clamp(14px, 14px + (16 - 14) * (100vw - 400px) / (1728 - 400), 16px);
  color: var(--br-text-black) !important;
}
#checkout section.checkout-step .done {
  color: var(--br-black);
  font-style: italic;
}
#checkout section.checkout-step .btn {
  padding: 0.5rem 0.75rem;
  border: solid 1px var(--br-blue-darker);
  border-radius: 30px;
  background-color: var(--br-blue-darker);
  color: var(--br-white);
  font-weight: bold;
  transition: background-color 100ms ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
}
#checkout section.checkout-step .btn:hover {
  border-color: var(--br-blue-bright);
  background-color: var(--br-blue-bright);
  color: var(--br-text-white);
  transition: background-color 100ms ease-in-out;
}
#checkout section.checkout-step .btn[disabled] {
  opacity: 0.5;
}
#checkout section.checkout-step .custom-radio span {
  background-color: var(--br-purple-bright);
}
#checkout section.checkout-step .custom-checkbox input[type=checkbox]:checked + span {
  background-color: var(--br-purple-bright);
}
#checkout #footer * {
  font-size: clamp(14px, 14px + (16 - 14) * (100vw - 400px) / (1728 - 400), 16px);
  color: var(--br-text-black);
}
@media screen and (max-width: 768px) {
  #checkout #content-wrapper {
    padding: 0 1rem;
  }
}

#authentication .page-header h1 {
  font-size: clamp(40px, 40px + (50 - 40) * (100vw - 400px) / (1728 - 400), 50px);
  color: var(--br-text-blue-darker);
  font-weight: 900;
  font-style: italic;
  text-align: center;
}
#authentication .card {
  border-radius: 1rem;
  margin-bottom: 8rem;
}
#authentication .card * {
  font-size: clamp(14px, 14px + (16 - 14) * (100vw - 400px) / (1728 - 400), 16px);
  color: var(--br-text-black);
}
#authentication .btn {
  padding: 0.5rem 0.75rem;
  border: solid 1px var(--br-blue-darker);
  border-radius: 30px;
  background-color: var(--br-blue-darker);
  color: var(--br-white);
  font-weight: bold;
  transition: background-color 100ms ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
}
#authentication .btn:hover {
  border-color: var(--br-blue-bright);
  background-color: var(--br-blue-bright);
  color: var(--br-text-white);
  transition: background-color 100ms ease-in-out;
}
#authentication .btn[disabled] {
  opacity: 0.5;
}
#authentication .btn[data-action=show-password] {
  border-radius: 0 0.5rem 0.5rem 0;
}
#authentication .btn[type=submit] {
  margin: 1rem 0;
}
#authentication .no-account {
  margin-top: 1rem;
}
#authentication #age-faq .afq-title:after {
  content: "02";
}
#authentication .blockreassurance-section-title:after {
  content: "03";
}

#password .page-header h1 {
  font-size: clamp(40px, 40px + (50 - 40) * (100vw - 400px) / (1728 - 400), 50px);
  color: var(--br-text-blue-darker);
  font-weight: 900;
  font-style: italic;
  text-align: center;
}
#password .page-content {
  margin: 1rem auto;
}
@media (min-width: 370px) {
  #password .page-content {
    max-width: 100%;
  }
}
@media (min-width: 640px) {
  #password .page-content {
    max-width: 95%;
  }
}
@media (min-width: 768px) {
  #password .page-content {
    max-width: 90%;
  }
}
@media (min-width: 1024px) {
  #password .page-content {
    max-width: 90%;
  }
}
@media (min-width: 1280px) {
  #password .page-content {
    max-width: 1200px;
  }
}
@media (min-width: 1536px) {
  #password .page-content {
    max-width: 1294px;
  }
}
#password .page-content {
  border-radius: 1rem;
}
#password .page-content .send-renew-password-link {
  width: 70%;
  margin: 2rem auto;
}
#password .page-content .form-control-label {
  width: -moz-fit-content;
  width: fit-content;
}
#password .page-content .btn {
  padding: 0.5rem 0.75rem;
  border: solid 1px var(--br-blue-darker);
  border-radius: 30px;
  background-color: var(--br-blue-darker);
  color: var(--br-white);
  font-weight: bold;
  transition: background-color 100ms ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
}
#password .page-content .btn:hover {
  border-color: var(--br-blue-bright);
  background-color: var(--br-blue-bright);
  color: var(--br-text-white);
  transition: background-color 100ms ease-in-out;
}
#password .page-content .btn[disabled] {
  opacity: 0.5;
}
#password .page-content:not(:has(.renew-password)) .btn[type=submit] {
  border-radius: 0 0.5rem 0.5rem 0;
}
#password .page-content:not(:has(.renew-password)) input {
  border-radius: 0.5rem 0 0 0.5rem;
}
#password .page-content:has(.renew-password) .form-group {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}
#password .page-content:has(.renew-password) .form-group > label {
  justify-self: end;
}
#password .page-content:has(.renew-password) .form-group > div {
  justify-self: start;
  width: 50%;
}
#password .page-content:has(.renew-password) .form-group > div input {
  border-radius: 0.5rem;
}
#password .page-content:has(.renew-password) .form-group:last-of-type {
  grid-template-columns: 1fr;
}
#password .page-content:has(.renew-password) .form-group:last-of-type .offset-md-5 {
  margin: 0 !important;
  justify-self: center;
}
#password .page-content:has(.renew-password) .form-group:last-of-type .offset-md-5 button {
  margin: 0 auto !important;
}
#password #age-faq .afq-title:after {
  content: "02";
}
#password .blockreassurance-section-title:after {
  content: "03";
}
#password .page-footer {
  margin: 1rem auto;
}
@media (min-width: 370px) {
  #password .page-footer {
    max-width: 100%;
  }
}
@media (min-width: 640px) {
  #password .page-footer {
    max-width: 95%;
  }
}
@media (min-width: 768px) {
  #password .page-footer {
    max-width: 90%;
  }
}
@media (min-width: 1024px) {
  #password .page-footer {
    max-width: 90%;
  }
}
@media (min-width: 1280px) {
  #password .page-footer {
    max-width: 1200px;
  }
}
@media (min-width: 1536px) {
  #password .page-footer {
    max-width: 1294px;
  }
}
#password .page-footer #back-to-login, #password .page-footer a {
  font-size: clamp(14px, 14px + (16 - 14) * (100vw - 400px) / (1728 - 400), 16px);
  color: var(--br-text-black);
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  #password .form-control-label {
    width: 100%;
    text-align: left;
  }
  #password .page-content .send-renew-password-link {
    width: 100%;
  }
  #password .page-content .btn[type=submit] {
    border-radius: 0.5rem;
  }
  #password .page-content input {
    border-radius: 0.5rem;
  }
}

#registration .page-header h1 {
  font-size: clamp(40px, 40px + (50 - 40) * (100vw - 400px) / (1728 - 400), 50px);
  color: var(--br-text-blue-darker);
  font-weight: 900;
  font-style: italic;
  text-align: center;
  padding: 0 1rem;
}
#registration .page-content {
  margin: 1rem auto;
}
@media (min-width: 370px) {
  #registration .page-content {
    max-width: 100%;
  }
}
@media (min-width: 640px) {
  #registration .page-content {
    max-width: 95%;
  }
}
@media (min-width: 768px) {
  #registration .page-content {
    max-width: 90%;
  }
}
@media (min-width: 1024px) {
  #registration .page-content {
    max-width: 90%;
  }
}
@media (min-width: 1280px) {
  #registration .page-content {
    max-width: 1200px;
  }
}
@media (min-width: 1536px) {
  #registration .page-content {
    max-width: 1294px;
  }
}
#registration .page-content {
  border-radius: 1rem;
  margin-bottom: 5rem;
}
#registration .page-content .register-form > p {
  font-size: clamp(16px, 16px + (18 - 16) * (100vw - 400px) / (1728 - 400), 18px);
  color: var(--br-text-black);
  text-align: center;
  margin: 2rem 0;
}
#registration .page-content .register-form > p a:hover {
  color: var(--br-blue-bright);
}
#registration .page-content .btn {
  padding: 0.5rem 0.75rem;
  border: solid 1px var(--br-blue-darker);
  border-radius: 30px;
  background-color: var(--br-blue-darker);
  color: var(--br-white);
  font-weight: bold;
  transition: background-color 100ms ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
}
#registration .page-content .btn:hover {
  border-color: var(--br-blue-bright);
  background-color: var(--br-blue-bright);
  color: var(--br-text-white);
  transition: background-color 100ms ease-in-out;
}
#registration .page-content .btn[disabled] {
  opacity: 0.5;
}
#registration .page-content .btn[data-action=show-password] {
  border-radius: 0 0.5rem 0.5rem 0;
}
#registration .page-content .custom-radio span {
  background-color: var(--br-purple-bright);
}
#registration .page-content .custom-checkbox input[type=checkbox]:checked + span {
  background-color: var(--br-purple-bright);
}
#registration #age-faq .afq-title:after {
  content: "02";
}
#registration .blockreassurance-section-title:after {
  content: "03";
}

#my-account .page-header h1 {
  font-size: clamp(40px, 40px + (50 - 40) * (100vw - 400px) / (1728 - 400), 50px);
  color: var(--br-text-blue-darker);
  font-weight: 900;
  font-style: italic;
  text-align: center;
}
#my-account .page-content {
  margin: 1rem auto;
}
@media (min-width: 370px) {
  #my-account .page-content {
    max-width: 100%;
  }
}
@media (min-width: 640px) {
  #my-account .page-content {
    max-width: 95%;
  }
}
@media (min-width: 768px) {
  #my-account .page-content {
    max-width: 90%;
  }
}
@media (min-width: 1024px) {
  #my-account .page-content {
    max-width: 90%;
  }
}
@media (min-width: 1280px) {
  #my-account .page-content {
    max-width: 1200px;
  }
}
@media (min-width: 1536px) {
  #my-account .page-content {
    max-width: 1294px;
  }
}
#my-account .page-content .links a * {
  font-size: clamp(16px, 16px + (18 - 16) * (100vw - 400px) / (1728 - 400), 18px);
  color: var(--br-text-black);
}
#my-account .page-content .links a .link-item {
  border-radius: 0.5rem;
}
#my-account .page-content .links a:hover * {
  color: var(--br-blue-bright) !important;
}
#my-account .page-footer {
  font-size: clamp(14px, 14px + (16 - 14) * (100vw - 400px) / (1728 - 400), 16px);
  color: var(--br-text-black);
  font-weight: 700;
  margin: 3rem 0 5rem;
  text-align: center;
}
#my-account .page-footer a:hover {
  color: var(--br-blue-bright);
}
#my-account #age-faq .afq-title:after {
  content: "02";
}
#my-account .blockreassurance-section-title:after {
  content: "03";
}
@media screen and (max-width: 768px) {
  #my-account #wrapper-content {
    padding: 0 1rem;
  }
}

#identity .page-header h1 {
  font-size: clamp(40px, 40px + (50 - 40) * (100vw - 400px) / (1728 - 400), 50px);
  color: var(--br-text-blue-darker);
  font-weight: 900;
  font-style: italic;
  text-align: center;
}
#identity .page-content {
  margin: 1rem auto;
}
@media (min-width: 370px) {
  #identity .page-content {
    max-width: 100%;
  }
}
@media (min-width: 640px) {
  #identity .page-content {
    max-width: 95%;
  }
}
@media (min-width: 768px) {
  #identity .page-content {
    max-width: 90%;
  }
}
@media (min-width: 1024px) {
  #identity .page-content {
    max-width: 90%;
  }
}
@media (min-width: 1280px) {
  #identity .page-content {
    max-width: 1200px;
  }
}
@media (min-width: 1536px) {
  #identity .page-content {
    max-width: 1294px;
  }
}
#identity .page-content {
  border-radius: 1rem;
  margin-bottom: 5rem;
}
#identity .page-content .btn {
  padding: 0.5rem 0.75rem;
  border: solid 1px var(--br-blue-darker);
  border-radius: 30px;
  background-color: var(--br-blue-darker);
  color: var(--br-white);
  font-weight: bold;
  transition: background-color 100ms ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
}
#identity .page-content .btn:hover {
  border-color: var(--br-blue-bright);
  background-color: var(--br-blue-bright);
  color: var(--br-text-white);
  transition: background-color 100ms ease-in-out;
}
#identity .page-content .btn[disabled] {
  opacity: 0.5;
}
#identity .page-content .btn[type=submit] {
  margin: 1rem;
}
#identity .page-content .btn[data-action=show-password] {
  border-radius: 0 0.5rem 0.5rem 0;
}
#identity .page-content .custom-radio span {
  background-color: var(--br-purple-bright);
}
#identity .page-content .custom-checkbox input[type=checkbox]:checked + span {
  background-color: var(--br-purple-bright);
}
#identity .page-footer {
  margin: 1rem auto;
}
@media (min-width: 370px) {
  #identity .page-footer {
    max-width: 100%;
  }
}
@media (min-width: 640px) {
  #identity .page-footer {
    max-width: 95%;
  }
}
@media (min-width: 768px) {
  #identity .page-footer {
    max-width: 90%;
  }
}
@media (min-width: 1024px) {
  #identity .page-footer {
    max-width: 90%;
  }
}
@media (min-width: 1280px) {
  #identity .page-footer {
    max-width: 1200px;
  }
}
@media (min-width: 1536px) {
  #identity .page-footer {
    max-width: 1294px;
  }
}
#identity .page-footer {
  font-size: clamp(14px, 14px + (16 - 14) * (100vw - 400px) / (1728 - 400), 16px);
  color: var(--br-text-black);
  font-weight: 700;
  margin: 5rem auto;
}
#identity .page-footer a:hover {
  color: var(--br-blue-bright);
}
#identity #age-faq .afq-title:after {
  content: "02";
}
#identity .blockreassurance-section-title:after {
  content: "03";
}
@media screen and (max-width: 768px) {
  #identity #wrapper-content {
    padding: 0 1rem;
  }
}

#addresses .page-header h1, #address .page-header h1 {
  font-size: clamp(40px, 40px + (50 - 40) * (100vw - 400px) / (1728 - 400), 50px);
  color: var(--br-text-blue-darker);
  font-weight: 900;
  font-style: italic;
  text-align: center;
}
#addresses .page-content, #address .page-content {
  margin: 1rem auto;
}
@media (min-width: 370px) {
  #addresses .page-content, #address .page-content {
    max-width: 100%;
  }
}
@media (min-width: 640px) {
  #addresses .page-content, #address .page-content {
    max-width: 95%;
  }
}
@media (min-width: 768px) {
  #addresses .page-content, #address .page-content {
    max-width: 90%;
  }
}
@media (min-width: 1024px) {
  #addresses .page-content, #address .page-content {
    max-width: 90%;
  }
}
@media (min-width: 1280px) {
  #addresses .page-content, #address .page-content {
    max-width: 1200px;
  }
}
@media (min-width: 1536px) {
  #addresses .page-content, #address .page-content {
    max-width: 1294px;
  }
}
#addresses .page-content, #address .page-content {
  border-radius: 1rem;
  margin-bottom: 5rem;
}
#addresses .page-content .address, #address .page-content .address {
  border-radius: 0.5rem;
}
#addresses .page-content .btn, #address .page-content .btn {
  padding: 0.5rem 0.75rem;
  border: solid 1px var(--br-blue-darker);
  border-radius: 30px;
  background-color: var(--br-blue-darker);
  color: var(--br-white);
  font-weight: bold;
  transition: background-color 100ms ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
}
#addresses .page-content .btn:hover, #address .page-content .btn:hover {
  border-color: var(--br-blue-bright);
  background-color: var(--br-blue-bright);
  color: var(--br-text-white);
  transition: background-color 100ms ease-in-out;
}
#addresses .page-content .btn[disabled], #address .page-content .btn[disabled] {
  opacity: 0.5;
}
#addresses .page-footer, #address .page-footer {
  margin: 1rem auto;
}
@media (min-width: 370px) {
  #addresses .page-footer, #address .page-footer {
    max-width: 100%;
  }
}
@media (min-width: 640px) {
  #addresses .page-footer, #address .page-footer {
    max-width: 95%;
  }
}
@media (min-width: 768px) {
  #addresses .page-footer, #address .page-footer {
    max-width: 90%;
  }
}
@media (min-width: 1024px) {
  #addresses .page-footer, #address .page-footer {
    max-width: 90%;
  }
}
@media (min-width: 1280px) {
  #addresses .page-footer, #address .page-footer {
    max-width: 1200px;
  }
}
@media (min-width: 1536px) {
  #addresses .page-footer, #address .page-footer {
    max-width: 1294px;
  }
}
#addresses .page-footer, #address .page-footer {
  font-size: clamp(14px, 14px + (16 - 14) * (100vw - 400px) / (1728 - 400), 16px);
  color: var(--br-text-black);
  font-weight: 700;
  margin: 5rem auto;
}
#addresses .page-footer a:hover, #address .page-footer a:hover {
  color: var(--br-blue-bright);
}
#addresses #age-faq .afq-title:after, #address #age-faq .afq-title:after {
  content: "02";
}
#addresses .blockreassurance-section-title:after, #address .blockreassurance-section-title:after {
  content: "03";
}

#history .page-header h1 {
  font-size: clamp(40px, 40px + (50 - 40) * (100vw - 400px) / (1728 - 400), 50px);
  color: var(--br-text-blue-darker);
  font-weight: 900;
  font-style: italic;
  text-align: center;
}
#history .page-content {
  margin: 1rem auto;
}
@media (min-width: 370px) {
  #history .page-content {
    max-width: 100%;
  }
}
@media (min-width: 640px) {
  #history .page-content {
    max-width: 95%;
  }
}
@media (min-width: 768px) {
  #history .page-content {
    max-width: 90%;
  }
}
@media (min-width: 1024px) {
  #history .page-content {
    max-width: 90%;
  }
}
@media (min-width: 1280px) {
  #history .page-content {
    max-width: 1200px;
  }
}
@media (min-width: 1536px) {
  #history .page-content {
    max-width: 1294px;
  }
}
#history .page-content {
  border-radius: 1rem;
  margin-bottom: 5rem;
}
#history .page-content * {
  font-size: clamp(16px, 16px + (18 - 16) * (100vw - 400px) / (1728 - 400), 18px);
  color: var(--br-text-black);
}
#history .page-content i {
  font-size: 20px;
}
#history .page-content .label-pill {
  color: var(--br-white) !important;
  background-color: var(--br-blue-bright) !important;
}
#history .page-content .order-actions {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
#history .page-content .order-actions a {
  padding: 0.5rem 0.75rem;
  border: solid 1px var(--br-blue-darker);
  border-radius: 30px;
  background-color: var(--br-blue-darker);
  color: var(--br-white);
  font-weight: bold;
  transition: background-color 100ms ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
}
#history .page-content .order-actions a:hover {
  border-color: var(--br-blue-bright);
  background-color: var(--br-blue-bright);
  color: var(--br-text-white);
  transition: background-color 100ms ease-in-out;
}
#history .page-content .order-actions a {
  font-size: 13px;
}
#history .page-footer {
  margin: 1rem auto;
}
@media (min-width: 370px) {
  #history .page-footer {
    max-width: 100%;
  }
}
@media (min-width: 640px) {
  #history .page-footer {
    max-width: 95%;
  }
}
@media (min-width: 768px) {
  #history .page-footer {
    max-width: 90%;
  }
}
@media (min-width: 1024px) {
  #history .page-footer {
    max-width: 90%;
  }
}
@media (min-width: 1280px) {
  #history .page-footer {
    max-width: 1200px;
  }
}
@media (min-width: 1536px) {
  #history .page-footer {
    max-width: 1294px;
  }
}
#history .page-footer {
  font-size: clamp(14px, 14px + (16 - 14) * (100vw - 400px) / (1728 - 400), 16px);
  color: var(--br-text-black);
  font-weight: 700;
  margin: 4rem auto;
}
#history .page-footer a:hover {
  color: var(--br-blue-bright);
}
#history #age-faq .afq-title:after {
  content: "02";
}
#history .blockreassurance-section-title:after {
  content: "03";
}
@media screen and (max-width: 768px) {
  #history #wrapper-content {
    padding: 0 1rem;
  }
}

#order-detail .page-header h1 {
  font-size: clamp(40px, 40px + (50 - 40) * (100vw - 400px) / (1728 - 400), 50px);
  color: var(--br-text-blue-darker);
  font-weight: 900;
  font-style: italic;
  text-align: center;
}
#order-detail .page-content {
  margin: 1rem auto;
}
@media (min-width: 370px) {
  #order-detail .page-content {
    max-width: 100%;
  }
}
@media (min-width: 640px) {
  #order-detail .page-content {
    max-width: 95%;
  }
}
@media (min-width: 768px) {
  #order-detail .page-content {
    max-width: 90%;
  }
}
@media (min-width: 1024px) {
  #order-detail .page-content {
    max-width: 90%;
  }
}
@media (min-width: 1280px) {
  #order-detail .page-content {
    max-width: 1200px;
  }
}
@media (min-width: 1536px) {
  #order-detail .page-content {
    max-width: 1294px;
  }
}
#order-detail .page-content * {
  font-size: clamp(16px, 16px + (18 - 16) * (100vw - 400px) / (1728 - 400), 18px);
  color: var(--br-text-black);
}
#order-detail .page-content .label-pill {
  color: var(--br-white) !important;
  background-color: var(--br-blue-bright) !important;
  text-align: left;
}
#order-detail .page-content .box {
  border-radius: 0.5rem;
}
#order-detail .page-content .addresses > div {
  border-radius: 0.5rem;
}
#order-detail .page-content a:hover {
  color: var(--br-blue-bright);
}
#order-detail .page-content .btn {
  padding: 0.5rem 0.75rem;
  border: solid 1px var(--br-blue-darker);
  border-radius: 30px;
  background-color: var(--br-blue-darker);
  color: var(--br-white);
  font-weight: bold;
  transition: background-color 100ms ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
}
#order-detail .page-content .btn:hover {
  border-color: var(--br-blue-bright);
  background-color: var(--br-blue-bright);
  color: var(--br-text-white);
  transition: background-color 100ms ease-in-out;
}
#order-detail .page-content .btn[disabled] {
  opacity: 0.5;
}
#order-detail .page-footer {
  margin: 1rem auto;
}
@media (min-width: 370px) {
  #order-detail .page-footer {
    max-width: 100%;
  }
}
@media (min-width: 640px) {
  #order-detail .page-footer {
    max-width: 95%;
  }
}
@media (min-width: 768px) {
  #order-detail .page-footer {
    max-width: 90%;
  }
}
@media (min-width: 1024px) {
  #order-detail .page-footer {
    max-width: 90%;
  }
}
@media (min-width: 1280px) {
  #order-detail .page-footer {
    max-width: 1200px;
  }
}
@media (min-width: 1536px) {
  #order-detail .page-footer {
    max-width: 1294px;
  }
}
#order-detail .page-footer {
  font-size: clamp(14px, 14px + (16 - 14) * (100vw - 400px) / (1728 - 400), 16px);
  color: var(--br-text-black);
  font-weight: 700;
  margin: 5rem auto;
}
#order-detail .page-footer a:hover {
  color: var(--br-blue-bright);
}
#order-detail #age-faq .afq-title:after {
  content: "02";
}
#order-detail .blockreassurance-section-title:after {
  content: "03";
}
@media screen and (max-width: 768px) {
  #order-detail #wrapper-content {
    padding: 0 1rem;
  }
}

#order-slip .page-header h1 {
  font-size: clamp(40px, 40px + (50 - 40) * (100vw - 400px) / (1728 - 400), 50px);
  color: var(--br-text-blue-darker);
  font-weight: 900;
  font-style: italic;
  text-align: center;
}
#order-slip .page-content {
  margin: 1rem auto;
}
@media (min-width: 370px) {
  #order-slip .page-content {
    max-width: 100%;
  }
}
@media (min-width: 640px) {
  #order-slip .page-content {
    max-width: 95%;
  }
}
@media (min-width: 768px) {
  #order-slip .page-content {
    max-width: 90%;
  }
}
@media (min-width: 1024px) {
  #order-slip .page-content {
    max-width: 90%;
  }
}
@media (min-width: 1280px) {
  #order-slip .page-content {
    max-width: 1200px;
  }
}
@media (min-width: 1536px) {
  #order-slip .page-content {
    max-width: 1294px;
  }
}
#order-slip .page-content {
  border-radius: 0.5rem;
}
#order-slip .page-content * {
  font-size: clamp(16px, 16px + (18 - 16) * (100vw - 400px) / (1728 - 400), 18px);
  color: var(--br-text-black);
}
#order-slip .page-footer {
  margin: 1rem auto;
}
@media (min-width: 370px) {
  #order-slip .page-footer {
    max-width: 100%;
  }
}
@media (min-width: 640px) {
  #order-slip .page-footer {
    max-width: 95%;
  }
}
@media (min-width: 768px) {
  #order-slip .page-footer {
    max-width: 90%;
  }
}
@media (min-width: 1024px) {
  #order-slip .page-footer {
    max-width: 90%;
  }
}
@media (min-width: 1280px) {
  #order-slip .page-footer {
    max-width: 1200px;
  }
}
@media (min-width: 1536px) {
  #order-slip .page-footer {
    max-width: 1294px;
  }
}
#order-slip .page-footer {
  font-size: clamp(14px, 14px + (16 - 14) * (100vw - 400px) / (1728 - 400), 16px);
  color: var(--br-text-black);
  font-weight: 700;
  margin: 5rem auto;
}
#order-slip .page-footer a:hover {
  color: var(--br-blue-bright);
}
#order-slip #age-faq .afq-title:after {
  content: "02";
}
#order-slip .blockreassurance-section-title:after {
  content: "03";
}

#order-confirmation .page-header h1 {
  font-size: clamp(40px, 40px + (50 - 40) * (100vw - 400px) / (1728 - 400), 50px);
  color: var(--br-text-blue-darker);
  font-weight: 900;
  font-style: italic;
  text-align: center;
}
#order-confirmation .page-content {
  margin: 1rem auto;
}
@media (min-width: 370px) {
  #order-confirmation .page-content {
    max-width: 100%;
  }
}
@media (min-width: 640px) {
  #order-confirmation .page-content {
    max-width: 95%;
  }
}
@media (min-width: 768px) {
  #order-confirmation .page-content {
    max-width: 90%;
  }
}
@media (min-width: 1024px) {
  #order-confirmation .page-content {
    max-width: 90%;
  }
}
@media (min-width: 1280px) {
  #order-confirmation .page-content {
    max-width: 1200px;
  }
}
@media (min-width: 1536px) {
  #order-confirmation .page-content {
    max-width: 1294px;
  }
}
#order-confirmation .page-content {
  border-radius: 0.5rem;
  background-color: var(--br-white) !important;
  padding: 1rem;
}
#order-confirmation .page-content * {
  font-size: clamp(16px, 16px + (18 - 16) * (100vw - 400px) / (1728 - 400), 18px);
  color: var(--br-text-black);
}
#order-confirmation .page-footer {
  margin: 1rem auto;
}
@media (min-width: 370px) {
  #order-confirmation .page-footer {
    max-width: 100%;
  }
}
@media (min-width: 640px) {
  #order-confirmation .page-footer {
    max-width: 95%;
  }
}
@media (min-width: 768px) {
  #order-confirmation .page-footer {
    max-width: 90%;
  }
}
@media (min-width: 1024px) {
  #order-confirmation .page-footer {
    max-width: 90%;
  }
}
@media (min-width: 1280px) {
  #order-confirmation .page-footer {
    max-width: 1200px;
  }
}
@media (min-width: 1536px) {
  #order-confirmation .page-footer {
    max-width: 1294px;
  }
}
#order-confirmation .page-footer {
  font-size: clamp(14px, 14px + (16 - 14) * (100vw - 400px) / (1728 - 400), 16px);
  color: var(--br-text-black);
  font-weight: 700;
  margin: 5rem auto;
}
#order-confirmation .page-footer a:hover {
  color: var(--br-blue-bright);
}
#order-confirmation #age-faq .afq-title:after {
  content: "02";
}
#order-confirmation .blockreassurance-section-title:after {
  content: "03";
}
@media screen and (max-width: 768px) {
  #order-confirmation #wrapper-content {
    padding: 0 1rem;
  }
}

#content-hook_order_confirmation, #content-hook_payment_return {
  margin: 1rem auto;
}
@media (min-width: 370px) {
  #content-hook_order_confirmation, #content-hook_payment_return {
    max-width: 100%;
  }
}
@media (min-width: 640px) {
  #content-hook_order_confirmation, #content-hook_payment_return {
    max-width: 95%;
  }
}
@media (min-width: 768px) {
  #content-hook_order_confirmation, #content-hook_payment_return {
    max-width: 90%;
  }
}
@media (min-width: 1024px) {
  #content-hook_order_confirmation, #content-hook_payment_return {
    max-width: 90%;
  }
}
@media (min-width: 1280px) {
  #content-hook_order_confirmation, #content-hook_payment_return {
    max-width: 1200px;
  }
}
@media (min-width: 1536px) {
  #content-hook_order_confirmation, #content-hook_payment_return {
    max-width: 1294px;
  }
}
#content-hook_order_confirmation, #content-hook_payment_return {
  border-radius: 0.5rem;
  background-color: var(--br-white) !important;
  padding: 1rem;
}
#content-hook_order_confirmation *, #content-hook_payment_return * {
  font-size: clamp(16px, 16px + (18 - 16) * (100vw - 400px) / (1728 - 400), 18px);
  color: var(--br-text-black);
}

#contact #wrapper-content {
  margin: 1rem auto;
}
@media (min-width: 370px) {
  #contact #wrapper-content {
    max-width: 100%;
  }
}
@media (min-width: 640px) {
  #contact #wrapper-content {
    max-width: 95%;
  }
}
@media (min-width: 768px) {
  #contact #wrapper-content {
    max-width: 90%;
  }
}
@media (min-width: 1024px) {
  #contact #wrapper-content {
    max-width: 90%;
  }
}
@media (min-width: 1280px) {
  #contact #wrapper-content {
    max-width: 1200px;
  }
}
@media (min-width: 1536px) {
  #contact #wrapper-content {
    max-width: 1294px;
  }
}
#contact #wrapper-content {
  margin-top: 17rem;
}
#contact #main {
  margin: 0;
}
#contact h4, #contact h3 {
  font-size: clamp(16px, 16px + (18 - 16) * (100vw - 400px) / (1728 - 400), 18px);
  color: var(--br-text-blue-darker);
  font-style: italic;
  font-weight: 700;
}
#contact #left-column {
  padding-left: 0;
}
#contact .contact-rich {
  font-size: clamp(16px, 16px + (18 - 16) * (100vw - 400px) / (1728 - 400), 18px);
  color: var(--br-text-black);
  background-color: white;
  padding: 1rem;
  border-radius: 0.5rem;
}
#contact .contact-rich a:hover {
  color: var(--br-blue-bright);
}
#contact .contact-rich .block {
  padding: 0.5rem 0;
}
#contact .card {
  border-radius: 0.5rem;
}
#contact .card .btn {
  padding: 0.5rem 0.75rem;
  border: solid 1px var(--br-blue-darker);
  border-radius: 30px;
  background-color: var(--br-blue-darker);
  color: var(--br-white);
  font-weight: bold;
  transition: background-color 100ms ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
}
#contact .card .btn:hover {
  border-color: var(--br-blue-bright);
  background-color: var(--br-blue-bright);
  color: var(--br-text-white);
  transition: background-color 100ms ease-in-out;
}
#contact .card .btn[disabled] {
  opacity: 0.5;
}
#contact .card span.input-group-btn label {
  border-radius: 0 0.5rem 0.5rem 0;
}
#contact .card input,
#contact .card select,
#contact .card textarea {
  border-radius: 0.5rem;
}
#contact .card .bootstrap-filestyle input {
  border-radius: 0.5rem 0 0 0.5rem;
}
#contact #age-faq .afq-title:after {
  content: "02";
}
#contact .blockreassurance-section-title:after {
  content: "03";
}
@media screen and (max-width: 768px) {
  #contact #wrapper-content {
    margin-top: 11rem;
  }
  #contact #left-column {
    padding: 0;
  }
  #contact .contact-form {
    border-radius: 0.5rem;
  }
}
@media screen and (max-width: 639px) {
  #contact #wrapper-content {
    padding: 0 1rem;
  }
}

#discount #main, #module-systempay-wallet #main {
  margin-top: 0;
}
#discount .breadcrumb, #module-systempay-wallet .breadcrumb {
  margin: 1rem auto;
}
@media (min-width: 370px) {
  #discount .breadcrumb, #module-systempay-wallet .breadcrumb {
    max-width: 100%;
  }
}
@media (min-width: 640px) {
  #discount .breadcrumb, #module-systempay-wallet .breadcrumb {
    max-width: 95%;
  }
}
@media (min-width: 768px) {
  #discount .breadcrumb, #module-systempay-wallet .breadcrumb {
    max-width: 90%;
  }
}
@media (min-width: 1024px) {
  #discount .breadcrumb, #module-systempay-wallet .breadcrumb {
    max-width: 90%;
  }
}
@media (min-width: 1280px) {
  #discount .breadcrumb, #module-systempay-wallet .breadcrumb {
    max-width: 1200px;
  }
}
@media (min-width: 1536px) {
  #discount .breadcrumb, #module-systempay-wallet .breadcrumb {
    max-width: 1294px;
  }
}
#discount #wrapper-content, #module-systempay-wallet #wrapper-content {
  margin-top: 16rem;
}
#discount .page-header h1, #module-systempay-wallet .page-header h1 {
  font-size: clamp(40px, 40px + (50 - 40) * (100vw - 400px) / (1728 - 400), 50px);
  color: var(--br-text-blue-darker);
  font-weight: 900;
  font-style: italic;
  text-align: center;
}
#discount .page-content, #module-systempay-wallet .page-content {
  margin: 1rem auto;
}
@media (min-width: 370px) {
  #discount .page-content, #module-systempay-wallet .page-content {
    max-width: 100%;
  }
}
@media (min-width: 640px) {
  #discount .page-content, #module-systempay-wallet .page-content {
    max-width: 95%;
  }
}
@media (min-width: 768px) {
  #discount .page-content, #module-systempay-wallet .page-content {
    max-width: 90%;
  }
}
@media (min-width: 1024px) {
  #discount .page-content, #module-systempay-wallet .page-content {
    max-width: 90%;
  }
}
@media (min-width: 1280px) {
  #discount .page-content, #module-systempay-wallet .page-content {
    max-width: 1200px;
  }
}
@media (min-width: 1536px) {
  #discount .page-content, #module-systempay-wallet .page-content {
    max-width: 1294px;
  }
}
#discount .page-content, #module-systempay-wallet .page-content {
  border-radius: 0.5rem;
}
#discount .page-content *, #module-systempay-wallet .page-content * {
  font-size: clamp(16px, 16px + (18 - 16) * (100vw - 400px) / (1728 - 400), 18px);
  color: var(--br-text-black);
}
#discount .page-footer, #module-systempay-wallet .page-footer {
  margin: 1rem auto;
}
@media (min-width: 370px) {
  #discount .page-footer, #module-systempay-wallet .page-footer {
    max-width: 100%;
  }
}
@media (min-width: 640px) {
  #discount .page-footer, #module-systempay-wallet .page-footer {
    max-width: 95%;
  }
}
@media (min-width: 768px) {
  #discount .page-footer, #module-systempay-wallet .page-footer {
    max-width: 90%;
  }
}
@media (min-width: 1024px) {
  #discount .page-footer, #module-systempay-wallet .page-footer {
    max-width: 90%;
  }
}
@media (min-width: 1280px) {
  #discount .page-footer, #module-systempay-wallet .page-footer {
    max-width: 1200px;
  }
}
@media (min-width: 1536px) {
  #discount .page-footer, #module-systempay-wallet .page-footer {
    max-width: 1294px;
  }
}
#discount .page-footer, #module-systempay-wallet .page-footer {
  font-size: clamp(14px, 14px + (16 - 14) * (100vw - 400px) / (1728 - 400), 16px);
  color: var(--br-text-black);
  font-weight: 700;
  margin: 5rem auto;
}
#discount .page-footer a:hover, #module-systempay-wallet .page-footer a:hover {
  color: var(--br-blue-bright);
}
#discount #age-faq .afq-title:after, #module-systempay-wallet #age-faq .afq-title:after {
  content: "02";
}
#discount .blockreassurance-section-title:after, #module-systempay-wallet .blockreassurance-section-title:after {
  content: "03";
}

#cms #wrapper-content {
  margin: 1rem auto;
}
@media (min-width: 370px) {
  #cms #wrapper-content {
    max-width: 100%;
  }
}
@media (min-width: 640px) {
  #cms #wrapper-content {
    max-width: 95%;
  }
}
@media (min-width: 768px) {
  #cms #wrapper-content {
    max-width: 90%;
  }
}
@media (min-width: 1024px) {
  #cms #wrapper-content {
    max-width: 90%;
  }
}
@media (min-width: 1280px) {
  #cms #wrapper-content {
    max-width: 1200px;
  }
}
@media (min-width: 1536px) {
  #cms #wrapper-content {
    max-width: 1294px;
  }
}
#cms #wrapper-content {
  margin-top: 17rem;
}
#cms #main {
  margin: 0;
}
#cms h1 {
  font-size: clamp(40px, 40px + (50 - 40) * (100vw - 400px) / (1728 - 400), 50px);
  color: var(--br-text-blue-darker);
  font-weight: 900;
  font-style: italic;
  text-align: center;
}
#cms h2 {
  font-size: clamp(25px, 25px + (35 - 25) * (100vw - 400px) / (1728 - 400), 35px);
  color: var(--br-text-blue-darker);
  padding-bottom: 0.5rem;
  margin-top: 1rem;
}
#cms h3 {
  font-size: clamp(20px, 20px + (25 - 20) * (100vw - 400px) / (1728 - 400), 25px);
  color: var(--br-text-blue-darker);
  padding-bottom: 0.5rem;
  margin-top: 1rem;
}
#cms .page-cms {
  border-radius: 0.5rem;
}
#cms #age-faq .afq-title:after {
  content: "02";
}
#cms .blockreassurance-section-title:after {
  content: "03";
}

#manufacturer #wrapper #wrapper-content {
  padding-top: 17rem;
}
#manufacturer h1 {
  padding: 0 1rem !important;
}
@media screen and (max-width: 768px) {
  #manufacturer #wrapper #wrapper-content {
    padding-top: 8rem;
  }
}

#sitemap #wrapper-content {
  margin: 1rem auto;
}
@media (min-width: 370px) {
  #sitemap #wrapper-content {
    max-width: 100%;
  }
}
@media (min-width: 640px) {
  #sitemap #wrapper-content {
    max-width: 95%;
  }
}
@media (min-width: 768px) {
  #sitemap #wrapper-content {
    max-width: 90%;
  }
}
@media (min-width: 1024px) {
  #sitemap #wrapper-content {
    max-width: 90%;
  }
}
@media (min-width: 1280px) {
  #sitemap #wrapper-content {
    max-width: 1200px;
  }
}
@media (min-width: 1536px) {
  #sitemap #wrapper-content {
    max-width: 1294px;
  }
}
#sitemap #wrapper-content {
  margin-top: 17rem;
}
#sitemap #main {
  margin: 0;
}
#sitemap h1 {
  font-size: clamp(40px, 40px + (50 - 40) * (100vw - 400px) / (1728 - 400), 50px);
  color: var(--br-text-blue-darker);
  font-weight: 900;
  font-style: italic;
  text-align: center;
}
#sitemap h2 {
  font-size: clamp(20px, 20px + (30 - 20) * (100vw - 400px) / (1728 - 400), 30px);
  color: var(--br-text-blue-darker);
  padding-bottom: 0.5rem;
  margin-top: 1rem;
}
#sitemap h3 {
  font-size: clamp(20px, 20px + (25 - 20) * (100vw - 400px) / (1728 - 400), 25px);
  color: var(--br-text-blue-darker);
  padding-bottom: 0.5rem;
  margin-top: 1rem;
}
#sitemap ul {
  list-style: disc;
}
#sitemap .sitemap {
  padding: 0 12px;
}
#sitemap #age-faq .afq-title:after {
  content: "02";
}
#sitemap .blockreassurance-section-title:after {
  content: "03";
}
@media screen and (max-width: 768px) {
  #sitemap #wrapper-content {
    margin-top: 7rem;
  }
  #sitemap .sitemap {
    padding: 0 1.2rem;
  }
}

#custom-text {
  background-color: var(--br-grey-bright);
  margin: 1rem auto;
}
@media (min-width: 370px) {
  #custom-text {
    max-width: 100%;
  }
}
@media (min-width: 640px) {
  #custom-text {
    max-width: 95%;
  }
}
@media (min-width: 768px) {
  #custom-text {
    max-width: 90%;
  }
}
@media (min-width: 1024px) {
  #custom-text {
    max-width: 90%;
  }
}
@media (min-width: 1280px) {
  #custom-text {
    max-width: 1200px;
  }
}
@media (min-width: 1536px) {
  #custom-text {
    max-width: 1294px;
  }
}
#custom-text * {
  position: relative;
  z-index: 10;
}
#custom-text h1,
#custom-text h2,
#custom-text h3 {
  margin-bottom: 1rem;
  font-weight: bold;
}
#custom-text h1 {
  font-size: clamp(40px, 40px + (50 - 40) * (100vw - 400px) / (1728 - 400), 50px);
  color: var(--br-text-blue-darker);
}
#custom-text h1 strong {
  font-weight: 900;
}
#custom-text h2 {
  font-size: clamp(25px, 25px + (35 - 25) * (100vw - 400px) / (1728 - 400), 35px);
  color: var(--br-text-blue-darker);
}
#custom-text h2 strong {
  font-weight: 900;
}
#custom-text h3 {
  font-size: clamp(16px, 16px + (20 - 16) * (100vw - 400px) / (1728 - 400), 20px);
  color: var(--br-text-blue-darker);
}
#custom-text p {
  font-size: clamp(14px, 14px + (16 - 14) * (100vw - 400px) / (1728 - 400), 16px);
  color: var(--br-text-black);
}
@media screen and (max-width: 1024px) {
  #custom-text {
    margin-top: 4rem;
  }
}

#_desktop_cart .cart-products-count {
  font-size: clamp(8px, 8px + (8 - 8) * (100vw - 400px) / (1728 - 400), 8px);
  color: var(--br-text-white);
}

#blockcart-modal {
  overflow: scroll;
}
#blockcart-modal * {
  font-size: clamp(14px, 14px + (16 - 14) * (100vw - 400px) / (1728 - 400), 16px);
  color: var(--br-text-black);
}
#blockcart-modal .modal-title {
  font-size: clamp(12px, 12px + 2 * (100vw - 400px) / 1328, 14px);
}
#blockcart-modal .product-name {
  color: var(--br-text-black);
}
#blockcart-modal .btn {
  padding: 0.5rem 0.75rem;
  border: solid 1px var(--br-blue-darker);
  border-radius: 30px;
  background-color: var(--br-blue-darker);
  color: var(--br-white);
  font-weight: bold;
  transition: background-color 100ms ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
}
#blockcart-modal .btn:hover {
  border-color: var(--br-blue-bright);
  background-color: var(--br-blue-bright);
  color: var(--br-text-white);
  transition: background-color 100ms ease-in-out;
}
#blockcart-modal .opart {
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.5rem 0.75rem;
  border: solid 1px var(--br-blue-bright);
  border-radius: 30px;
  background-color: var(--br-blue-bright);
  color: var(--br-white);
  font-weight: bold;
  transition: background-color 100ms ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
}
#blockcart-modal .opart:hover {
  border-color: var(--br-blue-darker);
  background-color: var(--br-blue-darker);
  color: var(--br-white);
  transition: background-color 100ms ease-in-out;
}
#blockcart-modal .opart {
  margin: auto;
}
@media (max-width: 991px) {
  #blockcart-modal .modal-body {
    padding-bottom: 0 !important;
  }
}

#search_widget {
  width: 60%;
  max-width: none;
  margin: 0 auto;
}
#search_widget form {
  width: 100%;
}
#search_widget form i {
  position: absolute;
  padding: 0.7rem;
}
#search_widget input {
  font-style: italic;
}
#search_widget input.ui-autocomplete-input {
  border-radius: 30px;
  background-color: var(--br-white);
}
@media screen and (max-width: 1024px) {
  #search_widget form i {
    padding: 0.25rem;
  }
  #search_widget form i.search {
    color: var(--br-purple-bright);
  }
}

@media (min-width: 769px) {
  #_desktop_top_menu {
    margin: 1rem auto;
    display: flex !important;
    margin: 0;
    padding: 0.5rem 0 1rem;
  }
}
@media (min-width: 769px) and (min-width: 370px) {
  #_desktop_top_menu {
    max-width: 100%;
  }
}
@media (min-width: 769px) and (min-width: 640px) {
  #_desktop_top_menu {
    max-width: 95%;
  }
}
@media (min-width: 769px) and (min-width: 768px) {
  #_desktop_top_menu {
    max-width: 90%;
  }
}
@media (min-width: 769px) and (min-width: 1024px) {
  #_desktop_top_menu {
    max-width: 90%;
  }
}
@media (min-width: 769px) and (min-width: 1280px) {
  #_desktop_top_menu {
    max-width: 1200px;
  }
}
@media (min-width: 769px) and (min-width: 1536px) {
  #_desktop_top_menu {
    max-width: 1294px;
  }
}
@media (min-width: 769px) {
  #_desktop_top_menu .age-mega-menu {
    left: 50%;
    margin: 1rem auto;
    transform: translateX(-50%);
    min-width: unset;
    padding: 0;
  }
}
@media (min-width: 769px) and (min-width: 370px) {
  #_desktop_top_menu .age-mega-menu {
    max-width: 100%;
    width: 100%;
  }
}
@media (min-width: 769px) and (min-width: 640px) {
  #_desktop_top_menu .age-mega-menu {
    width: 95%;
    max-width: 95%;
  }
}
@media (min-width: 769px) and (min-width: 768px) {
  #_desktop_top_menu .age-mega-menu {
    width: 90%;
    max-width: 90%;
  }
}
@media (min-width: 769px) and (min-width: 1024px) {
  #_desktop_top_menu .age-mega-menu {
    width: 90%;
    max-width: 90%;
  }
}
@media (min-width: 769px) and (min-width: 1280px) {
  #_desktop_top_menu .age-mega-menu {
    width: 1200px;
    max-width: 1200px;
  }
}
@media (min-width: 769px) and (min-width: 1536px) {
  #_desktop_top_menu .age-mega-menu {
    width: 1294px;
    max-width: 1294px;
  }
}
@media (min-width: 769px) {
  #_desktop_top_menu #top-menu {
    display: flex;
    gap: 2rem;
  }
  #_desktop_top_menu #top-menu > li.category:hover > a:before {
    content: "";
    position: absolute;
    right: 50%;
    bottom: -13px;
    clip-path: polygon(50% 50%, 0 100%, 100% 100%);
    width: 16px;
    height: 16px;
    background-color: var(--br-blue-dark);
  }
  #_desktop_top_menu #top-menu > li.category:not(:has(.js-sub-menu)):hover > a:before {
    display: none;
  }
  #_desktop_top_menu #top-menu > li.category > a {
    position: relative;
    display: inline-block;
    padding-right: 0;
    font-size: clamp(13px, 13px + (14 - 13) * (100vw - 400px) / (1728 - 400), 14px);
    color: var(--br-black);
    padding-left: 0;
    font-style: italic;
    font-weight: bold;
    text-transform: uppercase;
  }
  #_desktop_top_menu #top-menu > li.category > a::after {
    content: "";
    position: absolute;
    bottom: 2px;
    left: 0;
    width: 30px;
    height: 4px;
    border-radius: 999px;
    background-color: var(--br-purple-dark);
    transition: left 0.3s ease-in-out, background-color 0.3s ease-in-out;
  }
  #_desktop_top_menu #top-menu > li.category:hover > a::after {
    left: calc(100% - 30px);
    background-color: var(--br-blue-bright);
  }
  #_desktop_top_menu #top-menu > li.category .sub-menu {
    overflow: hidden;
    margin-top: 0.75rem;
    border-radius: 10px;
    background-color: var(--br-blue-dark);
  }
  #_desktop_top_menu #top-menu > li.category .age-mega-menu__columns {
    overflow: scroll;
    height: -webkit-fill-available;
    height: -moz-available;
    height: stretch;
    min-height: var(--br-menu-height);
  }
  #_desktop_top_menu #top-menu > li.category .age-mega-menu__columns * {
    font-size: clamp(14px, 14px + (16 - 14) * (100vw - 400px) / (1728 - 400), 16px);
    color: var(--br-text-white);
  }
  #_desktop_top_menu #top-menu > li.category .age-mega-menu__columns .age-mega-menu__level1-item {
    margin-left: 0;
  }
  #_desktop_top_menu #top-menu > li.category .age-mega-menu__columns .age-mega-menu__level1-item span {
    font-weight: normal;
  }
  #_desktop_top_menu #top-menu > li.category .age-mega-menu__columns .age-mega-menu__level1-item.is-active:not(:has(> a)) {
    position: relative;
  }
  #_desktop_top_menu #top-menu > li.category .age-mega-menu__columns .age-mega-menu__level1-item.is-active:not(:has(> a)):after {
    content: "";
    position: absolute;
    top: 0;
    right: -2.26rem;
    clip-path: polygon(100% 0, 50% 50%, 120% 120%);
    width: 26px;
    height: 26px;
    background-color: var(--br-blue-bright);
  }
  #_desktop_top_menu #top-menu > li.category .age-mega-menu__columns .age-mega-menu__level1-item.is-active:not(:has(> a)).empty:after {
    display: none;
  }
  #_desktop_top_menu #top-menu > li.category .age-mega-menu__columns .age-mega-menu__level1-item.is-active:not(:has(> a)) span {
    font-weight: 600;
    cursor: default;
  }
  #_desktop_top_menu #top-menu > li.category .age-mega-menu__columns .age-mega-menu__level2 {
    width: 100%;
    background-color: var(--br-blue-bright);
  }
  #_desktop_top_menu #top-menu > li.category .age-mega-menu__columns .age-mega-menu__level2:not(:has(ul li)) {
    background-color: var(--br-blue-dark);
  }
  #_desktop_top_menu #top-menu > li.category .age-mega-menu__columns .age-mega-menu__level2-list li {
    font-style: italic;
  }
  #_desktop_top_menu #top-menu > li.category .age-mega-menu__columns .age-mega-menu__level2-list li a {
    text-wrap: auto;
  }
  #_desktop_top_menu #top-menu > li.category .age-mega-menu__columns .age-mega-menu__level2-list li:hover a {
    font-weight: 600;
    background-color: var(--br-blue-dark);
    border-radius: 10px;
  }
  #_desktop_top_menu #top-menu > li.category .age-mega-menu__columns .age-mega-menu__level2-list li a[data-depth="1"],
  #_desktop_top_menu #top-menu > li.category .age-mega-menu__columns .age-mega-menu__level2-list li a[data-depth="2"] {
    padding: 3px 24px;
  }
  #_desktop_top_menu #top-menu > li.category .age-mega-menu__columns .age-mega-menu__level2:has(.age-mega-menu__level2-list.is-active.empty) {
    width: 0;
  }
}

#_mobile_top_menu * {
  background-color: var(--br-blue-bright);
}
#_mobile_top_menu span,
#_mobile_top_menu a {
  font-size: clamp(18px, 18px + (18 - 18) * (100vw - 400px) / (1728 - 400), 18px);
  color: var(--br-white);
  border: none !important;
  font-style: italic;
  font-weight: 600;
  white-space: normal;
}
#_mobile_top_menu span:hover,
#_mobile_top_menu a:hover {
  color: var(--br-white) !important;
  font-weight: 600 !important;
}

.block-social .instagram {
  background-image: url("../css/instagram.svg");
}
.block-social .facebook {
  background-image: url("../css/facebook.svg");
}
.block-social .linkedin {
  background-image: url("../css/linkedin.svg");
}
@media screen and (max-width: 1023px) {
  .block-social ul li {
    margin-right: 0;
  }
  .block-social .instagram,
  .block-social .facebook {
    background-size: 70%;
  }
  .block-social .linkedin {
    background-size: 60%;
  }
}

#search_filters_wrapper #search_filters {
  box-shadow: 5px 2px 7px 5px var(--br-shadow-dark);
  background-color: rgba(255, 255, 255, 0.6901960784);
}
#search_filters_wrapper #search_filters .facet .facet-label .custom-checkbox {
  top: 0;
}
#search_filters_wrapper #search_filters .facet-title {
  color: var(--br-text-black);
  font-size: clamp(14px, 14px + (18 - 14) * (100vw - 400px) / (1728 - 400), 18px) !important;
  font-weight: bold;
  text-transform: uppercase;
}
#search_filters_wrapper #search_filters .custom-radio {
  border: solid 1px var(--br-grey-dark);
  background: var(--br-grey-dark);
}
#search_filters_wrapper #search_filters .custom-radio input[type=radio]:checked + span {
  top: 3px;
  left: 3px;
  width: 10px;
  height: 10px;
  background-color: var(--br-purple-bright);
}
#search_filters_wrapper #search_filters .custom-checkbox {
  border: solid 1px var(--br-grey-dark);
  background: var(--br-grey-dark);
  width: 20px;
  height: 20px;
}
#search_filters_wrapper #search_filters .custom-checkbox input[type=checkbox] {
  margin-top: 0;
}
#search_filters_wrapper #search_filters .custom-checkbox input[type=checkbox] + span {
  border: none;
}
#search_filters_wrapper #search_filters .custom-checkbox input[type=checkbox]:checked + span {
  top: -2px;
  left: 4px;
  width: 10px;
  height: 10px;
  position: relative;
  background-color: var(--br-purple-bright);
}
#search_filters_wrapper #search_filters section.facet:not(:has(ul li)) p.facet-title {
  display: none;
}
#search_filters_wrapper #search_filters a {
  font-size: clamp(14px, 14px + (16 - 14) * (100vw - 400px) / (1728 - 400), 16px) !important;
  color: var(--br-text-black) !important;
}
#search_filters_wrapper #search_filters a .magnitude {
  color: var(--br-blue-bright) !important;
}
@media screen and (max-width: 767px) {
  #search_filters_wrapper .btn {
    padding: 0.5rem 0.75rem;
    border: solid 1px var(--br-blue-darker);
    border-radius: 30px;
    background-color: var(--br-blue-darker);
    color: var(--br-white);
    font-weight: bold;
    transition: background-color 100ms ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #search_filters_wrapper .btn:hover {
    border-color: var(--br-text-white);
    background-color: var(--br-text-white);
    color: var(--br-blue-bright);
    transition: background-color 100ms ease-in-out;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  #search_filters_wrapper #search_filters .facet ul li {
    padding: 0.5rem 1.25rem !important;
  }
}

#acd-wrapper {
  margin: 1rem auto;
}
@media (min-width: 370px) {
  #acd-wrapper {
    max-width: 100%;
  }
}
@media (min-width: 640px) {
  #acd-wrapper {
    max-width: 95%;
  }
}
@media (min-width: 768px) {
  #acd-wrapper {
    max-width: 90%;
  }
}
@media (min-width: 1024px) {
  #acd-wrapper {
    max-width: 90%;
  }
}
@media (min-width: 1280px) {
  #acd-wrapper {
    max-width: 1200px;
  }
}
@media (min-width: 1536px) {
  #acd-wrapper {
    max-width: 1294px;
  }
}
#acd-wrapper {
  padding: 0 0 4rem;
}
#acd-wrapper h1 {
  font-size: clamp(40px, 40px + (50 - 40) * (100vw - 400px) / (1728 - 400), 50px);
  color: var(--br-text-blue-darker);
  font-weight: 900;
}
#acd-wrapper h2 {
  font-size: clamp(25px, 25px + (35 - 25) * (100vw - 400px) / (1728 - 400), 35px);
  color: var(--br-text-blue-darker);
}
#acd-wrapper h2 strong {
  font-weight: 900;
}
#acd-wrapper h3 {
  font-size: clamp(16px, 16px + (20 - 16) * (100vw - 400px) / (1728 - 400), 20px);
  color: var(--br-text-blue-darker);
}
#acd-wrapper h1,
#acd-wrapper h2,
#acd-wrapper h3 {
  margin-bottom: 1rem;
}
#acd-wrapper p {
  font-size: clamp(14px, 14px + (16 - 14) * (100vw - 400px) / (1728 - 400), 16px);
  color: var(--br-text-black);
}
#acd-wrapper .acd-title {
  position: relative;
  z-index: 0;
}
#acd-wrapper .acd-title:after {
  content: "01";
  position: absolute;
  top: -4rem;
  font-size: clamp(150px, 150px + (200 - 150) * (100vw - 400px) / (1728 - 400), 200px);
  left: 60%;
  z-index: -10;
  color: var(--br-text-grey-dark);
  font-style: italic;
  font-weight: 900;
  line-height: 1;
}
#acd-wrapper .acd-card {
  background: linear-gradient(to bottom, var(--br-purple-bright), var(--br-purple-darker));
}
#acd-wrapper .acd-card:hover {
  background: linear-gradient(to bottom, var(--br-blue-bright), var(--br-blue-dark));
}
#acd-wrapper .acd-card .acd-card-inner .acd-icon {
  max-width: 100%;
  max-height: 70px;
}
#acd-wrapper .acd-card .acd-card-inner .acd-label {
  font-size: clamp(14px, 14px + (16 - 14) * (100vw - 400px) / (1728 - 400), 16px);
  color: var(--br-text-white);
  text-transform: uppercase;
}
#acd-wrapper .acd-card .acd-card-inner .acd-description {
  font-size: clamp(14px, 14px + (16 - 14) * (100vw - 400px) / (1728 - 400), 16px);
  color: var(--br-text-white);
}
@media screen and (max-width: 1023px) {
  #acd-wrapper .acd-card:hover {
    background: linear-gradient(to bottom, var(--br-purple-bright), var(--br-purple-darker));
  }
  #acd-wrapper .acd-card .acd-card-inner .acd-icon {
    max-height: 50px;
  }
  #acd-wrapper .acd-title:after {
    left: 50%;
  }
}

#age-featured-products {
  --swiper-pagination-bullet-inactive-opacity: 1;
  --swiper-pagination-bullet-inactive-color: var(--br-grey-bright);
  padding: 8rem 0 8rem 0;
  background-color: var(--br-white);
}
#age-featured-products .afp-title {
  position: relative;
  z-index: 0;
  width: 100%;
}
#age-featured-products .afp-title:after {
  content: "02";
  position: absolute;
  top: -5.5rem;
  font-size: clamp(150px, 150px + (200 - 150) * (100vw - 400px) / (1728 - 400), 200px);
  left: -4rem;
  z-index: -10;
  color: var(--br-text-grey);
  font-style: italic;
  font-weight: 900;
  line-height: 1;
}
#age-featured-products .afp-controls {
  position: relative;
  z-index: 0;
}
#age-featured-products .rte-content, #age-featured-products .afp-controls {
  margin: 1rem auto;
}
@media (min-width: 370px) {
  #age-featured-products .rte-content, #age-featured-products .afp-controls {
    max-width: 100%;
  }
}
@media (min-width: 640px) {
  #age-featured-products .rte-content, #age-featured-products .afp-controls {
    max-width: 95%;
  }
}
@media (min-width: 768px) {
  #age-featured-products .rte-content, #age-featured-products .afp-controls {
    max-width: 90%;
  }
}
@media (min-width: 1024px) {
  #age-featured-products .rte-content, #age-featured-products .afp-controls {
    max-width: 90%;
  }
}
@media (min-width: 1280px) {
  #age-featured-products .rte-content, #age-featured-products .afp-controls {
    max-width: 1200px;
  }
}
@media (min-width: 1536px) {
  #age-featured-products .rte-content, #age-featured-products .afp-controls {
    max-width: 1294px;
  }
}
#age-featured-products .afp-panels {
  margin: 1rem auto;
}
@media (min-width: 370px) {
  #age-featured-products .afp-panels {
    max-width: 100%;
  }
}
@media (min-width: 640px) {
  #age-featured-products .afp-panels {
    max-width: 95%;
  }
}
@media (min-width: 768px) {
  #age-featured-products .afp-panels {
    max-width: 90%;
  }
}
@media (min-width: 1024px) {
  #age-featured-products .afp-panels {
    max-width: 90%;
  }
}
@media (min-width: 1280px) {
  #age-featured-products .afp-panels {
    max-width: 1200px;
  }
}
@media (min-width: 1536px) {
  #age-featured-products .afp-panels {
    max-width: 1294px;
  }
}
#age-featured-products .afp-panels .afp-panel {
  position: relative;
  width: calc(100% + (100vw - 100%) / 2);
  max-width: none;
  margin: 1rem 0;
}
#age-featured-products .afp-panels .afp-panel .swiper {
  padding: 0 1rem 0 0.5rem;
}
#age-featured-products .afp-panels .afp-panel .swiper-wrapper {
  align-items: stretch;
  padding: 1rem 0 1rem;
}
#age-featured-products .afp-panels .afp-panel .swiper-slide {
  display: flex;
  max-width: 316px;
  width: clamp(160px, 160px + (316 - 160) * (100vw - 400px) / (1728 - 400), 316px);
  height: clamp(260px, 260px + (470 - 260) * (100vw - 400px) / (1728 - 400), 470px);
}
#age-featured-products .afp-panels .afp-panel .swiper-slide > * {
  flex: 1;
}
#age-featured-products .afp-panels .afp-panel .swiper-button-next-chargers,
#age-featured-products .afp-panels .afp-panel .swiper-button-next-batteries {
  right: calc(100vw - 100% + (0rem));
}
#age-featured-products .afp-panels .afp-panel .swiper-button-prev-chargers,
#age-featured-products .afp-panels .afp-panel .swiper-button-prev-batteries {
  right: calc(100vw - 100% + (3.2rem));
  left: auto;
}
#age-featured-products .afp-panels .afp-panel .swiper-button-next-batteries,
#age-featured-products .afp-panels .afp-panel .swiper-button-prev-batteries,
#age-featured-products .afp-panels .afp-panel .swiper-button-next-chargers,
#age-featured-products .afp-panels .afp-panel .swiper-button-prev-chargers {
  top: -2.5rem;
  width: -moz-fit-content;
  width: fit-content;
  height: 45px;
  padding: 20px;
  border: solid 2px var(--br-blue-darker);
  border-radius: 100%;
}
#age-featured-products .afp-panels .afp-panel .swiper-button-next-batteries .swiper-navigation-icon,
#age-featured-products .afp-panels .afp-panel .swiper-button-prev-batteries .swiper-navigation-icon,
#age-featured-products .afp-panels .afp-panel .swiper-button-next-chargers .swiper-navigation-icon,
#age-featured-products .afp-panels .afp-panel .swiper-button-prev-chargers .swiper-navigation-icon {
  position: absolute;
  height: 50%;
}
#age-featured-products h1 {
  font-size: clamp(40px, 40px + (50 - 40) * (100vw - 400px) / (1728 - 400), 50px);
  color: var(--br-text-blue-darker);
}
#age-featured-products h2 {
  font-size: clamp(25px, 25px + (35 - 25) * (100vw - 400px) / (1728 - 400), 35px);
  color: var(--br-text-blue-darker);
}
#age-featured-products h2 strong {
  font-weight: 900;
}
#age-featured-products h3 {
  font-size: clamp(16px, 16px + (20 - 16) * (100vw - 400px) / (1728 - 400), 20px);
  color: var(--br-text-blue-darker);
}
#age-featured-products h3 strong {
  font-weight: 900;
}
#age-featured-products p {
  font-size: clamp(14px, 14px + (16 - 14) * (100vw - 400px) / (1728 - 400), 16px);
  color: var(--br-text-black);
}
#age-featured-products .afp-cta {
  font-size: clamp(14px, 14px + (16 - 14) * (100vw - 400px) / (1728 - 400), 16px);
  color: var(--br-text-black);
  padding: 0.5rem 1.5rem;
  border: solid 1px var(--br-blue-darker);
  border-radius: 30px;
  background-color: var(--br-white);
  color: var(--br-blue-darker);
  font-weight: bold;
}
#age-featured-products .afp-cta.is-active {
  background-color: var(--br-blue-darker);
  color: var(--br-white);
}
#age-featured-products .afp-cta {
  text-transform: uppercase;
}
#age-featured-products .afp-cta:focus, #age-featured-products .afp-cta:active {
  outline: var(--br-blue-darker) !important;
}
@media screen and (max-width: 1535px) {
  #age-featured-products {
    padding: 7rem 0 5rem 1rem;
  }
}
@media screen and (max-width: 1023px) {
  #age-featured-products {
    padding: 3rem 1rem 5rem 1rem;
  }
  #age-featured-products .afp-title {
    width: 80%;
    margin: 0 auto 1rem;
    padding-top: 1rem;
    padding-right: 0;
    text-align: center;
  }
  #age-featured-products .afp-title:after {
    top: -4.5rem;
    left: 50%;
    line-height: normal;
    transform: translateX(-50%);
  }
  #age-featured-products .afp-controls {
    justify-content: center;
    margin: 1.75rem auto 1.75rem;
  }
  #age-featured-products .afp-panels .afp-panel {
    width: 100%;
  }
  #age-featured-products .afp-panels .afp-panel .swiper {
    padding: 0 1rem;
  }
  #age-featured-products .afp-panels .afp-panel .swiper-wrapper {
    align-items: stretch;
    padding: 1rem 0;
  }
  #age-featured-products .afp-panels .afp-panel .swiper-slide {
    max-width: unset;
    min-height: 270px;
  }
}
@media screen and (max-width: 576px) {
  #age-featured-products {
    padding: 3rem 0 5rem;
  }
}

#age-featured-brand {
  --swiper-pagination-bullet-inactive-opacity: 1;
  --swiper-pagination-bullet-inactive-color: var(--br-white);
  padding: 8rem 0 8rem 1rem;
  background-color: var(--br-grey-bright);
}
#age-featured-brand .afb-title {
  position: relative;
  z-index: 0;
  width: 100%;
}
#age-featured-brand .afb-title:after {
  content: "03";
  position: absolute;
  top: -5.5rem;
  font-size: clamp(150px, 150px + (200 - 150) * (100vw - 400px) / (1728 - 400), 200px);
  left: -4rem;
  z-index: -10;
  color: var(--br-text-grey-dark);
  font-style: italic;
  font-weight: 900;
  line-height: 1;
}
#age-featured-brand .rte-content, #age-featured-brand .afb-controls {
  margin: 1rem auto;
}
@media (min-width: 370px) {
  #age-featured-brand .rte-content, #age-featured-brand .afb-controls {
    max-width: 100%;
  }
}
@media (min-width: 640px) {
  #age-featured-brand .rte-content, #age-featured-brand .afb-controls {
    max-width: 95%;
  }
}
@media (min-width: 768px) {
  #age-featured-brand .rte-content, #age-featured-brand .afb-controls {
    max-width: 90%;
  }
}
@media (min-width: 1024px) {
  #age-featured-brand .rte-content, #age-featured-brand .afb-controls {
    max-width: 90%;
  }
}
@media (min-width: 1280px) {
  #age-featured-brand .rte-content, #age-featured-brand .afb-controls {
    max-width: 1200px;
  }
}
@media (min-width: 1536px) {
  #age-featured-brand .rte-content, #age-featured-brand .afb-controls {
    max-width: 1294px;
  }
}
#age-featured-brand .afb-controls {
  margin-bottom: 1rem;
  position: relative;
  z-index: 10;
}
#age-featured-brand .afb-panels {
  margin: 1rem auto;
}
@media (min-width: 370px) {
  #age-featured-brand .afb-panels {
    max-width: 100%;
  }
}
@media (min-width: 640px) {
  #age-featured-brand .afb-panels {
    max-width: 95%;
  }
}
@media (min-width: 768px) {
  #age-featured-brand .afb-panels {
    max-width: 90%;
  }
}
@media (min-width: 1024px) {
  #age-featured-brand .afb-panels {
    max-width: 90%;
  }
}
@media (min-width: 1280px) {
  #age-featured-brand .afb-panels {
    max-width: 1200px;
  }
}
@media (min-width: 1536px) {
  #age-featured-brand .afb-panels {
    max-width: 1294px;
  }
}
#age-featured-brand .afb-panels .afb-panel {
  position: relative;
  width: calc(100% + (100vw - 100%) / 2 - 8px);
  max-width: none;
  margin: 1rem 0;
}
#age-featured-brand .afb-panels .afb-panel article {
  width: 316px;
}
#age-featured-brand .afb-panels .afb-panel article .thumbnail-container {
  width: 316px;
}
#age-featured-brand .afb-panels .afb-panel .afb-brand-card {
  height: 170px;
}
#age-featured-brand .afb-panels .afb-panel .afb-brand-card .afb-brand-image {
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
#age-featured-brand .afb-panels .afb-panel .swiper-button-next-afb-chargers,
#age-featured-brand .afb-panels .afb-panel .swiper-button-next-afb-batteries {
  right: calc(100vw - 100% + (0rem));
}
#age-featured-brand .afb-panels .afb-panel .swiper-button-prev-afb-chargers,
#age-featured-brand .afb-panels .afb-panel .swiper-button-prev-afb-batteries {
  right: calc(100vw - 100% + (3.2rem));
  left: auto;
}
#age-featured-brand .afb-panels .afb-panel .swiper-button-next-afb-batteries,
#age-featured-brand .afb-panels .afb-panel .swiper-button-prev-afb-batteries,
#age-featured-brand .afb-panels .afb-panel .swiper-button-next-afb-chargers,
#age-featured-brand .afb-panels .afb-panel .swiper-button-prev-afb-chargers {
  top: -2.5rem;
  width: -moz-fit-content;
  width: fit-content;
  height: 45px;
  padding: 20px;
  border: solid 2px var(--br-blue-darker);
  border-radius: 100%;
}
#age-featured-brand .afb-panels .afb-panel .swiper-button-next-afb-batteries .swiper-navigation-icon,
#age-featured-brand .afb-panels .afb-panel .swiper-button-prev-afb-batteries .swiper-navigation-icon,
#age-featured-brand .afb-panels .afb-panel .swiper-button-next-afb-chargers .swiper-navigation-icon,
#age-featured-brand .afb-panels .afb-panel .swiper-button-prev-afb-chargers .swiper-navigation-icon {
  position: absolute;
  height: 50%;
}
#age-featured-brand h1 {
  font-size: clamp(40px, 40px + (50 - 40) * (100vw - 400px) / (1728 - 400), 50px);
  color: var(--br-text-blue-darker);
}
#age-featured-brand h2 {
  font-size: clamp(25px, 25px + (35 - 25) * (100vw - 400px) / (1728 - 400), 35px);
  color: var(--br-text-blue-darker);
}
#age-featured-brand h2 strong {
  font-weight: 900;
}
#age-featured-brand h3 {
  font-size: clamp(16px, 16px + (20 - 16) * (100vw - 400px) / (1728 - 400), 20px);
  color: var(--br-text-blue-darker);
}
#age-featured-brand h3 strong {
  font-weight: 900;
}
#age-featured-brand h1,
#age-featured-brand h2,
#age-featured-brand h3 {
  margin-bottom: 1rem;
}
#age-featured-brand p {
  font-size: clamp(14px, 14px + (16 - 14) * (100vw - 400px) / (1728 - 400), 16px);
  color: var(--br-text-black);
}
#age-featured-brand .afb-cta {
  font-size: clamp(14px, 14px + (16 - 14) * (100vw - 400px) / (1728 - 400), 16px);
  color: var(--br-text-black);
  padding: 0.5rem 1.5rem;
  border: solid 1px var(--br-blue-darker);
  border-radius: 30px;
  background-color: var(--br-white);
  color: var(--br-blue-darker);
  font-weight: bold;
}
#age-featured-brand .afb-cta.is-active {
  background-color: var(--br-blue-darker);
  color: var(--br-white);
}
#age-featured-brand .afb-cta {
  text-transform: uppercase;
}
#age-featured-brand .afb-cta:focus, #age-featured-brand .afb-cta:active {
  outline: var(--br-blue-darker) !important;
}
@media screen and (max-width: 1535px) {
  #age-featured-brand {
    padding: 7rem 0 5rem 1rem;
  }
}
@media screen and (max-width: 1023px) {
  #age-featured-brand {
    padding: 6rem 1rem 5rem 1rem;
  }
  #age-featured-brand .afb-title {
    width: 80%;
    margin: 0 auto 1rem;
    padding-top: 1rem;
    padding-right: 0;
    text-align: center;
  }
  #age-featured-brand .afb-title:after {
    top: -6rem;
    left: 50%;
    line-height: normal;
    transform: translateX(-50%);
  }
  #age-featured-brand .afb-controls {
    justify-content: center;
    margin: 2rem auto 0.5rem;
  }
  #age-featured-brand .afb-panels {
    margin-top: 0.5rem;
  }
  #age-featured-brand .afb-panels .afb-panel {
    width: 100%;
    margin-top: 0.5rem;
  }
  #age-featured-brand .afb-panels .afb-panel .afb-brand-card {
    min-height: 75px;
    max-height: 75px;
    padding: 0.5rem;
  }
  #age-featured-brand .afb-panels .afb-panel .afb-brand-card .afb-brand-image {
    overflow: hidden;
    width: 60%;
    height: auto;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #age-featured-brand .afb-panels .afb-panel .swiper-wrapper {
    align-items: stretch;
    padding: 1rem 0;
  }
  #age-featured-brand .afb-panels .afb-panel .swiper-slide {
    max-width: unset;
  }
}

#age-shop-info {
  margin: 1rem auto;
}
@media (min-width: 370px) {
  #age-shop-info {
    max-width: 100%;
  }
}
@media (min-width: 640px) {
  #age-shop-info {
    max-width: 95%;
  }
}
@media (min-width: 768px) {
  #age-shop-info {
    max-width: 90%;
  }
}
@media (min-width: 1024px) {
  #age-shop-info {
    max-width: 90%;
  }
}
@media (min-width: 1280px) {
  #age-shop-info {
    max-width: 1200px;
  }
}
@media (min-width: 1536px) {
  #age-shop-info {
    max-width: 1294px;
  }
}
#age-shop-info {
  padding: 4rem 0 10rem;
}
#age-shop-info h1 {
  font-size: clamp(40px, 40px + (50 - 40) * (100vw - 400px) / (1728 - 400), 50px);
  color: var(--br-text-blue-darker);
  font-weight: 900;
}
#age-shop-info h2 {
  font-size: clamp(25px, 25px + (35 - 25) * (100vw - 400px) / (1728 - 400), 35px);
  color: var(--br-text-blue-darker);
}
#age-shop-info h2 strong {
  font-weight: 900;
}
#age-shop-info h3 {
  font-size: clamp(25px, 25px + (25 - 25) * (100vw - 400px) / (1728 - 400), 25px);
  color: var(--br-text-blue-darker);
}
#age-shop-info h3 strong {
  font-weight: 700;
}
#age-shop-info h1,
#age-shop-info h2,
#age-shop-info h3 {
  margin-bottom: 1rem;
}
#age-shop-info p {
  font-size: clamp(14px, 14px + (16 - 14) * (100vw - 400px) / (1728 - 400), 16px);
  color: var(--br-text-black);
}
#age-shop-info .asi-sections .asi-title {
  position: relative;
  z-index: 0;
  width: 100%;
}
#age-shop-info .asi-sections .asi-title:after {
  content: "04";
  position: absolute;
  top: -6.5rem;
  font-size: clamp(150px, 150px + (200 - 150) * (100vw - 400px) / (1728 - 400), 200px);
  left: -4rem;
  z-index: -10;
  color: var(--br-text-grey-dark);
  font-style: italic;
  font-weight: 900;
  line-height: 1;
}
#age-shop-info .asi-sections .asi-row:nth-of-type(2) .asi-media {
  position: relative;
  display: flex;
  justify-content: flex-end;
  height: 100%;
}
#age-shop-info .asi-sections .asi-row:nth-of-type(2) .asi-media:before {
  content: "";
  position: absolute;
  top: 10%;
  right: 17rem;
  width: 262px;
  height: 407px;
  border-radius: 0.5rem;
  background: linear-gradient(to bottom, var(--br-purple-bright), var(--br-purple-darker));
}
#age-shop-info .asi-sections .asi-row:nth-of-type(2) .asi-media img {
  position: relative;
  z-index: 10;
  width: 100%;
  height: auto;
  border-radius: 1rem;
  -o-object-fit: cover;
     object-fit: cover;
  max-width: 30rem;
}
#age-shop-info .asi-sections .asi-row:nth-of-type(2) .asi-content {
  position: relative;
  height: 100%;
  padding-bottom: 5.5rem;
}
#age-shop-info .asi-sections .asi-row:nth-of-type(2) .asi-content .asi-text-cta {
  position: relative;
  padding: 3rem 2rem;
  border-radius: 1rem;
  box-shadow: 5px 5px 15px 5px var(--br-shadow-dark);
  background-color: var(--br-white);
  left: -3rem;
  z-index: 20;
  width: calc(100% + 3rem);
}
#age-shop-info .asi-sections .asi-row:nth-of-type(2) .asi-content .asi-text-cta .asi-text h1,
#age-shop-info .asi-sections .asi-row:nth-of-type(2) .asi-content .asi-text-cta .asi-text h2,
#age-shop-info .asi-sections .asi-row:nth-of-type(2) .asi-content .asi-text-cta .asi-text h3 {
  color: var(--br-text-purple-bright);
}
#age-shop-info .asi-sections .asi-row:nth-of-type(2) .asi-content .asi-text-cta .asi-cta {
  font-size: clamp(14px, 14px + (16 - 14) * (100vw - 400px) / (1728 - 400), 16px);
  color: var(--br-text-black);
  padding: 0.5rem 0.75rem;
  border: solid 1px var(--br-blue-darker);
  border-radius: 30px;
  background-color: var(--br-blue-darker);
  color: var(--br-white);
  font-weight: bold;
  transition: background-color 100ms ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
}
#age-shop-info .asi-sections .asi-row:nth-of-type(2) .asi-content .asi-text-cta .asi-cta:hover {
  border-color: var(--br-blue-bright);
  background-color: var(--br-blue-bright);
  color: var(--br-white);
  transition: background-color 100ms ease-in-out;
}
#age-shop-info .asi-sections .asi-row:nth-of-type(2) .asi-content .asi-text-cta .asi-cta {
  margin-top: 1rem;
  text-transform: uppercase;
}
#age-shop-info .asi-sections .asi-row:nth-of-type(3) .asi-media {
  position: relative;
  display: flex;
  justify-content: flex-start;
  height: 100%;
}
#age-shop-info .asi-sections .asi-row:nth-of-type(3) .asi-media:after {
  content: "";
  position: absolute;
  top: 40%;
  left: 24.7rem;
  width: 208px;
  height: 287px;
  border-radius: 0.5rem;
  background: linear-gradient(to bottom, var(--br-blue-bright), var(--br-blue-dark));
}
#age-shop-info .asi-sections .asi-row:nth-of-type(3) .asi-media img {
  position: relative;
  z-index: 10;
  width: 100%;
  max-width: 33.4rem;
  height: auto;
  border-radius: 1rem;
  -o-object-fit: cover;
     object-fit: cover;
}
#age-shop-info .asi-sections .asi-row:nth-of-type(3) .asi-content {
  position: relative;
  align-items: flex-end;
  justify-content: center;
  height: 100%;
  padding: 2.5rem 0;
}
#age-shop-info .asi-sections .asi-row:nth-of-type(3) .asi-content .asi-text-cta {
  position: relative;
  padding: 3rem 2rem;
  border-radius: 1rem;
  box-shadow: 5px 5px 15px 5px var(--br-shadow-dark);
  background-color: var(--br-white);
  right: -4.2rem;
  z-index: 20;
  width: 100%;
  max-width: 34.2rem;
}
#age-shop-info .asi-sections .asi-row:nth-of-type(3) .asi-content .asi-text-cta .asi-text h1,
#age-shop-info .asi-sections .asi-row:nth-of-type(3) .asi-content .asi-text-cta .asi-text h2,
#age-shop-info .asi-sections .asi-row:nth-of-type(3) .asi-content .asi-text-cta .asi-text h3 {
  color: var(--br-text-blue);
}
#age-shop-info .asi-sections .asi-row:nth-of-type(3) .asi-content .asi-text-cta .asi-cta {
  font-size: clamp(14px, 14px + (16 - 14) * (100vw - 400px) / (1728 - 400), 16px);
  color: var(--br-text-black);
  padding: 0.5rem 0.75rem;
  border: solid 1px var(--br-blue-darker);
  border-radius: 30px;
  background-color: var(--br-blue-darker);
  color: var(--br-white);
  font-weight: bold;
  transition: background-color 100ms ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
}
#age-shop-info .asi-sections .asi-row:nth-of-type(3) .asi-content .asi-text-cta .asi-cta:hover {
  border-color: var(--br-blue-bright);
  background-color: var(--br-blue-bright);
  color: var(--br-white);
  transition: background-color 100ms ease-in-out;
}
#age-shop-info .asi-sections .asi-row:nth-of-type(3) .asi-content .asi-text-cta .asi-cta {
  float: right;
  margin-top: 1rem;
  text-transform: uppercase;
}
#age-shop-info .asi-sections .asi-row:last-of-type .asi-media {
  display: flex;
  justify-content: flex-end;
  height: 100%;
}
#age-shop-info .asi-sections .asi-row:last-of-type .asi-media img {
  position: relative;
  z-index: 10;
  width: 100%;
  height: auto;
  max-height: 330px;
  border-radius: 1rem;
  -o-object-fit: cover;
     object-fit: cover;
}
#age-shop-info .asi-sections .asi-row:last-of-type .asi-content {
  position: relative;
  justify-content: flex-end;
  height: 100%;
}
#age-shop-info .asi-sections .asi-row:last-of-type .asi-content:after {
  content: "";
  position: absolute;
  bottom: -30%;
  left: 19.15rem;
  width: 262px;
  height: 88px;
  border-radius: 0.5rem;
  background: linear-gradient(to bottom, var(--br-purple-bright), var(--br-purple-bright), var(--br-purple-darker));
}
#age-shop-info .asi-sections .asi-row:last-of-type .asi-content .asi-text-cta {
  position: relative;
  padding: 3rem 2rem;
  border-radius: 1rem;
  box-shadow: 5px 5px 15px 5px var(--br-shadow-dark);
  background-color: var(--br-white);
  left: -3rem;
  bottom: -3rem;
  z-index: 20;
  width: 100%;
  max-width: 36.3rem;
}
#age-shop-info .asi-sections .asi-row:last-of-type .asi-content .asi-text-cta .asi-text h1,
#age-shop-info .asi-sections .asi-row:last-of-type .asi-content .asi-text-cta .asi-text h2,
#age-shop-info .asi-sections .asi-row:last-of-type .asi-content .asi-text-cta .asi-text h3 {
  color: var(--br-text-purple-bright);
}
#age-shop-info .asi-sections .asi-row:last-of-type .asi-content .asi-text-cta .asi-cta {
  font-size: clamp(14px, 14px + (16 - 14) * (100vw - 400px) / (1728 - 400), 16px);
  color: var(--br-text-black);
  padding: 0.5rem 0.75rem;
  border: solid 1px var(--br-blue-darker);
  border-radius: 30px;
  background-color: var(--br-blue-darker);
  color: var(--br-white);
  font-weight: bold;
  transition: background-color 100ms ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
}
#age-shop-info .asi-sections .asi-row:last-of-type .asi-content .asi-text-cta .asi-cta:hover {
  border-color: var(--br-blue-bright);
  background-color: var(--br-blue-bright);
  color: var(--br-white);
  transition: background-color 100ms ease-in-out;
}
#age-shop-info .asi-sections .asi-row:last-of-type .asi-content .asi-text-cta .asi-cta {
  margin-top: 1rem;
  text-transform: uppercase;
}
@media screen and (max-width: 767px) {
  #age-shop-info {
    padding: 3rem 0 10rem;
  }
  #age-shop-info .asi-sections {
    gap: 0;
  }
  #age-shop-info .asi-sections .asi-title {
    margin-bottom: 0;
    text-align: center;
  }
  #age-shop-info .asi-sections .asi-title h2 {
    margin-bottom: 0;
  }
  #age-shop-info .asi-sections .asi-title:after {
    top: -6rem;
    left: 50%;
    transform: translateX(-50%);
  }
  #age-shop-info .asi-sections .asi-row:nth-of-type(2) {
    gap: 0;
  }
  #age-shop-info .asi-sections .asi-row:nth-of-type(2) .asi-media {
    padding: 0 1.5rem;
  }
  #age-shop-info .asi-sections .asi-row:nth-of-type(2) .asi-media:before {
    top: auto;
    bottom: 0;
    height: 287px;
  }
  #age-shop-info .asi-sections .asi-row:nth-of-type(2) .asi-media img {
    bottom: -2rem;
  }
  #age-shop-info .asi-sections .asi-row:nth-of-type(2) .asi-content {
    padding: 0 0 3.5rem 0;
  }
  #age-shop-info .asi-sections .asi-row:nth-of-type(2) .asi-content .asi-text-cta {
    left: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    border-radius: 0;
  }
  #age-shop-info .asi-sections .asi-row:nth-of-type(2) .asi-content .asi-text-cta .asi-text h1,
  #age-shop-info .asi-sections .asi-row:nth-of-type(2) .asi-content .asi-text-cta .asi-text h2,
  #age-shop-info .asi-sections .asi-row:nth-of-type(2) .asi-content .asi-text-cta .asi-text h3 {
    text-align: center;
  }
  #age-shop-info .asi-sections .asi-row:nth-of-type(3) {
    gap: 0;
  }
  #age-shop-info .asi-sections .asi-row:nth-of-type(3) .asi-media {
    position: relative;
    bottom: -2rem;
    display: flex;
    justify-content: flex-start;
    height: 100%;
  }
  #age-shop-info .asi-sections .asi-row:nth-of-type(3) .asi-media:after {
    all: unset;
  }
  #age-shop-info .asi-sections .asi-row:nth-of-type(3) .asi-media img {
    padding: 0 1rem;
  }
  #age-shop-info .asi-sections .asi-row:nth-of-type(3) .asi-content {
    padding: 0 0 3.5rem 0;
  }
  #age-shop-info .asi-sections .asi-row:nth-of-type(3) .asi-content:after {
    content: "";
    position: absolute;
    bottom: 1rem;
    width: 125px;
    height: 287px;
    background: linear-gradient(to bottom, var(--br-blue-bright), var(--br-blue-dark));
    border-bottom-left-radius: 0.5rem;
  }
  #age-shop-info .asi-sections .asi-row:nth-of-type(3) .asi-content .asi-text-cta {
    right: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    border-radius: 0;
  }
  #age-shop-info .asi-sections .asi-row:nth-of-type(3) .asi-content .asi-text-cta .asi-text * {
    text-align: center !important;
    width: 100%;
  }
  #age-shop-info .asi-sections .asi-row:nth-of-type(3) .asi-content .asi-text-cta .asi-text h1,
  #age-shop-info .asi-sections .asi-row:nth-of-type(3) .asi-content .asi-text-cta .asi-text h2,
  #age-shop-info .asi-sections .asi-row:nth-of-type(3) .asi-content .asi-text-cta .asi-text h3 {
    color: var(--br-text-blue);
  }
  #age-shop-info .asi-sections .asi-row:nth-of-type(3) .asi-content .asi-text-cta .asi-cta {
    float: none;
  }
  #age-shop-info .asi-sections .asi-row:last-of-type {
    gap: 0;
    padding-top: 3rem;
  }
  #age-shop-info .asi-sections .asi-row:last-of-type .asi-media {
    position: relative;
    bottom: -1rem;
  }
  #age-shop-info .asi-sections .asi-row:last-of-type .asi-media img {
    padding: 0 1rem;
  }
  #age-shop-info .asi-sections .asi-row:last-of-type .asi-content {
    position: relative;
    justify-content: flex-end;
    height: 100%;
  }
  #age-shop-info .asi-sections .asi-row:last-of-type .asi-content:after {
    bottom: -4rem;
    left: -2rem;
    width: 175px;
    border-radius: 0.5rem;
  }
  #age-shop-info .asi-sections .asi-row:last-of-type .asi-content .asi-text-cta {
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    border-radius: 0;
  }
  #age-shop-info .asi-sections .asi-row:last-of-type .asi-content .asi-text-cta .asi-text * {
    text-align: justify;
  }
  #age-shop-info .asi-sections .asi-row:last-of-type .asi-content .asi-text-cta .asi-text h1,
  #age-shop-info .asi-sections .asi-row:last-of-type .asi-content .asi-text-cta .asi-text h2,
  #age-shop-info .asi-sections .asi-row:last-of-type .asi-content .asi-text-cta .asi-text h3 {
    text-align: center;
  }
  #age-shop-info .asi-sections .asi-cta {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
}

#age-faq {
  margin: 0;
  padding: 8rem 1rem 5rem;
  background: var(--br-white);
}
#age-faq h1 {
  font-size: clamp(40px, 40px + (50 - 40) * (100vw - 400px) / (1728 - 400), 50px);
  color: var(--br-text-blue-darker);
}
#age-faq h2 {
  font-size: clamp(25px, 25px + (35 - 25) * (100vw - 400px) / (1728 - 400), 35px);
  color: var(--br-text-blue-darker);
}
#age-faq h2 strong {
  font-weight: 900;
}
#age-faq h3 {
  font-size: clamp(16px, 16px + (20 - 16) * (100vw - 400px) / (1728 - 400), 20px);
  color: var(--br-text-blue-darker);
}
#age-faq h3 strong {
  font-weight: 900;
}
#age-faq h1,
#age-faq h2,
#age-faq h3 {
  margin-bottom: 1rem;
}
#age-faq p {
  font-size: clamp(14px, 14px + (16 - 14) * (100vw - 400px) / (1728 - 400), 16px);
  color: var(--br-text-black);
}
#age-faq .afq-title, #age-faq .afq-list {
  margin: 1rem auto;
}
@media (min-width: 370px) {
  #age-faq .afq-title, #age-faq .afq-list {
    max-width: 100%;
  }
}
@media (min-width: 640px) {
  #age-faq .afq-title, #age-faq .afq-list {
    max-width: 95%;
  }
}
@media (min-width: 768px) {
  #age-faq .afq-title, #age-faq .afq-list {
    max-width: 90%;
  }
}
@media (min-width: 1024px) {
  #age-faq .afq-title, #age-faq .afq-list {
    max-width: 90%;
  }
}
@media (min-width: 1280px) {
  #age-faq .afq-title, #age-faq .afq-list {
    max-width: 1200px;
  }
}
@media (min-width: 1536px) {
  #age-faq .afq-title, #age-faq .afq-list {
    max-width: 1294px;
  }
}
#age-faq a {
  font-size: clamp(14px, 14px + (16 - 14) * (100vw - 400px) / (1728 - 400), 16px);
  color: var(--br-text-black);
}
#age-faq a:hover {
  color: var(--br-purple-bright);
}
#age-faq .afq-title {
  position: relative;
  z-index: 0;
  width: 100%;
  margin-bottom: 2rem;
}
#age-faq .afq-title:after {
  content: "05";
  position: absolute;
  top: -7.3rem;
  font-size: clamp(150px, 150px + (200 - 150) * (100vw - 400px) / (1728 - 400), 200px);
  left: 50%;
  z-index: -10;
  color: var(--br-text-grey);
  font-style: italic;
  font-weight: 900;
  line-height: 1;
  transform: translateX(-50%);
}
#age-faq .afq-list .afq-item {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
  padding: 1rem 0.75rem 0.75rem;
  border: solid 1px var(--br-grey-bright);
  background-color: var(--br-grey-bright);
  border-radius: 10px;
}
#age-faq .afq-list .afq-item .afq-trigger {
  padding: 0 1rem;
}
#age-faq .afq-list .afq-item .afq-trigger[aria-expanded=true] * {
  color: var(--br-text-purple-bright);
  font-weight: 800;
}
#age-faq .afq-list .afq-item .afq-trigger:focus {
  outline: 0;
}
#age-faq .afq-list .afq-item .afq-panel {
  margin-top: 10px;
  border-radius: 10px;
  background-color: var(--br-white);
}
#age-faq .afq-list .afq-item .afq-panel .afq-answer {
  padding: 1rem 1rem;
}
@media screen and (max-width: 1023px) {
  #age-faq {
    padding: 4rem 1rem 3rem;
  }
  #age-faq .afq-title:after {
    top: -5rem;
  }
}

#age-hero-informations {
  margin: 1rem auto;
}
@media (min-width: 370px) {
  #age-hero-informations {
    max-width: 100%;
  }
}
@media (min-width: 640px) {
  #age-hero-informations {
    max-width: 95%;
  }
}
@media (min-width: 768px) {
  #age-hero-informations {
    max-width: 90%;
  }
}
@media (min-width: 1024px) {
  #age-hero-informations {
    max-width: 90%;
  }
}
@media (min-width: 1280px) {
  #age-hero-informations {
    max-width: 1200px;
  }
}
@media (min-width: 1536px) {
  #age-hero-informations {
    max-width: 1294px;
  }
}
#age-hero-informations {
  --swiper-pagination-bullet-inactive-opacity: 1;
  --swiper-pagination-bullet-inactive-color: var(--br-white);
}
#age-hero-informations h1 {
  font-size: clamp(40px, 40px + (50 - 40) * (100vw - 400px) / (1728 - 400), 50px);
  color: var(--br-blue-bright);
}
#age-hero-informations h1 strong {
  font-weight: 900;
}
#age-hero-informations h2 {
  font-size: clamp(25px, 25px + (30 - 25) * (100vw - 400px) / (1728 - 400), 30px);
  color: var(--br-blue-bright);
}
#age-hero-informations h2 strong {
  font-weight: 900;
}
#age-hero-informations h3 {
  font-size: clamp(16px, 16px + (20 - 16) * (100vw - 400px) / (1728 - 400), 20px);
  color: var(--br-blue-bright);
}
#age-hero-informations h3 strong {
  font-weight: 900;
}
#age-hero-informations h1,
#age-hero-informations h2,
#age-hero-informations h3 {
  margin-bottom: 0.5rem;
}
#age-hero-informations p, #age-hero-informations li {
  font-size: clamp(13px, 13px + (14 - 13) * (100vw - 400px) / (1728 - 400), 14px);
  color: var(--br-text-black);
  font-weight: 500;
}
#age-hero-informations ul {
  list-style: disc;
}
#age-hero-informations ol {
  list-style: decimal;
}
#age-hero-informations ol,
#age-hero-informations ul {
  margin-left: 1rem;
}
#age-hero-informations .ahi-sides h1 {
  font-size: clamp(25px, 25px + (30 - 25) * (100vw - 400px) / (1728 - 400), 30px);
  color: var(--br-blue-bright);
}
#age-hero-informations .ahi-sides h1 strong {
  font-weight: 900;
}
#age-hero-informations .ahi-sides h2 {
  font-size: clamp(20px, 20px + (25 - 20) * (100vw - 400px) / (1728 - 400), 25px);
  color: var(--br-blue-bright);
}
#age-hero-informations .ahi-sides h2 strong {
  font-weight: 900;
}
#age-hero-informations .ahi-sides h3 {
  font-size: clamp(16px, 16px + (20 - 16) * (100vw - 400px) / (1728 - 400), 20px);
  color: var(--br-blue-bright);
}
#age-hero-informations .ahi-sides h3 strong {
  font-weight: 900;
}
#age-hero-informations article {
  position: relative;
  height: 100%;
  transition: border-color ease-in-out 300ms;
}
#age-hero-informations article:before {
  content: "";
  position: absolute;
  right: 0;
  z-index: 0;
  clip-path: polygon(25% 0, 100% 0, 100% 100%, 50% 100%, 25% 50%, 50% 50%);
  width: 70%;
  height: 100%;
  top: 0;
  background: linear-gradient(to bottom, var(--br-white), var(--br-blue-bright));
}
#age-hero-informations article .ahi-slide-content, #age-hero-informations article .ahi-side-content {
  z-index: 10;
}
#age-hero-informations article:hover {
  transition: border-color ease-in-out 300ms;
}
#age-hero-informations article:hover h1,
#age-hero-informations article:hover h2,
#age-hero-informations article:hover h3 {
  color: var(--br-purple-bright);
}
#age-hero-informations article:hover .ahi-slide-content, #age-hero-informations article:hover .ahi-side-content {
  padding-right: 0.75rem;
}
#age-hero-informations article:hover:before {
  background: linear-gradient(to bottom, var(--br-white), var(--br-purple-bright));
}
#age-hero-informations article:hover .ahi-slide-cta {
  padding: 0.5rem 0.75rem;
  border: solid 1px var(--br-purple-bright);
  border-radius: 30px;
  background-color: var(--br-purple-bright);
  color: var(--br-white);
  font-weight: bold;
  transition: background-color 100ms ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
}
#age-hero-informations article:hover .ahi-slide-cta:hover {
  border-color: var(--br-purple-bright);
  background-color: var(--br-purple-bright);
  color: var(--br-white);
  transition: background-color 100ms ease-in-out;
}
#age-hero-informations article .ahi-slide-cta {
  font-size: clamp(14px, 14px + (16 - 14) * (100vw - 400px) / (1728 - 400), 16px);
  color: var(--br-text-black);
  padding: 0.5rem 0.75rem;
  border: solid 1px var(--br-blue-darker);
  border-radius: 30px;
  background-color: var(--br-blue-darker);
  color: var(--br-white);
  font-weight: bold;
  transition: background-color 100ms ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
}
#age-hero-informations article .ahi-slide-cta:hover {
  border-color: var(--br-purple-bright);
  background-color: var(--br-purple-bright);
  color: var(--br-white);
  transition: background-color 100ms ease-in-out;
}
#age-hero-informations article .ahi-slide-cta {
  width: -moz-fit-content;
  width: fit-content;
}
#age-hero-informations .ahi-desktop article:hover {
  box-shadow: 0px 0px 0px 2px var(--br-purple-bright), 5px 5px 15px 5px var(--br-shadow-dark) !important;
}
#age-hero-informations .ahi-desktop .ahi-main {
  position: relative;
  border-radius: 15px;
  box-shadow: 5px 5px 15px 5px var(--br-shadow-dark);
}
#age-hero-informations .ahi-desktop .ahi-main:hover {
  box-shadow: 0px 0px 0px 2px var(--br-purple-bright), 5px 5px 15px 5px var(--br-shadow-dark) !important;
}
#age-hero-informations .ahi-desktop .ahi-main article:hover {
  box-shadow: none !important;
}
#age-hero-informations .ahi-desktop .ahi-main .ahi-main-nav {
  position: absolute;
  bottom: 1rem;
  left: 2.5rem;
}
#age-hero-informations .ahi-desktop .ahi-sides {
  height: 100%;
}
#age-hero-informations .ahi-desktop .ahi-sides .ahi-side-card {
  box-shadow: 5px 5px 15px 5px var(--br-shadow-dark);
}
#age-hero-informations .swiper-button-next ::slotted(svg), #age-hero-informations .swiper-button-next svg, #age-hero-informations .swiper-button-prev ::slotted(svg), #age-hero-informations .swiper-button-prev svg {
  width: 50%;
  height: 50%;
}
#age-hero-informations .ahi-mobile {
  border-radius: 0.5rem;
  box-shadow: 5px 5px 15px 5px var(--br-shadow-dark);
}
#age-hero-informations .ahi-mobile .js-ahi-mobile-swiper {
  overflow: hidden;
}
#age-hero-informations .ahi-mobile:hover {
  border-radius: 0.5rem;
  box-shadow: 0px 0px 0px 2px var(--br-purple-bright), 5px 5px 15px 5px var(--br-shadow-dark) !important;
  position: relative;
  z-index: 10;
}
@media screen and (max-width: 1024px) {
  #age-hero-informations {
    padding: 0 2rem;
  }
  #age-hero-informations h1,
  #age-hero-informations h2,
  #age-hero-informations h3,
  #age-hero-informations p,
  #age-hero-informations li {
    text-align: center;
  }
}

#abn-banner {
  background: linear-gradient(to bottom, var(--br-purple-bright), var(--br-purple-dark2));
}
#abn-banner a {
  font-size: clamp(14px, 14px + (16 - 14) * (100vw - 400px) / (1728 - 400), 16px);
  color: var(--br-text-black);
  color: white !important;
}

.cart-item--agepa-parent,
.media--agepa-parent,
.agepa-cart-line--parent,
.cart-line--classic-topline,
.agepa-cart-summary-line--parent,
.agepa-minicart-line--parent {
  position: relative;
}
.cart-item--agepa-parent .agepa-parent-note,
.media--agepa-parent .agepa-parent-note,
.agepa-cart-line--parent .agepa-parent-note,
.cart-line--classic-topline .agepa-parent-note,
.agepa-cart-summary-line--parent .agepa-parent-note,
.agepa-minicart-line--parent .agepa-parent-note {
  margin-top: 0;
  padding: 0;
  border-left: 0;
  background: transparent;
}
.cart-item--agepa-parent .agepa-parent-note strong,
.media--agepa-parent .agepa-parent-note strong,
.agepa-cart-line--parent .agepa-parent-note strong,
.cart-line--classic-topline .agepa-parent-note strong,
.agepa-cart-summary-line--parent .agepa-parent-note strong,
.agepa-minicart-line--parent .agepa-parent-note strong {
  display: block;
  margin-bottom: 0.75rem;
  font-size: clamp(12px, 12px + (13 - 12) * (100vw - 400px) / (1728 - 400), 13px);
  color: var(--br-blue-darker);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.cart-item--agepa-parent .agepa-parent-note ul,
.media--agepa-parent .agepa-parent-note ul,
.agepa-cart-line--parent .agepa-parent-note ul,
.cart-line--classic-topline .agepa-parent-note ul,
.agepa-cart-summary-line--parent .agepa-parent-note ul,
.agepa-minicart-line--parent .agepa-parent-note ul {
  margin: 0;
  padding-left: 1rem;
}
.cart-item--agepa-parent .agepa-parent-note li,
.media--agepa-parent .agepa-parent-note li,
.agepa-cart-line--parent .agepa-parent-note li,
.cart-line--classic-topline .agepa-parent-note li,
.agepa-cart-summary-line--parent .agepa-parent-note li,
.agepa-minicart-line--parent .agepa-parent-note li {
  font-size: clamp(13px, 13px + (14 - 13) * (100vw - 400px) / (1728 - 400), 14px);
  color: var(--br-text-black);
  display: flex;
  gap: 1rem;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 0.25rem;
}
.cart-item--agepa-parent .agepa-parent-note li:last-child,
.media--agepa-parent .agepa-parent-note li:last-child,
.agepa-cart-line--parent .agepa-parent-note li:last-child,
.cart-line--classic-topline .agepa-parent-note li:last-child,
.agepa-cart-summary-line--parent .agepa-parent-note li:last-child,
.agepa-minicart-line--parent .agepa-parent-note li:last-child {
  margin-bottom: 0;
}
.cart-item--agepa-parent .agepa-parent-note .agepa-price,
.media--agepa-parent .agepa-parent-note .agepa-price,
.agepa-cart-line--parent .agepa-parent-note .agepa-price,
.cart-line--classic-topline .agepa-parent-note .agepa-price,
.agepa-cart-summary-line--parent .agepa-parent-note .agepa-price,
.agepa-minicart-line--parent .agepa-parent-note .agepa-price {
  flex: 0 0 auto;
  font-weight: 700;
  white-space: nowrap;
}
.cart-item--agepa-parent .agepa-parent-note .agepa-parent-totals,
.media--agepa-parent .agepa-parent-note .agepa-parent-totals,
.agepa-cart-line--parent .agepa-parent-note .agepa-parent-totals,
.cart-line--classic-topline .agepa-parent-note .agepa-parent-totals,
.agepa-cart-summary-line--parent .agepa-parent-note .agepa-parent-totals,
.agepa-minicart-line--parent .agepa-parent-note .agepa-parent-totals {
  margin-top: 0.85rem;
  padding-top: 0.85rem;
  border-top: 1px solid rgba(var(--br-blue-darker), 0.15);
}
.cart-item--agepa-parent .agepa-parent-note .agepa-parent-totals div,
.media--agepa-parent .agepa-parent-note .agepa-parent-totals div,
.agepa-cart-line--parent .agepa-parent-note .agepa-parent-totals div,
.cart-line--classic-topline .agepa-parent-note .agepa-parent-totals div,
.agepa-cart-summary-line--parent .agepa-parent-note .agepa-parent-totals div,
.agepa-minicart-line--parent .agepa-parent-note .agepa-parent-totals div {
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.35rem;
  font-size: clamp(13px, 13px + (14 - 13) * (100vw - 400px) / (1728 - 400), 14px);
  color: var(--br-text-black);
}
.cart-item--agepa-parent .agepa-parent-note .agepa-parent-totals span,
.media--agepa-parent .agepa-parent-note .agepa-parent-totals span,
.agepa-cart-line--parent .agepa-parent-note .agepa-parent-totals span,
.cart-line--classic-topline .agepa-parent-note .agepa-parent-totals span,
.agepa-cart-summary-line--parent .agepa-parent-note .agepa-parent-totals span,
.agepa-minicart-line--parent .agepa-parent-note .agepa-parent-totals span {
  flex: 0 0 auto;
  white-space: nowrap;
}
.cart-item--agepa-parent .agepa-parent-note .agepa-parent-subtotal,
.media--agepa-parent .agepa-parent-note .agepa-parent-subtotal,
.agepa-cart-line--parent .agepa-parent-note .agepa-parent-subtotal,
.cart-line--classic-topline .agepa-parent-note .agepa-parent-subtotal,
.agepa-cart-summary-line--parent .agepa-parent-note .agepa-parent-subtotal,
.agepa-minicart-line--parent .agepa-parent-note .agepa-parent-subtotal {
  color: var(--br-blue-darker);
  font-weight: 700;
}

.cart-item--agepa-parent:before,
.media--agepa-parent:before,
.cart-line--classic-topline:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 5px;
  background: var(--br-blue-darker);
}

.cart-item--agepa-parent {
  border: solid 1px var(--br-grey-dark);
}

.cart-item--agepa-parent,
.media--agepa-parent,
.agepa-cart-line--parent,
.agepa-cart-line--topline,
.cart-line--classic-topline {
  overflow: hidden;
  align-items: stretch;
  padding: 1.25rem;
  border-radius: 1rem;
  background: linear-gradient(90deg, rgba(var(--br-blue-darker), 0.08) 0, rgba(var(--br-blue-darker), 0.025) 100%);
}
.cart-item--agepa-parent .product-line-grid-left,
.cart-item--agepa-parent .media-left,
.media--agepa-parent .product-line-grid-left,
.media--agepa-parent .media-left,
.agepa-cart-line--parent .product-line-grid-left,
.agepa-cart-line--parent .media-left,
.agepa-cart-line--topline .product-line-grid-left,
.agepa-cart-line--topline .media-left,
.cart-line--classic-topline .product-line-grid-left,
.cart-line--classic-topline .media-left {
  display: flex;
  align-items: flex-start;
}
.cart-item--agepa-parent .product-line-grid-body--composite,
.cart-item--agepa-parent .product-line-grid-body--topline,
.cart-item--agepa-parent .media-body,
.media--agepa-parent .product-line-grid-body--composite,
.media--agepa-parent .product-line-grid-body--topline,
.media--agepa-parent .media-body,
.agepa-cart-line--parent .product-line-grid-body--composite,
.agepa-cart-line--parent .product-line-grid-body--topline,
.agepa-cart-line--parent .media-body,
.agepa-cart-line--topline .product-line-grid-body--composite,
.agepa-cart-line--topline .product-line-grid-body--topline,
.agepa-cart-line--topline .media-body,
.cart-line--classic-topline .product-line-grid-body--composite,
.cart-line--classic-topline .product-line-grid-body--topline,
.cart-line--classic-topline .media-body {
  display: flex;
  align-items: stretch;
  min-height: 100%;
}
.cart-item--agepa-parent .agepa-parent-note--expanded,
.media--agepa-parent .agepa-parent-note--expanded,
.agepa-cart-line--parent .agepa-parent-note--expanded,
.agepa-cart-line--topline .agepa-parent-note--expanded,
.cart-line--classic-topline .agepa-parent-note--expanded {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  width: 100%;
  max-width: none;
  min-height: 100%;
}
.cart-item--agepa-parent .agepa-parent-topline,
.media--agepa-parent .agepa-parent-topline,
.agepa-cart-line--parent .agepa-parent-topline,
.agepa-cart-line--topline .agepa-parent-topline,
.cart-line--classic-topline .agepa-parent-topline {
  display: flex;
  gap: 1.5rem;
  align-items: flex-start;
  justify-content: space-between;
}
.cart-item--agepa-parent .agepa-parent-heading,
.media--agepa-parent .agepa-parent-heading,
.agepa-cart-line--parent .agepa-parent-heading,
.agepa-cart-line--topline .agepa-parent-heading,
.cart-line--classic-topline .agepa-parent-heading {
  flex: 1 1 auto;
  min-width: 0;
}
.cart-item--agepa-parent .agepa-parent-link,
.media--agepa-parent .agepa-parent-link,
.agepa-cart-line--parent .agepa-parent-link,
.agepa-cart-line--topline .agepa-parent-link,
.cart-line--classic-topline .agepa-parent-link {
  display: block;
  margin-bottom: 0.65rem;
  font-size: clamp(20px, 20px + (22 - 20) * (100vw - 400px) / (1728 - 400), 22px);
  color: var(--br-text-black);
  font-weight: 700;
}
.cart-item--agepa-parent .agepa-parent-base-price,
.media--agepa-parent .agepa-parent-base-price,
.agepa-cart-line--parent .agepa-parent-base-price,
.agepa-cart-line--topline .agepa-parent-base-price,
.cart-line--classic-topline .agepa-parent-base-price {
  display: inline-flex;
  flex-direction: column;
  gap: 0.15rem;
}
.cart-item--agepa-parent .agepa-parent-base-label,
.media--agepa-parent .agepa-parent-base-label,
.agepa-cart-line--parent .agepa-parent-base-label,
.agepa-cart-line--topline .agepa-parent-base-label,
.cart-line--classic-topline .agepa-parent-base-label {
  font-size: clamp(11px, 11px + (12 - 11) * (100vw - 400px) / (1728 - 400), 12px);
  color: var(--br-text-black);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.cart-item--agepa-parent .agepa-parent-base-value,
.media--agepa-parent .agepa-parent-base-value,
.agepa-cart-line--parent .agepa-parent-base-value,
.agepa-cart-line--topline .agepa-parent-base-value,
.cart-line--classic-topline .agepa-parent-base-value {
  font-size: clamp(22px, 22px + (24 - 22) * (100vw - 400px) / (1728 - 400), 24px);
  color: var(--br-blue-darker);
  font-weight: 700;
}
.cart-item--agepa-parent .agepa-parent-actions,
.media--agepa-parent .agepa-parent-actions,
.agepa-cart-line--parent .agepa-parent-actions,
.agepa-cart-line--topline .agepa-parent-actions,
.cart-line--classic-topline .agepa-parent-actions {
  display: flex;
  flex: 0 0 auto;
  gap: 1rem;
  align-items: center;
  padding-left: 1.25rem;
  border-left: 1px solid rgba(var(--br-blue-darker), 0.15);
}
.cart-item--agepa-parent .agepa-parent-quantity,
.media--agepa-parent .agepa-parent-quantity,
.agepa-cart-line--parent .agepa-parent-quantity,
.agepa-cart-line--topline .agepa-parent-quantity,
.cart-line--classic-topline .agepa-parent-quantity {
  display: flex;
  align-items: center;
}
.cart-item--agepa-parent .agepa-parent-remove,
.media--agepa-parent .agepa-parent-remove,
.agepa-cart-line--parent .agepa-parent-remove,
.agepa-cart-line--topline .agepa-parent-remove,
.cart-line--classic-topline .agepa-parent-remove {
  display: flex;
  align-items: center;
}
.cart-item--agepa-parent .remove-from-cart,
.media--agepa-parent .remove-from-cart,
.agepa-cart-line--parent .remove-from-cart,
.agepa-cart-line--topline .remove-from-cart,
.cart-line--classic-topline .remove-from-cart {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.cart-item--agepa-parent .product-line-grid-right,
.cart-item--agepa-parent .product-line-info,
.cart-item--agepa-parent .product-price,
.cart-item--agepa-parent br,
.media--agepa-parent .product-line-grid-right,
.media--agepa-parent .product-line-info,
.media--agepa-parent .product-price,
.media--agepa-parent br,
.agepa-cart-line--parent .product-line-grid-right,
.agepa-cart-line--parent .product-line-info,
.agepa-cart-line--parent .product-price,
.agepa-cart-line--parent br,
.agepa-cart-line--topline .product-line-grid-right,
.agepa-cart-line--topline .product-line-info,
.agepa-cart-line--topline .product-price,
.agepa-cart-line--topline br,
.cart-line--classic-topline .product-line-grid-right,
.cart-line--classic-topline .product-line-info,
.cart-line--classic-topline .product-price,
.cart-line--classic-topline br {
  display: none;
}

.agepa-cart-line--parent {
  padding: 0;
}

.agepa-parent-link:hover {
  color: var(--br-blue-bright) !important;
}

.agepa-cart-line--child,
.agepa-cart-summary-line--child,
.agepa-minicart-line--child {
  position: relative;
}
.agepa-cart-line--child .agepa-child-note,
.agepa-cart-line--child .product-line-info-secondary,
.agepa-cart-summary-line--child .agepa-child-note,
.agepa-cart-summary-line--child .product-line-info-secondary,
.agepa-minicart-line--child .agepa-child-note,
.agepa-minicart-line--child .product-line-info-secondary {
  margin-top: 0.75rem;
  font-size: clamp(12px, 12px + (13 - 12) * (100vw - 400px) / (1728 - 400), 13px);
  color: var(--br-text-grey);
}

.agepa-cart-line--child {
  position: relative;
  width: calc(100% - 2rem);
  margin-left: 2rem;
  border-radius: 0.75rem;
  background: linear-gradient(90deg, rgba(var(--br-blue-darker), 0.06) 0, rgba(var(--br-blue-darker), 0.02) 100%);
}
.agepa-cart-line--child:before {
  content: "";
  position: absolute;
  top: 1.25rem;
  bottom: 1.25rem;
  left: -1.1rem;
  width: 2px;
  background: rgba(var(--br-blue-darker), 0.22);
}
.agepa-cart-line--child:after {
  content: "";
  position: absolute;
  top: 50%;
  left: -1.1rem;
  width: 0.75rem;
  height: 2px;
  background: rgba(var(--br-blue-darker), 0.22);
  transform: translateY(-50%);
}
.agepa-cart-line--child .product-line-grid-body .label {
  display: inline-block;
}
.agepa-cart-line--child .agepa-locked-quantity {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.75rem;
  padding: 0.55rem 0.85rem;
  border: 1px solid rgba(var(--br-blue-darker), 0.15);
  border-radius: 999px;
  background: var(--br-white);
  font-size: clamp(14px, 14px + (15 - 14) * (100vw - 400px) / (1728 - 400), 15px);
  color: var(--br-blue-darker);
  font-weight: 700;
}
.agepa-cart-line--child .cart-line-product-actions {
  min-height: 1.5rem;
}

.agepa-cart-summary-line--child,
.agepa-minicart-line--child {
  margin-left: 1rem;
  padding-left: 0.9rem;
  border-left: 2px solid rgba(var(--br-blue-darker), 0.2);
}
.agepa-cart-summary-line--child .product-name,
.agepa-minicart-line--child .product-name {
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  .cart-item--agepa-parent,
  .media--agepa-parent,
  .agepa-cart-line--parent,
  .agepa-cart-line--topline,
  .cart-line--classic-topline {
    padding: 0 1rem;
  }
  .cart-item--agepa-parent .agepa-parent-topline,
  .media--agepa-parent .agepa-parent-topline,
  .agepa-cart-line--parent .agepa-parent-topline,
  .agepa-cart-line--topline .agepa-parent-topline,
  .cart-line--classic-topline .agepa-parent-topline {
    flex-direction: column;
    gap: 0.5rem;
  }
  .cart-item--agepa-parent .agepa-parent-actions,
  .media--agepa-parent .agepa-parent-actions,
  .agepa-cart-line--parent .agepa-parent-actions,
  .agepa-cart-line--topline .agepa-parent-actions,
  .cart-line--classic-topline .agepa-parent-actions {
    justify-content: space-between;
    width: 100%;
    padding-top: 1rem;
    padding-left: 0;
    border-top: 1px solid rgba(var(--br-blue-darker), 0.15);
    border-left: 0;
  }
  .agepa-cart-line--child {
    width: calc(100% - 1rem);
    margin-left: 1rem;
  }
  .agepa-cart-line--parent {
    display: grid;
    grid-template-columns: 1fr;
  }
  .agepa-cart-line--parent .product-line-grid-body--composite {
    width: 100%;
  }
}
#module-age_editorial_page-page #wrapper #wrapper-content {
  overflow-x: visible;
  margin: 0 auto;
  padding-top: 18rem;
}
#module-age_editorial_page-page #wrapper #main {
  margin-top: 0 !important;
}
#module-age_editorial_page-page .breadcrumb {
  padding-bottom: 0 !important;
}
#module-age_editorial_page-page .js-product-list-header {
  display: none !important;
}
#module-age_editorial_page-page h1 {
  font-size: clamp(40px, 40px + (50 - 40) * (100vw - 400px) / (1728 - 400), 50px);
  color: var(--br-text-blue-darker);
  font-weight: 900;
}
#module-age_editorial_page-page h2 {
  font-size: clamp(25px, 25px + (35 - 25) * (100vw - 400px) / (1728 - 400), 35px);
  color: var(--br-text-blue-darker);
}
#module-age_editorial_page-page h2 strong {
  font-weight: 900;
}
#module-age_editorial_page-page h3 {
  font-size: clamp(16px, 16px + (20 - 16) * (100vw - 400px) / (1728 - 400), 20px);
  color: var(--br-text-blue-darker);
}
#module-age_editorial_page-page h3 strong {
  font-weight: 900;
}
#module-age_editorial_page-page h1,
#module-age_editorial_page-page h2,
#module-age_editorial_page-page h3 {
  font-style: italic;
}
#module-age_editorial_page-page p {
  font-size: clamp(14px, 14px + (16 - 14) * (100vw - 400px) / (1728 - 400), 16px);
  color: var(--br-text-black);
}
#module-age_editorial_page-page .btn {
  padding: 0.5rem 0.75rem;
  border: solid 1px var(--br-blue-darker);
  border-radius: 30px;
  background-color: var(--br-blue-darker);
  color: var(--br-white);
  font-weight: bold;
  transition: background-color 100ms ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
}
#module-age_editorial_page-page .btn:hover {
  border-color: var(--br-blue-bright);
  background-color: var(--br-blue-bright);
  color: var(--br-text-white);
  transition: background-color 100ms ease-in-out;
}
#module-age_editorial_page-page .btn {
  width: -moz-fit-content;
  width: fit-content;
}
#module-age_editorial_page-page .breadcrumb,
#module-age_editorial_page-page h1,
#module-age_editorial_page-page [data-age-editorial-block=text-full],
#module-age_editorial_page-page [data-age-editorial-block=media-text],
#module-age_editorial_page-page [data-age-editorial-block=quote],
#module-age_editorial_page-page [data-age-editorial-block=linked-pages-cards] > div {
  margin: 1rem auto;
}
@media (min-width: 370px) {
  #module-age_editorial_page-page .breadcrumb,
  #module-age_editorial_page-page h1,
  #module-age_editorial_page-page [data-age-editorial-block=text-full],
  #module-age_editorial_page-page [data-age-editorial-block=media-text],
  #module-age_editorial_page-page [data-age-editorial-block=quote],
  #module-age_editorial_page-page [data-age-editorial-block=linked-pages-cards] > div {
    max-width: 100%;
  }
}
@media (min-width: 640px) {
  #module-age_editorial_page-page .breadcrumb,
  #module-age_editorial_page-page h1,
  #module-age_editorial_page-page [data-age-editorial-block=text-full],
  #module-age_editorial_page-page [data-age-editorial-block=media-text],
  #module-age_editorial_page-page [data-age-editorial-block=quote],
  #module-age_editorial_page-page [data-age-editorial-block=linked-pages-cards] > div {
    max-width: 95%;
  }
}
@media (min-width: 768px) {
  #module-age_editorial_page-page .breadcrumb,
  #module-age_editorial_page-page h1,
  #module-age_editorial_page-page [data-age-editorial-block=text-full],
  #module-age_editorial_page-page [data-age-editorial-block=media-text],
  #module-age_editorial_page-page [data-age-editorial-block=quote],
  #module-age_editorial_page-page [data-age-editorial-block=linked-pages-cards] > div {
    max-width: 90%;
  }
}
@media (min-width: 1024px) {
  #module-age_editorial_page-page .breadcrumb,
  #module-age_editorial_page-page h1,
  #module-age_editorial_page-page [data-age-editorial-block=text-full],
  #module-age_editorial_page-page [data-age-editorial-block=media-text],
  #module-age_editorial_page-page [data-age-editorial-block=quote],
  #module-age_editorial_page-page [data-age-editorial-block=linked-pages-cards] > div {
    max-width: 90%;
  }
}
@media (min-width: 1280px) {
  #module-age_editorial_page-page .breadcrumb,
  #module-age_editorial_page-page h1,
  #module-age_editorial_page-page [data-age-editorial-block=text-full],
  #module-age_editorial_page-page [data-age-editorial-block=media-text],
  #module-age_editorial_page-page [data-age-editorial-block=quote],
  #module-age_editorial_page-page [data-age-editorial-block=linked-pages-cards] > div {
    max-width: 1200px;
  }
}
@media (min-width: 1536px) {
  #module-age_editorial_page-page .breadcrumb,
  #module-age_editorial_page-page h1,
  #module-age_editorial_page-page [data-age-editorial-block=text-full],
  #module-age_editorial_page-page [data-age-editorial-block=media-text],
  #module-age_editorial_page-page [data-age-editorial-block=quote],
  #module-age_editorial_page-page [data-age-editorial-block=linked-pages-cards] > div {
    max-width: 1294px;
  }
}
#module-age_editorial_page-page .breadcrumb h2,
#module-age_editorial_page-page h1 h2,
#module-age_editorial_page-page [data-age-editorial-block=text-full] h2,
#module-age_editorial_page-page [data-age-editorial-block=media-text] h2,
#module-age_editorial_page-page [data-age-editorial-block=quote] h2,
#module-age_editorial_page-page [data-age-editorial-block=linked-pages-cards] > div h2 {
  margin-bottom: 1.5rem;
}
#module-age_editorial_page-page h1 {
  margin-bottom: 0;
}
#module-age_editorial_page-page [data-age-editorial-block=quote] {
  position: relative;
  z-index: 0;
}
#module-age_editorial_page-page [data-age-editorial-block=quote] * {
  font-size: clamp(16px, 16px + (25 - 16) * (100vw - 400px) / (1728 - 400), 25px);
  color: var(--br-blue-bright);
  font-weight: bold;
  text-align: center;
}
#module-age_editorial_page-page [data-age-editorial-block=quote]:before, #module-age_editorial_page-page [data-age-editorial-block=quote]:after {
  content: "’’";
  font-weight: 700;
  font-style: Italic;
  font-size: 200px;
  leading-trim: NONE;
  line-height: 35px;
  letter-spacing: -1rem;
  text-align: center;
  position: absolute;
  color: var(--br-grey-dark);
  z-index: -10;
}
#module-age_editorial_page-page [data-age-editorial-block=quote]:before {
  transform: rotate(180deg);
  left: -3rem;
  top: -2rem;
}
#module-age_editorial_page-page [data-age-editorial-block=quote]:after {
  right: -2rem;
}
#module-age_editorial_page-page [data-age-editorial-block=brand-slider] {
  background-color: var(--br-white);
}
#module-age_editorial_page-page [data-age-editorial-block=brand-slider] h2 {
  text-align: center;
  font-size: clamp(18px, 18px + (25 - 18) * (100vw - 400px) / (1728 - 400), 25px);
  color: var(--br-purple-bright);
  font-weight: bold;
}
#module-age_editorial_page-page [data-age-editorial-block=brand-slider] a {
  box-shadow: 5px 2px 7px 5px var(--br-shadow-dark);
}
#module-age_editorial_page-page [data-age-editorial-block=linked-pages-cards] {
  background-color: var(--br-white);
}
#module-age_editorial_page-page [data-age-editorial-block=linked-pages-cards] .title {
  position: relative;
  z-index: 0;
  width: 100%;
  margin-bottom: 2rem;
}
#module-age_editorial_page-page [data-age-editorial-block=linked-pages-cards] .title:after {
  content: "02";
  position: absolute;
  top: -7.3rem;
  font-size: clamp(150px, 150px + (200 - 150) * (100vw - 400px) / (1728 - 400), 200px);
  left: 50%;
  z-index: -10;
  color: var(--br-text-grey);
  font-style: italic;
  font-weight: 900;
  line-height: 1;
  transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
  #module-age_editorial_page-page [data-age-editorial-block=linked-pages-cards] .title:after {
    top: -5.3rem;
  }
}
#module-age_editorial_page-page [data-age-editorial-block=linked-pages-cards] h2 {
  text-align: center;
}
#module-age_editorial_page-page [data-age-editorial-block=linked-pages-cards] h3 {
  font-size: clamp(25px, 25px + (35 - 25) * (100vw - 400px) / (1728 - 400), 35px);
  color: var(--br-text-blue-darker);
  font-weight: 900;
}
#module-age_editorial_page-page [data-age-editorial-block=linked-pages-cards] article {
  box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.1019607843);
}
#module-age_editorial_page-page [data-age-editorial-block=linked-pages-cards] article .block span {
  font-size: clamp(14px, 14px + (16 - 14) * (100vw - 400px) / (1728 - 400), 16px);
  color: var(--br-purple-bright);
  font-weight: bold;
}
#module-age_editorial_page-page #age-faq .afq-title:after {
  content: "03";
}
#module-age_editorial_page-page .blockreassurance-section-title:after {
  content: "04";
}
@media screen and (max-width: 768px) {
  #module-age_editorial_page-page [data-age-editorial-block=text-full],
  #module-age_editorial_page-page [data-age-editorial-block=media-text],
  #module-age_editorial_page-page [data-age-editorial-block=quote],
  #module-age_editorial_page-page [data-age-editorial-block=linked-pages-cards] > div {
    padding: 0 2rem;
    text-align: center;
  }
  #module-age_editorial_page-page [data-age-editorial-block=quote]:before {
    transform: rotate(180deg) translateX(50%);
    left: 50%;
  }
  #module-age_editorial_page-page [data-age-editorial-block=quote]:after {
    transform: translateX(50%);
    right: 50%;
  }
  #module-age_editorial_page-page #wrapper #wrapper-content {
    padding-top: 8rem;
  }
}

.age-product-field-info * {
  font-size: clamp(15px, 15px + (15 - 15) * (100vw - 400px) / (1728 - 400), 15px);
  color: var(--br-text-black);
}
.age-product-field-info label {
  text-align: center;
}

#block-reassurance {
  margin: 0;
  background-color: var(--br-white);
}
#block-reassurance ul {
  margin: 1rem auto;
}
@media (min-width: 370px) {
  #block-reassurance ul {
    max-width: 100%;
  }
}
@media (min-width: 640px) {
  #block-reassurance ul {
    max-width: 95%;
  }
}
@media (min-width: 768px) {
  #block-reassurance ul {
    max-width: 90%;
  }
}
@media (min-width: 1024px) {
  #block-reassurance ul {
    max-width: 90%;
  }
}
@media (min-width: 1280px) {
  #block-reassurance ul {
    max-width: 1200px;
  }
}
@media (min-width: 1536px) {
  #block-reassurance ul {
    max-width: 1294px;
  }
}
#block-reassurance ul {
  margin-top: 0;
  margin-bottom: 0;
  padding: 2rem 0 4rem;
}
#block-reassurance ul li {
  display: flex;
  flex-direction: column;
  justify-content: center;
  aspect-ratio: 1/1;
  width: 100%;
  max-width: 290px;
  height: 100%;
  border-radius: 50%;
  background: linear-gradient(to bottom, var(--br-blue-bright), var(--br-blue-dark));
}
#block-reassurance ul li .block-reassurance-item {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: var(--br-white);
  text-align: center;
}
#block-reassurance ul li .block-reassurance-item img {
  width: 40%;
  height: 40%;
  margin: 0;
}
#block-reassurance ul li:nth-of-type(2) .block-reassurance-item img {
  width: 60%;
}
@media screen and (max-width: 1535px) {
  #block-reassurance ul li:nth-of-type(2n+1) {
    justify-self: flex-end;
  }
  #block-reassurance ul li:nth-of-type(2n) {
    justify-self: flex-start;
  }
}
@media screen and (max-width: 530px) {
  #block-reassurance ul li {
    max-width: 156px;
    max-height: 156px;
  }
}
@media screen and (max-width: 1023px) {
  #block-reassurance {
    padding: 0 1rem;
  }
  #block-reassurance:after {
    top: -1rem;
  }
  #block-reassurance ul li:nth-of-type(2) .block-reassurance-item img {
    width: 100%;
    height: 45%;
  }
  #block-reassurance ul li .block-reassurance-item img {
    width: 100%;
    height: 45%;
  }
}

.blockreassurance-section-title {
  position: relative;
  z-index: 0;
  width: 100%;
  margin: 0;
  padding-top: 6rem;
  background-color: var(--br-white);
}
.blockreassurance-section-title:after {
  content: "06";
  position: absolute;
  top: -1.2rem;
  font-size: clamp(150px, 150px + (200 - 150) * (100vw - 400px) / (1728 - 400), 200px);
  left: 50%;
  z-index: -10;
  color: var(--br-text-grey);
  font-style: italic;
  font-weight: 800;
  line-height: 1;
  transform: translateX(-50%);
}
@media screen and (max-width: 1023px) {
  .blockreassurance-section-title {
    padding-top: 4rem;
  }
  .blockreassurance-section-title:after {
    top: -1rem;
  }
}

#block-reassurance h1, .blockreassurance-section-title h1 {
  font-size: clamp(40px, 40px + (50 - 40) * (100vw - 400px) / (1728 - 400), 50px);
  color: var(--br-text-blue-darker);
}
#block-reassurance h2, .blockreassurance-section-title h2 {
  font-size: clamp(25px, 25px + (35 - 25) * (100vw - 400px) / (1728 - 400), 35px);
  color: var(--br-text-blue-darker);
}
#block-reassurance h2 strong, .blockreassurance-section-title h2 strong {
  font-weight: 900;
}
#block-reassurance h3, .blockreassurance-section-title h3 {
  font-size: clamp(16px, 16px + (20 - 16) * (100vw - 400px) / (1728 - 400), 20px);
  color: var(--br-text-blue-darker);
}
#block-reassurance h3 strong, .blockreassurance-section-title h3 strong {
  font-weight: 900;
}
#block-reassurance h1,
#block-reassurance h2,
#block-reassurance h3, .blockreassurance-section-title h1,
.blockreassurance-section-title h2,
.blockreassurance-section-title h3 {
  padding-bottom: 1rem;
}
#block-reassurance p, #block-reassurance span, .blockreassurance-section-title p, .blockreassurance-section-title span {
  font-size: clamp(10px, 10px + (16 - 10) * (100vw - 400px) / (1728 - 400), 16px);
  color: var(--br-text-white);
  font-weight: 600;
}

#module-opartdevis-createquotation #wrapper #wrapper-content, #module-opartdevis-listquotation #wrapper #wrapper-content {
  margin: 1rem auto;
}
@media (min-width: 370px) {
  #module-opartdevis-createquotation #wrapper #wrapper-content, #module-opartdevis-listquotation #wrapper #wrapper-content {
    max-width: 100%;
  }
}
@media (min-width: 640px) {
  #module-opartdevis-createquotation #wrapper #wrapper-content, #module-opartdevis-listquotation #wrapper #wrapper-content {
    max-width: 95%;
  }
}
@media (min-width: 768px) {
  #module-opartdevis-createquotation #wrapper #wrapper-content, #module-opartdevis-listquotation #wrapper #wrapper-content {
    max-width: 90%;
  }
}
@media (min-width: 1024px) {
  #module-opartdevis-createquotation #wrapper #wrapper-content, #module-opartdevis-listquotation #wrapper #wrapper-content {
    max-width: 90%;
  }
}
@media (min-width: 1280px) {
  #module-opartdevis-createquotation #wrapper #wrapper-content, #module-opartdevis-listquotation #wrapper #wrapper-content {
    max-width: 1200px;
  }
}
@media (min-width: 1536px) {
  #module-opartdevis-createquotation #wrapper #wrapper-content, #module-opartdevis-listquotation #wrapper #wrapper-content {
    max-width: 1294px;
  }
}
#module-opartdevis-createquotation #wrapper #wrapper-content, #module-opartdevis-listquotation #wrapper #wrapper-content {
  overflow-x: visible;
  margin: 0 auto;
  padding-top: 18rem;
}
#module-opartdevis-createquotation #wrapper #wrapper-content *, #module-opartdevis-listquotation #wrapper #wrapper-content * {
  font-size: clamp(14px, 14px + (16 - 14) * (100vw - 400px) / (1728 - 400), 16px);
  color: var(--br-text-black);
}
#module-opartdevis-createquotation #wrapper #wrapper-content h1, #module-opartdevis-listquotation #wrapper #wrapper-content h1 {
  font-size: clamp(40px, 40px + (50 - 40) * (100vw - 400px) / (1728 - 400), 50px);
  color: var(--br-text-blue-darker);
  font-weight: 800;
  font-style: italic;
}
#module-opartdevis-createquotation #wrapper #main, #module-opartdevis-listquotation #wrapper #main {
  margin-top: 0 !important;
}
#module-opartdevis-createquotation .btn, #module-opartdevis-listquotation .btn {
  padding: 0.5rem 0.75rem;
  border: solid 1px var(--br-blue-darker);
  border-radius: 30px;
  background-color: var(--br-blue-darker);
  color: var(--br-white);
  font-weight: bold;
  transition: background-color 100ms ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
}
#module-opartdevis-createquotation .btn:hover, #module-opartdevis-listquotation .btn:hover {
  border-color: var(--br-blue-dark);
  background-color: var(--br-blue-dark);
  color: var(--br-white);
  transition: background-color 100ms ease-in-out;
}
#module-opartdevis-createquotation .btn, #module-opartdevis-listquotation .btn {
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 1rem;
}
#module-opartdevis-createquotation .btn span, #module-opartdevis-listquotation .btn span {
  color: var(--br-text-white) !important;
}
#module-opartdevis-createquotation .btn[disabled], #module-opartdevis-listquotation .btn[disabled] {
  opacity: 0.5;
}
#module-opartdevis-createquotation .btn *, #module-opartdevis-listquotation .btn * {
  font-size: 12px !important;
}
#module-opartdevis-createquotation .page-footer, #module-opartdevis-listquotation .page-footer {
  padding-bottom: 3rem;
}
#module-opartdevis-createquotation .page-footer a, #module-opartdevis-listquotation .page-footer a {
  font-weight: bold;
}
#module-opartdevis-createquotation #age-faq .afq-title:after, #module-opartdevis-listquotation #age-faq .afq-title:after {
  content: "02";
}
#module-opartdevis-createquotation .blockreassurance-section-title:after, #module-opartdevis-listquotation .blockreassurance-section-title:after {
  content: "03";
}

#module-atoosyncb2boptions-invoices #wrapper #wrapper-content {
  margin: 1rem auto;
}
@media (min-width: 370px) {
  #module-atoosyncb2boptions-invoices #wrapper #wrapper-content {
    max-width: 100%;
  }
}
@media (min-width: 640px) {
  #module-atoosyncb2boptions-invoices #wrapper #wrapper-content {
    max-width: 95%;
  }
}
@media (min-width: 768px) {
  #module-atoosyncb2boptions-invoices #wrapper #wrapper-content {
    max-width: 90%;
  }
}
@media (min-width: 1024px) {
  #module-atoosyncb2boptions-invoices #wrapper #wrapper-content {
    max-width: 90%;
  }
}
@media (min-width: 1280px) {
  #module-atoosyncb2boptions-invoices #wrapper #wrapper-content {
    max-width: 1200px;
  }
}
@media (min-width: 1536px) {
  #module-atoosyncb2boptions-invoices #wrapper #wrapper-content {
    max-width: 1294px;
  }
}
#module-atoosyncb2boptions-invoices #wrapper #wrapper-content {
  overflow-x: visible;
  margin: 0 auto;
  padding-top: 18rem;
}
#module-atoosyncb2boptions-invoices #wrapper #wrapper-content * {
  font-size: clamp(14px, 14px + (16 - 14) * (100vw - 400px) / (1728 - 400), 16px);
  color: var(--br-text-black);
}
#module-atoosyncb2boptions-invoices #wrapper #main {
  margin-top: 0 !important;
}
#module-atoosyncb2boptions-invoices .page-footer {
  padding-bottom: 3rem;
}
#module-atoosyncb2boptions-invoices .page-footer a {
  font-weight: bold;
}

#order-slips-link svg {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}

@media (min-width: 768px) and (max-width: 1360px) {
  body {
    zoom: 0.9;
  }
}
body * {
  font-family: "Montserrat";
}
body *:focus {
  outline: none !important;
}
body .btn:disabled, body .disabled {
  cursor: pointer !important;
}
body #axeptio_overlay {
  z-index: 1002 !important;
}
body .ui-autocomplete.ui-front {
  z-index: 1003 !important;
}
@media screen and (min-width: 768px) {
  body .searchbar-autocomplete {
    position: fixed !important;
  }
}
.after\:text-\[0\.95rem\]::after{
  content: var(--tw-content);
  font-size: 0.95rem;
}
.first\:\[left\:clamp\(-26\%\2c calc\(-6\%-\(1536px-100vw\)\*\.5\)\2c -6\%\)\]:first-child{
  left: clamp(-26%, calc(-6% - (1536px - 100vw) * .5), -6%);
}
.hover\:\!bg-\[var\(--br-blue-bright\)\]:hover{
  background-color: var(--br-blue-bright) !important;
}
.hover\:bg-\[\#111\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(17 17 17 / var(--tw-bg-opacity, 1));
}
.hover\:text-white:hover{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.focus\:bg-\[\#111\]:focus{
  --tw-bg-opacity: 1;
  background-color: rgb(17 17 17 / var(--tw-bg-opacity, 1));
}
.focus\:text-white:focus{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.focus-visible\:shadow-\[0_8px_18px_rgba\(0\2c 0\2c 0\2c 0\.08\)\]:focus-visible{
  --tw-shadow: 0 8px 18px rgba(0,0,0,0.08);
  --tw-shadow-colored: 0 8px 18px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.group:focus-visible .group-focus-visible\:block{
  display: block;
}
.group:focus-visible .group-focus-visible\:hidden{
  display: none;
}
.peer:checked ~ .peer-checked\:border-\[var\(--br-blue-bright\)\]{
  border-color: var(--br-blue-bright);
}
.peer:checked ~ .peer-checked\:\!text-\[var\(--br-blue-bright\)\]{
  color: var(--br-blue-bright) !important;
}
.group[aria-expanded="true"] .group-aria-expanded\:block{
  display: block;
}
.group[aria-expanded="true"] .group-aria-expanded\:hidden{
  display: none;
}
@media not all and (min-width: 768px){
  .max-md\:first\:left-\[-13rem\]:first-child{
    left: -13rem;
  }
}
@media (min-width: 640px){
  .sm\:max-h-\[70px\]{
    max-height: 70px;
  }
  .sm\:max-w-\[70px\]{
    max-width: 70px;
  }
  .sm\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .sm\:gap-4{
    gap: 1rem;
  }
  .sm\:text-base{
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
@media (min-width: 768px){
  .md\:pointer-events-none{
    pointer-events: none;
  }
  .md\:-left-40{
    left: -10rem;
  }
  .md\:-left-\[3\.75rem\]{
    left: -3.75rem;
  }
  .md\:bottom-12{
    bottom: 3rem;
  }
  .md\:right-3{
    right: 0.75rem;
  }
  .md\:top-6{
    top: 1.5rem;
  }
  .md\:order-1{
    order: 1;
  }
  .md\:order-2{
    order: 2;
  }
  .md\:order-none{
    order: 0;
  }
  .md\:m-auto{
    margin: auto;
  }
  .md\:mx-auto{
    margin-left: auto;
    margin-right: auto;
  }
  .md\:\!ml-0{
    margin-left: 0px !important;
  }
  .md\:ml-\[30\%\]{
    margin-left: 30%;
  }
  .md\:block{
    display: block;
  }
  .md\:inline{
    display: inline;
  }
  .md\:\!flex{
    display: flex !important;
  }
  .md\:flex{
    display: flex;
  }
  .md\:hidden{
    display: none;
  }
  .md\:h-\[1\.375rem\]{
    height: 1.375rem;
  }
  .md\:h-\[500px\]{
    height: 500px;
  }
  .md\:w-2\/3{
    width: 66.666667%;
  }
  .md\:w-3\/4{
    width: 75%;
  }
  .md\:w-\[1\.75rem\]{
    width: 1.75rem;
  }
  .md\:basis-auto{
    flex-basis: auto;
  }
  .md\:-rotate-45{
    --tw-rotate: -45deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .md\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .md\:grid-cols-\[1fr_20\%\]{
    grid-template-columns: 1fr 20%;
  }
  .md\:grid-cols-\[30\%_70\%\]{
    grid-template-columns: 30% 70%;
  }
  .md\:grid-rows-\[40\%_1fr\]{
    grid-template-rows: 40% 1fr;
  }
  .md\:flex-nowrap{
    flex-wrap: nowrap;
  }
  .md\:justify-end{
    justify-content: flex-end;
  }
  .md\:gap-4{
    gap: 1rem;
  }
  .md\:border-0{
    border-width: 0px;
  }
  .md\:bg-\[var\(--br-blue-bright\)\]{
    background-color: var(--br-blue-bright);
  }
  .md\:fill-\[var\(--br-black\)\]{
    fill: var(--br-black);
  }
  .md\:\!px-16{
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
  .md\:\!px-4{
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .md\:\!py-0{
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .md\:px-0{
    padding-left: 0px;
    padding-right: 0px;
  }
  .md\:px-6{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .md\:pb-0{
    padding-bottom: 0px;
  }
  .md\:pl-4{
    padding-left: 1rem;
  }
  .md\:text-left{
    text-align: left;
  }
}
@media (min-width: 1024px){
  .lg\:-top-24{
    top: -6rem;
  }
  .lg\:order-1{
    order: 1;
  }
  .lg\:order-2{
    order: 2;
  }
  .lg\:col-span-2{
    grid-column: span 2 / span 2;
  }
  .lg\:\!mx-0{
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .lg\:mx-0{
    margin-left: 0px;
    margin-right: 0px;
  }
  .lg\:my-10{
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }
  .lg\:\!mt-8{
    margin-top: 2rem !important;
  }
  .lg\:mb-16{
    margin-bottom: 4rem;
  }
  .lg\:ml-\[20\%\]{
    margin-left: 20%;
  }
  .lg\:mt-4{
    margin-top: 1rem;
  }
  .lg\:block{
    display: block;
  }
  .lg\:\!flex{
    display: flex !important;
  }
  .lg\:grid{
    display: grid;
  }
  .lg\:hidden{
    display: none;
  }
  .lg\:h-\[508px\]{
    height: 508px;
  }
  .lg\:h-\[550px\]{
    height: 550px;
  }
  .lg\:h-auto{
    height: auto;
  }
  .lg\:max-h-\[200px\]{
    max-height: 200px;
  }
  .lg\:\!w-16{
    width: 4rem !important;
  }
  .lg\:w-auto{
    width: auto;
  }
  .lg\:w-fit{
    width: -moz-fit-content;
    width: fit-content;
  }
  .lg\:w-full{
    width: 100%;
  }
  .lg\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .lg\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .lg\:grid-cols-6{
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .lg\:grid-cols-\[1fr_20\%\]{
    grid-template-columns: 1fr 20%;
  }
  .lg\:grid-cols-\[40\%_60\%\]{
    grid-template-columns: 40% 60%;
  }
  .lg\:grid-cols-\[6fr_4fr\]{
    grid-template-columns: 6fr 4fr;
  }
  .lg\:grid-rows-\[60\%_1fr\]{
    grid-template-rows: 60% 1fr;
  }
  .lg\:flex-row{
    flex-direction: row;
  }
  .lg\:items-start{
    align-items: flex-start;
  }
  .lg\:justify-items-start{
    justify-items: start;
  }
  .lg\:gap-16{
    gap: 4rem;
  }
  .lg\:gap-3{
    gap: 0.75rem;
  }
  .lg\:gap-4{
    gap: 1rem;
  }
  .lg\:gap-8{
    gap: 2rem;
  }
  .lg\:\!p-4{
    padding: 1rem !important;
  }
  .lg\:\!px-\[10\%\]{
    padding-left: 10% !important;
    padding-right: 10% !important;
  }
  .lg\:px-0{
    padding-left: 0px;
    padding-right: 0px;
  }
  .lg\:px-8{
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .lg\:pb-16{
    padding-bottom: 4rem;
  }
  .lg\:pl-10{
    padding-left: 2.5rem;
  }
  .lg\:pt-32{
    padding-top: 8rem;
  }
  .lg\:text-left{
    text-align: left;
  }
  .lg\:text-right{
    text-align: right;
  }
  .lg\:\[transform\:rotateY\(180deg\)_scale\(\.6\)\]{
    transform: rotateY(180deg) scale(.6);
  }
  .lg\:hover\:shadow-\[0_8px_18px_rgba\(0\2c 0\2c 0\2c 0\.08\)\]:hover{
    --tw-shadow: 0 8px 18px rgba(0,0,0,0.08);
    --tw-shadow-colored: 0 8px 18px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  .group:hover .lg\:group-hover\:block{
    display: block;
  }
  .group:hover .lg\:group-hover\:hidden{
    display: none;
  }
}
@media (min-width: 1280px){
  .xl\:order-1{
    order: 1;
  }
  .xl\:order-2{
    order: 2;
  }
  .xl\:block{
    display: block;
  }
  .xl\:h-auto{
    height: auto;
  }
  .xl\:w-full{
    width: 100%;
  }
  .xl\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .xl\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .xl\:grid-cols-\[40\%_60\%\]{
    grid-template-columns: 40% 60%;
  }
  .xl\:items-start{
    align-items: flex-start;
  }
  .xl\:justify-items-start{
    justify-items: start;
  }
  .xl\:gap-3{
    gap: 0.75rem;
  }
  .xl\:\[transform\:rotateY\(180deg\)_scale\(\.8\)\]{
    transform: rotateY(180deg) scale(.8);
  }
}
@media (min-width: 1536px){
  .\32xl\:-top-12{
    top: -3rem;
  }
  .\32xl\:\!mt-16{
    margin-top: 4rem !important;
  }
  .\32xl\:grid-cols-\[minmax\(0\2c 2fr\)_minmax\(260px\2c 1fr\)\]{
    grid-template-columns: minmax(0,2fr) minmax(260px,1fr);
  }
  .\32xl\:\[transform\:rotateY\(180deg\)_scale\(1\)\]{
    transform: rotateY(180deg) scale(1);
  }
}
.\[\&\:not\(\:has\(li\)\)\]\:hidden:not(:has(li)){
  display: none;
}