@charset "utf-8";
/* CSS Document */

/* Colours */
:root {


--grey: #8e8e8e;
--grey_bg: #f6f6f6;
--grey_alt_2: #e3e3e3;
--grey_alt_3: #eae9e9;
--altgrey: #d4d5d6;
--bggrey_mid: var(--grey);

--black: #141414;

--yellow: #fdb94c;
--yellow_hover: #fb8617;

--green: #21c95e;
--green_hover: #049e23;
--green_alt: #a3b756;

--orange: #ff7c26;
--orange_hover: #ff3c06;
--orange_alt: #df603f;

--blue: #6a9cc1;
--blue_hover: #2c5f92;
--blue_alt: #1f5883;
--blue_alt_2: #102c42;
--blue_alt_3: #174262;
--blue_alt_4: #0c2132;

--red: #ff0000;
--red_hover: #a00003;

--gold: #ad977d;
--gold_hover: #75593d;
--gold_light: #e8dece;

--pink: #b05a56;
--pink_hover:#79201d;

--purple: #BC7AEF;
--purple_hover: #8b3ae0;

--tint_pink: #d29e96;
--tint_blue: #a6c4da;
--tint_blue_2: #eff7ff;
--tint_purple: #e6e0ec;
--tint_green: #9ee0b7;
--tint_green2: #3dc16f;
--tint_orange: #ffdfcc;
--tint_yellow: #fed594;

--buttonprimary: var(--green);
--buttonprimary_border: var(--green);
--buttonprimary_colour: #fff;
--buttonprimaryhover: var(--green_hover);
--buttonprimaryhover_border: var(--green_hover);
--buttonprimaryhover_colour: #fff;
--buttonprimarytext: #fff;
--buttonprimaryhovertext: #fff;
--greybutton: var(--grey);
--greybuttonhover: var(--grey_alt_2);

--buttonsecondary: var(--grey);
--buttonsecondary_border: var(--grey);
--buttonsecondary_colour: var(--white);
--buttonsecondaryhover: var(--black);
--buttonsecondaryhover_border: var(--black);
--buttonsecondaryhover_colour: var(--white);
--buttonsecondarytext: var(--white);
--buttonsecondaryhovertext: var(--white);

--font_title: 'Fraunces';
--font_standard: 'Figtree';

/* HYVA 26 OVERRIDES */
--color-bg: #fff;
--color-fg-secondary: var(--black); 
--color-secondary: var(--black);
--color-secondary-darker: var(--black);
}




/* FONTS */
/* fraunces-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/fraunces-v38-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* fraunces-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/fraunces-v38-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* fraunces-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/fraunces-v38-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* fraunces-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/fraunces-v38-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* figtree-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/figtree-v9-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* figtree-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/figtree-v9-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* figtree-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/figtree-v9-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* figtree-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/figtree-v9-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}




/* REPEATABLE POSITION CLASSES - TOO MANY VARS FOR TAILWIND! */
body .text-sm, body.pixiedust .text-sm { font-size: 14px !important; }
body.pixiedust #uppernav .text-sm { font-size: 12px !important; line-height:1; }
.absolute-center-left { position: absolute; left:0; top:50%; transform: translate(0,-50%); }
.absolute-center-right { position: absolute; right:0; top:50%; transform: translate(0,-50%); }
.absolute-center-center { position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); }
.absolute-center-top { position: absolute; left:50%; top:0%; transform: translate(-50%,0%); }
.absolute-top-left { position: absolute; left:15px; top:15px; }
.absolute-top-right { position: absolute; right:15px; top:15px; }
.absolute-bottom-left { position: absolute; left:15px; bottom:15px; }
.line-clamp-1 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 1; }
.line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2; }
.line-clamp-3 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 3; }
.line-clamp-4 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 4; }
.wish-button { background:none; }
.wish-button span {  float:left; position:absolute; top:50%; left: 50%; transform: translate(-50%,-50%); }
.wish-button span.wish-icon-active { position:absolute; top:50%; left: 50%; transform: translate(-50%,-50%);  opacity: 0; transition: all 200ms ease; }
.wish-button:hover span.wish-icon-active { opacity: 1; }
body .cls-product-favourite-green--2 { fill:var(--blue); }
body .reach-sides:before { width: calc(calc(100vw - 100%) / 2) !important; left: calc(0px - calc(calc(100vw - 100%) / 2)) !important; }
body .reach-sides:after { width: calc(calc(100vw - 100%) / 2) !important; right: calc(0px - calc(calc(100vw - 100%) / 2)) !important; }
body .rotate-on-hover { width:100%; }
body.pixiedust .rotate-on-hover span.title-flex, body.pixiedust .rotate-on-hover.title-flex { width: 100%; justify-content:space-between !important; }
body.pixiedust .rotate-on-hover img, body.pixiedust .rotate-on-hover svg { transition: all 200ms ease; }
body.pixiedust .rotate-on-hover:hover img, body.pixiedust .rotate-on-hover:hover svg, .splide__slide:hover .rotate-on-hover img, .splide__slide:hover .rotate-on-hover svg  { transform:rotate(-45deg); }

body.pixiedust  .pm-alignment { display:flex; flex-direction: column; }
body.pixiedust  .pm-alignment a.button { align-self: baseline; }
body.pixiedust  .pm-alignment.topcenter a.button, body.pixiedust  .pm-alignment.center a.button, body.pixiedust  .pm-alignment.bottomcenter a.button,
body.pixiedust  .pm-alignment.topcenter img, body.pixiedust  .pm-alignment.center img, body.pixiedust  .pm-alignment.bottomcenter img { margin-left:auto; margin-right:auto; }
body.pixiedust  .pm-alignment.topleft { top: 0; bottom:0; left: 0; text-align:left; justify-content:left; transform:none !important; }
body.pixiedust  .pm-alignment.topcenter { top:0; left: 50%; transform:translate(-50%,0); text-align:center; justify-content:center; }
body.pixiedust  .pm-alignment.topright  { top:0; right:0; left: auto; text-align:right; justify-content:right; transform:none !important; }
body.pixiedust  .pm-alignment.centerleft { top:50%; bottom:0; left: 0; transform:translate(0,-50%); text-align:left; justify-content:center; }
body.pixiedust  .pm-alignment.center { top:50%; left: 50%; transform:translate(-50%,-50%); text-align:center; justify-content:center; }
body.pixiedust  .pm-alignment.centerright { top:50%; right: 0; left:auto; transform:translate(0,-50%); text-align:right; justify-content:right; }
body.pixiedust  .pm-alignment.bottomleft {  bottom:0; left:0; top:auto; text-align:left; justify-content:left; transform:none !important; }
body.pixiedust  .pm-alignment.bottomcenter { bottom:0; left: 50%; top:auto; transform:translate(-50%,0); text-align:center; justify-content:center; }
body.pixiedust  .pm-alignment.bottomright { bottom:0; right:0; top:auto; left: auto; text-align:right; justify-content:right;  transform:none !important; }

body.pixiedust  .pm-alignment.topleft *, body.pixiedust  .pm-alignment.bottomleft * { justify-content: left !important; }
body.pixiedust  .pm-alignment.topright *, body.pixiedust  .pm-alignment.bottomright * { justify-content: right !important; }
body.pixiedust  .pm-alignment.topcenter *, body.pixiedust  .pm-alignment.bottomcenter *, body.pixiedust  .pm-alignment.center * { justify-content: center !important; }

/* DEF STYLES AND BUTTONS FOR USE IN WIDGETS ETC */
body.pixiedust span.nomargin { margin-bottom: 0 !important; }
body.pixiedust span.xxlarge, body.pixiedust .xxlarge { font-size: clamp(44px, 4.0vw, 60px) !important; line-height:1.2; margin-bottom: 20px; display:block;  }
body.pixiedust span.xlarge, body.pixiedust .xlarge { font-size: clamp(36px,4.0vw,50px) !important; line-height:1.2;  margin-bottom: 20px;display:block;  }
body.pixiedust span.large, body.pixiedust .large { font-size:  clamp(28px, 2vw, 38px) !important; line-height:1.2;  margin-bottom: 20px;display:block;  }
body.pixiedust span.medium { font-size: clamp(16px, 2.0vw, 20px) !important; line-height:1.3; margin-bottom: 20px; display:block;  }
body.pixiedust span.small { font-size: clamp(12px, 2.0vw, 14px) !important; line-height:1.4; margin-bottom: 20px; display:block; }
body.pixiedust span.xsmall { font-size: clamp(10px, 2.0vw, 12px); }
body.pixiedust span.xxsmall { font-size: clamp(8px, 2.0vw, 10px) !important; line-height:1.5; margin-bottom: 20px; display:block; }
body.pixiedust span.regular { font-size: clamp(14px, 2.0vw, 16px) !important; line-height:1.4; margin-bottom: 20px; display:block; }

body.pixiedust span.menusize { font-size: 18px !important; line-height:1; display:block; }
body.pixiedust p { font-size: clamp(14px,1.2vw,16px) !important; }



/* TITLE OVERRIDE */
body.pixiedust .title { font-family: var(--font_title); font-weight: 800 !important;  }
body.pixiedust .center .title, body.pixiedust .text-center .title { justify-content: center; }
body.pixiedust .title-flex { line-height: 1 !important; display:inline-flex !important; flex-wrap: wrap; gap: 6px;}

body.pixiedust label, body.pixiedust label span, body.pixiedust .label, body.pixiedust .label span {  font-weight: 600 !important; }
body.pixiedust .text-shadow { text-shadow: 1px 2px 8px #00000094; }
body.pixiedust .grey { color:var(--grey) !important; }
body.pixiedust .lightgrey { color: var(--grey_line) !important; }
body.pixiedust .green { color:var(--green) !important; }
body.pixiedust .yellow { color:var(--yellow) !important; }
body.pixiedust .orange { color:var(--orange) !important; }
body.pixiedust .red { color:var(--red) !important; }
body.pixiedust .blue { color:var(--blue_alt_3) !important }
body.pixiedust .pink { color:var(--pink) !important }
body.pixiedust u.green { color:inherit !important; position:relative; z-index:5; text-decoration: none; }
body.pixiedust u.green:before { content:''; position: absolute; z-index:-1; left: -5px; bottom:5px; width:calc(100% + 10px); height: 40%; background: var(--tint_green); }
body.pixiedust u.darkgreen { color:inherit !important; position:relative; z-index:5; text-decoration: none; }
body.pixiedust u.darkgreen:before { content:''; position: absolute; z-index:-1; left: -5px; bottom:5px; width:calc(100% + 10px); height: 40%; background: var(--green); }
body.pixiedust .divider { position: relative; font-size:0; width:100%; display:flex; height: 1px; margin: 6rem 0; }
body.pixiedust .divider span { display:none; }
body.pixiedust .divider:before { content:''; position:absolute; top:0; width: 100vw !important; left: calc(0px - calc(calc(100vw - 100%) / 2)) !important; height:1px; background:var(--bggrey-light);  }

/* LET ADMINS HAVE LISTS */
body.pixiedust .columns ul:not([class]) { list-style: inside;  }
body.pixiedust .columns ul:not([class]) li:before { display:none; }
body.pixiedust .columns ul:not([class]) li, body.pixiedust #product-features ul:not([class]) li { padding-left:0; }

@media screen and (max-width:1270px) { body.pixiedust .divider { margin: 3rem 0; }}

/* BUTTONS */
body.pixiedust .button, body.pixiedust a.btn, body.pixiedust button.btn, body.pixiedust .btn-primary { text-decoration:none; font-weight:500; border-radius:6px; display:inline-flex; align-items: center; justify-content: center; gap:3px; transition:all 200ms ease; background:var(--blue); border:1px solid var(--blue); box-sizing: border-box; padding:16px 30px; color:#fff !important; font-weight: 500; font-size:14px; line-height: 1; text-align: center; box-sizing: border-box; height: 50px;}
body.pixiedust button.btn.btn-secondary { border-radius:6px; }

body.pixiedust .button, body.pixiedust a.btn span { font-weight:500;letter-spacing: 1px; }
body.pixiedust .button, body.pixiedust .button span { gap: 4px; }
body.pixiedust .button:hover, body.pixiedust .btn-primary:hover { background:var(--blue_hover); border-color:var(--blue_hover); }
body.pixiedust .button.whitebutton {  background:#fff; border-color:#fff; color:var(--black) !important;  }
body.pixiedust .button.whitebutton:hover { background:var(--grey_alt_2); border-color:var(--grey_alt_2); color:var(--black) !important;   }

body.pixiedust .button.whitelinebutton {  background:transparent; border-color:#fff; color:#fff !important;  }
body.pixiedust .button.whitelinebutton:hover { background:var(--grey_alt_2); border-color:var(--grey_alt_2); color:var(--black) !important;   }

body.pixiedust .button.yellowbutton { background:var(--yellow); border-color:var(--yellow);  color:#000 !important;  }
body.pixiedust .button.yellowbutton:hover { background:var(--yellow_hover); border-color:var(--yellow_hover); }
body.pixiedust .button.goldbutton { background:var(--gold); border-color:var(--gold);  color:#fff !important;  }
body.pixiedust .button.goldbutton:hover { background:var(--gold_hover); border-color:var(--gold_hover); }
body.pixiedust .button.blackbutton {  background:var(--black); border-color:var(--black); color:#fff !important;  }
body.pixiedust .button.blackbutton:hover { background:var(--blue); border-color:var(--blue); }
body.pixiedust .button.greybutton { background:var(--grey); border-color:var(--grey);  color:#fff !important;  }
body.pixiedust .button.greybutton:hover { background:var(--grey_alt_2); border-color:var(--grey_alt_2); color:var(--grey) !important; }

body.pixiedust .button.lightgreybutton, body.pixiedust .btn-secondary { background:var(--grey_alt_3); border-color:var(--grey_alt_3);  color:#000 !important;  }
body.pixiedust .button.lightgreybutton:hover, body.pixiedust .btn-secondary:hover { background:var(--bggrey_mid); border-color:var(--bggrey_mid); }
body.pixiedust .button.redbutton { background:var(--red); border-color:var(--red);  color:#fff !important;  }
body.pixiedust .button.redbutton:hover { background:var(--red_hover); border-color:var(--red_hover); }
body.pixiedust .button.bluebutton, body.pixiedust a.btn.btn-primary { background:var(--blue); border-color:var(--blue);  color:#fff !important;  }
body.pixiedust .button.bluebutton:hover, body.pixiedust a.btn.btn-primary:hover { background:var(--blue_hover); border-color:var(--blue_hover); }
body.pixiedust .button.lightbluebutton { background:var(--blue_light); border-color:var(--blue_light);  color:#fff !important;  }
body.pixiedust .button.lightbluebutton:hover { background:var(--blue); border-color:var(--blue); }

body.pixiedust .button.orangebutton { background:var(--orange); border-color:var(--orange);  color:#fff !important;  }
body.pixiedust .button.orangebutton:hover { background:var(--orange_hover); border-color:var(--orange_hover); }

body.pixiedust .button.greenbutton { background:var(--green); border-color:var(--green);  color:#fff !important;  }
body.pixiedust .button.greenbutton:hover { background:var(--green_hover); border-color:var(--green_hover); }

body.pixiedust .button.darkgreenbutton { background:var(--green_hover); border-color:var(--green_hover);  color:#fff !important;  }
body.pixiedust .button.darkgreenbutton:hover { background:var(--green_hover_hover); border-color:var(--green_hover_hover); }

body.pixiedust .button.pinkbutton { background:var(--pink); border-color:var(--pink);  color:#fff !important;  }
body.pixiedust .button.pinkbutton:hover { background:var(--pink_hover); border-color:var(--pink_hover); }
body.pixiedust .button.purplebutton { background:var(--purple); border-color:var(--purple);  color:#fff !important;  }
body.pixiedust .button.purplebutton:hover { background:var(--purple_hover); border-color:var(--purple_hover); }


body.pixiedust .button.blackoutlinebutton { background:transparent; border-color:var(--black);  color:var(--black) !important;  }
body.pixiedust .button.blackoutlinebutton:hover { background:var(--grey_alt_3); border-color:var(--grey_alt_3);  }

body.pixiedust .button.whiteoutlinebutton { background:transparent; border-color:#fff;  color:#fff !important;  }
body.pixiedust .button.whiteoutlinebutton:hover { background:var(--grey_alt_3); border-color:var(--grey_alt_3); color:var(--black) !important; }

body.pixiedust .button svg, body.pixiedust .btn svg { display: inline-block; width: 18px; height: 18px; margin:0; }
body.pixiedust .scrollbutton:after { background:url(../images/assets/header-menu-arrow-black.svg) no-repeat center / 17px; content:''; width: 17px; height:12px; margin:0 -5px 0 5px; transform: rotate(90deg); filter: invert(1); }
body.pixiedust .button span, body.pixiedust .btn span { font-weight: 500; line-height: 1; font-size:14px;  align-items: center; }
body.pixiedust .button span:not(.hidden), body.pixiedust .btn span:not(.hidden) { display:flex; }

body.pixiedust .button.primarybutton { background:var(--buttonprimary); border-color:var(--buttonprimary_border);  color:var(--buttonprimary_colour) !important;  }
body.pixiedust .button.primarybutton:hover { background:var(--buttonprimaryhover); border-color:var(--buttonprimaryhover_border); color:var(--buttonprimaryhover_colour) !important;  }

body.pixiedust .button.secondarybutton { background:var(--buttonsecondary); border-color:var(--buttonsecondary_border);  color:var(--buttonsecondary_colour) !important;  }
body.pixiedust .button.secondarybutton:hover { background:var(--buttonsecondaryhover); border-color:var(--buttonsecondaryhover_border); color:var(--buttonsecondaryhover_colour) !important;  }

@media screen and (max-width:1199px) {
	body.pixiedust .button.greygreenbutton { background:var(--green); border-color:var(--green);  color:#fff !important; }
	body.pixiedust .button.greygreenbutton .cls-cta-arrow-black--2, body.pixiedust .button.greygreenbutton .cls-cta-configre-black--2, body.pixiedust .button.greygreenbutton .cls-cta-configre-black--3 { stroke: #fff; }
}

@media screen and (max-width:880px) {
	body.pixiedust .button, body.pixiedust a.btn { height: 46px; padding: 14px; }
}


/* MESSAGES */
body .page.messages { position: static; }
.messages .message, body .message { justify-content: left; position: relative; }
.messages .message .close, body .message .close { position: absolute; right: 20px; top: 50%; transform: translate(0,-50%); width:18px; height:18px; }
.messages .message .close svg, .message .close svg  { background:var(--red); border-color:var(--red); border-radius: 50%; width: 22px; height: 22px; box-sizing: border-box; padding: 2px;}
.messages .message:before, body .message:before { margin-right: 10px;  }
.message.error:before { background:var(--red) url(../images/assets/cart/cart-message-error.svg) no-repeat center / calc(100% - 8px); box-sizing: border-box; padding: 5px; width:22px; min-width:22px; height: 22px; border-radius: 50%; content:''; }
.message.info:before, .message.warning:before, .message.notice:before { background:var(--orange) url(../images/assets/cart/cart-message-alert.svg) no-repeat center / calc(100% - 8px); box-sizing: border-box; padding: 5px; min-width:22px; width:22px; height: 22px; border-radius: 50%; content:''; }
.messages .message.info .close svg, .messages .message.warning .close svg, .messages .message.notice .close svg { background:var(--orange); border-color:var(--orange); }
body .message.success { border-color:var(--green); color:var(--green); background-color: #fff;}
.message.success:before { background:var(--green) url(../images/assets/cart/cart-message-success.svg) no-repeat center / calc(100% - 8px); box-sizing: border-box; padding: 5px; min-width:22px; width:22px; height: 22px; border-radius: 50%; content:''; }
.messages .message.success .cls-close--2 { stroke:var(--green); }

/* FORMS */
body.pixiedust [type='checkbox'], body.pixiedust [type='radio'], body.pixiedust [type='checkbox']:hover, body.pixiedust [type='radio']:hover { color:var(--grey); outline-color:var(--grey); border:1px solid var(--altgrey); box-shadow:none !important; background-color:#fff; outline:0; cursor: pointer; border-radius:2px; }
body input[type='checkbox']:checked, body input[type='checkbox']:checked:active, body input[type='checkbox']:checked:focus, body input[type='checkbox']:checked:hover { background:var(--black) url(../images/assets/checkmark.svg) no-repeat center / calc(100%); border:1px solid var(--black); outline:0; }
body.pixiedust input[type='radio'] { border-color:var(--grey); border-radius: 50% !important; }
body input[type='radio']:checked, body input[type='radio']:checked:active, body input[type='radio']:checked:focus, body input[type='radio']:checked:hover { background-color:var(--black); border:1px solid var(--black); outline:0; }

body.pixiedust input, body.pixiedust select, body.pixiedust textarea { box-shadow:none !important; border-radius: 8px; border-color:var(--grey_alt_3); }
body.pixiedust input:focus, body.pixiedust select:focus, body.pixiedust input:active, body.pixiedust select:active { box-shadow: none !important; border-color:var(--bordergreylight); }
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active{  -webkit-box-shadow: 0 0 0 30px white inset !important; }
body.pixiedust select { min-width: 80px; }
div.required label { position: relative; }

/* PAGINATION */
body .widget ul.splide__pagination { text-align: center; width:100%; margin: 30px 0 20px; justify-content:center; position:static; }
body .splide__pagination li { margin:0 5px; }
body .splide__pagination button.splide__pagination__page  { background:var(--grey) !important; border:8px solid transparent; opacity:1; transform:scale(0.6); position:relative;}
body .splide__pagination button.splide__pagination__page.is-active { background:#000 !important; outline:1px solid #000; background-clip:content-box !important; position:relative; float:left; margin-top:5px; transform:scale(1.4); }
body .splide__pagination button.splide__pagination__page.is-active:after { content:''; width:5px !important; height:5px !important; border-radius:50%; background:#000; top:50%; left:50%; transform:translate(-50%,-50%); display:block; }

/* ARROWS & SPLIDE */
body .splide__list { transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1); }
body .splide--draggable>.splide__track>.splide__list>.splide__slide { vertical-align: top; }
body .splide__arrow { background:transparent; position:absolute; opacity: 1; border:1px solid var(--bggrey_mid); width:42px; height:42px; z-index:9; }
body .splide__arrow svg { width:100%; height:100%; position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); }
body .splide__arrow .cls-2 {  }
body .splide__arrow--prev svg { left: calc(50% - 1px); }
body .splide__arrow--next svg { left: calc(50% + 1px); }
body .splide__arrow--prev { left: 0px; }
body .splide__arrow--next { right: 0px; }
body .splide__arrow:disabled { display:none; }
@media screen and (min-width:1390px) { body .splide__arrow--prev { left: 0px; } body .splide__arrow--next { right: 0px; } }
@media screen and (min-width:1200px) { body .splide__arrow { transition:all 200ms ease; } body .splide__arrow:hover { opacity: 1 !important;  } }
@media screen and (max-width:1389px) { body .splide__arrow--prev { left: -14px; } body .splide__arrow--next { right: -14px; } }
@media screen and (max-width: 1024px) { body .splide__arrow { width: 36px; height: 36px;  } }
@media screen and (max-width: 500px) { body .splide__arrow { width: 32px; height: 32px;  } }


body.pixiedust .splide__arrow { background:#fff; border-radius: 50%; box-shadow: 0 0 12px -6px var(--grey); transition: all 200ms ease; border:1px solid var(--black); }
body.pixiedust .splide__arrow:hover { box-shadow: 0 0 12px -4px #000; }
body.pixiedust .splide__arrow svg { width: 42%;  }

body.pixiedust #pixie-giftwrap-container .splide__arrow--prev { left: 10px; }
body.pixiedust #pixie-giftwrap-container .splide__arrow--next { right: 10px; }

@media screen and (min-width: 1390px) {
	body.pixiedust .splide__arrow--prev { left: -21px; }
	body.pixiedust .splide__arrow--next { right: -21px; }
  body.pixiedust div.splide { max-width:1830px; min-width: 0; margin-left: auto; margin-right: auto; }
}



/* ANIMATIONS */
@view-transition {
        navigation: auto;
    }

/* STRUCTURAL - TO DO - FIND IN CONFIG */
html { max-width: 100vw; overflow-x:hidden; color:var(--black); }
form legend, fieldset legend { color:var(--black); }
main.page-main { width: 100%; }
body { overflow-x:hidden; width:100vw; overflow-y:scroll; }
body.pixiedust { color:var(--black); font-family: var(--font_standard); }
body .text-primary { color:var(--black); }
.page-wrapper { position: relative;  }
.cms-index-index .columns { gap:0; }
.cms-index-index .page-main { margin:0; }
.breadcrumbs { max-width:1880px; width:100%; margin:auto; padding:0 20px; font-size: 12px; text-transform:uppercase; }
body.pixiedust .breadcrumbs li, body.pixiedust .breadcrumbs span, body.pixiedust .breadcrumbs .text-sm { font-size:12px; }
body.pixiedust .breadcrumbs li:last-child {  }
.cms-page-view .breadcrumbs { max-width:1865px; }


@media screen and (min-width: 1370px) {
	body .page-wrapper .container { box-sizing: border-box; }
	body .page-wrapper .columns { box-sizing: border-box; padding-left:20px; padding-right:20px; margin-left:auto; margin-right:auto;  }
}

@media screen and (min-width: 1905px) {
	.breadcrumbs { max-width:1865px !important; }
  body .page-wrapper .container { max-width: 1865px !important;  }
  body .page-wrapper .columns { max-width: 1865px !important; }
}

@media screen and (max-width: 1904px) {

  .breadcrumbs { max-width:100% !important; }
  body .page-wrapper .container { max-width: 100% !important; padding:0 20px; }
  body .page-wrapper .columns { max-width: 100% !important; padding:0; }
}

@media screen and (max-width: 1269px) {
  body .page-wrapper .columns { padding-left:20px; padding-right:20px; }
}

@media screen and (max-width:1370px) {
	body .columns { max-width:100%; }

}

/* B2B TEASERS */
.pm-b2b-guest { display:flex; align-items:center; line-height:1; min-height:22px; background:url(../images/assets/stock/stock-status-large-trade.svg) no-repeat center left 1px / 21px; color:var(--blue_alt_3); font-size:14px; padding-left:28px; font-weight:600; }
.product-item .pm-b2b-guest { font-size: 12px; padding-left:24px; background-size: 18px; }