/** Generated by FG **/
@font-face {
	font-family: 'Conv_evileye-Cursive';
	src: url('fonts/evileye-Cursive.eot');
	src: local('☺'), url('fonts/evileye-Cursive.woff') format('woff'), url('fonts/evileye-Cursive.ttf') format('truetype'), url('fonts/evileye-Cursive.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'PT Sans';
	src: url('fonts/PTSans-Regular.eot.eot');
	src: local('☺'), url('fonts/PTSans-Regular.woff') format('woff'), url('fonts/PTSans-Regular.ttf') format('truetype'), url('fonts/PTSans-Regular.svg') format('svg');
	font-weight: normal;
    font-style: normal;
}

:root {

  --font-primary:'Conv_evileye-Cursive';
  --font-secondary:"PT Sans",sans-serif;
   --scale:1;
   
	/* font */
  --font-8: calc(8px * var(--scale));
  --font-10: calc(10px * var(--scale));
  --font-11: calc(11px * var(--scale));
  --font-12: calc(12px * var(--scale));
  --font-13: calc(13px * var(--scale));
  --font-14: calc(14px * var(--scale));
  --font-15: calc(15px * var(--scale));
  --font-16: calc(16px * var(--scale));
  --font-18: calc(18px * var(--scale));
  --font-20: calc(20px * var(--scale));
  --font-22: calc(22px * var(--scale));
  --font-24: calc(24px * var(--scale));
  --font-26: calc(26px * var(--scale));
  --font-28: calc(28px * var(--scale));
  --font-30: calc(30px * var(--scale));
  --font-32: calc(32px * var(--scale));
  --font-36: calc(36px * var(--scale));

  /* DBUEENEU-262 start - sizes component CSS already used as raw px */
  --font-17: calc(17px * var(--scale));
  --font-19: calc(19px * var(--scale));
  --font-21: calc(21px * var(--scale));
  --font-23: calc(23px * var(--scale));
  --font-34: calc(34px * var(--scale));
  --font-38: calc(38px * var(--scale));
  --font-42: calc(42px * var(--scale));
  --font-46: calc(46px * var(--scale));
  --font-54: calc(54px * var(--scale));
  --font-60: calc(60px * var(--scale));
  --font-64: calc(64px * var(--scale));
  --font-72: calc(72px * var(--scale));
  /* DBUEENEU-262 end */

    /* COLORS */
  --primary: #ee2737;
  --black:#000000;
  --white: #ffffff;
  --grey: #484F54;
  --mid-light: #808080;
  --light: #ABABAB;

  /* DBUEENEU-262 - what .text-black actually resolves to. Kept separate from --black
     so dark mode can repoint the text utility without touching the colour token that
     backgrounds and borders across the site also read. Flipped at runtime by
     applyTextBlackColor() in c/eed2c_userPreferences. */
  --text-black-color: var(--black);

  /* DBUEENEU-262 */
  --icon-theme-filter: none;

  /* DBUEENEU-262 - high contrast accent, from the UX reference. Deliberately NOT a
     repoint of --primary: the reference has four tokens, whereas --primary here also
     paints button and badge backgrounds, and white-on-yellow is 1.07:1. Links and focus
     rings take this; brand fills keep the red. */
  --contrast-accent: #ffff00;

  /* SPACING SYSTEM */

  --space-0: 0;
  --space-1: 1px;
  --space-2: 2px;
  --space-3: 3px;
  --space-4: 4px;
  --space-5: 5px;
  --space-6: 6px;
  --space-7: 7px;
  --space-8: 8px;
  --space-9: 9px;
  --space-10: 10px;
 
  /* BORDER */
  --radius-2: 2px;
  --radius-4: 4px;
  --radius-6: 6px;
  --radius-8: 8px;
  --radius-10: 10px;
  --radius-12: 12px;

  /* CLAMP */
  --clamp-8-10: clamp(0.5rem, 0.4429rem, 0.625rem);
  --clamp-10-14: clamp(0.625rem, 0.5107rem, 0.875rem);
  --clamp-10-13: clamp(10px, 0.3vw, 13px);
  --clamp-12-16: clamp(0.75rem, 0.6357rem, 1rem);
  --clamp-13-18: clamp(13px, 0.52vw, 18px);
  --clamp-14-18: clamp(0.875rem, 0.8125rem, 1.125rem);
  --clamp-16-20: clamp(1rem, 0.9375rem, 1.25rem);
  --clamp-16-24: clamp(1rem, 0.8571rem, 1.5rem);
  --clamp-18-22: clamp(1.125rem, 1.0107rem, 1.375rem);
  --clamp-18-26: clamp(18px, 0.8vw, 26px);
  --clamp-20-32: clamp(1.25rem, 1.0357rem + 1.0714vw, 2rem);
  --clamp-24-28: clamp(1.5rem, 1rem, 1.75rem);
  --clamp-28-32: clamp(1.75rem, 1.6357rem, 2rem);
  --clamp-32-36: clamp(2rem, 1.8857rem, 2.25rem);
  --clamp-32-56: clamp(2rem, 1.5714rem, 3.5rem);

  /* DBUEENEU-262 start - scale-aware twin of every clamp above.*/
  --scaled-clamp-8-10: calc(var(--clamp-8-10) * var(--scale));
  --scaled-clamp-10-14: calc(var(--clamp-10-14) * var(--scale));
  --scaled-clamp-10-13: calc(var(--clamp-10-13) * var(--scale));
  --scaled-clamp-12-16: calc(var(--clamp-12-16) * var(--scale));
  --scaled-clamp-13-18: calc(var(--clamp-13-18) * var(--scale));
  --scaled-clamp-14-18: calc(var(--clamp-14-18) * var(--scale));
  --scaled-clamp-16-20: calc(var(--clamp-16-20) * var(--scale));
  --scaled-clamp-16-24: calc(var(--clamp-16-24) * var(--scale));
  --scaled-clamp-18-22: calc(var(--clamp-18-22) * var(--scale));
  --scaled-clamp-18-26: calc(var(--clamp-18-26) * var(--scale));
  --scaled-clamp-20-32: calc(var(--clamp-20-32) * var(--scale));
  --scaled-clamp-24-28: calc(var(--clamp-24-28) * var(--scale));
  --scaled-clamp-32-36: calc(var(--clamp-32-36) * var(--scale));
  --scaled-clamp-32-56: calc(var(--clamp-32-56) * var(--scale));
  /* DBUEENEU-262 end */
}


body {
  background:var(--white);
  transition: font-size 0.3s ease;
}

/* Dark Mode */
body.dark-mode{
  background:var(--black);
  color:#f5f5f5;
}

/* High Contrast Mode */
body.contrast-mode{
  background:var(--black);
  color:#ffffff;
}

a:focus, a:hover{
	text-decoration:none;	
}

/* Toolbar */
.font-controls{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}

.font-controls button{
  padding:6px 10px;
  font-size: var(--font-14) /* DBUEENEU-262 */;
  cursor:pointer;
  background:none; border: none;
}

.font-controls .small{font-size: var(--font-12) /* DBUEENEU-262 */}
.font-controls .default{font-size: var(--font-14) /* DBUEENEU-262 */}
.font-controls .large{font-size: var(--font-16) /* DBUEENEU-262 */}



/* Headings */
h1{font-size:var(--font-32)}
h2{font-size:var(--font-26)}
h3{font-size:var(--font-24)}
h4{font-size:var(--font-20)}
h5{font-size:var(--font-18)}
h6{font-size:var(--font-16)}

.evileye-Cursive{
	font-family:var(--font-primary);
}

.pt-sans-regular {
  font-family:var(--font-secondary);
  font-weight:400;
  font-style:normal
}

.pt-sans-bold {
  font-family:var(--font-secondary);
  font-weight:700;
  font-style:normal
}

.pt-sans-regular-italic {
  font-family:var(--font-secondary);
  font-weight:400;
  font-style:italic
}

.pt-sans-bold-italic {
  font-family:var(--font-secondary);
  font-weight:700;
  font-style:italic
}

/* Font utility classes */
.font-8{font-size:var(--font-8)}
.font-10{font-size:var(--font-10)}
.font-11{font-size:var(--font-11)}
.font-12{font-size:var(--font-12)}
.font-13{font-size:var(--font-13)}
.font-14{font-size:var(--font-14)}
.font-15{font-size:var(--font-15)}
.font-16{font-size:var(--font-16)}
.font-18{font-size:var(--font-18)}
.font-20{font-size:var(--font-20)}
.font-22{font-size:var(--font-22)}
.font-24{font-size:var(--font-24)}
.font-26{font-size:var(--font-26)}
.font-28{font-size:var(--font-28)}
.font-30{font-size:var(--font-30)}
.font-32{font-size:var(--font-32)}
.font-36{font-size:var(--font-36)}

/* CLAMPED FONT SIZES */
.font-size-8-10 {font-size: var(--scaled-clamp-8-10) /* DBUEENEU-262 */}   
.font-size-10-13 {font-size: var(--scaled-clamp-10-13) /* DBUEENEU-262 */}   
.font-size-10-14 {font-size: var(--scaled-clamp-10-14) /* DBUEENEU-262 */}   
.font-size-12-16 {font-size: var(--scaled-clamp-12-16) /* DBUEENEU-262 */}   
.font-size-13-18 {font-size: var(--scaled-clamp-13-18) /* DBUEENEU-262 */}   
.font-size-14-18 {font-size: var(--scaled-clamp-14-18) /* DBUEENEU-262 */}   
.font-size-16-20 {font-size: var(--scaled-clamp-16-20) /* DBUEENEU-262 */}
.font-size-16-24 {font-size: var(--scaled-clamp-16-24) /* DBUEENEU-262 */}
.font-size-18-22 {font-size: var(--scaled-clamp-18-22) /* DBUEENEU-262 */}
.font-size-18-26 {font-size: var(--scaled-clamp-18-26) /* DBUEENEU-262 */}
.font-size-20-32 {font-size: var(--scaled-clamp-20-32) /* DBUEENEU-262 */}
.font-size-24-28 {font-size: var(--scaled-clamp-24-28) /* DBUEENEU-262 */}
.font-size-32-36 {font-size: var(--scaled-clamp-32-36) /* DBUEENEU-262 */}
.font-size-32-56 {font-size: var(--scaled-clamp-32-56) /* DBUEENEU-262 */}

/*--comman section font sizes classes--*/
.hero-section-title {
	font-size: calc(clamp(3.5rem, 4vw, 3.75rem) * var(--scale, 1)) /* DBUEENEU-262 */; /* 56px → 60px */
	line-height: 1.1;
	font-family: var(--font-primary);
}

.section-main-title {
	font-size: calc(clamp(3rem, 3.5vw, 3.375rem) * var(--scale, 1)) /* DBUEENEU-262 */; /* 48px → 54px */
	line-height: 1;
	font-family: var(--font-primary);
}
 
.section-title {
	font-size: calc(clamp(2rem, 2.5vw, 2.25rem) * var(--scale, 1)) /* DBUEENEU-262 */; /* 32px → 36px */
	line-height: 1.2;
	font-family: var(--font-primary);
}

.section-heading { 
	font-size: calc(clamp(1.75rem, 2vw, 2rem) * var(--scale, 1)) /* DBUEENEU-262 */; /* 28px → 32px */
	line-height: 1.4;
	font-family: var(--font-primary);
}

.section-sub-heading {
	font-size: calc(clamp(1.5rem, 1.8vw, 2rem) * var(--scale, 1)) /* DBUEENEU-262 */; /* 24px → 32px */
	line-height: 1.3;
	font-family: var(--font-primary);
}
 
.section-sub-headingptsans {
	font-size: calc(clamp(1.5rem, 1.8vw, 2rem) * var(--scale, 1)) /* DBUEENEU-262 */; /* 24px → 32px */
	line-height: 1.2;
	font-family: var(--font-secondary);
}
 
.section-sub-title {
	font-size: calc(clamp(1.125rem, 1.5vw, 1.313rem) * var(--scale, 1)) /* DBUEENEU-262 */; /* 18px → 21px */
	line-height: 1.4;
	font-family: var(--font-primary);
}

.section-sub-titleptsans {
	font-size: calc(clamp(1.125rem, 1.5vw, 1.313rem) * var(--scale, 1)) /* DBUEENEU-262 */; /* 18px → 21px */
	line-height: 1.4;
	font-family: var(--font-secondary);
}


.section-description {
	font-size: calc(clamp(1rem, 1.8vw, 1.375rem) * var(--scale, 1)) /* DBUEENEU-262 */; /* 16px → 22px */
	line-height: 1.1;
	font-family: var(--font-primary);
}
 
.section-paragraph-font-primary {
	font-size: calc(clamp(1rem, 1.2vw, 1.188rem) * var(--scale, 1)) /* DBUEENEU-262 */; /* 16px → 19px */
	line-height: 1.2;
	font-family: var(--font-primary);
}
 
.section-paragraph-font-secondary {
	font-size: calc(clamp(1rem, 1.2vw, 1.188rem) * var(--scale, 1)) /* DBUEENEU-262 */; /* 16px → 19px */
	line-height: 1.2;
	font-family: var(--font-secondary);
}

/*--Added by Rajat Nil--*/
/* ─────────────────────────────────────────────────────────
   16px / 24px
   Desktop → 16px to 24px
   Mobile  → 16px
───────────────────────────────────────────────────────── */

.section-body-large {
    font-size: calc(clamp(1rem, 1.8vw, 1.5rem) * var(--scale, 1)) /* DBUEENEU-262 */; /* 16px → 24px */
    line-height: 1.1;
    font-family: var(--font-primary);
}

/* ─────────────────────────────────────────────────────────
   18px / 26px
   Desktop → 18px to 26px
   Mobile  → 18px
───────────────────────────────────────────────────────── */

.section-title-medium {
    font-size: calc(clamp(1.125rem, 2vw, 1.625rem) * var(--scale, 1)) /* DBUEENEU-262 */; /* 18px → 26px */
    line-height: 1.2;
    font-family: var(--font-primary);
}

/* ─────────────────────────────────────────────────────────
   14px / 17px
   Desktop → 14px to 17px
   Mobile  → 14px
───────────────────────────────────────────────────────── */

.section-caption-small {
    font-size: calc(clamp(0.875rem, 1.2vw, 1.063rem) * var(--scale, 1)) /* DBUEENEU-262 */; /* 14px → 17px */
    line-height: 1.1;
    font-family: var(--font-secondary);
}

/* ─────────────────────────────────────────────────────────
   16px / 20px
   Desktop → 16px to 20px
   Mobile  → 16px
───────────────────────────────────────────────────────── */

.section-sub-copy {
    font-size: calc(clamp(1rem, 1.5vw, 1.25rem) * var(--scale, 1)) /* DBUEENEU-262 */; /* 16px → 20px */
    line-height: 1.35;
    font-family: var(--font-secondary);
}

/* ─────────────────────────────────────────────────────────
   24px / 32px
   Desktop → 24px to 32px
   Mobile  → 24px
───────────────────────────────────────────────────────── */

.section-heading-large {
    font-size: calc(clamp(1.5rem, 2.5vw, 2rem) * var(--scale, 1)) /* DBUEENEU-262 */; /* 24px → 32px */
    line-height: 1.1;
    font-family: var(--font-primary);
}

/* ─────────────────────────────────────────────────────────
   11px / 14px
   Desktop → 11px to 14px
   Mobile  → 11px
───────────────────────────────────────────────────────── */

.section-label-small {
    font-size: calc(clamp(0.688rem, 1vw, 0.875rem) * var(--scale, 1)) /* DBUEENEU-262 */; /* 11px → 14px */
    line-height: 1.1;
    font-family: var(--font-secondary);
}

/* ─────────────────────────────────────────────────────────
   11px / 14px
   Desktop → 11px to 14px
   Mobile  → 11px
───────────────────────────────────────────────────────── */

.section-label-smallevileye {
    font-size: calc(clamp(0.688rem, 1vw, 0.875rem) * var(--scale, 1)) /* DBUEENEU-262 */; /* 11px → 14px */
    line-height: 1.1;
    font-family: var(--font-primary) !important;
    font-weight: 100;
}

/* ─────────────────────────────────────────────────────────
   14px / 19px Evil Eye
   Desktop → 14px to 19px
   Mobile  → 14px
───────────────────────────────────────────────────────── */

.section-text-medium {
    font-size: calc(clamp(0.875rem, 1.4vw, 1.188rem) * var(--scale, 1)) /* DBUEENEU-262 */; /* 14px → 19px */
    line-height: 1.1;
    font-family: var(--font-primary);
}

/* ─────────────────────────────────────────────────────────
   14px / 19px PT Sans
   Desktop → 14px to 19px
   Mobile  → 14px
───────────────────────────────────────────────────────── */

.section-text-mediumptsans {
    font-size: calc(clamp(0.875rem, 1.4vw, 1.188rem) * var(--scale, 1)) /* DBUEENEU-262 */; /* 14px → 19px */
    line-height: 1.1;
    font-family: var(--font-secondary);
}
/* ─────────────────────────────────────────────────────────
   16px / 22px
   Desktop → 16px to 22px
   Mobile  → 16px
───────────────────────────────────────────────────────── */

.section-copy-large {
    font-size: calc(clamp(1rem, 1.6vw, 1.375rem) * var(--scale, 1)) /* DBUEENEU-262 */; /* 16px → 22px */
    line-height: 1.1;
    font-family: var(--font-primary);
}

/* ─────────────────────────────────────────────────────────
   14px / 20px
   Desktop → 14px to 20px
   Mobile  → 14px
───────────────────────────────────────────────────────── */

.section-paragraph-medium {
    font-size: calc(clamp(0.875rem, 1.5vw, 1.25rem) * var(--scale, 1)) /* DBUEENEU-262 */; /* 14px → 20px */
    line-height: 1.1;
    font-family: var(--font-primary);
}

/* ─────────────────────────────────────────────────────────
   21px / 29px
   Desktop → 21px to 29px
   Mobile  → 21px
───────────────────────────────────────────────────────── */

.section-heading-medium-large {
    font-size: calc(clamp(1.313rem, 2.2vw, 1.813rem) * var(--scale, 1)) /* DBUEENEU-262 */; /* 21px → 29px */
    line-height: 1.1;
    font-family: var(--font-primary);
}


/* small desktop */
/* @media only screen and (max-width: 1440px) {
 
	.hero-section-title {
		font-size: clamp(2.625rem, 3vw, 3rem);
	}
 
} */
 
/* Tablet */
@media only screen and (max-width: 991px) {
 
	.hero-section-title {
		font-size: calc(clamp(2.75rem, 6vw, 3.25rem) * var(--scale, 1)) /* DBUEENEU-262 */;
	}
 
	.section-title,
  .section-main-title {
		font-size: calc(clamp(1.75rem, 4vw, 2rem) * var(--scale, 1)) /* DBUEENEU-262 */;
	}

.section-sub-heading,
  .section-heading  { 
	  font-size: calc(clamp(1.5rem, 2vw, 1.75rem) * var(--scale, 1)) /* DBUEENEU-262 */; /* 24px → 28px */
	}
 
	.section-sub-title {
		font-size: calc(clamp(1rem, 2vw, 1.125rem) * var(--scale, 1)) /* DBUEENEU-262 */;
	}
 
	.section-paragraph-font-primary,
	.section-paragraph-font-secondary {
		font-size: calc(clamp(0.938rem, 1.8vw, 1rem) * var(--scale, 1)) /* DBUEENEU-262 */;
	}
}
 
/* Mobile */
@media only screen and (max-width: 767px) {
 
	.hero-section-title {
		font-size: var(--font-30) /* DBUEENEU-262 */;
		line-height: 1.2;
	}

  .font-11-mobile {
    font-size: var(--font-11)!important;
  }

  .font-14-mobile {
    font-size: var(--font-14)!important;
  }

  .no-padding-mobile {
    padding:0 !important;
  }
 
	.section-title {
		font-size: var(--font-18) /* DBUEENEU-262 */;
		line-height: 1.3;
	}

  .section-heading, .section-main-title { 
	  font-size: var(--font-21) /* DBUEENEU-262 */;
	}

.section-sub-heading {
  font-size: var(--font-22) /* DBUEENEU-262 */;
}
 
	.section-sub-title {
		font-size: var(--font-16) /* DBUEENEU-262 */;
		line-height: 1.4;
	}
 
	.section-paragraph-font-primary,
	.section-paragraph-font-secondary {
		font-size: var(--font-14) /* DBUEENEU-262 */;
		line-height: 1.5;
	}
    
  /*--Added by Rajat Nil--*/
    .section-body-large {
      font-size: var(--font-16) /* DBUEENEU-262 */;
      line-height: 1.4;
  }

  .section-title-medium {
      font-size: var(--font-18) /* DBUEENEU-262 */;
      line-height: 1.4;
  }

  .section-caption-small {
      font-size: var(--font-14) /* DBUEENEU-262 */;
      line-height: 1.3;
  }

  .section-sub-copy {
      font-size: var(--font-16) /* DBUEENEU-262 */;
      line-height: 1.35;
  }

  .section-heading-large {
      font-size: var(--font-24) /* DBUEENEU-262 */;
      line-height: 1.3;
  }

  .section-label-small {
      font-size: var(--font-11) /* DBUEENEU-262 */;
      line-height: 1.3;
  }

  .section-text-medium {
      font-size: var(--font-14) /* DBUEENEU-262 */;
      line-height: 1.4;
  }

  .section-copy-large {
      font-size: var(--font-16) /* DBUEENEU-262 */;
      line-height: 1.4;
  }

  .section-paragraph-medium {
      font-size: var(--font-14) /* DBUEENEU-262 */;
      line-height: 1.5;
  }

  .section-heading-medium-large {
      font-size: var(--font-21) /* DBUEENEU-262 */;
      line-height: 1.35;
  }

  c-eed2c_product-details .parent-container {
    flex-direction: column!important;
  }
  
  c-eed2c_product-details .parent-container > div:first-child {
    min-height: 70vh;
  }

  .back-to-overview-arrow {
    width: 7vw;
  }
  
  .negative-margin {
    margin-left: -0.3rem!important;
  }
  
  c-eed2c_product-details .wishlist-image {
    display: block;
    width: 8vw;
  }
  
  c-eed2c_product-details .back-button-wishlist-container {
    display: flex;
    justify-content: space-between;
  }

  .mobile-only {
    display: block;
  }
  
  .mobile-bg-grey {
    background: #e5e5e5;
    margin-bottom: -2px;
    padding-top: 5px;
  }
}
/*--comman section font sizes classes--*/

.title {
font-family:var(--font-primary)
}

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

.font-normal {
font-weight:normal;
}

.bg-primary {
background:var(--primary)
}

.bg-black {
background:var(--black);
}

.bg-white {
background:var(--white);
}

.bg-grey {
background:var(--grey);
}
.bg-grey-light {
background:var(--light);
}

.text-primary {
color:var(--primary);
}

.text-black {
color:var(--text-black-color); /* DBUEENEU-262 - was var(--black); see the token in :root */
}

.text-white {
color:var(--white);
}

.text-grey {
color:var(--grey);
}

.text-mid-grey {
  color:var(--mid-light);
}

.text-grey-light {
color:var(--light);
}


.border-primary{
	border-color:var(--primary)!important;
}

.border-black{
	border-color:var(--border-black)!important;
}

.border-white{
	border-color:var(--white)!important;
}
.border-grey{
	border-color:var(--grey)!important;
}
.border-grey-light{
	border-color:var(--grey-light)!important;
}

.border{border:solid 1px var(--grey);}
.border-top{border-top:solid 1px;}
.border-right{border-right:solid 1px;}
.border-bottom{border-bottom:solid 1px;}
.border-left{border-left:solid 1px;}


.text-center {
text-align:center
}

.text-left {
text-align:left
}

.text-right {
text-align:right
}


.rotate90{
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
display: inline-block;
}
.rotate180{
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
display: inline-block;
}

.rotate345{
-moz-transform: rotate(345deg);
-webkit-transform: rotate(345deg);
-o-transform: rotate(345deg);
-ms-transform: rotate(345deg);
transform: rotate(345deg);
display: inline-block;
}


/* PADDING ALL SIDES */

.p-0{padding:var(--space-0);}
.p-1{padding:var(--space-1);}
.p-2{padding:var(--space-2);}
.p-3{padding:var(--space-3);}
.p-4{padding:var(--space-4);}
.p-5{padding:var(--space-5);}
.p-6{padding:var(--space-6);}
.p-10{padding:var(--space-10);}

/* PADDING TOP */

.pt-1{padding-top:var(--space-1);}
.pt-2{padding-top:var(--space-2);}
.pt-3{padding-top:var(--space-3);}
.pt-4{padding-top:var(--space-4);}
.pt-5{padding-top:var(--space-5);}
.pt-6{padding-top:var(--space-6);}
.pt-7{padding-top:var(--space-7);}
.pt-8{padding-top:var(--space-8);}
.pt-9{padding-top:var(--space-9);}
.pt-10{padding-top:var(--space-10);}

/* PADDING BOTTOM */

.pb-1{padding-bottom:var(--space-1);}
.pb-2{padding-bottom:var(--space-2);}
.pb-3{padding-bottom:var(--space-3);}
.pb-4{padding-bottom:var(--space-4);}

/* PADDING LEFT / RIGHT */

.px-1{
padding-left:var(--space-1);
padding-right:var(--space-1);
}

.px-2{
padding-left:var(--space-2);
padding-right:var(--space-2);
}

.py-2{
padding-top:var(--space-2);
padding-bottom:var(--space-2);
}


.py-3{
padding-top:var(--space-3);
padding-bottom:var(--space-3);
}


.py-4{
padding-top:var(--space-4);
padding-bottom:var(--space-4);
}


.py-5{
padding-top:var(--space-5);
padding-bottom:var(--space-5);
}

.py-10{
padding-top:var(--space-10);
padding-bottom:var(--space-10);
}
/* MARGIN ALL */

.m-0{margin:var(--space-0);}
.m-1{margin:var(--space-1);}
.m-2{margin:var(--space-2);}
.m-3{margin:var(--space-3);}
.m-4{margin:var(--space-4);}
.m-5{margin:var(--space-5);}

/* MARGIN TOP */

.mt-1{margin-top:var(--space-1);}
.mt-2{margin-top:var(--space-2);}
.mt-3{margin-top:var(--space-3);}
.mt-4{margin-top:var(--space-4);}
.mt-5{margin-top:var(--space-5);}
.mt-6{margin-top:var(--space-6);}
.mt-7{margin-top:var(--space-7);}
.mt-8{margin-top:var(--space-8);}
.mt-9{margin-top:var(--space-9);}
.mt-10{margin-top:var(--space-10);}

/* MARGIN BOTTOM */

.mb-1{margin-bottom:var(--space-1);}
.mb-2{margin-bottom:var(--space-2);}
.mb-3{margin-bottom:var(--space-3);}
.mb-4{margin-bottom:var(--space-4);}

/* MARGIN LEFT RIGHT */

.mx-auto{
margin-left:auto;
margin-right:auto;
}


/* Form */


.btn-primary {
background:var(--primary);
color:var(--white);
border:solid 1px var(--primary)
}

.btn-primary:hover {
background:var(--white)!important;
color:var(--primary)!important;
border:solid 1px var(--primary)
}

.btn-primary .btn-icon path {
  stroke: var(--white);
  transition: stroke 0.1s;
}

.btn-primary:hover .btn-icon path {
  stroke:var(--primary);;
}


.btn-primary-outline-black {
background:none;
color:var(--black);
border:solid 1px var(--primary)
}
.btn-primary-outline-black:hover {
  background:var(--primary)!important;
  color:var(--white)!important;
  border:solid 1px var(--primary)!important;
}

.btn-primary-outline-black .btn-icon path {
  stroke: var(--grey);
  transition: stroke 0.1s;
}

/*-----Dark theme----*/
.dark-mode .btn-primary-outline-black {
background:none;
color:var(--white);
border:solid 1px var(--primary)
}
.dark-mode .btn-primary-outline-black:hover {
background:var(--primary);
color:var(--white);
border:solid 1px var(--primary)
}

.dark-mode .btn-primary-outline-black .btn-icon path {
  stroke: var(--grey);
  transition: stroke 0.1s;
}

.dark-mode .btn-primary-outline-black:hover .btn-icon path {
  stroke:var(--white);
}




/*-----Dark theme----*/

.btn-primary-outline-black:hover .btn-icon path {
  stroke:var(--white);
}

.btn-primary-outline-white {
background:none;
color:var(--white);
border:solid 1px var(--primary)
}
.btn-primary-outline-white:hover {
background:var(--primary);
color:var(--white);
border:solid 1px var(--primary)
}

.btn-primary-outline-white .btn-icon path {
  stroke: var(--grey);
  transition: stroke 0.1s;
}

.btn-primary-outline-white:hover .btn-icon path {
  stroke:var(--white);
}



.btn-grey{
background:var(--grey);;
color:var(--white);
border:solid 1px var(--grey)
}

.btn-grey-outline{
background:none;
color:var(--grey);
border:solid 1px var(--grey)
}

.btn-grey-light{
background:var(--light);;
color:var(--white);
border:solid 1px var(--grey-light)
}

.btn-grey-light-outline{
background:none;
color:var(--light);
border:solid 1px var(--grey-light)
}

.btn-primary-outline-grey {
  background: none;
  color: var(--grey-light);
  border: solid 1px var(--primary);
}

.btn-white{
background:var(--white);
color:var(--black);
border:solid 1px var(--border-black)
}
.btn-white .btn-icon path {
  stroke: var(--grey);
  transition: stroke 0.3s;
}

.btn-white:hover .btn-icon path {
  stroke:var(--grey);;
}

.btn-white-outline{
background:none;
color:var(--white);
border:solid 1px var(--white)
}

.btn-white-outline .btn-icon path {
  stroke: var(--grey);
  transition: stroke 0.3s;
}

.btn-white-outline:hover .btn-icon path {
  stroke:var(--grey);
}


.btn-black-outline .btn-icon path {
  stroke: var(--primary);
  transition: stroke 0.3s;
}

.btn-black-outline:hover .btn-icon path {
  stroke:var(--grey);;
}


.btn-grey-redicon{
background:var(--grey);
color:var(--white);
border:solid 1px var(--grey)
}

.btn-black-outline .btn-icon path {
  stroke: var(--primary);
  transition: stroke 0.3s;
}

.btn-grey-redicon-outline{
background:none;
color:var(--white);
border:solid 1px var(--grey)
}

.btn-grey-redicon-outline .btn-icon path {
  stroke: var(--primary);
  transition: stroke 0.3s;
}

.btn-selection{
background:none;
color:var(--primary);
border:solid 1px var(--grey);
}

.btn-selection .btn-icon path {
  stroke: var(--grey);
  transition: stroke 0.3s;
}

.btn-secondary-pdp {
  cursor:pointer;
  border-radius:var(--radius-4);
  font-family:var(--font-secondary);
  border: solid 1px var(--primary);
}

.btn-secondary-pdp:hover {
  background:var(--primary);
  color:var(--white);
  border:solid 1px var(--white)
}

.btn {
  cursor:pointer;
  border-radius:var(--radius-4);
  font-family:var(--font-primary);
}

.btn-secondary {
  cursor:pointer;
  border-radius:var(--radius-4);
  /* font-family:var(--font-primary); */
  font-family:var(--font-secondary);
  font-size:var(--font-16);
}



.btn-icon{
	height: 16px;
    vertical-align: middle;
    margin: 0px 3px;
}

.btn-icon-small {
  height: 12px;
  vertical-align: middle;
  margin: 0px 3px;
}

.btn-xs {
  padding:var(--space-4) var(--space-6);
  font-size:var(--font-12);
}

.btn-sm {
  padding:var(--space-6) var(--space-6);
  font-size:var(--font-14);
}

.btn-md {
padding:var(--space-8) var(--space-10);
font-size:var(--font-16);
}

/*-----------------links---------------------*/

.link {
cursor:pointer;
border-radius:var(--radius-4);
font-family:var(--font-primary);
font-size:var(--font-16);
text-decoration: none;
}

.link-icon{
	height: 16px;
    vertical-align: middle;
    margin: 0px 3px;
}


.link-primary-white {
background:none;
color:var(--white);
border: 0px;
}
.link-primary-white:hover {
background:none;
color:var(--primary);
border: 0px;
}

.link-primary-white .btn-icon path {
  stroke: var(--grey);
  transition: stroke 0.1s;
}

.link-primary-white:hover .btn-icon path {
  stroke:var(--primary);
}


.hyper-link{
font-family: "PT Sans", sans-serif;
cursor:pointer;
border: 0;
font-size:var(--font-14);
text-decoration: none;	
background:none;
}

.hyper-link-icon{
	height: 16px;
    vertical-align: middle;
    margin: 0px 3px;
}

.hyper-link-black{
	color:var(--black);
}

.hyper-link-black .link-icon path {
  stroke: var(--primary);
  transition: stroke 0.1s;
}

.hyper-link-black:hover .link-icon path {
  stroke:var(--primary);
}

.hyper-link-grey{
	color:var(--grey);
}

.hyper-link-grey .link-icon path {
  stroke: var(--grey);
  transition: stroke 0.1s;
}

.hyper-link-grey:hover .link-icon path {
  stroke:var(--grey);
}


.icon-sm{
	width:40px;
}
.icon-md{
		width:60px;
	
}
.icon-grey{
	filter: invert(.7);
}

/* DBUEENEU-262 */
.icon-adaptive{
	filter: var(--icon-theme-filter);
}

/*-----------------links---------------------*/

.form-input{
    border:solid 1px #808080;
	padding:var(--space-6);	
	border-radius:var(--radius-4);
	font-size:var(--font-14);
	font-family:var(--font-secondary);
	background:none;
}

.form-select{
    border:solid 1px #808080;
	padding:var(--space-6);	
	border-radius:var(--radius-4);
	font-size:var(--font-14);
	font-family:var(--font-secondary);
	transition:0.2s;
	background:none;
}

.form-select option:hover {
    /* Simulates a red background color */
    box-shadow: 0 0 10px 100px red inset !important;
    color: white; /* Ensures text is readable */
}


/*
.custom-select {
  position: relative;
  width: 200px;
  font-family: Arial;
}

.select-box {
  background: #f1f1f1;
  padding: 10px;
  border: 1px solid #ccc;
  cursor: pointer;
}

.options {
  display: none;
  border: 1px solid #ccc;
  border-top: none;
  background: white;
  position: absolute;
  width: 100%;
}

.option {
  padding: 10px;
  cursor: pointer;
}

.option:hover {
  background: #4CAF50;
  color: white;
}

*/

/*
.form-select:hover{
border-color:#ee2737;
background:#fff5f6;
}
.form-select:focus{
outline:none;
border-color:#ee2737;
box-shadow:0 0 0 2px rgba(238,39,55,0.2);
}
*/

/* Radio wrapper */

.radio{
display:flex;
align-items:center;
gap:8px;
cursor:pointer;
font-size:var(--font-14);
font-family:var(--font-secondary);
color:#808080;
}

/* Hide default radio */

.radio input{
display:none;
}

/* Custom circle */

.radio-custom{
width:18px;
height:18px;
border:1px solid #808080;
border-radius:50%;
position:relative;
transition:0.2s;
}

/* Inner dot */

.radio-custom::after{
content:"";
width:10px;
height:10px;
background:#ee2737;
border-radius:50%;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%) scale(0);
transition:0.2s;
}

/* Checked state */

.radio input:checked + .radio-custom::after{
transform:translate(-50%,-50%) scale(1);
}

/* Hover */

.radio:hover .radio-custom{
border-color:var(--primary);
}

/* Checkbox wrapper */

.checkbox{
display:flex;
align-items:center;
gap:8px;
cursor:pointer;
font-size:var(--font-14);
font-family:var(--font-secondary);
color:#808080;
}

/* Hide default checkbox */

.checkbox input{
display:none;
}

/* Checkbox box */

.checkbox-custom{
width:18px;
height:18px;
border:1px solid #808080;
border-radius:4px;
position:relative;
transition:0.2s;
}

/* Checkmark */

.checkbox-custom::after{
content:"";
position:absolute;
left:5px;
top:1px;
width:5px;
height:10px;
border:solid var(--checkbox-check-color, #ee2737);
border-width:0 2px 2px 0;
transform:rotate(45deg) scale(0);
transition:0.2s;
}

/* Checked state */

.checkbox input:checked + .checkbox-custom::after{
transform:rotate(45deg) scale(1);
}

/* Hover */

.checkbox:hover .checkbox-custom{
border-color:var(--primary);
}

/* Toggle Switch */


.switch {
  position: relative;
  display: inline-block;
  width: 56px;
  height: 28px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
   border:solid 1px var(--grey-light);
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
height: 20px;
    width: 20px;
    left: 4px;
  bottom: 4px;
  background-color: var(--primary);
  -webkit-transition: .4s;
  transition: .4s;
}

.switch input:checked + .slider {
  /* background-color: var(--primary); */
  border:solid 1px var(--grey-light);
}

.switch input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

.switch input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

/* Toggle Switch */





/* images */
.w-10{width:10%;}
.w-20{width:20%;}
.w-25{width:25%;}
.w-50{width:50%;}
.w-100{width:100%;}

.h-10vh{
	height:10vh;
}
.h-20vh{
	height:20vh;
}
.h-30vh{
	height:30vh;
}
.h-40vh{
	height:40vh;
}

.clip-top{
		 clip-path: polygon(0 35%, 100% 0, 100% 100%, 0% 100%);
}
.clip-bottom{
	    clip-path: polygon(0 0, 100% 0, 100% 75%, 0 100%);
}
.clip-right{
		clip-path: polygon(0 0, 80% 0, 100% 100%, 0% 100%);
}
.clip-left{
		clip-path: polygon(20% 0%, 100% 0, 100% 100%, 0% 100%);
}

/* images */

.clip-circle{
clip-path: circle(49.5% at 50% 40%);
}

.grayscale{
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}
.grayscale:hover{
-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
filter: grayscale(0%);
}

.section-bg{
  	height: 100vh;
  	background-image: 
	  linear-gradient(to right bottom, 
     rgba(76, 216, 255, 0.8),
     rgba(30, 108, 217, 0.8)),
     url('https://images.pexels.com/photos/213399/pexels-photo-213399.jpeg');
  	
	background-size: cover;
  	background-position: top;
  	position: relative;

  	clip-path: polygon(0 0, 100% 0, 100% 75vh, 0 100%);
}


.footer-bg{
    height: 50vh;
    background: linear-gradient(to right bottom, rgb(0 0 0 / 74%), rgb(0 0 0 / 68%)), url(images/imageFooter.jpg);
    background-size: cover;
    background-position: top;
    position: relative;
    clip-path: polygon(0 35%, 100% 0, 100% 100%, 0% 100%);
}

a[href]:hover {
	text-decoration: var(--primary) underline !important;
	text-underline-offset: 6px;
	text-decoration-thickness: 2px;
}

.hover-link {
  position: relative;
  text-decoration: none;
}
 
.hover-link::after {
	content: "";
    position: absolute;
    left: 0;
    bottom: 4px;
    width: 0;
    height: 1px;
    background: var(--primary);
    transition: width 0.2s ease;
}
 
.hover-link:hover::after {
  width: 100%;
}

.inner-container{
      max-width:1440px;
      margin:auto;
}

.inner-global-search input {
  font-family:var(--font-primary)!important;
}

.inner-global-search .slds-input {
  font-family:var(--font-primary)!important;}

.no-padding {
  padding: 0px!important;
}

.padding-left-4 {
  padding-left: 0.4rem!important;
}

.padding-right-4 {
  padding-right: 0.4rem!important;
}

.margin-auto {
  margin: auto!important;
}

.add-to-cart-pdp {
  margin: 1rem -.75rem;
}

.custom-padding {
  padding-left: 0rem !important;
  padding-right: 2rem !important;
}

.bottom-container {
  margin-right: 0.75rem;
  margin-left: 0.75rem;
}

.negative-margin {
  margin-left: -0.5rem!important;
}

.negative-margin-right-small {
  margin-right: -5px!important;
}

.back-to-overview-arrow {
  width: 2.5vw;
}


.mobile-only {
  display: none;
}

/* Filter for Red Color */
.wishlist-active {
  filter:
    invert(35%)
    sepia(98%)
    saturate(5423%)
    hue-rotate(342deg)
    brightness(95%)
    contrast(97%) !important; 
}

c-eed2c_product-details .parent-container > div:first-child {
  font-size: calc(1vw * var(--scale, 1)) /* DBUEENEU-262 */;
}

.flex-direction-column {
  flex-direction: column!important;
}

.btn:hover img {
    filter: brightness(1) invert(1);
}

.low-opacity {
  opacity: 0.6;
}

.medium-opacity {
  opacity: 0.8;
}

.cursor-pointer {
  cursor: pointer !important;
}

.product-variation-section-title {
  line-height: 1.2;
	font-family: var(--font-primary);
}

.enhanceExperience .product-name {
  font-weight: normal!important;
  font-size: calc(clamp(1rem, 1.5vw, 1.25rem) * var(--scale, 1)) /* DBUEENEU-262 */; /* 16px → 20px */
  line-height: 1.35;
  font-family: var(--font-primary);
}

.enhanceExperience .hover-compatibility {
    font-size: calc(clamp(0.688rem, 1vw, 0.875rem) * var(--scale, 1)) /* DBUEENEU-262 */; /* 11px → 14px */
    line-height: 1.1;
    font-family: var(--font-primary);
}


.plp-footer-icons {
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.plp-footer-btn {
    background: transparent;
    border: none;
    padding: 0.2rem;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
}

.plp-footer-icon    { 
    object-fit: contain; 
    opacity: 0.5; 
}
.plp-footer-icon:hover,
.plp-footer-icon:focus { opacity: 1; }

.plp-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    width: 100%;
    /* padding: 0.55rem 0.55rem; */
    /* opacity: 0.95; */
    max-width: 1440px;
    margin: auto;
}

.plp-footer-container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 501;
  padding: 0.55rem 0.55rem;
  opacity: 0.95;
  background: #ffffff;
  border-top: 1px solid #e5e5e5;
  box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.07);
}

c-eed2c_footer {
  z-index: 550;
}

/*DBUEENEU-98 CSS Start*/
  .info-modal-content{
     font-family: var(--font-secondary);
    font-size: var(--font-14);
    color: var(--grey);
}
    
.info-modal-content b{
    font-family: var(--font-primary)!important;
    font-weight: normal!important;
    font-size:var(--font-16)!important;
}
/*DBUEENEU-98-CSS-END*/


@media only screen and (max-width: 1440px) {
  .inner-container{
     padding: 0px 15px!important;
  }
}


@media only screen and (max-width: 500px) {
  .back-to-overview-arrow {
    width: 10%;
    margin-left: -10px;
  }

  .negative-margin-bottom-small {
    margin-bottom: -2px;      
  }

  .small-padding-left-mobile {
    padding-left: 5px;
  }
}

@media only screen and (max-width: 767px) and (orientation: landscape) {
  .back-to-overview-arrow, c-eed2c_product-details .wishlist-image {
    width: 5vw;
  } 

  .desktop-only {display: none;}

  .no-padding-mobile {
    padding:0 !important;
  }

  .wishlist-container-pdp {
    margin-right: -5px;
  }

  .back-to-overview-arrow {
    margin-left: -10px;
  }

  .small-padding-left-mobile {
    padding-left: 5px;
  }
}

@media only screen and (max-width: 700px) and (orientation: landscape) {
    c-eed2c_product-details .parent-container > div:first-child {
      min-height: 80vh;
    }

    .negative-margin-bottom-small {
      margin-bottom: -2px;
    }
}

@media only screen and (max-width: 767px) {
  
  .no-padding-mobile {
    padding:0 !important;
  }

  
  .desktop-only {
    display: none;
  }

}

@media only screen and (min-width: 700px) and (max-width: 1024px) and (orientation: landscape) {
  .no-inner-padding {
    padding:0 !important;
  }

  .no-right-padding {
    padding-right: 0px!important;
  }
}

@media only screen and (min-width: 1024px) {
  .no-padding-desktop {
    padding: 0!important;
  }
}

@media only screen and (min-width: 1024px) and (orientation: portrait) {

  .no-padding-desktop {
    padding: 0!important;
  }
}

@media only screen and (min-width: 767px) {
  .horizontal-ruler {
    margin: 1rem -.75rem 0px -.75rem !important;
  }
  
  c-eed2c_product-details .parent-container > div {
    padding-right: 5rem;
  }
  
  c-eed2c_product-details .parent-container > div:first-child {
    font-size: calc(0.7rem * var(--scale, 1)) /* DBUEENEU-262 */;
  }
  
  .small-padding-left-mobile {
    padding-left: 5px;
  }
}

@media only screen and (min-width: 760px) and (max-width: 900px) {
  .negative-margin {
    margin-left: -3px!important;
  }

  .back-to-overview-arrow {
    margin-left: -5px;
  }
}

@media only screen and (min-width: 900px) {
  c-eed2c_product-details .parent-container {
    justify-content: space-between;
  }
  
  .max-width-30-per {
    max-width: 27%!important;
  }
}

@media only screen and (min-width: 1025px ) {
  
  .negative-margin-bottom-small {
    margin-bottom: -5px;
  }

  .negative-margin-left-small {
    margin-left: -10px;
  }
  
  .padding-top-none {
    padding-top: 0px!important;
  }

  /* .back-to-overview-arrow {
    margin-left: -5px;
  } */
}

@media only screen and (min-width: 1300px) {
  .back-to-overview-arrow {
    max-width: 60px;
  }
}

@media only screen and (min-width: 900px) and (max-width: 930px) and (orientation: landscape) {
  .no-right-padding-pixel {
    padding-right: 0px!important;
  }
}

/* ACCESSIBILITY THEME */

html.dark-mode body {
    background: #000000;
    color: #f5f5f5;
}

html.contrast-mode body {
    background: #000000;
    color: #ffffff;
}

html.dark-mode input,
html.dark-mode select,
html.dark-mode textarea,
html.contrast-mode input,
html.contrast-mode select,
html.contrast-mode textarea {
    background: #000000 !important;
    color: #ffffff !important;
    border-color: #ffffff !important;
}

/* DBUEENEU-262 - 2px field outlines per the UX reference. Contrast mode only; dark mode
   keeps the site's own border weights. */
html.contrast-mode input,
html.contrast-mode select,
html.contrast-mode textarea {
    border-width: 2px !important;
    border-style: solid !important;
}

html.dark-mode a,
html.contrast-mode a {
    color: #ffffff;
}

html.contrast-mode * {
    border-color: #ffffff;
}

html.contrast-mode button {
    color: #ffffff !important;
}

/* DBUEENEU-262 */

/* The shared muted-text utilities. These only ever set `color`, so raising them is safe;
   the --grey / --mid-light / --light tokens themselves are left alone because they also
   carry backgrounds, borders and svg strokes. */
html.contrast-mode .text-grey,
html.contrast-mode .text-mid-grey,
html.contrast-mode .text-grey-light {
    color: var(--white);
}

/* Deliberate dimming is a contrast cost this mode exists to remove */
html.contrast-mode .low-opacity,
html.contrast-mode .medium-opacity,
html.contrast-mode .mid-opacity {
    opacity: 1;
}

/* 1.4.1 - white links on near-white body text are told apart by nothing but colour.*/
html.contrast-mode a,
html.contrast-mode a:hover,
html.contrast-mode a:focus {
    color: var(--contrast-accent);
    text-decoration: underline;
}

/* 2.4.7 - out-specifies the `outline: none` that 43 component stylesheets set */
html.contrast-mode :focus-visible {
    outline: 3px solid var(--contrast-accent);
    outline-offset: 3px;
}


/* DBUEENEU-262 */
html.contrast-mode img:not([src*="/images/icons/"]):not([src*="/images/sports/"]) {
    filter: contrast(1.3) brightness(1.1);
}

/* DBUEENEU-262 */
html.contrast-mode c-eed2c_user-profile-settings .ups-step-increase img {
    filter: brightness(0) invert(1) !important;
}

html.contrast-mode c-eed2c_user-profile-settings .ups-step-decrease {
    border-color: #ffffff !important;
}


html.contrast-mode c-eed2c_user-profile-settings .ups-step-btn:disabled {
    color: rgba(255, 255, 255, 0.55) !important;
    border-color: rgba(255, 255, 255, 0.55) !important;
}

html.contrast-mode c-eed2c_user-profile-settings .ups-step-increase:disabled img {
    filter: invert(.7) !important;
}