/* input(2956,15): run-time error CSS1019: Unexpected token, found 'selector('
input(2956,43): run-time error CSS1025: Expected comma or open brace, found ')'
input(3338,15): run-time error CSS1019: Unexpected token, found 'selector('
input(3338,43): run-time error CSS1025: Expected comma or open brace, found ')'
input(3641,15): run-time error CSS1019: Unexpected token, found 'selector('
input(3641,43): run-time error CSS1025: Expected comma or open brace, found ')' */
i.css-check.red {border-left: 2px solid #e10a0a; border-bottom: 2px solid #e10a0a; width: 100%; aspect-ratio: 1.55; transform: rotate(-45deg) translate(15%, -15%)}
i.css-check.white {border-left: 2px solid #fff; border-bottom: 2px solid #fff; width: 100%; aspect-ratio: 1.55; transform: rotate(-45deg) translate(15%, -15%)}

i.css-user.black { color: #000; display: inline-block; position: relative; width: 30px; aspect-ratio: 1; overflow: hidden; }
i.css-user.black:before { content: ''; position: absolute; left: 50%; top: 0px; aspect-ratio: 1; width: 54%; border-radius: 50%; transform: translateX(-50%); border: solid 1px currentColor; background-color: currentColor; }
i.css-user.black::after { content: ''; position: absolute; left: 0px; left: 50%; top: 60%; transform: translateX(-50%); aspect-ratio: 1; width: 88%; border-radius: 50%; background-color: currentColor; border: solid 1px currentColor }

i.css-x.white {aspect-ratio: 1; position: relative; transform: rotate(45deg);}
i.css-x.white:before {content: ""; display: block; height: 100%; width: 2px; background-color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
i.css-x.white:after {content: ""; display: block; height: 2px; width: 100%; background-color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}

i.css-exclamation.white {color: #fff; text-align: center;}
i.css-exclamation.white:before {content: "!"; font-style:normal;}

i.css-chev-up{display: flex; aspect-ratio: 1; min-width: 30px; transform: rotate(180deg); justify-content: center; align-items: center;     padding-bottom: 4%;}
i.css-chev-up:before { content: ""; border-left: 2px solid currentColor; border-bottom: 2px solid currentColor; width: 50%; aspect-ratio: 1; transform: rotate(-45deg) ; }
i.css-chev-down{display: flex; aspect-ratio: 1; min-width: 30px; justify-content: center; align-items: center;     padding-bottom: 4%;}
i.css-chev-down:before { content: ""; border-left: 2px solid currentColor; border-bottom: 2px solid currentColor; width: 50%; aspect-ratio: 1; transform: rotate(-45deg) ; }

i.css-chev-down.red:before {border-color: #e9660c;}
i.css-chev-down.blue:before {border-color: #114265;}
body {
}

@keyframes shimmer {
  0% { background-position: -300px 0px; }
  100% { background-position: 300px 0px; }
}

@keyframes bouncing-loader {
  to { opacity: 0.1; transform: translate3d(0, -16px, 0); }
}

@keyframes bounce-in {
  0% {
    opacity: 0;
    transform: scale(.3);
  }
  50% {
    opacity: 1;
    transform: scale(1.05);
  }
  70% { transform: scale(.9); }
  100% { transform: scale(1); }
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
} 

@keyframes animloader {
  0% {
    box-shadow: -38px -12px ,  -14px 0,  14px 0, 38px 0;
  }
  33% {
    box-shadow: -38px 0px, -14px -12px,  14px 0, 38px 0;
  }
  66% {
    box-shadow: -38px 0px , -14px 0, 14px -12px, 38px 0;
  }
  100% {
    box-shadow: -38px 0 , -14px 0, 14px 0 , 38px -12px;
  }
}
@keyframes flash {
  0% {
    background-color: #f29393;
    box-shadow: 32px 0 #f29393, -32px 0 #e10a0a;
  }
  50% {
    background-color: #e10a0a;
    box-shadow: 32px 0 #f29393, -32px 0 #f29393;
  }
  100% {
    background-color: #f29393;
    box-shadow: 32px 0 #e10a0a, -32px 0 #f29393;
  }
}

@keyframes shadowPulse {
  33% {
    background: #FFF;
    box-shadow: -24px 0 #FF3D00, 24px 0 #FFF;
  }
  66% {
    background: #FF3D00;
    box-shadow: -24px 0 #FFF, 24px 0 #FFF;
  }
  100% {
    background: #FFF;
    box-shadow: -24px 0 #FFF, 24px 0 #FF3D00;
  }
}



*, *:before { -webkit-transition: transform .1s ease-in-out; -ms-transition: transform .1s ease-in-out; transition: margin .2s ease-in-out, background-color .1s linear, color .1s, transform .1s ease-in-out, max-height 0.3s ease-in-out, max-width 0.3s ease-in-out, opacity .2s ease-in-out, background-image 0.2s ease-in-out, box-shadow 0.2s, width 0.2s, filter 0.2s linear, visibility 0.2s ease-in-out, background-position-x 0.2s ease-in-out, background 0.2s ease-in-out , border 0.2s ease-in-out;}
.no-transition { transition: none !important; }
.lazy { opacity: 0; }
.scrollhide { transition: background-color .3s linear, color .3s, transform .5s ease-in-out, opacity .5s linear; }
.scrollhide.hidden { opacity: 0; }
.scrollhide.from-right.hidden { transform: translateX(50%); }
.scrollhide.from-left.hidden { transform: translateX(-50%); }
.scrollhide.from-below.hidden { transform: translateY(50%); }
.scrollhide.rotate-in.hidden { transform: translateY(50%) rotate(-60deg); transform-origin: bottom right; }
.scrollhide.from-left.hidden.subtle { transform: translateX(20%); }
.scrollhide.from-left.subtle { transition: background-color .3s linear, color .3s, transform .5s ease-in-out, opacity .5s linear; }

.faq, .faq li { list-style: none; }
.faq { padding: 0px; }
.faq li.q {gap: 15px;  cursor: pointer; display: flex; justify-content: space-between; align-items: center;  }
.faq li.a { background: #fff; display: none; padding: 10px;}

.faqs .faq { list-style: none; padding: 0px; margin: 0px 0px 10px; }
.faqs .faq .q { cursor: pointer;  display: flex;  justify-content: space-between;  border-bottom: 1px solid #707070;  align-items: center; }
.faqs .faq .a > * { padding: 30px 0px}

.faq .q i  {color: #E10A0A;}

ul.faq {margin: .5rem  0px; font-size: 1.14rem;   max-width: 335px; }
ul.faq span {  }

.faqs.compact {}
.faqs.compact .faq{margin: 0px; border-bottom: 1px solid #5A6D8F;}
.faqs.compact .faq .q{border-bottom: none;}

.pagefaqs .faq {max-width: 100%; border-bottom: 2px solid #c0ced8; margin: 0px !important;}
.pagefaqs .faq .q i {color: #043776; width: 15px; height: 15px; display: block; position: relative;}
.pagefaqs .faq.open .q i {transform: rotate(45deg);}
.pagefaqs .faq .a {    border-top: 2px solid transparent; padding: 30px 0px; font-weight: 400;background-color: transparent;}
.pagefaqs .faq.open .a {    border-top: 2px solid #c0ced8;}
.pagefaqs .faq .q i:before{content:""; position:absolute; left: 50%; top: 50%; transform:translate(-50%,-50%); width: 100%; height: 2px; background-color: #e9660c;}
.pagefaqs .faq .q i:after {content:""; position:absolute; left: 50%; top: 50%; transform:translate(-50%,-50%); width: 2px; height: 100%; background-color: #e9660c;}
.pagefaqs .faq .q { color: #114265; font-family: "Funnel Display", sans-serif; font-optical-sizing: auto; font-weight: 700; font-style: normal; padding: 10px 0px; min-height: 60px; }

.pagefaqs .faq .a p {margin: 0px !important;}
.pagefaqs .faq .a span.product-desc p {margin: 0px 0px 15px 0px !important;}


.pagefaqs .sub-point {position: relative; padding-left: 45px; display: block;margin-bottom: 15px;}
.pagefaqs .sub-point:before { content: ""; width: 7px; height: 7px; border-radius: 100%; background-color: #e9660c; display: block; position: absolute; left: 20px; top: 10px; }
.pagefaqs .sub-point p{ display: block; margin: 0px;}
.categoryfaqs {}
.categoryfaqs .faq {max-width: 100%; border-bottom: 2px solid #c0ced8; margin: 0px !important;}
.categoryfaqs .faq .q i {color: #043776; width: 18px; height: 18px; display: block; position: relative;}
.categoryfaqs .faq.open .q i {transform: rotate(45deg);}
.categoryfaqs .faq .q i:before{content:""; position:absolute; left: 50%; top: 50%; transform:translate(-50%,-50%); width: 100%; height: 3px; background-color: #105382;}
.categoryfaqs .faq .q i:after {content:""; position:absolute; left: 50%; top: 50%; transform:translate(-50%,-50%); width: 3px; height: 100%; background-color: #105382;}
.categoryfaqs .faq .q {justify-content: start; color: #114265;  padding: 10px 0px; min-height: 80px; color: #000000; font-size: 1.3rem; font-weight: 700;}
.categoryfaqs .faq .a {background-color: transparent; padding: 0px 0px 15px 0px;}
.categoryfaqs .faq .a a {color:inherit;}

form.loading .submit-load {position: relative; cursor: wait !important;}
form.loading .submit-load .btn,form.loading .submit-load .contact-form-card__submit-btn {color: transparent !important;}
form .submit-load i{display: none; animation: rotation 1s linear infinite; width: 30px; height: 30px; border: 3px solid #fff; border-top: 3px solid transparent; border-radius: 100%; position: absolute;left: calc(50% - 15px); top: calc(50% - 15px); }
form.loading .submit-load i {display: block;}



.skel-load-bg { background-color: #f7f7f7; background-image: linear-gradient( to right, #f7f7f7 0%, #cdcdcd 45%, #f7f7f7 70%, #f7f7f7 100% ); background-size: 300px 300px; background-repeat: no-repeat; animation: shimmer 1.4s linear infinite; }

.bouncing-loader { display: flex; justify-content: center; padding-bottom: 8px; }

.bouncing-loader > div { width: 12px; height: 12px; margin: 0rem 0.2rem; background: #000; border-radius: 50%; animation: bouncing-loader 0.6s infinite alternate; }

.bouncing-loader > div:nth-child(2) { animation-delay: 0.2s; }

.bouncing-loader > div:nth-child(3) { animation-delay: 0.4s; }


.worm-loader { width: 12px; height: 12px; border-radius: 50%; display: block; margin: 15px auto; position: relative; color: #e10a0a; box-sizing: border-box; animation: animloader 1s linear infinite alternate; }
.k-rider-loader { transition: none; width: 16px; height: 16px; border-radius: 50%; background-color: #e10a0a; box-shadow: 32px 0 #e10a0a, -32px 0 #e10a0a; position: relative; animation: flash 0.5s ease-out infinite alternate; }
.elip-loader { width: 16px; height: 16px; border-radius: 50%; display: block; margin: 15px auto; position: relative; background: #FFF; box-shadow: -24px 0 #FFF, 24px 0 #FFF; box-sizing: border-box; animation: shadowPulse 2s linear infinite; }
.spin-loader { width: 48px; height: 48px; border: 5px solid #e10a0a; border-bottom-color: transparent; border-radius: 50%; display: inline-block; box-sizing: border-box; animation: rotation 1s linear infinite; }

      

.cmspageloader {transition: none;}
.cmspageloader .container { position: relative; }
.cmspageloader .container > div { position: absolute; left: 15px; top: 0px; }

.cmsactionloader {transition: none !important; position: fixed; font-size: 2em; display: flex; justify-content: center; align-items: center; top: 0px; right: 0px; width: 100vw; height: 100vh; background-color: #ffffffe0; z-index: 10; }
.cmsactionloader .text {text-align: center; font-weight: 700;}

.flip {transform: rotate(180deg);}

.account-loadable {opacity: 1; }
.account-loadable.hidden {opacity: 0;}

@media screen and (max-width: 767px) {
    .categoryfaqs .faq .q {font-weight: 600; font-size: 1.2rem; min-height: 70px;}
    .categoryfaqs .faq .q i:before{ width: 100%; height: 2px; }
    .categoryfaqs .faq .q i:after { width: 2px; height: 100%; }

}
html, input, textarea, button, select { margin: 0px;   font-family: "Inter", sans-serif; font-optical-sizing: auto; font-weight: 500; font-style: normal; font-variation-settings: "wdth" 100; color: #414141; font-display: swap;}

.ck-output { font-family: "Open Sans", sans-serif !important;}
.ck-output * { font-family: "Open Sans", sans-serif !important;}



html { scroll-behavior: smooth; scroll-padding-top: 100px; }

body { margin: 0px; font-family: "Inter", sans-serif; font-optical-sizing: auto; font-weight: 500; font-style: normal; font-variation-settings: "wdth" 100; }

.tp-top { min-height: 60px; display: flex; justify-content: center; align-items: center; }
.tp-top .trustpilot-widget { width: 100%; }

.page-content { background-color: #fff; }

.text ul { padding-left: 30px; }

.italic { font-style: italic; }

.no-p-padd p { margin: 0px; padding: 0px; }

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

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

.dblue-bg { background-color: #0f0043; }

.prpl-bg, .purple-bg { background-color: var(--purple-text); }

.lblue-bg { background-color: var(--green-200); }

.blue-bg { background-color: #105383; }

.llblue-bg { background-color: #f3fbff; }

.lllblue-bg { background-color: #fbfdff; }

.lblue-bg-opacity { background-color: #e6f7ffed; }

.red-bg { background-color: var(--accent-red); }

.orange-bg { background-color: var(--brand-orange); }

.bright-filt { filter: brightness(.96) sepia(.00) contrast(.999); background-color: var(--white); }

.prpl-bord { border: var(--border-width-xs) solid var(--purple-text); }

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

.purple-txt { color: var(--purple-text); }

.blue-txt { color: var(--deep-blue); }

.site-blue-txt { color: var(--site-blue); }

.ddblue-txt { color: #062743; }

.dblue-txt { color: #114265; }

.black-txt { color: var(--black); }

.red-txt, .red-text { color: var(--accent-red); }

.lilac-txt { color: var(--footer-accent); }

.orange-txt { color: var(--brand-orange); }

.fill-height { min-height: calc(100vh - 635px); }

.separate-line { border: 1px solid #7e8894; margin: 30px 0px; }

.bord-left-grey { border-left: 1px solid #7b7b7b; }

.grey-bord { border: 1px solid #bdc5cb; }

.grey-bord-top { border-top: 1px solid #bdc5cb; }

main { min-height: calc(100vh - 635px); }

.img-white img { filter: brightness(100); }

h1, h2, h3, h4, h5, .btn { font-family: "Inter", sans-serif; font-optical-sizing: auto; font-weight: 700; font-style: normal; }

.payment-confirmed-page h1 {margin: 15px 0px 30px;}

#topmsg { display: flex; justify-content: center; align-items: center; padding: 10px; }

#topmsg p { padding: 0px; margin: 0px; font-size: var(--text-base); }

h1 { color: #000; font-weight: 700; font-size: 3.2em; }
h1.mdish { font-size: 28px; font-weight: 700; }
h1.md { font-size: 24px; font-weight: 700; }

h1.sml { font-size: var(--font-24); font-weight: 700; }

h2 { color: var(--text-heading); font-size: 2rem; font-style: normal; font-weight: 700; line-height: 1; letter-spacing: -0.28px; }

h1.homepage { color: var(--text-heading); font-size: 2rem; font-style: normal; font-weight: 700; line-height: 1; letter-spacing: -0.28px; display: flex; justify-content: center; align-items: center; }

h1.homepage span { display: block; width: 100%; max-width: 328px; text-align: center; }

h1.homepage:before, h1.homepage:after { content: ""; display: block; height: 0px; width: calc(50% - (328px / 2)); border: 1px solid #003f81; }

h2.sml { font-size: var(--font-22); }

h2.xsml { font-size: 18px; }

h3 { font-weight: 900; font-size: 1.5em; }

h4 { }

h5 { }

.map-container { width: 100%; aspect-ratio: 733 / 399; border-radius: 5px; overflow: hidden; }

.map-container iframe { width: 100%; height: 100%; }

.background-lazy { background-image: none; }

.sandbox-spotlight { padding: 20px; display: flex; gap: 16px; flex-wrap: wrap; background: var(--slate-100); }

.sandbox-spotlight .ds-spotlight { flex: 0 0 331px; max-width: 331px; }

.ds-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 0 20px; min-height: 44px; border-radius: var(--border-radius-100); border: var(--border-width-xs) solid transparent; font-family: "Inter", sans-serif; font-weight: 900; font-style: italic; line-height: 100%; text-transform: uppercase; cursor: pointer; transition: background-color 120ms ease, color 120ms ease, border-color 120ms ease, opacity 120ms ease; }

.ds-btn--default { background: var(--surface-primary-default); border-width: var(--border-width-sm); border-color: var(--border-primary-default); color: var(--text-primary-on-colour); font-size: var(--text-lg); }

.ds-btn--default:hover { background: transparent; border-width: var(--border-width-sm); border-color: var(--border-primary-default); color: var(--text-primary-default); }

.ds-btn--on-colour { background: var(--surface-page); border: var(--border-width-sm) solid transparent; color: var(--text-default-heading); font-size: var(--text-lg); }

.ds-btn--on-colour:hover { background: transparent; border: var(--border-width-sm) solid var(--border-page); color: var(--text-primary-on-colour); }

.ds-btn--xmas { background: var(--surface-error-default); border: var(--border-width-sm) solid transparent; color: var(--text-primary-on-colour); font-size: var(--text-sm); border-radius: 0; }

.ds-btn--xmas:hover { background: var(--surface-error-default-hover); }

.ds-btn--icon-left { flex-direction: row; }

.ds-btn--icon-right { flex-direction: row-reverse; }

.ds-btn[disabled], .ds-btn.is-disabled { opacity: 0.6; cursor: not-allowed; }

.top-banner { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 16px; padding: 4px 10px; background: var(--surface-primary-default); color: var(--text-primary-on-colour); font-family: "Inter", sans-serif; font-weight: 900; font-style: italic; font-size: var(--text-xs); line-height: 21px; letter-spacing: 0.72px; text-transform: uppercase; }

.top-banner--with-cta { justify-content: center; }

.top-banner__message { white-space: nowrap; text-align: center; }

.top-banner__cta { display: inline-flex; align-items: center; justify-content: center; min-height: 21px; padding: 0 12px; background: var(--surface-page); color: var(--text-default-heading); border: var(--border-width-sm) solid transparent; border-radius: var(--border-radius-100); font-family: "Inter", sans-serif; font-weight: 900; font-style: italic; font-size: var(--text-xs); line-height: 24px; text-transform: uppercase; text-decoration: none; transition: background-color 120ms ease, color 120ms ease, border-color 120ms ease, opacity 120ms ease; }

.top-banner__cta:hover { background: transparent; border-color: var(--border-page); color: var(--text-primary-on-colour); }

.top-banner__cta:focus { border-color: var(--border-page); }

.top-banner__cta:focus-visible { outline: var(--border-width-sm) solid var(--border-page); outline-offset: 2px; }

.top-banner .ds-btn { min-height: 21px; padding: 0 12px; font-size: var(--text-xs); line-height: 24px; letter-spacing: 0.72px; }

.page-spacer { padding: 60px 0px; }

.contact-deets { margin-bottom: 2rem; }

.contact-deets__inner { display: flex; gap: 32px; flex-wrap: wrap; align-items: flex-start; }

.contact-deets__left { display: flex; flex-direction: column; gap: 27px; flex: 1; min-width: 220px; }

.contact-deets__address { font-size: 16px; font-weight: 300; line-height: 26px; color: #414141; margin: 0; }

.contact-deets__links { display: flex; flex-direction: column; gap: 16px; }

.contact-deets__link-line { font-size: 18px; font-weight: 400; line-height: 21px; color: #252525; margin: 0; }

.contact-deets__link { color: var(--site-blue); text-decoration: underline; font-weight: 700; }

.contact-deets__link:hover { color: var(--brand-orange); }

.contact-deets__link:focus-visible { outline: 2px solid var(--site-blue); outline-offset: 2px; border-radius: 2px; }

.contact-deets__right { display: flex; flex-direction: column; gap: 24px; flex-shrink: 0; }

.contact-deets__right .socials { display: flex; gap: .75rem; }

.contact-deets__right .socials a { text-decoration: none; display: block; }

.contact-deets__social { display: block; max-width: 100%; height: auto; }

.contact-deets__legal { font-size: 16px; font-weight: 300; line-height: 26px; color: #414141; margin: 0; }

.contact-deets__legal strong { font-weight: 700; }

.privacy-page { padding-bottom: 60px; }

.privacy-page .privacy-section p { line-height: 1.5; }
.privacy-page .privacy-section li { line-height: 1.5; margin-bottom: 10px; }
.privacy-page .privacy-section h2, .privacy-page .privacy-section h3 { font-weight: 700; line-height: 1.25; }

.info-page-header { padding-top: 15px; margin-bottom: 1.5rem; }

.info-page-title-row { margin-top: 1rem; display: flex; align-items: center; justify-content: space-between; border-bottom: none; }

.info-page-title-row h1 { margin: 0; font-size: 1.5rem; font-weight: var(--weight-bold); }

.info-page-intro { margin-top: 0.5rem; margin-bottom: 1.5rem; color: var(--text-body); font-size: var(--text-base); line-height: 1.5; }

.product-selection-guide-page { display: flex; flex-direction: column; gap: 24px; }

.product-selection-guide-intro { max-width: 860px; }

.product-selection-guide-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; margin-top: 1rem; }

.product-selection-guide-card { display: flex; flex-direction: column; gap: 16px; padding: 24px; background: var(--white); border: 1px solid var(--slate-200); border-radius: var(--radius-xl); box-shadow: 0 4px 12px var(--shadow-black); }

.product-selection-guide-card__title { margin: 0; font-size: var(--font-22); line-height: 1.25; color: var(--text-heading); }

.product-selection-guide-card__title span { display: block; margin-top: 0.35rem; font-size: var(--font-14); font-weight: var(--weight-heavy); line-height: 1.4; letter-spacing: 0.72px; text-transform: uppercase; color: var(--brand-orange); }

.product-selection-guide-card__text { margin: 0; font-size: var(--font-16); font-weight: var(--weight-regular); line-height: 1.7; color: var(--text-body); }

.product-selection-guide-card__meta { display: flex; flex-direction: column; gap: 10px; margin-top: auto; padding-top: 6px; }

.product-selection-guide-card__meta-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-top: 10px; border-top: 1px solid var(--slate-200); font-size: var(--font-15); color: var(--text-body); }

.product-selection-guide-card__meta-row strong { color: var(--footer-blue); font-weight: var(--weight-bold); white-space: nowrap; }

.product-selection-guide-layout { display: grid; grid-template-columns: minmax(0, 2fr) minmax(280px, 1fr); gap: 24px; align-items: start; }

.product-selection-guide-copy ul { margin: 0 0 1.5rem 1.25rem; padding: 0; }

.product-selection-guide-copy li { margin-bottom: 0.75rem; }

.product-selection-guide-copy li:last-child { margin-bottom: 0; }

.product-selection-guide-callout { padding: 24px; background: rgba(0, 63, 129, 0.06); border: 1px solid rgba(0, 63, 129, 0.12); border-radius: var(--radius-xl); }

.product-selection-guide-callout h3 { margin: 0 0 0.75rem; font-size: var(--font-22); line-height: 1.2; color: var(--footer-blue); }

.product-selection-guide-callout p { margin: 0 0 1.25rem; }

.ladder-standards-page { background: var(--white); padding-bottom: 60px; }

.ladder-standards-page__header { margin-bottom: 1rem; }

.ladder-standards-hero { position: relative; display: flex; align-items: stretch; justify-content: space-between; gap: 2rem; min-height: 520px; padding: 0 12.5% 0 4.1667%; border-radius: 6px; overflow: hidden; background: linear-gradient(121deg, #003f81 31%, #08284a 100%); }

.ladder-standards-hero__content { position: relative; z-index: 2; max-width: 47.25rem; display: flex; flex-direction: column; justify-content: center; padding: 4rem 0; }

.ladder-standards-hero__title { margin: 0 0 1.8125rem; color: var(--white); font-size: 3.125rem; font-weight: var(--weight-bold); line-height: 1.16; letter-spacing: -0.5px; }

.ladder-standards-hero__copy { display: flex; flex-direction: column; gap: 0.625rem; max-width: 47.25rem; }

.ladder-standards-hero__copy p { margin: 0; color: var(--white); font-size: 1.375rem; font-weight: var(--weight-regular); line-height: 1.182; }

.ladder-standards-hero__copy p strong { font-weight: var(--weight-bold); }

.ladder-standards-hero__art { flex: 1 1 32rem; min-width: 28rem; }

.ladder-standards-hero__shape { position: absolute; right: -29%; bottom: -128%; width: 65.5rem; aspect-ratio: 1; border-radius: 50%; background: #8da0ff; }

.ladder-standards-hero__image-wrap { position: absolute; transform-origin: bottom center; z-index: 2; }

.ladder-standards-hero__image-wrap--back { right: 6.625rem; bottom: 0; width: 35rem; z-index: 5; }

.ladder-standards-hero__image-wrap--front { right: 0px; bottom: -0.5rem; width: 27rem; z-index: 4; }

.ladder-standards-hero__image { display: block; width: 100%; height: auto; object-fit: contain; filter: drop-shadow(0 16px 30px rgba(0, 0, 0, 0.18)); }

.ladder-standards-hero__accent { position: absolute; left: 0; right: 0; bottom: 0; height: 10px; background: #ef7c1a; z-index: 3; }

.ladder-standards-types { background: #f5f5f5; padding: 4.3125rem 0 4rem; margin-top: 2rem; }

.ladder-standards-types__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.375rem; align-items: stretch; }

.ladder-standards-type-card { display: grid; grid-template-columns: 19.6875rem minmax(0, 1fr); min-height: 28.5rem; background: var(--white); border-radius: 15px; overflow: hidden; }

.ladder-standards-type-card__media { position: relative; overflow: hidden; }

.ladder-standards-type-card__image { position: absolute; display: block; max-width: none; height: auto; }

.ladder-standards-type-card__image--pro { left: 0; bottom: -0.4375rem; width: 20rem; }

.ladder-standards-type-card__image--home { left: -.5rem; bottom: -1.875rem; width: 21.4375rem; }

.ladder-standards-type-card__body { display: flex; flex-direction: column; justify-content: center; gap: 1rem; padding: 3.5rem 3rem 3.5rem 3rem; }

.ladder-standards-type-card__badge { display: inline-flex; align-items: center; justify-content: center; width: 3.875rem; height: 3.875rem; border-radius: 50%; background: linear-gradient(180deg, #ffa04f 0%, #ff8b3d 54%, #f26a1b 100%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22); }

.ladder-standards-type-card__badge-icon { width: 1.875rem; height: 1.875rem; display: block; }

.ladder-standards-type-card__title { margin: 0; color: var(--footer-blue); font-size: 1.5rem; font-weight: var(--weight-bold); line-height: 1.1667; letter-spacing: -0.24px; }

.ladder-standards-type-card__text { margin: 0; color: #727272; font-size: 1rem; font-weight: var(--weight-regular); line-height: 1.1875; }

.ladder-standards-type-card__meta { margin: 0; color: #727272; font-size: 1rem; font-weight: var(--weight-regular); line-height: 1.1875; }

.ladder-standards-callout { margin-top: 1.375rem; padding: 2.25rem 12.5rem; background: var(--footer-blue); border-radius: 3px; text-align: center; }

.ladder-standards-callout p { margin: 0; color: var(--white); font-size: var(--font-18); font-weight: var(--weight-regular); line-height: 1.875; }

.ladder-standards-callout p + p { margin-top: 1.125rem; }

.ladder-standards-callout a { color: var(--white); text-decoration: underline; font-weight: var(--weight-bold); }

.ladder-standards-callout a.lilac { color: var(--footer-accent); }

.ladder-standards-callout a:hover { text-decoration: none; }

.ladder-standards-categories { padding: 2.75rem 0 0; }

.ladder-standards-categories__title { margin: 0 0 1rem; color: var(--text-heading); font-size: 2rem; font-weight: var(--weight-bold); line-height: 1.21875; letter-spacing: -0.32px; }

.returns-policy-page .returns-policy-rules ol li { margin-bottom: 0.85rem; }

.returns-policy-page .returns-policy-rules ol li:last-child { margin-bottom: 0; }

.returns-policy-page .returns-policy-faqs h2 { margin-top: 1rem; }

.delivery-information-page .delivery-options-grid { display: grid; gap: 1rem; margin: 1.5rem 0; }

.delivery-information-page .delivery-option-card { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem 1.25rem; border: 1px solid rgba(0, 63, 129, 0.14); border-radius: 10px; background: var(--white); }

.delivery-information-page .delivery-option-card__title { font-weight: 700; color: var(--footer-blue); }

.delivery-information-page .delivery-option-card__price { flex-shrink: 0; font-weight: 700; color: var(--brand-orange); white-space: nowrap; }

.delivery-information-page .delivery-callout { margin-top: 1rem; padding: 1rem 1.25rem; border-radius: 10px; background: rgba(0, 63, 129, 0.06); border: 1px solid rgba(0, 63, 129, 0.12); font-weight: 600; color: var(--footer-blue); }

.sitemap-page { padding-bottom: 60px; display: flex; flex-direction: column; gap: 24px; }

.sitemap-card-row { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }

.sitemap-card-row .sitemap-card { grid-column: auto; min-width: 0; }

.sitemap-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 24px; }

.sitemap-card { grid-column: span 4; display: flex; flex-direction: column; gap: 16px; padding: 24px; background: var(--white); border: 1px solid var(--slate-200); border-radius: var(--radius-xl); box-shadow: 0 4px 12px var(--shadow-black); }

.sitemap-card--wide { grid-column: 1 / -1; }

.sitemap-card__title { margin: 0; font-size: var(--font-24); line-height: 1.2; color: var(--text-heading); }

.sitemap-card__text { margin: 0; font-size: var(--font-16); font-weight: var(--weight-regular); line-height: 1.7; color: var(--text-body); }

.sitemap-link-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px; }

.sitemap-link-list li { margin: 0; }

.sitemap-link-list__link { color: var(--site-blue); text-decoration: none; font-size: var(--font-16); font-weight: var(--weight-bold); line-height: 1.5; }

.sitemap-link-list__link:hover { color: var(--brand-orange); text-decoration: underline; }

.sitemap-link-list__link:focus-visible { outline: 2px solid var(--site-blue); outline-offset: 2px; border-radius: 2px; }

.sitemap-category-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }

.sitemap-category-card { padding: 24px; background: var(--light-grey-200); border: 1px solid var(--slate-200); border-radius: var(--radius-xl); }

.sitemap-category-card__title { margin: 0; font-size: var(--font-22); line-height: 1.3; font-weight: var(--weight-bold); }

.sitemap-category-card__title a { color: var(--text-heading); text-decoration: none; }

.sitemap-category-card__title a:hover { color: var(--brand-orange); text-decoration: underline; }

.sitemap-category-card__title a:focus-visible { outline: 2px solid var(--site-blue); outline-offset: 2px; border-radius: 2px; }

.sitemap-category-list { list-style: none; margin: 18px 0 0; padding: 0; display: flex; flex-direction: column; gap: 12px; }

.sitemap-category-list__item { margin: 0; }

.sitemap-subcategory-list { list-style: none; margin: 10px 0 0 8px; padding: 0 0 0 16px; display: flex; flex-direction: column; gap: 8px; border-left: 1px solid var(--slate-200); }

.sitemap-subcategory-list__link { color: var(--text-secondary); text-decoration: none; font-size: var(--font-14); font-weight: var(--weight-medium); line-height: 1.5; }

.sitemap-subcategory-list__link:hover { color: var(--brand-orange); text-decoration: underline; }

.sitemap-subcategory-list__link:focus-visible { outline: 2px solid var(--site-blue); outline-offset: 2px; border-radius: 2px; }

.review-card { overflow: hidden; display: flex; flex-direction: column; height: 100%; justify-content: space-between; background: var(--white); border: 1px solid var(--slate-200); border-radius: var(--radius-xl); transition: box-shadow 0.2s ease, border-color 0.2s ease; }

.review-card:hover { border-color: var(--slate-300); box-shadow: 0 4px 12px var(--shadow-black); }

.review-card__body { flex: 1; font-size: 16px; font-weight: var(--weight-regular); line-height: 1.6; color: var(--text-body); text-align: left; margin-top: 20px; }

.review-card__body .readmore { display: block; margin-top: 0px; margin-bottom: -15px; text-align: right; font-size: 15px; font-weight: 600; color: #ed8238; cursor: pointer; }

.review-card__stars { display: flex; justify-content: start; }

.review-card__stars .rating-stars { width: 65%; }

.review-card .bottom { gap: 15px; position: relative; background-color: #014080; padding: 0px 25px 5px; height: 65px; display: flex; justify-content: space-between; align-items: center; color: #fff; }

.review-card .bottom:after { content: ""; position: absolute; left: 0px; bottom: 0px; width: 100%; border-top: #8da0ff 5px solid; }

.review-card .top { padding: 40px 30px 30px 30px; }

.page-intro { background-color: #023c79; padding: 30px 0px; border-bottom: 4px solid #8da0ff; }
.page-intro h1 { font-size: 26px; color: #fff; }
.page-intro .inner { display: flex; gap: 30px; justify-content: space-between; align-items: center; }
.page-intro .btn { border: 2px solid #fff !important; width: 100%; max-width: 340px; font-size: 20px; font-style: normal; font-weight: 700; }
.page-intro .text { color: #fff; margin-bottom: 15px; }

@media (min-width: 1100px) and (max-width: 1229px) {
    .sitemap-card-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }

    .ladder-standards-hero__art { min-width: 12rem; }

    .ladder-standards-hero__shape { right: -42%; bottom: -105%; width: 55rem; }

    .ladder-standards-hero__image-wrap--front { width: 20rem; }

    .ladder-standards-hero__image-wrap--back { width: 25rem; }

    .ladder-standards-type-card { grid-template-columns: 12rem minmax(0, 1fr); }

    .ladder-standards-type-card__body { padding: 3.5rem 2rem 3.5rem 1rem; }

    .ladder-standards-type-card__image--pro { width: 13rem; }

    .ladder-standards-type-card__image--home { width: 14rem; }
}

@media (max-width: 1100px) {
    .product-selection-guide-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }

    .product-selection-guide-layout { grid-template-columns: 1fr; }

    .ladder-standards-hero { min-height: 0; padding: 0 2.5rem 0 2.5rem; }

    .ladder-standards-hero__content { max-width: 34rem; padding: 3rem 0 3.25rem; }

    .ladder-standards-hero__title { font-size: 2.625rem; }

    .ladder-standards-hero__copy p { font-size: 1.125rem; line-height: 1.35; }

    .ladder-standards-hero__art { min-width: 18rem; min-height: 18rem; }

    .ladder-standards-hero__shape { width: 42rem; right: -44%; bottom: -98%; }

    .ladder-standards-hero__image-wrap--back { right: 4.5rem; bottom: 0; width: 24rem; }

    .ladder-standards-hero__image-wrap--front { right: -0.25rem; bottom: -0.25rem; width: 19rem; }

    .ladder-standards-types__grid { grid-template-columns: 1fr; }

    .ladder-standards-type-card { grid-template-columns: 16rem minmax(0, 1fr); min-height: 22rem; }

    .ladder-standards-type-card__image--pro { left: -0.25rem; width: 15.5rem; }

    .ladder-standards-type-card__image--home { left: -1rem; bottom: -1.75rem; width: 18rem; }

    .ladder-standards-type-card__body { padding: 2.5rem 2rem 2.5rem 0; }

    .ladder-standards-callout { padding: 1.75rem 3rem; }

    .sitemap-card-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }

    .sitemap-card { grid-column: span 6; }

    .sitemap-category-grid { grid-template-columns: 1fr; }
}

@media (max-width: 991px) {
    #topmsg p { padding: 0px; margin: 0px; font-size: var(--text-sm); }
}

@media (min-width: 768px) and (max-width: 1099px) {
    .sitemap-card { grid-column: 1 / -1; }

    .sitemap-card--wide { grid-column: 1 / -1; }

    .sitemap-category-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 900px) {
    .ladder-standards-hero { flex-direction: column; gap: 1.25rem; padding: 2.5rem 2rem 2.75rem; }

    .ladder-standards-hero__content { max-width: none; padding: 0; }

    .ladder-standards-hero__art { min-width: 0; min-height: 18rem; }

    .ladder-standards-hero__shape { width: 28rem; right: -34%; bottom: -72%; }

    .ladder-standards-hero__image-wrap--back { right: 5.5rem; bottom: -0.5rem; width: 16rem; }

    .ladder-standards-hero__image-wrap--front { right: 0.5rem; bottom: 0; width: 13rem; }
}

@media (min-width: 768px) and (max-width: 900px) {
    .ladder-standards-hero__shape { width: 100%; right: 0; bottom: -40%; }

    .ladder-standards-hero__image-wrap--back { right: unset; left: -24vw; bottom: -1rem; width: 40rem; transform: translateX(10vw); }

    .ladder-standards-hero__image-wrap--front { right: 10vw; bottom: -1rem; width: 28rem; z-index: 4; }
}

@media (max-width: 767px) {
    .page-spacer { padding: 15px 0px; }
    .page-intro .inner { flex-direction: column; text-align: center; justify-content: center; align-items: center; gap: 0px; }
    .page-intro .inner .btn { margin: 0 auto; }
    h2 { font-size: 1.8rem; }

    h1.homepage { font-size: 6vw; }

    h1.homepage span { max-width: unset; width: 65%; }

    h1.homepage:before, h1.homepage:after { width: 25%; }

    .delivery-information-page .delivery-option-card { align-items: flex-start; flex-direction: column; }

    .product-selection-guide-grid { grid-template-columns: 1fr; }

    .product-selection-guide-card { padding: 20px; }

    .product-selection-guide-callout { padding: 20px; }

    .ladder-standards-page { padding-bottom: 40px; }

    .ladder-standards-page__header { margin-bottom: 0.75rem; }

    .ladder-standards-hero { gap: 1rem; padding: 2rem 1.25rem 2.5rem; margin: 0 -0.25rem; }

    .ladder-standards-hero__title { margin-bottom: 1rem; font-size: 2.125rem; line-height: 1.1; }

    .ladder-standards-hero__copy { gap: 0.75rem; }

    .ladder-standards-hero__copy p { font-size: 1rem; line-height: 1.45; }

    .ladder-standards-hero__art { min-height: 15rem; flex: unset; }

    .ladder-standards-hero__shape { width: 100%; right: 0; bottom: -50vw; }

    .ladder-standards-hero__image-wrap--back { right: unset; left: -23%; bottom: -5rem; width: 25rem; }

    .ladder-standards-hero__image-wrap--front { right: 1rem; bottom: -6rem; width: 20rem; z-index: 4; }

    .ladder-standards-types { margin-top: 1.25rem; padding: 2rem 0 2.5rem; }

    .ladder-standards-types__grid { gap: 1rem; }

    .ladder-standards-type-card { grid-template-columns: .7fr 1fr; min-height: 0; min-height: 253px; }

    .ladder-standards-type-card__media { min-height: 12rem; }

    .ladder-standards-type-card__image--pro { left: -0.5rem; bottom: -0.5rem; width: 11rem; }

    .ladder-standards-type-card__image--home { left: -0.25rem; bottom: 0; width: 11rem; }

    .ladder-standards-type-card__body { gap: 0.75rem; padding: 1.5rem .75rem 1.6rem; }

    .ladder-standards-type-card__badge { width: 3rem; height: 3rem; }

    .ladder-standards-type-card__badge-icon { width: 1.5rem; height: 1.5rem; }

    .ladder-standards-type-card__title { font-size: 1.125rem; }

    .ladder-standards-type-card__text, .ladder-standards-type-card__meta { font-size: 0.875rem; line-height: 1.4; }

    .ladder-standards-type-card__meta { padding-right: 10px; }

    .ladder-standards-callout { padding: 1.25rem; }

    .ladder-standards-callout p { font-size: 0.875rem; line-height: 1.7; }

    .ladder-standards-categories { padding-top: 2rem; }

    .ladder-standards-categories__title { margin-bottom: 1rem; font-size: 1.8rem; }

    .sitemap-page { gap: 20px; }

    .sitemap-card-row { grid-template-columns: 1fr; }

    .sitemap-card { grid-column: 1 / -1; padding: 20px; }

    .sitemap-category-card { padding: 20px; }

    body:has(.product.productpage) .ch2 { display: none; }
}

@media (min-width: 620px) and (max-width: 767px) {
    .ladder-standards-hero__shape { width: 100%; right: 0; bottom: -62vw; }

    .ladder-standards-hero__image-wrap--back { right: unset; left: -12vw; bottom: -5rem; width: 25rem; transform: translateX(10vw); }

    .ladder-standards-hero__image-wrap--front { right: 17vw; bottom: -6rem; width: 20rem; z-index: 4; }
}

@media (min-width: 500px) and (max-width: 620px) {
    .ladder-standards-hero__shape { width: 100%; right: 0; bottom: -55vw; }

    .ladder-standards-hero__image-wrap--back { right: unset; left: -20vw; bottom: -5rem; width: 25rem; transform: translateX(10vw); }

    .ladder-standards-hero__image-wrap--front { right: 5vw; bottom: -6rem; width: 20rem; z-index: 4; }
}

@media (max-width: 500px) {
    .payment-confirmed-page h1 { margin: 0px 0px 15px; font-size: 2.2rem;}
    .payment-confirmed-page .reference {flex-direction: column; justify-content: start; align-items: start ; gap: 5px;}
    .ladder-standards-hero__shape { width: 100%; right: 0; bottom: -50vw; }

    .ch2-theme-bar .ch2-dialog.ch2-dialog-bottom { padding: 15px; }
    .ch2-theme-bar .ch2-dialog-content #ch2-dialog-description, .ch2-theme-bar .ch2-dialog-content p:last-child { font-size: 13px; line-height: 1.2; }
    .ch2-theme-bar .ch2-dialog-actions button { padding: 10px; }
    .ch2-theme-bar .ch2-dialog h2:last-child, .ch2-theme-bar .ch2-dialog p:last-child, .ch2-theme-default .ch2-dialog h2:last-child, .ch2-theme-default .ch2-dialog p:last-child, .ch2-theme-overlay .ch2-dialog h2:last-child, .ch2-theme-overlay .ch2-dialog p:last-child { margin-bottom: 15px; }
}

@media (max-width: 400px) {
    #topmsg { font-size: 4.5vw; }

    #topmsg p { font-size: 4vw; }
}

*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.container {width: 100%;margin: 0 auto;padding: 0 1rem;}
.container:after, .section:after { clear: both; }
.clear { display: block; clear: both; }
@-ms-viewport { width: device-width; }
.section.center { align-items: center; }

.section.no-row-g {row-gap: 0px !important;}
.section.sml-row-g {row-gap: 1rem !important;}

.row-gap-2em { row-gap: 2em !important; }

.full-h { height: 100%; }

.grid { display: grid; margin: 0 auto; justify-items: stretch; align-items: stretch; grid-template-columns: repeat(12, 1fr); }
.grid > div { padding: 0px; }

.section { margin: 0 -1rem; display: flex; flex-wrap: wrap; row-gap: 2rem; }
.section > div { position: relative; min-height: 1px; padding: 0 1rem; }
.section.center { align-items: center; }
.section .clear { display: none; }

.section.stockpanel { row-gap: 0px; margin: 0px -0.25rem;}
.section.stockpanel  > *{padding: 0.25rem;}

.section.nogap{margin: 0px; row-gap: 0rem;}
.section.nogap > div{padding: 0rem;}

.section.gap025{margin: 0 -0.25rem; row-gap: 0.5rem;}
.section.gap025 > div{padding: 0 0.25rem;}

.section.gap05{margin: 0 -0.5rem; row-gap: 1rem;}
.section.gap05 > div{padding: 0 0.5rem;}

.section.colgap05{margin: 0 -0.5rem; }
.section.colgap05 > div{padding: 0 0.5rem;}

.section.gap075{margin: 0 -0.75rem; row-gap: 1.5rem;}
.section.gap075 > div{padding: 0 0.75rem;}

.section.gap15 { margin: 0 -1.5rem; }
.section.gap15 > div { padding: 0 1.5rem; }

.dw-xxs-10percent { width: 10%; }
.dw-xxs-20percent { width: 20%; }
.dw-xxs-30percent { width: 30%; }
.dw-xxs-40percent { width: 40%; }
.dw-xxs-45percent { width: 45%; }
.dw-xxs-50percent { width: 50%; }
.dw-xxs-55percent { width: 55%; }
.dw-xxs-60percent { width: 60%; }
.dw-xxs-70percent { width: 70%; }
.dw-xxs-80percent { width: 80%; }
.dw-xxs-90percent { width: 90%; }

.dw-xxs-10th { width: calc(100% / 10); }
.dw-xxs-9th { width: calc(100% / 9); }
.dw-xxs-8th { width: calc(100% / 8); }
.dw-xxs-7th { width: calc(100% / 7); }
.dw-xxs-5th { width: calc(100% / 5); }

.dw-xxs-12 { width: 100%; }
.dw-xxs-11 { width: 91.66666666666666%; }
.dw-xxs-10 { width: 83.33333333333334%; }
.dw-xxs-9 { width: 75%; }
.dw-xxs-8 { width: 66.66666666666666%; }
.dw-xxs-7 { width: 58.333333333333336%; }
.dw-xxs-6 { width: 50%; }
.dw-xxs-5 { width: 41.66666666666667%; }
.dw-xxs-4 { width: 33.33333333333333%; }
.dw-xxs-3 { width: 25%; }
.dw-xxs-2 { width: 16.666666666666664%; }
.dw-xxs-1 { width: 8.333333333333332%; }

@media (min-width:500px) {
  .dw-xs-10percent { width: 10%; }
  .dw-xs-20percent { width: 20%; }
  .dw-xs-30percent { width: 30%; }
  .dw-xs-40percent { width: 40%; }
  .dw-xs-50percent { width: 50%; }
  .dw-xs-60percent { width: 60%; }
  .dw-xs-70percent { width: 70%; }
  .dw-xs-80percent { width: 80%; }
  .dw-xs-90percent { width: 90%; }

  .dw-xs-10th { width: calc(100% / 10); }
  .dw-xs-9th { width: calc(100% / 9); }
  .dw-xs-8th { width: calc(100% / 8); }
  .dw-xs-7th { width: calc(100% / 7); }
  .dw-xs-5th { width: calc(100% / 5); }

  .dw-xs-12 { width: 100%; }
  .dw-xs-11 { width: 91.66666666666666%; }
  .dw-xs-10 { width: 83.33333333333334%; }
  .dw-xs-9 { width: 75%; }
  .dw-xs-8 { width: 66.66666666666666%; }
  .dw-xs-7 { width: 58.333333333333336%; }
  .dw-xs-6 { width: 50%; }
  .dw-xs-5 { width: 41.66666666666667%; }
  .dw-xs-4 { width: 33.33333333333333%; }
  .dw-xs-3 { width: 25%; }
  .dw-xs-2 { width: 16.666666666666664%; }
  .dw-xs-1 { width: 8.333333333333332%; }
}

@media (max-width: 767px) {
     .container { padding: 0px 1rem; }
    .section { margin: 0 -1rem; }
    .section > div { padding: 0 1rem; }
    .marg-btm-15-xs { margin-bottom: 15px; }
}

@media (max-width: 400px) {
    .container { padding: 0px .5rem; }
    .section { margin: 0 -.5rem; }
    .section > div { padding: 0 .5rem; }
}


@media (min-width:768px) {
  .dw-sm-10percent { width: 10%; }
  .dw-sm-20percent { width: 20%; }
  .dw-sm-30percent { width: 30%; }
  .dw-sm-40percent { width: 40%; }
  .dw-sm-50percent { width: 50%; }
  .dw-sm-60percent { width: 60%; }
  .dw-sm-70percent { width: 70%; }
  .dw-sm-80percent { width: 80%; }
  .dw-sm-90percent { width: 90%; }

  .dw-sm-10th { width: calc(100% / 10); }
  .dw-sm-9th { width: calc(100% / 9); }
  .dw-sm-8th { width: calc(100% / 8); }
  .dw-sm-7th { width: calc(100% / 7); }
  .dw-sm-5th { width: calc(100% / 5); }

  .dw-sm-12 { width: 100%; }
  .dw-sm-11 { width: 91.66666666666666%; }
  .dw-sm-10 { width: 83.33333333333334%; }
  .dw-sm-9 { width: 75%; }
  .dw-sm-8 { width: 66.66666666666666%; }
  .dw-sm-7 { width: 58.333333333333336%; }
  .dw-sm-6 { width: 50%; }
  .dw-sm-5 { width: 41.66666666666667%; }
  .dw-sm-4 { width: 33.33333333333333%; }
  .dw-sm-3 { width: 25%; }
  .dw-sm-2 { width: 16.666666666666664%; }
  .dw-sm-1 { width: 8.333333333333332%; }

  .visible-xs { display: none !important; }
  .hidden-tablet-up { display: none !important; }
}

@media (min-width: 768px) and (max-width: 991px) {
  .container { max-width: 750px; }
}

@media(max-width: 991px) {
  .container.full-tabdown { max-width: 100% !important; }
}



@media (min-width:992px) {
  .dw-md-10percent { width: 10%; }
  .dw-md-20percent { width: 20%; }
  .dw-md-30percent { width: 30%; }
  .dw-md-40percent { width: 40%; }
  .dw-md-50percent { width: 50%; }
  .dw-md-60percent { width: 60%; }
  .dw-md-70percent { width: 70%; }
  .dw-md-80percent { width: 80%; }
  .dw-md-90percent { width: 90%; }

  .dw-md-10th { width: calc(100% / 10); }
  .dw-md-9th { width: calc(100% / 9); }
  .dw-md-8th { width: calc(100% / 8); }
  .dw-md-7th { width: calc(100% / 7); }
  .dw-md-5th { width: calc(100% / 5); }

  .dw-md-12 { width: 100%; }
  .dw-md-11 { width: 91.66666666666666%; }
  .dw-md-10 { width: 83.33333333333334%; }
  .dw-md-9 { width: 75%; }
  .dw-md-8 { width: 66.66666666666666%; }
  .dw-md-7 { width: 58.333333333333336%; }
  .dw-md-6 { width: 50%; grid-column: span 6; }
  .dw-md-5 { width: 41.66666666666667%; }
  .dw-md-4 { width: 33.33333333333333%; }
  .dw-md-3 { width: 25%; }
  .dw-md-2 { width: 16.666666666666664%; }
  .dw-md-1 { width: 8.333333333333332%; }
  .dw-md-auto {width: auto;}
  .visible-tab-down { display: none !important; }
}

@media (min-width: 992px) and (max-width: 1229px) {
  .container { max-width: 970px; }
}

@media(max-width: 1229px) {
  .visible-desk-up { display: none; }
}

@media (min-width: 1230px) {
  .container.console { width: auto !important; }

  .dw-lg-10percent { width: 10%; }
  .dw-lg-20percent { width: 20%; }
  .dw-lg-30percent { width: 30%; }
  .dw-lg-40percent { width: 40%; }
  .dw-lg-45percent { width: 45%; }
  .dw-lg-50percent { width: 50%; }
  .dw-lg-55percent { width: 55%; }
  .dw-lg-60percent { width: 60%; }
  .dw-lg-70percent { width: 70%; }
  .dw-lg-80percent { width: 80%; }
  .dw-lg-90percent { width: 90%; }

  .dw-lg-10th { width: calc(100% / 10); }
  .dw-lg-9th { width: calc(100% / 9); }
  .dw-lg-8th { width: calc(100% / 8); }
  .dw-lg-7th { width: calc(100% / 7); }
  .dw-lg-5th { width: calc(100% / 5); }

  .dw-lg-12 { width: 100%; }
  .dw-lg-11 { width: 91.66666666666666%; }
  .dw-lg-10 { width: 83.33333333333334%; }
  .dw-lg-9 { width: 75%; }
  .dw-lg-8 { width: 66.66666666666666%; }
  .dw-lg-7 { width: 58.333333333333336%; }
  .dw-lg-6 { width: 50%; }
  .dw-lg-5 { width: 41.66666666666667%; }
  .dw-lg-4 { width: 33.33333333333333%; }
  .dw-lg-3 { width: 25%; }
  .dw-lg-2 { width: 16.666666666666664%; }
  .dw-lg-1 { width: 8.333333333333332%; }

  .visible-desk-up { display: block; }
}

@media (min-width:1230px) and (max-width:1474px) {
  .container { max-width: 1230px; }
  .container.sml { max-width: 830px; }
}

@media (min-width: 1671px) {
  .dw-xl-10percent { width: 10%; }
  .dw-xl-20percent { width: 20%; }
  .dw-xl-30percent { width: 30%; }
  .dw-xl-40percent { width: 40%; }
  .dw-xl-50percent { width: 50%; }
  .dw-xl-60percent { width: 60%; }
  .dw-xl-70percent { width: 70%; }
  .dw-xl-80percent { width: 80%; }
  .dw-xl-90percent { width: 90%; }

  .dw-xl-10th { width: calc(100% / 10); }
  .dw-xl-9th { width: calc(100% / 9); }
  .dw-xl-8th { width: calc(100% / 8); }
  .dw-xl-7th { width: calc(100% / 7); }
  .dw-xl-5th { width: calc(100% / 5); }

  .dw-xl-12 { width: 100%; }
  .dw-xl-11 { width: 91.66666666666666%; }
  .dw-xl-10 { width: 83.33333333333334%; }
  .dw-xl-9 { width: 75%; }
  .dw-xl-8 { width: 66.66666666666666%; }
  .dw-xl-7 { width: 58.333333333333336%; }
  .dw-xl-6 { width: 50%; }
  .dw-xl-5 { width: 41.66666666666667%; }
  .dw-xl-4 { width: 33.33333333333333%; }
  .dw-xl-3 { width: 25%; }
  .dw-xl-2 { width: 16.666666666666664%; }
  .dw-xl-1 { width: 8.333333333333332%; }
}

@media (min-width:1230px) and (max-width:1670px) {
  .container, .course .masthead .container, .info-page .masthead .container { max-width: 1500px; }
}

@media (min-width:1671px) {
  .container, .course .masthead .container, .info-page .masthead .container { max-width: calc(1535px + 2rem); }
.container.sml {max-width: 830px;}
  .dw-xxl-10percent { width: 10%; }
  .dw-xxl-20percent { width: 20%; }
  .dw-xxl-30percent { width: 30%; }
  .dw-xxl-40percent { width: 40%; }
  .dw-xxl-50percent { width: 50%; }
  .dw-xxl-60percent { width: 60%; }
  .dw-xxl-70percent { width: 70%; }
  .dw-xxl-80percent { width: 80%; }
  .dw-xxl-90percent { width: 90%; }

  .dw-xxl-10th { width: calc(100% / 10); }
  .dw-xxl-9th { width: calc(100% / 9); }
  .dw-xxl-8th { width: calc(100% / 8); }
  .dw-xxl-7th { width: calc(100% / 7); }
  .dw-xxl-5th { width: calc(100% / 5); }

  .dw-xxl-12 { width: 100%; }
  .dw-xxl-11 { width: 91.66666666666666%; }
  .dw-xxl-10 { width: 83.33333333333334%; }
  .dw-xxl-9 { width: 75%; }
  .dw-xxl-8 { width: 66.66666666666666%; }
  .dw-xxl-7 { width: 58.333333333333336%; }
  .dw-xxl-6 { width: 50%; }
  .dw-xxl-5 { width: 41.66666666666667%; }
  .dw-xxl-4 { width: 33.33333333333333%; }
  .dw-xxl-3 { width: 25%; }
  .dw-xxl-2 { width: 16.666666666666664%; }
  .dw-xxl-1 { width: 8.333333333333332%; }

  .container.console { max-width: 1645px !important; }
}

@media screen and (min-width: 1231px) {
  .fl-left-lg { float: left; }
  .fl-right-lg { float: right; }
}

@media screen and (min-width: 992px) {
    .hidden-desktop { display: none; }
}

@media screen and (min-width: 992px) and (max-width: 1230px) {
  .fl-left-md { float: left; }
  .fl-right-md { float: right; }
  .full-w-md { max-width: 100%; }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .fl-left-sm { float: left; }
  .fl-right-sm { float: right; }
  .hidden-sm { display: none !important; }
  .full-w-sm { max-width: 100%; }
}

@media screen and (max-width: 767px) {
  .fl-left-xs { float: left; }
  .fl-right-xs { float: right; }
  .hidden-xs { display: none !important; }

  .sm-center-txt { text-align: center !important; }
}

@media screen and (max-width: 500px) {
    .hidden-xxs { display: none; }
}


/*Flex*/
.grow { flex-grow: 1; }
.flx, .flx-bx {display: flex;}
.flex-wrap {flex-wrap: wrap;}
.flex-nowrap {flex-wrap: wrap;}
.flex-row-reverse {flex-direction: row-reverse;}
.flex-col-reverse {flex-direction: column-reverse;}
.justify-center{justify-content: center;}
.justify-end{justify-content: end;}
.justify-between, .fl-ju-space{justify-content: space-between;}
.justify-around{justify-content: space-around;}
.items-center, .fl-al-cent{align-items: center;}
.items-end {align-items: end;}
.flex-col {flex-direction: column;}

.fl-ju-start { justify-content: flex-start; }
.fl-ju-end { justify-content: flex-end; }
.fl-ju-cent { justify-content: center; }


breadcrumb {font-size: 14px; color: #3f3f3f;}
breadcrumb strong{ color: #003f81;}
breadcrumb a {color:#3f3f3f; text-decoration: none;}
breadcrumb a:hover {text-decoration: underline;}
/*Gap*/
.gap-2rem {gap: 2rem;}
.gap-5px{gap: 5px;}
.gap-10px{gap: 10px;}
.gap-15px{gap: 15px;}
.gap-20px{gap: 20px;}
.gap-30px{gap: 30px;}
.gap-60px{gap: 60px;}
.r-gap-0 {row-gap: 0;}
.r-gap-10 {row-gap: 10px;}

.x-flip {transform: scaleX(-1);}

/*Display*/
.inline{display:inline}.block{display:block}.inline-block{display:inline-block}.flow-root{display:flow-root}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.inline-grid{display:inline-grid}.contents{display:contents}.table{display:table}.inline-table{display:inline-table}.table-caption{display:table-caption}.table-cell{display:table-cell}.table-column{display:table-column}.table-column-group{display:table-column-group}.table-footer-group{display:table-footer-group}.table-header-group{display:table-header-group}.table-row-group{display:table-row-group}.table-row{display:table-row}.list-item{display:list-item}.hidden{display:none}.is-hidden{display:none}

.center-block{margin: 0 auto;}

/*Text Align*/
.text-center {text-align: center;}
.text-left {text-align: left;}
.text-right {text-align: right;}

/*Tailwind Classes*/

/*Font Weight*/
.font-thin,.font-100{font-weight:100}.font-extralight,.font-200{font-weight:200}.font-light,.font-300{font-weight:300}.font-normal,.font-400{font-weight:400}.font-medium,.font-500{font-weight:600}.font-semibold,.font-600{font-weight:600}.font-bold,.font-700{font-weight:100}.font-extrabold,.font-800{font-weight:800}.font-black,.font-900{font-weight:900}


/*Line Height*/
.leading-09{line-height:.9}.leading-1{line-height:1}.leading-11{line-height:1.1}.leading-12{line-height:1.2}.leading-15{line-height:1.5}.leading-16{line-height:1.6}.leading-17{line-height:1.7}.leading-18{line-height:1.8}

/*Margin*/
.nomarg {margin: 0px;margin-bottom: 0px !important; margin-top: 0px !important;}
.mt-5px { margin-top: 5px }.mt-10px{margin-top:10px}.mt-15px{margin-top:15px}.mt-20px{margin-top:20px}.mt-30px{margin-top:30px}.mt-40px{margin-top:40px}.mt-45px{margin-top:45px}.mt-50px{margin-top:50px}.mt-60px{margin-top:60px}.mr-5px{margin-right:5px}.mr-10px{margin-right:10px}.mr-15px{margin-right:15px}.mr-20px{margin-right:20px}.mr-30px{margin-right:30px}.mr-40px{margin-right:40px}.mr-45px{margin-right:45px}.mr-50px{margin-right:50px}.mr-60px{margin-right:60px}.mb-5px{margin-bottom:5px}.mb-10px{margin-bottom:10px}.mb-15px{margin-bottom:15px}.mb-20px{margin-bottom:20px}.mb-30px{margin-bottom:30px}.mb-40px{margin-bottom:40px}.mb-45px{margin-bottom:45px}.mb-50px{margin-bottom:50px}.mb-60px{margin-bottom:60px}.ml-5px{margin-left:5px}.ml-10px{margin-left:10px}.ml-15px{margin-left:15px}.ml-20px{margin-left:20px}.ml-30px{margin-left:30px}.ml-40px{margin-left:40px}.ml-45px{margin-left:45px}.ml-50px{margin-left:50px}.ml-60px{margin-left:60px}.my-5px{margin-block:5px}.my-10px{margin-block:10px}.my-15px{margin-block:15px}.my-20px{margin-block:20px}.my-30px{margin-block:30px}.my-40px{margin-block:40px}.my-45px{margin-block:45px}.my-50px{margin-block:50px}.my-60px{margin-block:60px}.mx-5px{margin-inline:5px}.mx-10px{margin-inline:10px}.mx-15px{margin-inline:15px}.mx-20px{margin-inline:20px}.mx-30px{margin-inline:30px}.mx-40px{margin-inline:40px}.mx-45px{margin-inline:45px}.mx-50px{margin-inline:50px}.mx-60px{margin-inline:60px}.mx-auto{margin-inline:auto}.m-5px{margin:5px}.m-10px{margin:10px}.m-15px{margin:15px}.m-20px{margin:20px}.m-30px{margin:30px}.m-40px{margin:40px}.m-45px{margin:45px}.m-50px{margin:50px}.m-60px{margin:60px}

/*Padding*/
.pt-5px{padding-top:5px}.pt-10px{padding-top:10px}.pt-15px{padding-top:15px}.pt-20px{padding-top:20px}.pt-30px{padding-top:30px}.pt-40px{padding-top:40px}.pt-45px{padding-top:45px}.pt-50px{padding-top:50px}.pt-60px{padding-top:60px}.pr-5px{padding-right:5px}.pr-10px{padding-right:10px}.pr-15px{padding-right:15px}.pr-20px{padding-right:20px}.pr-30px{padding-right:30px}.pr-40px{padding-right:40px}.pr-45px{padding-right:45px}.pr-50px{padding-right:50px}.pr-60px{padding-right:60px}.pb-5px{padding-bottom:5px}.pb-10px{padding-bottom:10px}.pb-15px{padding-bottom:15px}.pb-20px{padding-bottom:20px}.pb-30px{padding-bottom:30px}.pb-40px{padding-bottom:40px}.pb-45px{padding-bottom:45px}.pb-50px{padding-bottom:50px}.pb-60px{padding-bottom:60px}.pl-5px{padding-left:5px}.pl-10px{padding-left:10px}.pl-15px{padding-left:15px}.pl-20px{padding-left:20px}.pl-30px{padding-left:30px}.pl-40px{padding-left:40px}.pl-45px{padding-left:45px}.pl-50px{padding-left:50px}.pl-60px{padding-left:60px}.py-5px{padding-block:5px}.py-10px{padding-block:10px}.py-15px{padding-block:15px}.py-20px{padding-block:20px}.py-30px{padding-block:30px}.py-40px{padding-block:40px}.py-45px{padding-block:45px}.py-50px{padding-block:50px}.py-60px{padding-block:60px}.px-5px{padding-inline:5px}.px-10px{padding-inline:10px}.px-15px{padding-inline:15px}.px-20px{padding-inline:20px}.px-30px{padding-inline:30px}.px-40px{padding-inline:40px}.px-45px{padding-inline:45px}.px-50px{padding-inline:50px}.px-60px{padding-inline:60px}.p-5px{padding:5px}.p-10px{padding:10px}.p-15px{padding:15px}.p-20px{padding:20px}.p-30px{padding:30px}.p-40px{padding:40px}.p-45px{padding:45px}.p-50px{padding:50px}.p-60px{padding:60px}

/*Text Size*/
.text-xs{font-size:var(--text-xs);line-height:var(--text-xs--line-height)}.text-sm{font-size:var(--text-sm);line-height:var(--text-sm--line-height)}.text-base{font-size:var(--text-base);line-height:var(--text-base--line-height)}.text-lg{font-size:var(--text-lg);line-height:var(--text-lg--line-height)}.text-xl{font-size:var(--text-xl);line-height:var(--text-xl--line-height)}.text-2xl{font-size:var(--text-2xl);line-height:var(--text-2xl--line-height)}.text-3xl{font-size:var(--text-3xl);line-height:var(--text-3xl--line-height)}.text-4xl{font-size:var(--text-4xl);line-height:var(--text-4xl--line-height)}.text-5xl{font-size:var(--text-5xl);line-height:var(--text-5xl--line-height)}.text-6xl{font-size:var(--text-6xl);line-height:var(--text-6xl--line-height)}.text-7xl{font-size:var(--text-7xl);line-height:var(--text-7xl--line-height)}.text-8xl{font-size:var(--text-8xl);line-height:var(--text-8xl--line-height)}.text-9xl{font-size:var(--text-9xl);line-height:var(--text-9xl--line-height)}

/*Height*/
.h-30px{height: 33px;}.h-33px{height: 33px;}

.w-max-cont {width: max-content;}

.max-w-fit {max-width: fit-content;}

/*Max Width*/
.max-w-10{max-width:10px}.max-w-20{max-width:20px}.max-w-30{max-width:30px}.max-w-40{max-width:40px}.max-w-50{max-width:50px}.max-w-60{max-width:60px}.max-w-70{max-width:70px}.max-w-80{max-width:80px}.max-w-90{max-width:90px}.max-w-100{max-width:100px}.max-w-110{max-width:110px}.max-w-120{max-width:120px}.max-w-130{max-width:130px}.max-w-140{max-width:140px}.max-w-150{max-width:150px}.max-w-160{max-width:160px}.max-w-170{max-width:170px}.max-w-180{max-width:180px}.max-w-190{max-width:190px}.max-w-200{max-width:200px}.max-w-210{max-width:210px}.max-w-220{max-width:220px}.max-w-230{max-width:230px}.max-w-240{max-width:240px}.max-w-250{max-width:250px}.max-w-260{max-width:260px}.max-w-270{max-width:270px}.max-w-280{max-width:280px}.max-w-290{max-width:290px}.max-w-300{max-width:300px}.max-w-310{max-width:310px}.max-w-320{max-width:320px}.max-w-330{max-width:330px}.max-w-340{max-width:340px}.max-w-350{max-width:350px}.max-w-360{max-width:360px}.max-w-370{max-width:370px}.max-w-380{max-width:380px}.max-w-390{max-width:390px}.max-w-400{max-width:400px}.max-w-410{max-width:410px}.max-w-420{max-width:420px}.max-w-430{max-width:430px}.max-w-440{max-width:440px}.max-w-450{max-width:450px}.max-w-460{max-width:460px}.max-w-470{max-width:470px}.max-w-480{max-width:480px}.max-w-490{max-width:490px}.max-w-500{max-width:500px}.max-w-510{max-width:510px}.max-w-520{max-width:520px}.max-w-530{max-width:530px}.max-w-540{max-width:540px}.max-w-550{max-width:550px}.max-w-560{max-width:560px}.max-w-570{max-width:570px}.max-w-580{max-width:580px}.max-w-590{max-width:590px}.max-w-600{max-width:600px}.max-w-610{max-width:610px}.max-w-620{max-width:620px}.max-w-630{max-width:630px}.max-w-640{max-width:640px}.max-w-650{max-width:650px}.max-w-660{max-width:660px}.max-w-670{max-width:670px}.max-w-680{max-width:680px}.max-w-690{max-width:690px}.max-w-700{max-width:700px}.max-w-710{max-width:710px}.max-w-720{max-width:720px}.max-w-730{max-width:730px}.max-w-740{max-width:740px}.max-w-750{max-width:750px}.max-w-760{max-width:760px}.max-w-770{max-width:770px}.max-w-780{max-width:780px}.max-w-790{max-width:790px}.max-w-800{max-width:800px}.max-w-810{max-width:810px}.max-w-820{max-width:820px}.max-w-830{max-width:830px}.max-w-840{max-width:840px}.max-w-850{max-width:850px}.max-w-860{max-width:860px}.max-w-870{max-width:870px}.max-w-880{max-width:880px}.max-w-890{max-width:890px}.max-w-900{max-width:900px}.max-w-910{max-width:910px}.max-w-920{max-width:920px}.max-w-930{max-width:930px}.max-w-940{max-width:940px}.max-w-950{max-width:950px}.max-w-960{max-width:960px}.max-w-970{max-width:970px}.max-w-980{max-width:980px}.max-w-990{max-width:990px}.max-w-1000{max-width:1000px}.max-w-1010{max-width:1010px}.max-w-1020{max-width:1020px}.max-w-1030{max-width:1030px}.max-w-1040{max-width:1040px}.max-w-1050{max-width:1050px}.max-w-1060{max-width:1060px}.max-w-1070{max-width:1070px}.max-w-1080{max-width:1080px}.max-w-1090{max-width:1090px}.max-w-1100{max-width:1100px}.max-w-1110{max-width:1110px}.max-w-1120{max-width:1120px}.max-w-1130{max-width:1130px}.max-w-1140{max-width:1140px}.max-w-1150{max-width:1150px}.max-w-1160{max-width:1160px}.max-w-1170{max-width:1170px}.max-w-1180{max-width:1180px}.max-w-1190{max-width:1190px}.max-w-1200{max-width:1200px}.max-w-1210{max-width:1210px}.max-w-1220{max-width:1220px}.max-w-1230{max-width:1230px}.max-w-1240{max-width:1240px}.max-w-1250{max-width:1250px}.max-w-1260{max-width:1260px}.max-w-1270{max-width:1270px}.max-w-1280{max-width:1280px}.max-w-1290{max-width:1290px}.max-w-1300{max-width:1300px}.max-w-1310{max-width:1310px}.max-w-1320{max-width:1320px}.max-w-1330{max-width:1330px}.max-w-1340{max-width:1340px}.max-w-1350{max-width:1350px}.max-w-1360{max-width:1360px}.max-w-1370{max-width:1370px}.max-w-1380{max-width:1380px}.max-w-1390{max-width:1390px}.max-w-1400{max-width:1400px}.max-w-1410{max-width:1410px}.max-w-1420{max-width:1420px}.max-w-1430{max-width:1430px}.max-w-1440{max-width:1440px}.max-w-1450{max-width:1450px}.max-w-1460{max-width:1460px}.max-w-1470{max-width:1470px}.max-w-1480{max-width:1480px}.max-w-1490{max-width:1490px}.max-w-1500{max-width:1500px}.max-w-1510{max-width:1510px}.max-w-1520{max-width:1520px}.max-w-1530{max-width:1530px}.max-w-1540{max-width:1540px}.max-w-1550{max-width:1550px}.max-w-1560{max-width:1560px}.max-w-1570{max-width:1570px}.max-w-1580{max-width:1580px}.max-w-1590{max-width:1590px}.max-w-1600{max-width:1600px}.max-w-1610{max-width:1610px}.max-w-1620{max-width:1620px}.max-w-1630{max-width:1630px}.max-w-1640{max-width:1640px}.max-w-1650{max-width:1650px}.max-w-1660{max-width:1660px}.max-w-1670{max-width:1670px}.max-w-1680{max-width:1680px}.max-w-1690{max-width:1690px}.max-w-1700{max-width:1700px}.max-w-1710{max-width:1710px}.max-w-1720{max-width:1720px}.max-w-1730{max-width:1730px}.max-w-1740{max-width:1740px}.max-w-1750{max-width:1750px}.max-w-1760{max-width:1760px}.max-w-1770{max-width:1770px}.max-w-1780{max-width:1780px}.max-w-1790{max-width:1790px}.max-w-1800{max-width:1800px}.max-w-1810{max-width:1810px}.max-w-1820{max-width:1820px}.max-w-1830{max-width:1830px}.max-w-1840{max-width:1840px}.max-w-1850{max-width:1850px}.max-w-1860{max-width:1860px}.max-w-1870{max-width:1870px}.max-w-1880{max-width:1880px}.max-w-1890{max-width:1890px}.max-w-1900{max-width:1900px}.max-w-1910{max-width:1910px}.max-w-1920{max-width:1920px}.max-w-1930{max-width:1930px}.max-w-1940{max-width:1940px}.max-w-1950{max-width:1950px}.max-w-1960{max-width:1960px}.max-w-1970{max-width:1970px}.max-w-1980{max-width:1980px}.max-w-1990{max-width:1990px}.max-w-2000{max-width:2000px}.max-w-2010{max-width:2010px}.max-w-2020{max-width:2020px}.max-w-2030{max-width:2030px}.max-w-2040{max-width:2040px}.max-w-2050{max-width:2050px}.max-w-2060{max-width:2060px}.max-w-2070{max-width:2070px}.max-w-2080{max-width:2080px}.max-w-2090{max-width:2090px}.max-w-2560{max-width:2560px}

/*Min Width*/
.min-w-100{min-width:100px}.min-w-110{min-width:110px}.min-w-120{min-width:120px}.min-w-130{min-width:130px}.min-w-140{min-width:140px}.min-w-150{min-width:150px}.min-w-160{min-width:160px}.min-w-170{min-width:170px}.min-w-180{min-width:180px}.min-w-190{min-width:190px}.min-w-200{min-width:200px}.min-w-210{min-width:210px}.min-w-220{min-width:220px}.min-w-230{min-width:230px}.min-w-240{min-width:240px}.min-w-250{min-width:250px}.min-w-260{min-width:260px}.min-w-270{min-width:270px}.min-w-280{min-width:280px}.min-w-290{min-width:290px}.min-w-300{min-width:300px}.min-w-310{min-width:310px}.min-w-320{min-width:320px}.min-w-330{min-width:330px}.min-w-340{min-width:340px}.min-w-350{min-width:350px}.min-w-360{min-width:360px}.min-w-370{min-width:370px}.min-w-380{min-width:380px}.min-w-390{min-width:390px}.min-w-400{min-width:400px}.min-w-410{min-width:410px}.min-w-420{min-width:420px}.min-w-430{min-width:430px}.min-w-440{min-width:440px}.min-w-450{min-width:450px}.min-w-460{min-width:460px}.min-w-470{min-width:470px}.min-w-480{min-width:480px}.min-w-490{min-width:490px}.min-w-500{min-width:500px}.min-w-510{min-width:510px}.min-w-520{min-width:520px}.min-w-530{min-width:530px}.min-w-540{min-width:540px}.min-w-550{min-width:550px}.min-w-560{min-width:560px}.min-w-570{min-width:570px}.min-w-580{min-width:580px}.min-w-590{min-width:590px}.min-w-600{min-width:600px}.min-w-610{min-width:610px}.min-w-620{min-width:620px}.min-w-630{min-width:630px}.min-w-640{min-width:640px}.min-w-650{min-width:650px}.min-w-660{min-width:660px}.min-w-670{min-width:670px}.min-w-680{min-width:680px}.min-w-690{min-width:690px}.min-w-700{min-width:700px}.min-w-710{min-width:710px}.min-w-720{min-width:720px}.min-w-730{min-width:730px}.min-w-740{min-width:740px}.min-w-750{min-width:750px}.min-w-760{min-width:760px}.min-w-770{min-width:770px}.min-w-780{min-width:780px}.min-w-790{min-width:790px}.min-w-800{min-width:800px}.min-w-810{min-width:810px}.min-w-820{min-width:820px}.min-w-830{min-width:830px}.min-w-840{min-width:840px}.min-w-850{min-width:850px}.min-w-860{min-width:860px}.min-w-870{min-width:870px}.min-w-880{min-width:880px}.min-w-890{min-width:890px}.min-w-900{min-width:900px}.min-w-910{min-width:910px}.min-w-920{min-width:920px}.min-w-930{min-width:930px}.min-w-940{min-width:940px}.min-w-950{min-width:950px}.min-w-960{min-width:960px}.min-w-970{min-width:970px}.min-w-980{min-width:980px}.min-w-990{min-width:990px}.min-w-1000{min-width:1000px}.min-w-1010{min-width:1010px}.min-w-1020{min-width:1020px}.min-w-1030{min-width:1030px}.min-w-1040{min-width:1040px}.min-w-1050{min-width:1050px}.min-w-1060{min-width:1060px}.min-w-1070{min-width:1070px}.min-w-1080{min-width:1080px}.min-w-1090{min-width:1090px}.min-w-1100{min-width:1100px}.min-w-1110{min-width:1110px}.min-w-1120{min-width:1120px}.min-w-1130{min-width:1130px}.min-w-1140{min-width:1140px}.min-w-1150{min-width:1150px}.min-w-1160{min-width:1160px}.min-w-1170{min-width:1170px}.min-w-1180{min-width:1180px}.min-w-1190{min-width:1190px}.min-w-1200{min-width:1200px}.min-w-1210{min-width:1210px}.min-w-1220{min-width:1220px}.min-w-1230{min-width:1230px}.min-w-1240{min-width:1240px}.min-w-1250{min-width:1250px}.min-w-1260{min-width:1260px}.min-w-1270{min-width:1270px}.min-w-1280{min-width:1280px}.min-w-1290{min-width:1290px}.min-w-1300{min-width:1300px}.min-w-1310{min-width:1310px}.min-w-1320{min-width:1320px}.min-w-1330{min-width:1330px}.min-w-1340{min-width:1340px}.min-w-1350{min-width:1350px}.min-w-1360{min-width:1360px}.min-w-1370{min-width:1370px}.min-w-1380{min-width:1380px}.min-w-1390{min-width:1390px}.min-w-1400{min-width:1400px}.min-w-1410{min-width:1410px}.min-w-1420{min-width:1420px}.min-w-1430{min-width:1430px}.min-w-1440{min-width:1440px}.min-w-1450{min-width:1450px}.min-w-1460{min-width:1460px}.min-w-1470{min-width:1470px}.min-w-1480{min-width:1480px}.min-w-1490{min-width:1490px}.min-w-1500{min-width:1500px}.min-w-1510{min-width:1510px}.min-w-1520{min-width:1520px}.min-w-1530{min-width:1530px}.min-w-1540{min-width:1540px}.min-w-1550{min-width:1550px}.min-w-1560{min-width:1560px}.min-w-1570{min-width:1570px}.min-w-1580{min-width:1580px}.min-w-1590{min-width:1590px}.min-w-1600{min-width:1600px}.min-w-1610{min-width:1610px}.min-w-1620{min-width:1620px}.min-w-1630{min-width:1630px}.min-w-1640{min-width:1640px}.min-w-1650{min-width:1650px}.min-w-1660{min-width:1660px}.min-w-1670{min-width:1670px}.min-w-1680{min-width:1680px}.min-w-1690{min-width:1690px}.min-w-1700{min-width:1700px}.min-w-1710{min-width:1710px}.min-w-1720{min-width:1720px}.min-w-1730{min-width:1730px}.min-w-1740{min-width:1740px}.min-w-1750{min-width:1750px}.min-w-1760{min-width:1760px}.min-w-1770{min-width:1770px}.min-w-1780{min-width:1780px}.min-w-1790{min-width:1790px}.min-w-1800{min-width:1800px}.min-w-1810{min-width:1810px}.min-w-1820{min-width:1820px}.min-w-1830{min-width:1830px}.min-w-1840{min-width:1840px}.min-w-1850{min-width:1850px}.min-w-1860{min-width:1860px}.min-w-1870{min-width:1870px}.min-w-1880{min-width:1880px}.min-w-1890{min-width:1890px}.min-w-1900{min-width:1900px}.min-w-1910{min-width:1910px}.min-w-1920{min-width:1920px}.min-w-1930{min-width:1930px}.min-w-1940{min-width:1940px}.min-w-1950{min-width:1950px}.min-w-1960{min-width:1960px}.min-w-1970{min-width:1970px}.min-w-1980{min-width:1980px}.min-w-1990{min-width:1990px}.min-w-2000{min-width:2000px}.min-w-2010{min-width:2010px}.min-w-2020{min-width:2020px}.min-w-2030{min-width:2030px}.min-w-2040{min-width:2040px}.min-w-2050{min-width:2050px}.min-w-2060{min-width:2060px}.min-w-2070{min-width:2070px}.min-w-2080{min-width:2080px}.min-w-2090{min-width:2090px}

/*Min Height*/
.min-h-10{min-height:10px}.min-h-15{min-height:15px}.min-h-20{min-height:20px}.min-h-25{min-height:25px}.min-h-30{min-height:30px}.min-h-35{min-height:35px}.min-h-40{min-height:40px}.min-h-45{min-height:45px}.min-h-50{min-height:50px}.min-h-55{min-height:55px}.min-h-60{min-height:60px}.min-h-65{min-height:65px}.min-h-70{min-height:70px}.min-h-75{min-height:75px}.min-h-80{min-height:80px}.min-h-85{min-height:85px}.min-h-110{min-height:110px}.min-h-115{min-height:115px}.min-h-130{min-height:130px}.min-h-150{min-height:150px}.min-h-220{min-height:220px}.min-h-260{min-height:260px}.min-h-300{min-height:300px}.min-h-340{min-height:340px}.min-h-410{min-height:410px}.min-h-440{min-height:440px}.min-h-500{min-height:500px}.min-h-180{min-height:180px}.min-h-360{min-height:360px}.min-h-590{min-height:590px}.min-h-610{min-height:610px}.min-h-770{min-height:770px}.min-h-20{min-height:20px}.min-h-500{min-height:500px}.min-h-560{min-height:560px}.min-h-700{min-height:700px}.min-h-730{min-height:730px}.min-h-850{min-height:850px}

/*Border Radius*/
.rounded-xs{border-radius:var(--radius-xs)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-4xl{border-radius:var(--radius-4xl)}.rounded-none{border-radius:0}.rounded-full{border-radius:100%}

/*Misc Rules*/

.new-lazy { position: relative; min-height: 80px; padding-bottom: 100%; background-color: transparent; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.new-lazy:before { position: absolute; z-index: 9; top: 50%; left: 50%; -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); display: inline-block; color: #fff; font-size: 5px; margin: 0; width: 1em; height: 1em; border-radius: 50%; -webkit-animation: load4 1.3s infinite linear; animation: load4 1.3s infinite linear; content: ""; }
.background-lazy { position: relative; background-color: transparent; background-image: none !important; }
.background-lazy:before { position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); display: inline-block; color: #fff; font-size: 5px; margin: 0; width: 1em; height: 1em; border-radius: 50%; -o-animation: load4 1.3s infinite linear; -moz-animation: load4 1.3s infinite linear; -webkit-animation: load4 1.3s infinite linear; animation: load4 1.3s infinite linear; content: ""; }
.ajaxLoader { }
.ajaxLoader > i { display: inline-block; color: #2bbed8; font-size: 5px; margin: 0; width: 1em; height: 1em; border-radius: 50%; -o-animation: load4 1.3s infinite linear; -moz-animation: load4 1.3s infinite linear; -webkit-animation: load4 1.3s infinite linear; animation: load4 1.3s infinite linear; content: ""; }


.center-img img, .cent-img img{display: block; margin: 0 auto;}

.center-txt {text-align: center;}

.inner-rel { width: 100%; position: relative; }

.l-thru{text-decoration: line-through;}

.full-w{width: 100%;}
.full-h {height: 100%;}

.width-fit {width: fit-content;}

.cover-bg {background-size: cover !important; background-position: center !important;}

.full-w-img img {width: 100%; height: auto;}

.full-w {width: 100%;}

.z-stack {display: grid;}
.z-stack > * { grid-row-start: 1; grid-column-start: 1; }

.sticky {position: sticky; top: 0px;}
.sticky.top-30 {top: 30px;}

.no-overfl {overflow: hidden; }
.rel {position: relative;}

.no-p-marg p {margin: 0px !important;}
.no-padd {padding: 0px !important;}
.accordion {}
a {cursor: pointer;}

.cap-txt {text-transform: uppercase;}

.opac-0 {opacity: 0;}
.opac-08 {opacity: 0.8;}
.opac-05 {opacity: 0.5;}
.opac-04 {opacity: 0.4;}

.fnt-w-400 { font-weight: var(--weight-regular); }

.dark-bg-img{}

ul.orange-markers li::marker { color: var(--brand-orange); }

.underl {text-decoration: underline;}

.linethru, .line-thru{text-decoration: line-through;}

.youtube {width: 100%; aspect-ratio: 16 / 9;}
.youtube iframe{width: 100%; aspect-ratio: 16 / 9; display: block;}

.no-overflow{overflow: hidden;}

.rev-stars {display: grid;}
.rev-stars > *{grid-row-start: 1; grid-column-start: 1; display: flex;}
.rev-stars > *:last-child {color: #fff; overflow: hidden; }

.curs-point {cursor:pointer;}
.curs-point > * {cursor:pointer;}
div[onclick], span[onclick], button[onclick] { touch-action: manipulation; }

*{background-position: center; background-size: cover;}

img {    border: 0;
    max-width: 100%;
    height: auto;
    pointer-events: none;}
img.blockimg {display: block;}

.bx-shad{    box-shadow: 0px 3px 6px #00000029;}
.bx-shad-inset{    box-shadow: 0px 3px 6px #00000029 inset;}


/*Responsive Rules*/
@media screen and (min-width: 1920px) {
    .pl-12percent { padding-left: 12%; }
}

@media  (max-width: 1229px) {
 .center-txt-md {text-align: center;}
 .center-block-md {margin: 0 auto;}
.fl-ju-cent-md {justify-content: center;}
    .fl-ju-space-md { justify-content: space-between; }
}

@media screen and (min-width: 1480px) {
    .pl-12percent { padding-left: 12%; }
}

@media screen and (min-width: 1231px) {
    .pl-200 { padding-left: 200px; }
}



@media screen and (min-width:992px) {
.resp-padd-30 {padding: 30px;}
.resp-paddx-30 {padding-left: 30px; padding-right: 30px;}
.resp-mt-30 {margin-top: 30px;}
  
}


@media screen and (max-width:991px) {
   .faqs .faq .q {font-size: 2em;}
.resp-padd-30 {padding: 15px;}
.resp-paddx-30 {padding-left: 15px; padding-right: 15px;}
.resp-mt-30 {margin-top: 15px;}
}


@media screen and (max-width: 500px) {
.faqs .faq .q {font-size: 1.5em;}
.gap5px-xs {gap: 5px;}
.gap10px-xs {gap: 10px;}
.gap05rem-xs {gap: 0.5rem;}
.mt-1-xxs {margin-top: 1rem;}
.mt-05-xxs {margin-top: 0.5rem;}
.mt-0-xxs {margin-top: 0rem;}
.m0-xxs {margin: 0px !important;}
.p0-xxs {padding: 0px !important;}
.fl-r-rev-xxs {flex-direction: row-reverse;}
.fl-r-col-xxs {flex-direction: column-reverse;}

.p-15-xxs {padding: 15px;}

} 
.popup { transition: none !important; z-index: 999; position: relative; }
.popup .overlay { position: fixed; z-index: 990; width: 100%; height: 100vh; top: 0px; left: 0px; background-color: #000000; opacity: 0.6; }
.popup .pop-container { box-shadow: 0px 3px 6px #00000029; position: fixed; z-index: 991; left: 50%; top: 50%; transform: translate(-50%, -50%); width: calc(100% - 30px); background-color: #fff; }
.popup .pop-container .btn.close { display: flex; justify-content: center; align-items: center; font-size: 2em; padding: 0px !important; width: 30px; min-height: 30px; height: 30px; aspect-ratio: 1; position: absolute; top: 10px; right: 10px; z-index: 100; border-radius: 100%; color: #c52433; }
.popup .pop-container .btn.close:hover {  }
.popup .pop-container .btn.close > div { width: 40px; height: 40px; position: relative; transform: rotate(45deg); }
.popup .pop-container .btn.close > div:before { display: block; content: ""; width: 2px; height: 20px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background-color: #e10a0a; }
.popup .pop-container .btn.close > div:after { display: block; content: ""; width: 20px; height: 2px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background-color: #e10a0a; }
.popup .pop-container .btn.close:hover > div:before {background-color: #105381;}
.popup .pop-container .btn.close:hover > div:after {background-color: #105381;}

.popup .pop-container table.message {display: none;}

.popup .pop-scroll-wrapper {max-height: 80vh; overflow:auto;}

.overlay-stndalone{position: fixed; background-color: #000; width: 100%; height:100vh; z-index: 9999; top: 0px; left: 0px;opacity: 0.5; transition: none !important;}

.popbody {z-index: 99;position: fixed;top: 0px;right: 0px;bottom: 30px;background-color: #fff;z-index: 9999;transform: translateX(calc(100% + 30px));opacity: 0;transition: 0.3s ease-in-out;width: calc(100% - 60px);max-width: 600px;overflow: hidden;height: 100vh; padding: 0px 30px; box-sizing: border-box;}
.popbody.active {transform: translateX(0px); opacity: 1;}
.popbody.basketwidg { max-width: 600px !important; display: flex; flex-direction: column; background-color: #fbfdff; max-height: 100vh;}
.popbody.basketwidg .btm {background-color: #fff;}
.popbody.basketwidg .btm .subtotal { margin-bottom: 30px; display: flex; justify-content: space-between; align-items: center; font-family: "Funnel Display", sans-serif; font-optical-sizing: auto; font-weight: 700; font-style: normal; font-size: 1.1rem; }

.popbody.basketwidg productlisting size {display: none;}
.popbody.basketwidg productlisting product_price {display: none;}
.popbody.basketwidg productlisting product_title {font-size: 1.15rem; padding-top: 10px;}
.popbody.basketwidg productlisting .img {margin-bottom: 10px;}

.popbody.basketwidg .no-items-content { height: 100%; display: flex; flex-direction: column; justify-content: space-around; }

.popbody .close { position: relative; font-size: 1.8em; cursor: pointer; display: block; font-weight: 600; width: 30px; height: 30px; border-radius: 100%; transform: rotate(45deg);}
.popbody .close:before {border-radius:5px; content:""; width:2px; height:80%; position: absolute; left: 50%; top: 50%; transform:translate(-50%, -50%); background-color:#000;}
.popbody .close:after  {border-radius:5px; content:""; width:80%; height:2px; position: absolute; left: 50%; top: 50%; transform:translate(-50%, -50%); background-color:#000;}
.popbody .close:hover {color: #C52432;}
.popbody .inner{height: calc(100vh - 100px); display: flex; flex-direction: column; justify-content: space-between;}
.popbody .basket-actions{position: absolute; left: 0px; bottom: 0px; background-color: #ecece6; width: 100%; padding: 30px; display: flex; flex-flow: column; gap: 10px;}
.popbody .basket-actions .btn {max-width: 560px; margin: 0 auto;height: 70px; font-weight: 700; font-size: 1.1em; border: 2px solid #232323;}
.popbody #widgetbasketform { height: calc(100% - 100px); display: flex; flex-direction: column; justify-content: space-between; align-items: center; }
.popbody #widgetbasketform > * {width: 100%;}
.popbody .inner .OK, .popbody .inner .ok { font-weight: 500;}
.popbody .pop-title strong {display: block !important;}

.popbody.full-scn {display: none; transition: none; max-width: 1200px; border-bottom: 9px solid #e10a0a;}
.popbody.full-scn { top: 50%; right: 50%; transform: translate(50%, -50%); height: fit-content;}
.popbody.full-scn .inner {height: auto;}
.popbody.full-scn .top {text-align: center; position: relative;}
.popbody.full-scn .top .close {position: absolute; top: 30px; right: 30px; }
.popbody.full-scn strong {color: #063B68; border-bottom: 5px solid #e10a0a ; font-weight: 900;   }

.popbody .pop-title {display: flex; align-items: center; height: 69px;}
.popbody .pop-title h2 {        font-size: 18px;
        font-weight: 700;
        color: #000;}
.popbody .pop-title > * {width: 100%;}



.pop-wrapper {max-height: calc(80vh); overflow: auto;}

.popbody.searchwidg {max-width: 600px;}

 @media screen and (max-width: 767px) {
.popbody .inner {padding: 0px;}
.popbody.accred img {max-height: 150px; width: auto;}
    }
@media screen and (max-width:500px) {
  .pop-container .rel.padd-30 { padding: 15px; }
  .popup .pop-container .btn.close { right: 10px; top:10px; margin-top: 0px;}
  .pop-title > .p-30{padding: 0px 30px; width: 100%;}
  .popbody .inner {height: calc(100vh - 70px);}
  .popbody .inner > .p-30 {padding: 15px;}
  .popbody.accred img {max-height: 110px; width: auto;}
  .popbody {width: 100%; padding: 0 15px;}
  .basketform .row {}
  .pop-title > .pt-30 {padding: 0px;}
  .popbody .search-top {padding: 15px 15px 0px 15px;}
  widgets .searchwidg .searchresults productlisting {padding: 0px 15px 15px 15px;}
  widgets .searchwidg .searchresults {    height: calc(100vh - 67px);}
  widgets .searchwidg .searchresults .results-btm {padding: 13px 10px;}
  widgets .searchwidg .searchresults .results-btm .btn{border-radius: 30px; }
  .popbody form.searchform input {height: 50px;}

   

}

footer { background-color: var(--footer-blue); color: var(--white); }
footer a { color: var(--white); text-decoration: none; }
footer a:hover { text-decoration: underline; }
footer a:focus-visible { outline: 2px solid var(--white); outline-offset: 2px; }
.footer-top { display: flex; justify-content: space-between; padding-top: 50px; padding-bottom: 40px; gap: 40px; flex-direction: column; flex-wrap: wrap; }
.footer-company { display: flex; gap: 15px; flex-shrink: 0; flex-wrap: nowrap; justify-content: space-between; align-items: center; }
.footer-company-details { display: flex; flex-direction: column; gap: 15px; }
.footer-company-name { font-size: var(--text-xl); font-weight: var(--weight-bold); letter-spacing: var(--lspacing-0pt20); line-height: 22px; }
.footer-address { font-size: var(--text-sm); font-weight: var(--weight-regular); line-height: 21px; }
.footer-contact { display: none; }
.footer-contact a { text-decoration: underline; }
.footer-contact span, .footer-contact a { font-size: var(--text-lg); font-weight: var(--weight-semibold); line-height: 21px; }
.footer-trade-btn { display: flex; align-items: center; gap: var(--scale-200); background-color: var(--white); color: var(--footer-blue); border: none; border-radius: var(--radius-sm); padding: 15px; cursor: pointer; text-decoration: none; font-size: var(--text-xs); font-weight: var(--weight-bold); line-height: 16px; height: fit-content; align-self: center; justify-content: space-between; }
.footer-trade-btn:hover { text-decoration: none; opacity: 0.9; }
.footer-trade-btn:focus-visible { outline: 2px solid var(--footer-blue); outline-offset: 2px; }
.footer-trade-btn img { width: 18px; height: 18px; filter: invert(14%) sepia(97%) saturate(2000%) hue-rotate(196deg) brightness(30%) contrast(100%); }
.footer-nav { display: flex; gap: 30px; flex: 1; flex-direction: column; flex-wrap: wrap; }
.footer-nav-stack { display: flex; flex-direction: column; gap: 30px; }
.footer-nav-col { display: flex; flex-direction: column; gap: 26px; }
.footer-nav-col h4 { font-size: var(--text-xl); font-weight: var(--weight-bold); letter-spacing: var(--lspacing-0pt20); line-height: 21px; margin: 0; }
.footer-nav-col ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px; }
.footer-nav-col li a { font-size: var(--text-lg); font-weight: var(--weight-regular); letter-spacing: var(--lspacing-0pt18); line-height: 21px; display: inline-block; }
.footer-nav-col__trigger { display: flex; justify-content: space-between; align-items: center; width: 100%; background: none; border: none; color: var(--white); cursor: pointer; padding: 0; text-align: left; }
.footer-nav-col__trigger > span:first-child { font-size: var(--text-xl); font-weight: var(--weight-bold); letter-spacing: var(--lspacing-0pt20); line-height: 21px; }
.footer-nav-col__icon { display: flex; align-items: center; flex-shrink: 0; transition: transform 0.2s ease; }
.footer-nav-col__icon img { width: 16px; height: 16px; filter: brightness(0) invert(1); }
.footer-nav-col.is-open .footer-nav-col__icon { transform: rotate(180deg); }
.footer-bottom { display: flex; align-items: flex-start; justify-content: space-between; padding-bottom: 35px; gap: 30px; flex-wrap: wrap; flex-direction: column; }
.footer-social img { height: 54px; }
.footer-bottom .footer-social {display: flex; gap: 1rem;}

.footer-payments { display: flex; flex-direction: column; gap: var(--scale-200); }
.footer-payments-label { font-size: var(--text-base); font-weight: var(--weight-bold); letter-spacing: var(--lspacing-0pt16); }
.footer-payments img { height: auto; width: auto; }
.footer-legal { display: flex; align-items: center; flex-wrap: wrap; row-gap: 5px; column-gap: 15px; }
.footer-legal a { font-size: var(--text-sm); font-weight: var(--weight-semibold); line-height: 21px; white-space: nowrap; }
.footer-legal-divider { display: none; width: var(--border-width-xs); height: 20px; background-color: var(--white); flex-shrink: 0; }
.footer-accent-bar {  background-color: var(--footer-accent); padding: 5px 0px;}
.footer-accent-bar  .flx-bx{flex-wrap: wrap; gap: .5rem;}


@media (min-width: 1280px) {
    .footer-top { flex-wrap: nowrap; }
    .footer-nav { justify-content: flex-end; }
}

@media (min-width: 768px) {
    .footer-company { gap: 35px; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; }
    .footer-company-details { gap: 28px; }
    .footer-company-name { font-size: 23px; letter-spacing: var(--lspacing-0pt23); }
    .footer-address { font-size: var(--text-lg); line-height: 28px; }
    .footer-contact { display: flex; flex-direction: column; gap: var(--scale-400); }
    .footer-trade-btn { display: inline-flex; padding: 12px 24px; font-size: var(--text-base); align-self: flex-start; justify-content: flex-start; }
    .footer-trade-btn img { width: 21px; height: 20px; }
    .footer-nav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px; align-content: start; }
    .footer-nav-stack { display: grid; grid-column: 1 / -1; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px; }
    .footer-bottom { flex-direction: row; align-items: center; }
    .footer-legal { flex-wrap: nowrap; gap: 22px; }
    .footer-legal a { font-size: var(--text-base); line-height: normal; }
    .footer-legal-divider { display: block; }
    .footer-payments img { height: 26px; }
    
    /*styling stop undo accordion styling for footer-nav*/
    .footer-nav-col__trigger { cursor: default; pointer-events: none; }
    .footer-nav-col__icon { display: none; }
    .footer-nav-col__body { display: block !important; padding-bottom: 0; }

}

@media (max-width: 767px) {
    /*Styling for footer nav*/
    .footer-nav { gap: 0; }
    .footer-nav-stack { gap: 0; }
    .footer-nav-col { gap: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.15); padding: 1rem 0; }
    .footer-nav-col:last-child { gap: 0; border-bottom: none; }
    .footer-nav-col:first-child { border-top: none; }
    .footer-nav-col__trigger { padding: 14px 0; }
    .footer-nav-col__body { display: none; padding-bottom: 14px; }
    .footer-nav-col__icon {width: 30px; height: 30px; border: 1px solid #fff; border-radius: 100%; display: flex; justify-content: center; align-items: center;}
    .footer-nav-col__icon img {width: 10px; height: 10px;}
}

@media (min-width: 1230px) {
    .footer-top { flex-direction: row; gap: 76px; }
    .footer-company { flex-wrap: nowrap; }
    .footer-bottom { gap: 40px; }
    .footer-nav { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(220px, 0.9fr); gap: 50px; flex-wrap: nowrap; }
    .footer-nav-stack { grid-column: auto; grid-template-columns: 1fr; gap: 34px; }
}

@media (max-width: 500px){
.footer-accent-bar .flx-bx{justify-content: center; text-align: center;}
}
.category-menu-nav { background-color: var(--white); border-top: var(--border-width-xs) solid var(--nav-divider); border-bottom: var(--border-width-xs) solid var(--nav-divider); }
.category-menu-nav > ul { list-style: none; margin: 0 auto; padding: 14px; display: flex; flex-direction: column; align-items: center; justify-content: space-between; max-width: var(--screen-2xl); }
.category-menu-nav > ul > li { text-align: center; width: 100%; padding: 0 1rem; }
.category-menu-nav > ul > li > .nav-top-link { display: inline-flex; align-items: center; gap: 12px; cursor: pointer; width: 100%; justify-content: space-between; border-bottom: var(--border-width-xs) solid var(--nav-border-overlay); min-height: 69px; }
.category-menu-nav > ul > li > .nav-top-link > a { font-size: var(--text-sm); font-weight: var(--weight-bold); letter-spacing: var(--lspacing-0pt14); color: var(--text-body); text-decoration: none; line-height: 1.5; white-space: nowrap; }
.category-menu-nav > ul > li > .nav-top-link > a:hover { color: var(--brand-orange); }
.category-menu-nav > ul > li > .nav-top-link > a:focus-visible { outline: 2px solid var(--brand-blue); outline-offset: 2px; }
.category-menu-nav > ul > li > .nav-top-link > a.orange-txt { color: var(--brand-orange); }
.category-menu-nav > ul > li > .nav-top-link > a.orange-txt:hover { color: var(--text-body); }
.category-menu-nav > ul > li > .nav-top-link > i { display: inline-block; position: relative; width: 29px; height: 29px; background-image: url('/images/icons/chevron-down-orange.svg?v=XmA_b2iFOdm51RTaYhjk4enL5fc'); background-size: 40%; background-repeat: no-repeat; background-position: center; flex-shrink: 0; transform: rotate(-90deg); border-radius: var(--radius-pill); border: 0.5px solid var(--text-secondary); overflow: hidden; filter: grayscale(100%); }
.category-menu-nav > ul > li > .nav-top-link > i:before { position: absolute; top: 0; left: 0; content: ""; background-color: var(--black); width: 100%; height: 100%; opacity: 0.04; }
.feat-cats { display: flex; flex-direction: column; gap: 10px; padding: 10px 0; }
.feat-cat-tile { position: relative; display: block; width: 100%; height: 83px; border-radius: var(--border-radius-100); overflow: hidden; text-decoration: none; background-color: var(--light-grey); }
.feat-cat-tile:focus-visible { outline: 2px solid var(--brand-blue); outline-offset: 2px; box-shadow: 0 0 0 4px var(--white); }
.feat-cat-tile.active { border: var(--border-width-sm) solid var(--nav-active-border); }
.feat-cat-tile img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; pointer-events: none; }
.feat-cat-tile::after { content: ""; position: absolute; inset: 0; background: var(--grad-category-overlay); pointer-events: none; }
.feat-cat-label { position: absolute; bottom: 12px; left: 16px; z-index: 1; color: var(--white); font-size: var(--text-lg); font-weight: var(--weight-extrabold); line-height: 1; text-shadow: 0 1px 3px rgba(0,0,0,0.3); }
.category-menu-mobile-bottom { display: none; }

@media (min-width: 1530px) {
    .category-menu-nav > ul > li.has-dropdown > .dropdown-panel { border-radius: 0px 0px 10px 10px; overflow: hidden; }
}

@media (min-width: 1231px) { /* --screen-nav-desktop */
    .category-menu-nav .overlay { display: none; }
    .sticky-head:has(.category-menu-nav > ul > li.has-dropdown:hover) ~ .page-content { filter: brightness(0.7); pointer-events: none; transition: filter 0.2s ease; }
    .category-menu-nav > ul > li > .nav-top-link > a { font-size: var(--text-base); letter-spacing: var(--lspacing-0pt16); }
    .category-menu-nav { position: relative; }
    .category-menu-nav > ul { flex-direction: row; padding: 0 14px; }
    .category-menu-nav > ul > li { width: auto; padding: 14px 5px; }
    .category-menu-nav > ul > li > .nav-top-link { width: auto; justify-content: normal; border-bottom: none; min-height: 0; }
    .category-menu-nav > ul > li > .nav-top-link > i { position: static; width: 12px; height: 8px; background-size: contain; transform: none; border-radius: 0; border: none; overflow: visible; filter: none; }
    .category-menu-nav > ul > li > .nav-top-link > i:before { content: none; }
    .category-menu-nav > ul > li.has-dropdown { position: static; }
    .category-menu-nav .drop-inner { background-color: var(--white); }
    .category-menu-nav > ul > li.has-dropdown > .dropdown-panel { background-color: var(--white); padding-top: 20px; border-top: var(--border-width-xs) solid var(--nav-divider); max-width: 1535px; position: absolute; top: 100%; left: 50%; right: 0; z-index: 200; opacity: 0; visibility: hidden; transform: translateY(-6px) translateX(-50%); transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease; pointer-events: none; width: 100%; }
    .category-menu-nav > ul > li.has-dropdown:hover > .dropdown-panel { opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0) translateX(-50%); }
    .category-menu-nav > ul ul { list-style: none; }
    .category-menu-nav .nav-sub-link { text-align: left; display: block; border-radius: 5px; overflow: hidden; text-decoration: none; color: var(--text-near-black); font-size: var(--text-base); font-weight: var(--weight-bold); line-height: normal; }
    .category-menu-nav .subcats .subcat-img-top { border-radius: 5px; overflow: hidden; }
    .category-menu-nav .nav-sub-link:focus-visible { outline: 2px solid var(--brand-blue); outline-offset: 2px; }
    .category-menu-nav .nav-sub-link img { display: block; }
    .category-menu-nav a.nav-sub-link:hover img { filter: brightness(0.75); }
    .category-menu-nav a.nav-sub-link:hover .nav-sub-tile__title { text-decoration: underline; }
    .category-menu-nav .subcats { display: flex; gap: 1rem; padding: 1rem 0px; margin-bottom: 20px; }
    .category-menu-nav .subcats > li { flex: 1; max-width: 290px; }
    .category-menu-nav .subcats .sub-has-dropdown.other { margin: -1rem 0; border-left: 1px solid #b0c4d8; padding-left: 1.5rem; display: flex; flex-direction: column; justify-content: center; }
    .category-menu-nav .subcats .sub-has-dropdown.other .subcat-img-top { aspect-ratio: unset; text-align: left; }
    .category-menu-nav .subcats .sub-has-dropdown.other .subcat-img-top .nav-sub-tile__title { font-size: var(--text-lg); position: static; color: #003f81; text-shadow: unset; }
    .category-menu-nav .subcats .sub-has-dropdown.other .subsubcats { padding: 0px; margin-top: 1rem; }
    .category-menu-nav .subcats.nosubsub { flex-wrap: wrap; padding: 1rem 0px; max-width: 915px; position: relative; }
    .category-menu-nav .subcats.nosubsub > li { flex: unset; }
    .category-menu-nav .subcats.nosubsub .sub-has-dropdown.other { position: absolute; top: 1rem; height: 100%; left: calc(100% + .5rem); width: 290px; }
    .category-menu-nav .subcats.nosubsub .sub-has-dropdown.other.staging-hardcode { gap: .5rem; width: calc(100% - 290px); max-width: 750px; left: calc(100% - 290px); }
    .category-menu-nav .subcats.nosubsub .sub-has-dropdown.other.staging-hardcode .subcat { display: flex; flex-wrap: wrap; flex-direction: row; }
    .category-menu-nav .subcats.nosubsub .sub-has-dropdown.other.staging-hardcode .subcat a { width: calc(100% / 2); color: var(--text-near-black); font-size: var(--text-base); font-weight: var(--weight-regular); line-height: normal; text-decoration: none; }
    .category-menu-nav .subcats.nosubsub .sub-has-dropdown.other.staging-hardcode .subcat a span { color: var(--text-near-black); }
    .category-menu-nav .subcats.nosubsub { flex-wrap: wrap; padding: 1rem 0px; max-width: 915px; position: relative; }
    .category-menu-nav .subcats.nosubsub.has-two { flex-wrap: wrap; justify-content: center; padding: 1rem 0px; width: 100%; max-width: none; position: relative; }
    .category-menu-nav .subcats.nosubsub.has-two > li { max-width: none; }
    .category-menu-nav .subcats.nosubsub.has-two .subcat-img-top { aspect-ratio: 457 / 207; }
    .category-menu-nav .subcats.nosubsub.has-two > li .nav-sub-tile__title { font-size: var(--font-18); }
    .category-menu-nav .subcats.nosubsub.has-two .subcat-img-top img { aspect-ratio: 457 / 207; width: 457px; height: 207px; }
    .category-menu-nav .nav-sub-link .nav-sub-tile__title.below { padding: 1rem .75rem .25rem; display: block; }
    .category-menu-nav .nav-sub-link .nav-sub-tile__title.below.nosubcats { padding: .5rem 0; }
    .category-menu-nav .sub-has-dropdown:not(.other) .subsubcats { padding: .75rem; }

    .category-menu-nav .subcats .subcat-img-top { position: relative; aspect-ratio: 290 / 120; }
    .category-menu-nav .subcats .subcat-img-top .nav-sub-tile__title { position: absolute; color: var(--white); text-shadow: 0 0 4px var(--nav-tile-text-shadow); font-size: var(--text-xl); font-style: normal; font-weight: var(--weight-extrabold); line-height: 1.125; bottom: 1rem; left: 1rem; }
    .category-menu-nav .subsubcats { padding: .5rem; text-align: left; display: flex; flex-direction: column; gap: 1rem; }
    .category-menu-nav .subsubcats a { color: var(--text-near-black); font-size: var(--text-base); font-weight: var(--weight-regular); line-height: normal; text-decoration: none; }

    .category-menu-nav .subsubcats a:hover { color: #e9660c; }
    .category-menu-nav .subsubcats a:focus-visible { outline: 2px solid var(--brand-blue); outline-offset: 2px; }
    .category-menu-nav .featurelinks { background-color: var(--nav-feature-bg); }
    .category-menu-nav .featurelinks .inner { display: flex; gap: .5rem; min-height: 110px; padding: 15px 0; align-items: center; }
    .category-menu-nav .featurelinks a { text-decoration: none; text-align: left; display: flex; gap: .5rem; align-items: center; height: 70px; flex: 1; border-radius: var(--border-radius-100); border: 1.5px solid var(--footer-accent); }
    .category-menu-nav .featurelinks a:focus-visible { outline: 2px solid var(--white); outline-offset: 2px; }
    .category-menu-nav .featurelinks a.all { border-radius: var(--border-radius-100); border: var(--border-width-sm) solid var(--white); background: linear-gradient(100deg, var(--brand-orange) 35.88%, var(--white) 317.2%); max-width: 147px; padding: 1rem; text-align: center; }
    .category-menu-nav .featurelinks a img { max-height: 100%; width: auto; }
    .category-menu-nav .featurelinks a span { text-decoration: none; flex: 1; color: var(--white); font-family: Inter, sans-serif; font-size: var(--text-base); font-style: normal; font-weight: var(--weight-bold); line-height: 1.125; }
    .category-menu-nav .featurelinks a .chevron { display: inline-block; width: 11px; height: 15px; background-image: url('/images/icons/chevron-right-blue.svg?v=nseLbAWRhxeJbjHDU8s7FCqSGKA'); background-repeat: no-repeat; background-size: contain; background-position: center; flex-shrink: 0; margin-right: 10px; }
    .category-menu-nav .featurelinks a:hover { background-color: #fff; }
    .category-menu-nav .featurelinks a:hover span { color: #e9660c; }
    .category-menu-nav .featurelinks a.all:hover { background: #fff; }
    .category-menu-nav .drop-btm { background-color: var(--checkout-panel-bg); min-height: 185px; padding: 30px 0; text-align: left; display: flex; justify-content: center; align-items: center; border-top: var(--border-width-xs) solid var(--nav-divider); }
    .category-menu-nav .drop-btm .drop-btm-inner { display: flex; align-items: center; }
    .category-menu-nav .drop-btm .drop-btm-inner.has-filterlinks.no-popularbrands.no-resourcelinks .filterlinks { flex-direction: row; display: flex; align-items: center; gap: 4rem; }
    .category-menu-nav .drop-btm .drop-btm-inner.has-filterlinks.no-popularbrands.no-resourcelinks .filterlinks .filterlinks__group { width: auto !important; }
    .category-menu-nav .drop-btm .drop-btm-inner.has-filterlinks.no-popularbrands.no-resourcelinks .filterlinks .filterlinks__group a { min-width: 130px; }
    .category-menu-nav .drop-btm .drop-btm-inner.has-filterlinks.no-popularbrands.no-resourcelinks .filterlinks .filterlinks__group_divline { height: 100%; width: 1px; border-left: 1px solid var(--nav-section-divider); min-height: 120px; }
    .category-menu-nav .drop-btm .drop-btm-inner.has-filterlinks.no-popularbrands.no-resourcelinks .filterlinks .filterlinks__group_divline:last-child { display: none; }
    .category-menu-nav .filterlinks { text-align: left; display: flex; flex-direction: column; gap: 16px; }
    .category-menu-nav .filterlinks__group { display: flex; flex-wrap: wrap; row-gap: 16px; width: 100%; }
    .category-menu-nav .filterlinks__group-title { flex: 0 0 100%; font-family: Inter, sans-serif; font-size: var(--text-base); font-weight: var(--weight-bold); color: var(--nav-link-blue); line-height: 1.125; }
    .category-menu-nav .filterlinks__group a { width: 20%; font-family: Inter, sans-serif; font-size: var(--text-base); font-weight: var(--weight-regular); color: var(--nav-link-blue); text-decoration: none; line-height: 1.125; white-space: nowrap; }
    .category-menu-nav .filterlinks__group a:hover { text-decoration: underline; }
    .category-menu-nav .filterlinks__group a.active { font-weight: var(--weight-bold); }
    .category-menu-nav .filterlinks__group a:focus-visible { outline: 2px solid var(--nav-link-blue); outline-offset: 2px; }
    .category-menu-nav .popularbands .nav-popular-brands__title { margin-bottom: 16px; display: block; font-family: Inter, sans-serif; font-size: var(--text-base); font-weight: var(--weight-bold); color: var(--nav-link-blue); line-height: 1.125; }
    .category-menu-nav .popularbands .nav-popular-brands__list { display: flex; gap: .5rem; }
    .category-menu-nav .popularbands .nav-popular-brands__list a { background-color: var(--white); border-radius: var(--border-radius-100); display: flex; gap: .5rem; aspect-ratio: 155 / 55; justify-content: center; align-items: center; }
    .category-menu-nav .popularbands .nav-popular-brands__list a:focus-visible { outline: 2px solid var(--brand-blue); outline-offset: 2px; }
    .category-menu-nav .popularbands .nav-popular-brands__list a img { max-width: 100%; max-height: 100%; width: auto; height: auto; }
    .category-menu-nav .popularbands .nav-popular-brands__list a:hover { filter: brightness(0.8); }
    .category-menu-nav .drop-btm .drop-btm-inner > * { min-height: 120px; border-left: 1px solid var(--nav-section-divider); height: 100%; display: flex; align-items: center; }
    .category-menu-nav .drop-btm .drop-btm-inner > *:first-child { border: none; padding: 0; }
    .category-menu-nav .drop-btm .popularbands { padding: 0 37px; }
    .category-menu-nav .drop-btm .resourcelinks { padding-left: 37px; }
    .category-menu-nav .drop-btm .resourcelinks .title { display: block; font-family: Inter, sans-serif; font-size: var(--text-base); font-weight: var(--weight-bold); color: var(--nav-link-blue); line-height: 1.125; }
    .category-menu-nav .drop-btm .resourcelinks a { color: var(--nav-link-blue); font-family: Inter, sans-serif; font-size: var(--text-base); font-style: normal; font-weight: var(--weight-regular); line-height: normal; display: block; width: max-content; margin-top: 16px; text-decoration: none; }
    .category-menu-nav .drop-btm .resourcelinks a:hover { color: var(--brand-orange); }
    .category-menu-nav .drop-btm .resourcelinks a:focus-visible { outline: 2px solid var(--brand-blue); outline-offset: 2px; }
    .category-menu-nav .mob-item-img { display: none; background-image: none; }
    .category-menu-nav .subcat i { display: none; }
    .category-menu-nav .mob-nav-top { display: none; }
    .category-menu-nav .subsubcats .top { display: none; }
}

@media (max-width: 1230px) {

    .category-menu-nav .subcats.nosubsub .sub-has-dropdown.other.staging-hardcode { display: none; }
    .navopen { overflow: hidden; }

    .dropdown-panel { width: 100%; display: block; position: absolute; background-color: #fff; top: 0px; left: 0px; z-index: 10; height: 100%; overflow: auto; transform: translateX(100%); transition: .25s ease-in-out; }
    .has-dropdown.mobopen .dropdown-panel { transform: translateX(0%); }
    .has-dropdown.mobopen .dropdown-panel > .drop-inner { height: 100%; overflow: hidden; position: relative; }

    .category-menu-nav .subsubcats li a { justify-content: start; }

    .category-menu-nav { overflow: hidden; height: 100vh; display: block; position: absolute; top: 0px; left: 0px; width: 100%; z-index: 10; padding-bottom: 115px; box-sizing: border-box; }
    .category-menu-nav .mob-nav-top { margin: 0 auto; max-width: 750px; width: 100%; padding: 0px 15px; height: 85px; position: relative; display: flex; justify-content: center; align-items: center; }
    .category-menu-nav .mob-nav-top .menu-icon { position: absolute; top: 50%; right: 15px; transform: translateY(-50%); }
    .category-menu-nav .mob-nav-top .title { font-size: 18px; font-weight: 700; color: #000; }
    .category-menu-nav .mob-nav-top i { position: absolute; left: 15px; top: 50%; transform: translateY(-50%) rotate(90deg); display: inline-block; width: 29px; height: 29px; background-image: url('/images/icons/chevron-down-orange.svg?v=XmA_b2iFOdm51RTaYhjk4enL5fc'); background-size: 40%; background-repeat: no-repeat; background-position: center; flex-shrink: 0; border-radius: var(--radius-pill); border: 0.5px solid var(--text-secondary); overflow: hidden; filter: grayscale(100%); }
    .category-menu-nav .mob-nav-top i:before { position: absolute; top: 0; left: 0; content: ""; background-color: var(--black); width: 100%; height: 100%; opacity: 0.04; }
    .category-menu-nav > ul { max-width: 750px; margin: 0px auto; height: calc(100% - 84px); overflow: auto; display: block; }
 
    .category-menu-nav > ul > li {padding: 0px;}
    .category-menu-nav > ul > li > .nav-top-link > a { height: 69px; width: 100%; font-size: 14px; display: flex; align-items: center; gap: 1rem; }
    .category-menu-nav .mob-item-img { aspect-ratio: 1; height: 50px; }
    .category-menu-nav .featurelinks { display: none; }
    .category-menu-nav .filterlinks { display: none; }
    .category-menu-nav .resourcelinks { display: none; }
    .category-menu-nav .subcat img { display: none; }
    .category-menu-nav .subcat .nav-sub-link, .category-menu-nav .subcat .nav-sub-tile__title { gap: 1rem; font-size: 14px; font-weight: 700; color: #000; text-decoration: none; height: 69px; width: 100%; display: flex; align-items: center; }
    .category-menu-nav .subcat .nav-sub-link:hover, .category-menu-nav .subcat .nav-sub-tile__title:hover { color: var(--brand-orange); }
    .category-menu-nav .subcat .nav-sub-link .subcat-img-top { display: flex; gap: 1rem; align-items: center; }
    .category-menu-nav .subcat { position: relative; display: inline-flex; align-items: center; gap: 12px; cursor: pointer; width: 100%; justify-content: space-between; border-bottom: var(--border-width-xs) solid var(--nav-border-overlay); min-height: 69px; }
    .category-menu-nav .dropdown-panel .subcats { padding-bottom: 15px !important; overflow-y: auto; height: calc(100% - 115px); }
    .category-menu-nav .dropdown-panel .subcats li:last-of-type .subcat { border-bottom: none; }
    .category-menu-nav .subcat-img-top span { }
    .category-menu-nav .subcats { list-style: none; padding: 15px; }
    .category-menu-nav .subcat i { display: inline-block; position: relative; width: 29px; height: 29px; background-image: url('/images/icons/chevron-down-orange.svg?v=XmA_b2iFOdm51RTaYhjk4enL5fc'); background-size: 40%; background-repeat: no-repeat; background-position: center; flex-shrink: 0; transform: rotate(-90deg); border-radius: var(--radius-pill); border: 0.5px solid var(--text-secondary); overflow: hidden; filter: grayscale(100%); }
    .category-menu-nav .subcat i:before { position: absolute; top: 0; left: 0; content: ""; background-color: var(--black); width: 100%; height: 100%; opacity: 0.04; }
    .category-menu-nav .mob-vert-switch { display: flex; flex-direction: column-reverse; height: calc(100% - 84px); overflow: auto; justify-content: start; }
    .category-menu-nav .mob-vert-switch > .container { height: 100%; overflow: auto; }
    .category-menu-nav .nav-popular-brands { background-color: #f6faff; }
    .category-menu-nav .dropdown-panel .container { padding: 0px; }
    .category-menu-nav .nav-popular-brands__title { display: none; }
    .category-menu-nav .nav-popular-brands__list { display: flex; padding: 1rem; gap: 1rem; }
    .category-menu-nav .nav-popular-brands__list a { width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; border-radius: 100%; background-color: #fff; }
    .category-menu-nav .nav-popular-brands__list .nav-popular-brands__item { width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; border-radius: 100%; background-color: #fff; }
    .category-menu-nav .subsubcats { display: block; position: absolute; left: 0px; top: 0px; height: 100%; background-color: #fff; width: 100%; padding: 0px; z-index: 10; transform: translateX(100%); transition: .25s ease-in-out; list-style: none; transition: .25s ease-in-out; }
    .category-menu-nav .sub-has-dropdown.mobopen .subsubcats { transform: translateX(0%); height: calc(100% - 115px); overflow: auto; }
    .category-menu-nav .subsubcats li a { display: inline-flex; align-items: center; gap: 1rem; cursor: pointer; width: 100%; justify-content: start; border-bottom: var(--border-width-xs) solid var(--nav-border-overlay); min-height: 69px; }
    .category-menu-nav .subsubcats li { padding: 0px 1rem; max-width: 750px; margin: 0 auto; }
    .category-menu-nav .subsubcats li.top { padding: 0px !important; position: sticky; top: 0px; left: 0px; background-color: #fff; z-index: 10; }
    .category-menu-nav .subsubcats li a { font-size: 14px; font-weight: 700; color: #000; text-decoration: none; }
    .category-menu-nav .subsubcats li a:hover { color: var(--brand-orange); }
    .category-menu-nav > ul > li > .nav-top-link:last-child { border-bottom: none; }
    .category-menu-mobile-bottom { position: fixed; left: 0; right: 0; bottom: 0; z-index: 12; background: #f5f5f5; border-top: 1px solid rgba(0, 0, 0, 0.08); height: 115px; display: flex; align-items: flex-start; justify-content: center; opacity: 0; transform: translateY(10px); pointer-events: none; transition: opacity 0.22s ease, transform 0.22s ease; }
    body.navopen .category-menu-mobile-bottom { opacity: 1; transform: translateY(0); pointer-events: auto; }
    .category-menu-mobile-bottom__inner { width: 100%; max-width: 390px; display: flex; gap: 8px; align-items: center; justify-content: center; padding: 19px 17px; box-sizing: border-box; }
    .category-menu-mobile-bottom__action { width: 64px; min-width: 64px; height: 76px; border: none; background: transparent; border-radius: 4px; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; gap: 4px; text-decoration: none; color: #111; padding: 8px 2px; cursor: pointer; }
    .category-menu-mobile-bottom__action .category-menu-mobile-bottom__icon { width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; }
    .category-menu-mobile-bottom__action .category-menu-mobile-bottom__icon.phone img { width: 30px; height: 30px; }
    .category-menu-mobile-bottom__action .category-menu-mobile-bottom__icon.search img { width: 20px; height: 20px; }
    .category-menu-mobile-bottom__action .category-menu-mobile-bottom__icon img { max-width: 100%; max-height: 100%; width: auto; height: auto; display: block; }
    .category-menu-mobile-bottom__label { font-size: 10px; line-height: 15px; font-weight: 600; color: #111; text-align: center; white-space: nowrap; }
    .category-menu-mobile-bottom__action--active { background: #fff; border-radius: 7px; gap: 8px; }
    .category-menu-mobile-bottom__hamburger { width: 21px; height: 17px; display: flex; flex-direction: column; justify-content: space-between; align-items: center; }
    .category-menu-mobile-bottom__hamburger span { width: 21px; height: 2.615px; background: #111; border-radius: 124.916px; display: block; }
    .category-menu-mobile-bottom__action:focus-visible { outline: 2px solid var(--brand-blue); outline-offset: 2px; }

    .category-menu-nav > ul > li > .nav-top-link { position: relative; }
    .category-menu-nav > ul > li > .nav-top-link > i, .category-menu-nav .sub-has-dropdown .subcat i { position: absolute; display: flex; justify-content: end; align-items: center; left: 0px; top: 0px; width: 100%; height: 100%; overflow: visible; border-radius: 0px; border: none; transform: none; background: none; background-color: none; }
    .category-menu-nav > ul > li > .nav-top-link > i:before, .category-menu-nav .sub-has-dropdown .subcat i:before { position: static; opacity: 1; width: 29px; height: 29px; background: #f5f5f5; border-radius: 100%; background-image: url(/images/icons/chevron-down-orange.svg?v=XmA_b2iFOdm51RTaYhjk4enL5fc); background-size: 40%; background-repeat: no-repeat; background-position: center; flex-shrink: 0; transform: rotate(-90deg); border-radius: var(--radius-pill); border: 0.5px solid var(--text-secondary); overflow: hidden; filter: grayscale(100%); }
}

@media (max-width: 767px) {
    .category-menu-nav .mob-nav-top { height: 69px; }
    .category-menu-nav .subcats { padding-top: 0px; }
    .category-menu-nav > ul, .category-menu-nav .mob-vert-switch { height: calc(100% - 69px); }

    }

    @media (max-width: 400px) {
        .category-menu-mobile-bottom__inner { padding: 19px 10px; gap: 4px; }
        .category-menu-mobile-bottom__action { width: 58px; min-width: 58px; height: 72px; padding: 8px 1px; }
        .category-menu-mobile-bottom__action .category-menu-mobile-bottom__icon { width: 24px; height: 24px; }
        .category-menu-mobile-bottom__hamburger { width: 21px; height: 14px; }
        .category-menu-mobile-bottom__hamburger span { width: 21px; height: 2.2px; }
        .category-menu-nav .subsubcats li a { min-height: 50px; }
        .category-menu-nav .subcat .nav-sub-link, .category-menu-nav .subcat .nav-sub-tile__title { height: 50px; }
        .category-menu-nav > ul > li > .nav-top-link { min-height: 50px; padding: 8px 0; }
        .category-menu-nav > ul > li > .nav-top-link > a { height: 50px; }
        .category-menu-nav .subcat { min-height: 50px; padding: 8px 0; }
    }

    @media (max-width: 375px) {
    }

a {cursor: pointer;}
.btn {cursor: pointer; text-align: center; font-size: var(--text-base); font-weight: var(--weight-medium); border-radius: 4px; display: flex; justify-content: center; align-items: center; gap: 10px; align-self: stretch; min-height: 55px;}

.btn.rad-5 {border-radius: 5px;}

.fit-content-w, .btn.fit-content-w {width: fit-content;}

.switch {cursor: pointer;width: 52px;display: block;position: relative;height: 25px;border-radius: 20px;border: 2px solid #e94e53;background-color: #fff; }
.switch:before { box-shadow: 0 3px 6px #00000029; content: ""; display: block; top: 50%; transform: translate(0%, -50%); aspect-ratio: 1; height: 80%; border-radius: 100%; left: 8%; position: absolute; background-color: #e94e53; }
.switch.on, .switch:has(input:checked) { background-color: #e94e53; }
.switch.on:before, .switch:has(input:checked):before { left: auto; right: 8%; background-color: #ffffff;}
.switch input { display: none; }
.switch.sml { width: 40px; height: 20px; }
.checkbx {color: #e10a0a; aspect-ratio: 1;justify-content: center; align-items: center; cursor: pointer;width: 1.5rem; display: flex;position: relative;height: 1.5rem;border: 1px solid #e9660c;background-color: #fff;}
.checkbx i {opacity: 0;}
.checkbx:hover i {opacity: 0.5;}
.checkbx.on i, .checkbx:has(input:checked) i{opacity: 1 !important; color: #fff !important;}
.checkbx.on i.css-check.red, .checkbx:has(input:checked) i.css-check.red{border-left: 2px solid #fff; border-bottom: 2px solid #fff;}
.checkbx.on, .checkbx:has(input:checked) {color: #fff; background-color: #e10a0a; border: 1px solid #e10a0a;} 
.checkbx input { display: none; }
.radio { display: flex; justify-content: center; align-items: center; background-color: #fff; color: #d4d4d4; border: 1px solid #d4d4d4; height: 40px; border-radius: 3px; font-weight: 600; cursor: pointer; }
.radio input { display: none; }
.radio.on { border: 1px solid #345995; background-color: #345995; color: #fff; }
.radio:hover { transform: translateY(-5px); }
.call-mail-lnk {font-size: 1.2em; font-weight: 700; color: #061931; text-decoration: none; display: flex; gap: 15px; align-items: center;}
.call-mail-lnk i {color: #e10a0a; font-size: 1.2em; transform: translateY(-3px);}
.btn.index {display:flex; padding: 0px ;}

.btn.blue-grad, .btn.add, .btn.blue {text-decoration: none; color: #fff; background: linear-gradient(143deg, #003F81 19.49%, #2C75C2 117.57%); border: none;}
.btn.blue-grad:hover, .btn.add:hover, .btn.blue:hover {filter: brightness(1.2);}

.btn.white {text-decoration: none; color: #003f81; background: #fff; border: 2px solid #003f81; text-decoration: none;}
.btn.white:hover {background: linear-gradient(143deg, #003F81 19.49%, #2C75C2 117.57%); color: #fff;}

.btn.edit, .btn.green, .editor-field.submit .toright {color: var(--white); background-color: #26c400; border: none; text-decoration: none;}
.btn.edit:hover, .btn.green:hover, .editor-field.submit .toright:hover {background-color: #004d94;}
.btn.remove, .btn.delete, .editor-field.submit .toright.remove {color: var(--white); background: linear-gradient(143deg, var(--red-500) 19.49%, var(--red-400) 117.57%); border: none; text-decoration: none;}
.btn.remove:hover, .btn.delete:hover, .editor-field.submit .toright.remove:hover {background: linear-gradient(143deg, var(--red-600) 19.49%, var(--red-400) 117.57%);}

.btn.paypal {background-color: #253779; background-image: url(../../images/payment-icons/paypal.webp?v=y9afqesiugMRYNU38ihtneTEuAM); background-size: 113px; background-position: center; background-repeat: no-repeat;}
.btn.paypal:hover {filter: brightness(1.2);}
.btn.grey,  .btn.back {background: grey; color: #fff; border: none; text-decoration: none;}
.btn.grey:hover,  .btn.back:hover {}

.payment-opts {display: flex; flex-direction: column; gap: .5rem; max-width: 750px;}
.payment-opts .or {padding: 10px 0px; text-align: center;}
.payment-opts > * {width: 100%;}
.payment-opts iframe {z-index: 10 !important;}
.file-upload{border-radius: 3px; display: flex; cursor: pointer; border: 2px solid #e9660c; position: relative;}
.file-upload .btn {width: 130px;}
.file-upload .file-input {opacity: 0;display: block; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; cursor: pointer;}
.file-upload .file-name {width: calc(100% - 130px); border: none; font-size: 1.1em; padding: 0px 15px; cursor: pointer;}

.btn.pill {border-radius: 30px; font-weight: 500;}
.btn.pill.sml {min-height: 25px;}
.btn.disabled {opacity: 0.7; filter: grayscale(1);}

.btn.round {border-radius: 30px;}

.btn.fnt-w-700 {font-weight: 700;}

.btn.klarna {background-image: url(../../images/payment-icos/klarna.svg?v=YSdc2LFG_8Ytlay4uAnwVkaPpAU); background-position: center; background-repeat: no-repeat; background-size: 100px; background-color: #ffa8cd;}
.btn.klarna:hover {filter: brightness(1.1);}

.addr-lookup .btn {min-height: 52px;}

.h2lnk {text-decoration: none;}
.h2lnk:hover {text-decoration: underline; color:#1b1b1b;}
 
.lnk{cursor: pointer; display: flex; align-items: center; gap: .3rem;}
.lnk.blue {color: #003F81;}
.lnk.blue:hover {color: #e9660c;}
.lnk.orange {color: #e9660c;}
.lnk.inline {display: inline;}

.lnk.white {color: #fff;}
.lnk.white:hover {color: #fff;}

.underl, .underline {text-decoration: underline;}
.underl-i { text-decoration: underline !important; }
.underl:hover, .underline:hover {text-decoration: none; }
.btn:disabled {cursor: auto; background-color: #f4f4f4 !important; background: #f4f4f4 !important; color: var(--btn-text-muted) !important; border: 1px solid var(--btn-border-muted);}
.btn:disabled:hover {filter: none !important; background-color: #f4f4f4 !important; background: #f4f4f4 !important; color: var(--btn-text-muted) !important; border: 1px solid var(--btn-border-muted);}
.gpay-button-fill .gpay-button { background-position: center; background-repeat: no-repeat; background-size: 150px; display: block; width: 100%; max-width: 100%; height: 55px !important; }

.toggler { position: relative; display: inline-block; width: 45px; height: 22px; }
.toggler input[type="checkbox"] { display: none; }
.toggler .input-toggler { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; -webkit-transition: .4s; transition: .4s; border-radius: 34px; }
.toggler .input-toggler:before { position: absolute; content: ""; height: 20px; left: 1px; width: 20px; top: 50%; transform: translate(0, -50%); background-color: #ff6d00; -webkit-transition: .4s; transition: .4s; border-radius: 50%; }
.toggler.link-checked .input-toggler, .toggler input:checked ~ .input-toggler { transform: translateY(0); }
.toggler input:focus ~ .input-toggler { box-shadow: 0 0 1px #2196F3; }
.toggler.link-checked .input-toggler:before, .toggler input:checked ~ .input-toggler:before { -webkit-transform: translate(21px, -50%); -ms-transform: translate(21px, -50%); transform: translate(23px, -50%); }

.btn.field-height {min-height: 52px;}

.brand-link {display: flex; justify-content:center; align-items: center;}

.file-lnk {display: flex;  border: 1px solid #003f81; background-color: #fff;       color: var(--text-body); text-decoration: none;
  border-radius: var(--border-radius-100);  align-items: center; justify-content: start; gap: .75rem; padding: .75rem; }
.file-lnk:hover {color: #e9660c; border: 1px solid #e9660c;}
@media screen and (max-width:1229px) {
    .btn .count { font-size: 0.7em; width: 20px; height: 20px; top: -5px; right: -0px; padding-top: 4px; }
}
@media screen and (max-width:991px) {
   
}

@media screen and (max-width:500px) {
   .grad-img-lnk.sml .text{ font-size: 4.5vw;}
   .btn.file {min-height: 50px; padding-left: 50px; padding-right: 15px;}
   .btn.file span {font-size: 0.9rem;}
   .btn.file i {left: 10px; font-size: 1.2em;}
   .full-mobdown {width:100%; max-width: 100%;}
   .btn {font-size: 1.15rem;}
}
:root {
    /* ==== Colors ==== */
    --black: #000;
    --united-black: #222222;
    --shadow-black: #00000029;
    /* White */
    --white: #FFF;
    --white-grey: #ACACB7;
    --white-translucent: #FFFFFFB3;
    --shadow-white-26: #FFFFFF26;
    --shadow-white-47: #FFFFFF47;
    --shadow-white-52: #FFFFFF52;
    --shadow-white-1C: #FFFFFF1C;
    /* Purple */
    --default-purple: #1d185d;
    --light-purple: #766CE1;
    --light-purple-alt: #3E3D5B;
    --deep-purple: #191841;
    --soft-purple: #F0EFFF;
    --purple-text: #314377;
    --purple-translucent: #4333DC73;
    --purple-blue: #4333dc;
    --med-purple: #292846;
    --dark-purple: #121036;
    --darkest-purple: #04032D;
    --dark-purple-translucent: #04032D99;
    --purple-btn-text: #040404;
    --light-grey: #F5F5F5;
    /* Blue */
    --deep-blue: #063b68;
    --footer-blue: #003f81;
    --footer-accent: #8da0ff;
    --brand-blue: #085aaf;
    --brand-blue-dark: #013974;
    --brand-blue-gradient: linear-gradient(177.67deg, rgba(0,63,129,1) 62.07%, rgba(8,40,74,1) 180.16%);
    --navy-blue: #0C0176;
    --loader-blue: #2bbed8;
    --badge-border-blue: #b0c5e0;
    --sully-green: #14a989;
    /* Site UI / Checkout colours */
    --site-blue: #003f81; /* checkout step indicator, headings, delivery opt border */
    --site-blue-dark: #114265; /* form borders, quantity badge bg */
    --site-navy: #283551; /* dark nav text, delivery opt divider */
    --checkout-panel-bg: #f6faff; /* right summary panel bg (desktop) */
    --checkout-panel-bg-mobile: #f3fbff; /* left/basket panel bg (mobile) */
    /* Neutral / border */
    --border-muted: #acacac; /* subtle input/card border */
    --btn-text-muted: #737373; /* muted provider button text */
    --btn-border-muted: #b2b2b2; /* muted provider button border */
    --divider-light: #f3f3f3; /* light hr / section dividers */
    --surface-faint: #f9f9f9; /* faint grey panel bg (e.g. product safety message) */
    --border-blue-faint: rgba(0, 63, 129, 0.08); /* site-blue @ 8% — faint panel border */
    /* Orange */
    --brand-orange: #e9660c;
    --brand-orange-gradient: linear-gradient(151.81deg, rgba(255,117,22,1) 49.42%, rgba(112,45,0,1) 180.01%);
    /* Red */
    --accent-red: #e10a0a;
    --sale-red: #ef2727;
    --out-of-stock-red: #D32E2E;
    --museum-red: #E12A2F;
    /* Grey / Neutral text */
    --text-dark: #191919;
    --text-near-black: #1b1b1b;
    --text-heading: #212121;
    --text-body: #303030;
    --text-secondary: #323232;
    --text-muted: #363636;
    --divider-grey: #4d4d4d;
    /* Figma palette */
    --slate-900: #1b1e21;
    --slate-800: #363c43;
    --slate-700: #505964;
    --slate-600: #6b7786;
    --slate-500: #8695a7;
    --slate-400: #9eaab9;
    --slate-300: #b6bfca;
    --slate-200: #cfd5dc;
    --slate-100: #e7eaed;
    --green-900: #0f231e;
    --green-800: #0f3d22;
    --green-700: #165e35;
    --green-600: #1e8047;
    --green-500: #27a35b;
    --green-400: #52bc7e;
    --green-300: #8fd4a8;
    --green-200: #c2e9d1;
    --green-100: #e4f5ec;
    --navy-900: #05080d;
    --navy-800: #0a101a;
    --navy-700: #101826;
    --navy-600: #152033;
    --navy-500: #1a2840;
    --navy-400: #424d60;
    --navy-300: #6a7280;
    --navy-200: #9298a2;
    --navy-100: #babdc2;
    --red-900: #2d0606;
    --red-800: #5c0c0c;
    --red-700: #8b1212;
    --red-600: #ba1818;
    --red-500: #e11c1c;
    --red-400: #ea4d4d;
    --red-300: #f27e7e;
    --red-200: #f9b0b0;
    --red-100: #fde8e8;
    --yellow-900: #332809;
    --yellow-800: #665013;
    --yellow-700: #99771c;
    --yellow-600: #cc9f26;
    --yellow-500: #ffc72f;
    --yellow-400: #ffd259;
    --yellow-300: #ffdd82;
    --yellow-200: #ffe9ac;
    --yellow-100: #fff4d5;
    --orange-900: #331f11;
    --orange-800: #664421;
    --orange-700: #995d32;
    --orange-600: #cc7c42;
    --orange-500: #ff9b53;
    --orange-400: #ffaf75;
    --orange-300: #ffc398;
    --orange-200: #ffddba;
    --orange-100: #ffebdd;
    --light-grey-900: #313131;
    --light-grey-800: #626262;
    --light-grey-700: #929292;
    --light-grey-600: #c3c3c3;
    --light-grey-500: #f4f4f4;
    --light-grey-400: #f6f6f6;
    --light-grey-300: #f8f8f8;
    --light-grey-200: #fbfbfb;
    --light-grey-100: #fdfdfd;
    --label-text: #454545;

    /* ==== Font Sizes & Weights ==== */
    --font-10: 0.625rem;
    --font-12: 0.75rem;
    --font-14: 0.875rem;
    --font-16: 1rem;
    --font-18: 1.125rem;
    --font-20: 1.25rem;
    --font-22: 1.375rem;
    --font-24: 1.5rem;
    --font-25: 1.5625rem;
    --font-26: 1.625rem;
    --font-28: 1.75rem;
    --font-34: 2.125rem;
    --font-35: 2.1875rem;
    --font-40: 2.5rem;
    --weight-regular: 400;
    --weight-medium: 500;
    --weight-semibold: 600;
    --weight-bold: 700;
    --weight-extrabold: 800;
    --weight-heavy: 900;
    --text-xs: 12px;
    --text-sm: 14px;
    --text-base: 16px;
    --text-lg: 18px;
    --text-xl: 20px;
    --text-2xl: 24px;
    --text-3xl: 30px;
    --text-4xl: 36px;
    --text-5xl: 36px;
    --text-6xl: 36px;
    --text-7xl: 36px;
    --text-8xl: 36px;
    --text-9xl: 36px;
    --text-xs--line-height: 0.75;
    --text-sm--line-height: 0.875;
    --text-base--line-height: 1;
    --text-lg--line-height: 1.125;
    --text-xl--line-height: 1.25;
    --text-2xl--line-height: 1.5;
    --text-3xl--line-height: 1.75;
    --text-4xl--line-height: 2;
    --text-5xl--line-height: 2;
    --text-6xl--line-height: 2;
    --text-7xl--line-height: 2;
    --text-8xl--line-height: 2;
    --text-9xl--line-height: 2;
    /* Radius */
    --radius-xs: 6px;
    --radius-sm: 6px;
    --radius-md: 8px;
    --radius-lg: 8px;
    --radius-xl: 8px;
    --radius-2xl: 8px;
    --radius-3xl: 8px;
    --radius-4xl: 8px;
    --radius-pill: 37px;
    /* Letter Spacing */
    --lspacing-0pt12: -0.12px;
    --lspacing-0pt14: -0.14px;
    --lspacing-0pt16: -0.16px;
    --lspacing-0pt18: -0.18px;
    --lspacing-0pt20: -0.20px;
    --lspacing-0pt23: -0.23px;
    --lspacing-0pt24: -0.24px;
    --lspacing-0pt28: -0.28px;
    --lspacing-0pt63: -0.63px;
    --lspacing-0pt7: -0.7px;
    /* ==== Gradients ==== */
    --grad-lilac-white: transparent linear-gradient(90deg,var(--navy-blue) -200%,var(--soft-purple) 85%);
    --grad-blue-purple: linear-gradient(78deg, var(--navy-blue), var(--light-purple));
    --grad-brand-blue: linear-gradient(177.67deg, rgba(0,63,129,1) 62.07%, rgba(8,40,74,1) 180.16%);
    --grad-promo-blue: linear-gradient(157deg, #085AAF -54.2%, #002041 199.39%);
    --grad-promo-orange: linear-gradient(151.81deg, rgba(255,117,22,1) 49.42%, rgba(112,45,0,1) 180.01%);
    --grad-category-overlay: linear-gradient(0.79deg, rgba(0,63,129,0.82) 3.56%, rgba(0,13,27,0) 74.47%);
    --grad-banner-overlay: linear-gradient(178.8deg, rgba(0,0,0,0) 1.03%, rgba(0,0,0,0.42) 84.52%);
    /*Screen Widths*/
    --screen-xxs: 380px;
    --screen-xs: 480px;
    --screen-sm: 640px;
    --screen-md: 768px;
    --screen-lg: 1024px;
    --screen-xl: 1280px;
    --screen-2xl: 1536px;
    /* Figma tokens (node 136:1162) */
    --text-default-heading: var(--navy-500);
    --text-primary-default: var(--green-500);
    --text-primary-on-colour: var(--white);
    --text-default-caption: var(--navy-200);
    --text-disabled-default: var(--light-grey-700);
    --surface-page: var(--white);
    --surface-page-secondary: var(--light-grey-600);
    --surface-primary-default: var(--green-500);
    --surface-secondary-default: var(--navy-500);
    --surface-secondary-default-hover: var(--navy-300);
    --surface-error-default: var(--red-500);
    --surface-error-default-hover: var(--red-600);
    --surface-sale-default: var(--red-500);
    --border-page: var(--white);
    --border-primary-default: var(--green-500);
    --border-width-none: 0px;
    --border-width-xs: 1px;
    --border-width-sm: 2px;
    --border-width-md: 4px;
    --primary-500: var(--green-500);
    --secondary-500: var(--navy-500);
    --secondary-200: var(--navy-200);
    --foundations-white: var(--white);
    --scale-200: 8px;
    --scale-400: 16px;
    --scale-800: 32px;
    --border-radius-none: 0px;
    --border-radius-100: 4px;
    --border-radius-300: 12px;
    /* Typography tokens */
    --font-copy-body-sm-size: 14px;
    --font-copy-body-sm-line-height: 16px;
    --font-copy-body-size: 16px;
    --font-copy-body-line-height: 20px;
    /* Product card tokens */
    --product-dropdown-bg: rgba(246, 250, 255, 0.57);
    --text-body-90: rgba(25, 25, 25, 0.90);
    --text-caption-62: rgba(25, 25, 25, 0.62);
    --font-body-sm: 400 14px/16px "Inter", sans-serif;
    --font-body-sm-semibold: 600 14px/20px "Inter", sans-serif;
    --font-body-sm-semibold-cap: 600 14px/20px "Inter", sans-serif;
    --font-body-sm-bold-italic: 900 italic 14px/16px "Inter", sans-serif;
    --font-body-md: 400 16px/20px "Inter", sans-serif;
    --font-body-md-bold: 700 16px/20px "Inter", sans-serif;
    --font-body-md-crossed: 400 16px/20px "Inter", sans-serif;
    --font-body-xsm: 400 12px/24px "Inter", sans-serif;
    --font-body-xsm-semi-bold: 600 12px/16px "Inter", sans-serif;
    --font-menu-sm-bold-cap: 700 14px/35px "Inter", sans-serif;
    --font-menu-sml-bold-cap-und: 700 14px/35px "Inter", sans-serif;
    --font-button-sm-bold-italic: 900 italic 14px/100% "Inter", sans-serif;
    --font-button-md-bold-italic: 900 italic 18px/100% "Inter", sans-serif;
    --font-h6: 700 20px/24px "Inter", sans-serif;
    --font-inter-weight-black-italic: 900 italic;
    /* Display / heading font */
    --ff-display: "Funnel Display", sans-serif;
    /* Navigation menu tokens */
    --nav-link-blue: #004d94;
    --nav-feature-bg: #023b78;
    --nav-active-border: #4564ff;
    --nav-divider: #e5e5e5;
    --nav-border-overlay: rgba(0, 0, 0, 0.65);
    --nav-section-divider: #85afdb;
    --nav-tile-text-shadow: #001932;
    /* Note: CSS custom properties cannot be used inside @media queries.
       These values are documented here for reference and used directly in category-menu.css. */
    --screen-nav-desktop: 992px;
    --screen-nav-wide: 1231px;
    /* Checkout product listing tokens */
    --checkout-prod-item-gap: 16px;
    --checkout-prod-text-gap: 6px;
    --checkout-prod-image-size: 86px;
    --checkout-prod-divider-color: rgba(0, 63, 129, 0.24);
    --checkout-prod-font-family: 'Inter', sans-serif;
    /* Product page tokens */
    --blue-tint-bg: #ebf7ff; /* infotable header cells, thumbnail item background */
    --slide-overlay-blue: #2e94ff; /* product image slider tint overlay */
    --atb-gradient-end: #116DCD; /* ATB button gradient end colour */
    --dark-bg-subtle: #333; /* brand-ad image placeholder background */
    --text-dim: #444444; /* size-info text and divider */
    --text-mid-muted: #414141; /* product-ref text, step hint */
    --text-size-label: #2c2c2c; /* size-select label, table cell text */
    --text-subdued: #5d5d5d; /* chip secondary / price text */
    --paypal-yellow: #ffc439; /* PayPal brand button background */
    --divider-mid: #e0e0e0; /* config panel divider */
    --footer-blue-12: rgba(0, 63, 129, 0.12);
    --footer-blue-15: rgba(0, 63, 129, 0.15);
    --footer-blue-20: rgba(0, 63, 129, 0.2);
    --footer-blue-40: rgba(0, 63, 129, 0.4);
    --footer-blue-65: rgba(0, 63, 129, 0.65);
}

.editor-label { line-height: 27px; font-family: "Inter",sans-serif; font-weight: var(--weight-semibold); margin-bottom:1rem; margin-top: .5rem; text-transform:none; letter-spacing:0; color: var(--label-text); }
.editor-label+.editor-field,.editor-label+.editor-checkbox {margin-top:12px;}
.editor-label.rate {margin-bottom: .5rem;}
.field-validation-error, .editor-field .field-validation-error { color: #e10a0a; }
.editor-field,.editor-checkbox {display:flex;flex-direction:column;background:transparent;border:none;padding:0;gap:0;}
.editor-field.qty {flex-direction:row;align-items:center;}
.editor-field input,.editor-field textarea,.editor-field input[type="number"] {width:100%;flex:1 1 auto;border:1px solid #424242;border-radius:3px;color:var(--text/default/heading,#1a2840);font-size:16px;padding:12px 14px;transition:border 150ms ease,box-shadow 150ms ease;box-shadow:inset 0 1px 3px rgba(10,15,46,0.08);}
.editor-field input:not([type="file"]), .editor-field select {min-height: 52px;}
.editor-field input[type="file"] {background: var(--white);}
.editor-field textarea {min-height:120px;resize:vertical;}
.editor-field input:focus,.editor-field textarea:focus {background:var(--surface/page,#ffffff);border-color:var(--green-500,#4aad94);box-shadow:0 0 0px 1px var(--green-500,#4aad94),0 0 0 4px rgba(255,255,255,0.25);outline:0;}
.editor-field input:not([type=submit]):not([type=button]):not([type=reset]):hover,.editor-field textarea:hover {background:var(--white);}
    .editor-field input.input-validation-error, .editor-field textarea.input-validation-error {
        border-color: #e10a0a;
        background: var(--surface/page,#ffffff);
        box-shadow: inset 0 0 0 1px #e10a0a;
    }
.custom-checkbox {display:flex;align-items:center;gap:12px;width:100%;}
.custom-checkbox__input {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.custom-checkbox__label {display:flex;align-items:center;gap:12px;width:100%;cursor:pointer;user-select:none;}
.custom-checkbox__box {width:32px;height:32px;border:1px solid var(--slate-200,#cfd5dc);border-radius:3px;background:var(--surface/page,#ffffff);display:inline-flex;align-items:center;justify-content:center;padding:4px;transition:border 150ms ease,background 150ms ease;}
.custom-checkbox__label.is-checked .custom-checkbox__box {border-color:var(--green-500,#4aad94);background:var(--green-500,#4aad94);}
.custom-checkbox__label.is-checked .custom-checkbox__icon {opacity:1;stroke:var(--foundations-white,#fff);}
.custom-checkbox__icon {width:16px;height:16px;stroke:var(--foundations-white,#fff);stroke-linecap:round;stroke-linejoin:round;fill:none;opacity:0;transition:opacity 150ms ease;}
.custom-checkbox__text {width: 100%;
    gap: .2rem;
    display: flex; flex-wrap: wrap;  font:400 var(--font/copy/body-sm/text-size,14px)/var(--font/copy/body-sm/line-height,16px) "Inter",sans-serif;color:var(--text/default/heading,#1a2840);}
.form-qty {display:flex;align-items:center;gap:0;width:100%;}
.form-qty__btn {width:48px;height:48px;border:1px solid var(--green-500,#4aad94);background:var(--green-500,#4aad94);color:var(--foundations-white,#fff);font-size:26px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:border 150ms ease,background 150ms ease,color 150ms ease;}
.form-qty__btn:first-child {border-top-left-radius:16px;border-bottom-left-radius:16px;border-right:0;}
.form-qty__btn:last-child {border-top-right-radius:16px;border-bottom-right-radius:16px;border-left:0;}
.form-qty__btn:hover,.form-qty__btn:focus-visible {border-color:var(--green-500,#4aad94);background:rgba(74,173,148,0.85);outline:none;}
.form-qty__input {text-align:center;font-weight:600;letter-spacing:0.02em;border-radius:0;flex:1;border:none;margin:0;background:var(--surface/page,#ffffff);box-shadow:inset 0 0 0 1px rgba(0,0,0,0.1);appearance:none;-moz-appearance:textfield;padding:0;}
.form-qty__icon {width:20px;height:20px;stroke:currentColor;stroke-width:2;stroke-linecap:round;fill:none;}

.image-io {margin-top: 1rem; padding: 1rem;     background-color: var(--white);
    box-shadow: 0 2px 6px var(--shadow-black);     border-radius: var(--radius-xl);     border: 1px solid rgba(0, 63, 129, .34);}
.image-io h3 {margin: 0px;}
.image-io .editor-field {margin-top: 1rem;}
select { border-radius: 3px; border: 1px solid #000; background: rgba(246, 250, 255, 0.57); height: 35px; padding: 6px 8px; max-width: 100%; }
.checkoutpage select {background: #fff;}


/* Universal quantity stepper */
.qty { display: inline-flex; align-items: center; gap: 0; background-color: #f6f6f6; border-radius: 40px; overflow: hidden; max-height: 40px; }

.quantbtn { width: 40px; height: 40px; border-radius: 50%; border: none; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; transition: opacity 0.15s ease; background-repeat: no-repeat; background-position: center; }
.quantbtn:hover { opacity: 0.8; }
.quantbtn.down,
.quantbtn.minus { background-color: #6b8dad; background-image: url('/images/icons/qty-minus.svg?v=h4-zvQjIKuzzFHLENG3XpXqUdQk'); background-size: 17px 3px; color: #fff; }
.quantbtn.up,
.quantbtn.plus { background-color: #013C7A; background-image: url('/images/icons/qty-plus.svg?v=h4-zvQjIKuzzFHLENG3XpXqUdQk'); background-size: 17px 17px; color: #fff; }
.qty input { width: 48px; text-align: center; border: none; background: transparent; font-family: "Inter", sans-serif; font-size: 18px; font-weight: 500; letter-spacing: -0.19px; line-height: 21px; color: #000; padding: 0; margin: 0; -moz-appearance: textfield; appearance: textfield; box-shadow: none; }
.qty input::-webkit-outer-spin-button,
.qty input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.qty input:focus { outline: none; box-shadow: none; border: none; background: transparent; }
/* Radio group inside .editor-field */
.editor-field:has(.radio-inline) { flex-direction: row; align-items: center; gap: 16px; flex-wrap: wrap; min-height: auto; }
.editor-field .radio-inline { display: inline-flex; align-items: center; gap: 8px; cursor: pointer; font: 400 var(--font/copy/body-sm/text-size, 14px)/var(--font/copy/body-sm/line-height, 16px) "Inter", sans-serif; color: var(--text/default/heading, #1a2840); }
.editor-field .radio-inline input[type="radio"] { width: auto; flex: none; min-height: auto; height: 18px; border: none; padding: 0; box-shadow: none; accent-color: var(--green-500, #4aad94); cursor: pointer; transition: none; }
/* ── Contact Form Card ─────────────────────────────────────────────────── */
.contact-left {display: flex; flex-direction: column; height: 100%; justify-content: flex-start; max-width: 733px;}
.contact-form-card { border-radius: 6px; background-color: #013f81; padding: 40px 50px; position: relative; overflow: hidden; max-width: 940px; margin: 0 auto 60px; border: 1px solid #013f81; }
.contact-form-card select {background-color: #fff;}
.contact-form-card .white-section {background-color: #fff; padding: 30px 50px 50px; margin: 0px -50px;}
/* Purple accent bar at the very bottom */
.contact-form-card::after { content: ''; display: block; height: 6px; background-color: #8da0ff; position: absolute; bottom: 0; left: 0; right: 0; }
/* Inner form layout */
.contact-form-card form { display: flex; flex-direction: column; gap: 35px; }
/* Fields block */
.contact-form-card__fields { display: flex; flex-direction: column; gap: 20px; }
/* Header row: icon + title */
.contact-form-card__header { display: flex; align-items: center; gap: 16px; }
.contact-form-card__icon { width: 28px; height: 20px; display: block; flex-shrink: 0; filter: invert(1) brightness(2); }
.contact-form-card__title { font-family: Inter, sans-serif; font-size: 24px; font-weight: 700; color: rgba(255, 255, 255, 0.98); letter-spacing: -0.24px; margin: 0; line-height: 1.2; }
/* Input overrides inside the dark card */
.contact-form-card .editor-field input,
.contact-form-card .editor-field textarea { background: #ffffff; border: 1px solid rgba(255, 255, 255, 0.3); color: #626262; }
.contact-form-card .editor-field input::placeholder,
.contact-form-card .editor-field textarea::placeholder { color: #626262; font-size: 16px; font-weight: 400; letter-spacing: -0.16px; }
.contact-form-card .editor-field input:focus,
.contact-form-card .editor-field textarea:focus { background: #ffffff; border-color: #8da0ff; box-shadow: 0 0 0 1px #8da0ff; }
.contact-form-card .editor-field textarea { min-height: 200px; }
.contact-form-card .white-section .editor-field input,
.contact-form-card .editor-field textarea { border-radius: 3px; border: 1px solid #003F81; background: #FFF; }
.contact-form-card .white-section .editor-label { color: #454545; font-weight: 700; }
/* Validation messages: make legible on dark bg */
.contact-form-card .field-validation-error {
    /*color: #e10a0a;*/
    font-size: 13px;
    margin-top: 4px;
    display: block;
}
.contact-form-card .validation-summary-errors ul {
    /*color: #e10a0a;*/
    font-size: 13px;
    padding-left: 16px;
    margin: 0 0 8px;
}
/* Divider */
.contact-form-card__divider { border: none; border-top: 1px solid var(--white); margin: 0; width: 100%; align-self: center; }
/* Opt-in checkbox row */
.contact-form-card__optin { display: inline-flex; align-items: center; gap: 10px; cursor: pointer; user-select: none; }
.contact-form-card__optin-input { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.contact-form-card__optin-box { width: 28px; height: 28px; border: 1px solid #fff; border-radius: 3px; background-color: #fff; flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; transition: background 150ms ease, border-color 150ms ease; }
.contact-form-card__optin-input:checked + .contact-form-card__optin-box { background: #8da0ff; border-color: #8da0ff; }
.contact-form-card__optin-input:checked + .contact-form-card__optin-box::after { content: ''; display: block; width: 14px; height: 8px; border-left: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(-45deg) translateY(-1px) translateX(1px); }
.contact-form-card__optin-text { font-family: Inter, sans-serif; font-size: 16px; font-weight: 500; color: #ffffff; letter-spacing: -0.16px; line-height: 1.4; }
/* Privacy notice */
.contact-form-card__privacy { font-family: Inter, sans-serif; font-size: 14px; font-style: italic; font-weight: 500; color: rgba(255, 255, 255, 0.9); letter-spacing: -0.14px; margin: 0; line-height: 1.5; }
.contact-form-card__privacy-link { color: #ffffff; text-decoration: underline; }
.contact-form-card__privacy-link:hover { color: #c9d4ff; }
/* Submit button */
.contact-form-card__submit-btn { display: flex; align-items: center; justify-content: center; width: 100%; padding: 18px 24px; background-color: #22569f; border: 2px solid var(--white); border-radius: 6px; font-family: Inter, sans-serif; font-size: 18px; font-weight: 700; color: #ffffff; cursor: pointer; transition: background-color 0.15s ease, border-color 0.15s ease; text-align: center; user-select: none; }
.contact-form-card__submit-btn:hover { background-color: rgba(255, 255, 255, 0.1); border-color: rgba(255, 255, 255, 0.8); }
.contact-form-card__submit-btn:focus-visible { outline: 2px solid #8da0ff; outline-offset: 2px; }
/* ── Star Rating (review-select) ─────────────────────────────────────── */
.review-select { display: flex; flex-direction: row-reverse; justify-content: flex-end; align-items: center; gap: 4px; }
.review-select .clear { display: none; }
.review-select label { display: block; width: 28px; height: 28px; cursor: pointer; position: relative; }
.review-select label input[type="radio"] { position: absolute; opacity: 0; width: 0; height: 0; pointer-events: none; }
.review-select label reviewstar { display: block; width: 100%; height: 100%; background: url('/images/icons/star-empty.svg?v=g4LY_iRLAQ7x9h6D4uD2PeuL4k4') center/contain no-repeat; transition: transform 0.15s ease; }
/* Filled state: when a radio is checked, fill it and all stars before it (which appear after in reversed DOM order) */
.review-select label:has(input:checked) reviewstar,
.review-select label:has(input:checked) ~ label reviewstar { background-image: url('/images/icons/star-full.svg?v=g4LY_iRLAQ7x9h6D4uD2PeuL4k4'); }
/* Hover preview: fill hovered star and all stars before it */
.review-select label:hover reviewstar,
.review-select label:hover ~ label reviewstar { background-image: url('/images/icons/star-hover.svg?v=g4LY_iRLAQ7x9h6D4uD2PeuL4k4'); }
/* Scale up on hover */
.review-select label:hover reviewstar { transform: scale(1.15); }
/* Reset stars after the hovered one (higher value, earlier in reversed DOM) to empty on hover */
.review-select:hover label reviewstar { background-image: url('/images/icons/star-empty.svg?v=g4LY_iRLAQ7x9h6D4uD2PeuL4k4'); }
.review-select:hover label:hover reviewstar,
.review-select:hover label:hover ~ label reviewstar { background-image: url('/images/icons/star-full.svg?v=g4LY_iRLAQ7x9h6D4uD2PeuL4k4'); }

.hp-field {display: none;}
.inline-form {display: flex; gap: 1rem; align-items: end;}
.inline-form .btn {min-height: 52px; padding:0rem 1rem;}

.editor-field.fancy { border: 1px solid #424242; position: relative; margin-top: 5px; border-radius: 3px; background-color: #fff;}
.editor-field.fancy:after { content: ''; position: absolute; height: 2px; width: 0px; left: 0; right: 0; margin: auto; bottom: -2px; opacity: 0; transition: 0.3s; }
.editor-field.fancy input, .editor-field.fancy textarea { font-weight: 400; position: relative; z-index: 1;  padding: 5px 15px 0px; border: none; font-size: 1.0rem; height: 48px;position: relative;z-index: 2;background: none;width: 100%; padding: 0px 15px; display: block; margin: 0px;}
.editor-field.fancy input:focus, .editor-field.fancy input:active, .editor-field.fancy textarea:focus, .editor-field.fancy textarea:active { box-shadow: none; outline: none; }
.editor-field.fancy label { font-weight: 400; color: #2D2D2D; text-align: left; position: absolute; top: 50%; left: 10px; transition: 0.3s; z-index: 9; transform: translateY(-50%); padding: 0px 3px;}
.editor-field.fancy.focus:after { opacity: 1; width: 100%; }
.editor-field.fancy.focus label, .editor-field.fancy.filled label { top: -3px; font-size: 0.9em; font-weight: 400; background-color: #fff; }
.editor-field.fancy textarea:focus, .editor-field.fancy textarea:active, .editor-field.fancy.filled textarea {max-height: 300px !important; padding-top: 10px;}
.editor-field.fancy.focus, .editor-field.fancy.filled {  background-color: transparent;}
.editor-field.non-fancy select{margin-top: 5px;}
.editor-field.fancy .btn {margin-top: 5px;}

.editor-field .colour-input { display: flex; border: 1px solid #424242; border-radius: 3px; overflow: hidden; }
.editor-field .colour-input input.colour{padding: 0px; width: 52px; padding: 5px;}
.editor-field .colour-input input { border: none; max-width: calc(100% - 52px); border-radius: 0px;}

.info-bx {line-height: 1.3; display: flex; padding: var(--scale-200) var(--scale-400); background-color: var(--white); gap: var(--scale-400); align-items: center; border-radius: var(--border-radius-100); margin-bottom: var(--scale-400); border: 1px solid var(--border-muted); font-size: var(--font-16); }
.info-bx i{font-size: var(--font-18); color: var(--accent-red); }
.info-bx .btn {width: 260px; height: 55px; align-self: center;}
.info-bx .ko {margin: 0px !important;}

.label-input-flex{display: flex; align-items: center; gap: .75rem;}
.label-input-flex .editor-field{margin-top: 0px;}

/* Responsive: stack columns on small screens */
@media (max-width: 600px) {
    .contact-form-card {
        padding: 32px 24px 28px;
    }
.checkoutpage .info-bx {flex-direction: column;}
.checkoutpage .info-bx .btn {width: 100%;}
}

@media (max-width: 500px) {
    .qty {max-height: 46px; background-color: #fff; border: 1px solid #e1e1e1; padding: 7px;}
    .quantbtn {width: 30px; height:30px;}
} 
/* ============================================================
   ATB Toast Notifications
   ============================================================ */

.atb-toast-container {
    position: fixed;
    bottom: 1.5rem;
    right: 1.5rem;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    pointer-events: none;
    max-width: 380px;
    width: calc(100vw - 2rem);
}

/* Base toast */
.atb-toast {
    pointer-events: auto;
    background-color: var(--white);
    border-radius: var(--radius-md);
    box-shadow: 0 8px 24px var(--shadow-black), 0 2px 8px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    border-left: 4px solid transparent;

    /* Hidden by default — slide + fade in */
    opacity: 0;
    transform: translateX(calc(100% + 2rem));
    transition: opacity 300ms ease, transform 300ms ease;
    display: block; /* always in DOM, controlled by transform/opacity */
    pointer-events: none;
}

.atb-toast.atb-toast--visible {
    opacity: 1;
    transform: translateX(0);
    pointer-events: auto;
}

.atb-toast.atb-toast--dismissed {
    opacity: 0;
    transform: translateX(calc(100% + 2rem));
    pointer-events: none;
}

/* Success variant */
.atb-toast--success {
    border-left-color: var(--green-500);
}

/* Error variant */
.atb-toast--error {
    border-left-color: var(--red-500);
}

/* Header row */
.atb-toast__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.625rem 0.875rem 0.5rem;
    gap: 0.5rem;
    border-bottom: 1px solid var(--divider-light);
}

.atb-toast__title {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: var(--text-sm);
    font-weight: var(--weight-bold);
    color: var(--text-near-black);
    line-height: 1.3;
}

.atb-toast__success-icon {
    color: var(--green-500);
    font-size: 1rem;
    flex-shrink: 0;
}

.atb-toast__error-icon {
    color: var(--red-500);
    font-size: 1rem;
    flex-shrink: 0;
}

.atb-toast__close {
    all: unset;
    cursor: pointer;
    color: var(--slate-500);
    font-size: 0.75rem;
    line-height: 1;
    padding: 0.25rem;
    border-radius: var(--radius-xs);
    flex-shrink: 0;
    transition: color 150ms ease, background-color 150ms ease;
}

.atb-toast__close:hover {
    color: var(--text-near-black);
    background-color: var(--light-grey-500);
}

/* Body */
.atb-toast__body {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.75rem 0.875rem;
}

.atb-toast__body--error {
    align-items: center;
}

/* Product thumbnail */
.atb-toast__img {
    width: 56px;
    min-width: 56px;
    height: 56px;
    border-radius: var(--radius-xs);
    overflow: hidden;
    border: 1px solid var(--divider-light);
    background-color: var(--light-grey-500);
    flex-shrink: 0;
}

.atb-toast__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Content */
.atb-toast__content {
    flex: 1;
    min-width: 0;
}

.atb-toast__product-name {
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    color: var(--text-body);
    line-height: 1.35;
    margin: 0 0 0.5rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* Action buttons */
.atb-toast__actions {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.atb-toast__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: var(--text-sm);
    font-weight: var(--weight-semibold);
    border-radius: var(--radius-xs);
    padding: 0.3rem 0.65rem;
    text-decoration: none;
    line-height: 1.3;
    transition: opacity 150ms ease, background-color 150ms ease;
    white-space: nowrap;
}

.atb-toast__btn--primary {
    background-color: var(--footer-blue);
    color: var(--white);
}

.atb-toast__btn--primary:hover {
    opacity: 0.9;
    color: var(--white);
}

.atb-toast__btn--secondary {
    background-color: var(--light-grey-500);
    color: var(--text-body);
}

.atb-toast__btn--secondary:hover {
    background-color: var(--slate-200);
    color: var(--text-near-black);
}

/* Error message */
.atb-toast__error-msg {
    font-size: var(--text-sm);
    color: var(--text-body);
    margin: 0;
    line-height: 1.4;
}

/* Responsive */
@media (max-width: 480px) {
    .atb-toast-container {
        bottom: 0;
        right: 0;
        width: 100%;
        max-width: 100%;
        padding: 0.75rem;
    }
}

.rating-stars {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    width: 100%;
    max-width: 100%;
    line-height: 0;
}

.rating-stars__layer {
    grid-column: 1;
    grid-row: 1;
    display: flex;
    gap: 2px;
    align-items: center;
}

.rating-stars__layer--base {
    position: relative;
    z-index: 1;
    width: 100%;
}

.rating-stars__layer--fill {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    overflow: visible;
    pointer-events: none;
    -webkit-clip-path: inset(0 calc(100% - var(--rating-fill-width, 0%)) 0 0);
    clip-path: inset(0 calc(100% - var(--rating-fill-width, 0%)) 0 0);
}

.rating-stars__star-wrap {
    flex: 1 1 0;
    min-width: 0;
}

.rating-stars__star {
    display: block;
    width: 100%;
    height: auto;
}

.testimonial { border-radius: 3px; background: linear-gradient(157deg, #085AAF -54.2%, #002041 199.39%); display: flex; min-height: 269px; padding: 75px 1rem 1rem 1rem; height: 100%; position: relative; flex-direction: column; align-items: flex-start; justify-content: space-between; gap: 12px; flex-shrink: 0; }
.testimonial .rating-stars {filter: brightness(0) invert(1); max-width: 136px; margin-bottom: 15px;}
.testimonial .sml-quote {color: #FFF;

font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 22px; 
letter-spacing: -0.2px;}
.testimonial .lg-quote {color: #FFF;

font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 18px; 
letter-spacing: -0.12px;}
.testimonial .lg-quote a {font-weight: 600; text-decoration:underline; color: #fff; }
.testimonial .btm {margin-top: 1rem; display: flex; justify-content: end; font-weight: 300; width: 100%; color: #FFF; text-align: right; font-size: 11px; font-style: normal; line-height: 18px; letter-spacing: -0.11px; }
.testimonial .btm .name{ font-weight: 700;}

@media screen and (max-width: 500px) {
.testimonial {padding-top: 80px; height: 100%;}
.testimonial .lg-quote {font-size: 12px; font-weight: 400;}
.testimonial .btm .name {font-weight: 700;}
.testimonial .btm {font-size: 11px; flex-wrap: wrap; gap: 5px;}
}
.header-announcement-bar { background: var(--brand-blue-gradient); padding: 10px 0; flex-wrap: wrap; gap: var(--scale-200); justify-content: center; }
.header-announcement-bar .inner { display: flex; align-items: center; justify-content: space-between; min-height: 0; padding: 0; }
.header-announcement-text { font-size: var(--text-sm); font-weight: var(--weight-bold); line-height: 16px; color: var(--white); }

.vat-toggle {display: flex; gap: 10px; align-items: center;}

.vat-toggle .tag{color: #FFF;
font-size: 10px;
font-style: normal;
font-weight: 700;
line-height: 16px; 
text-transform: uppercase;}

.sticky-head { position: sticky; top: 0; left: 0; background-color: var(--white); z-index: 25; box-shadow: 0 2px 4px rgba(0,0,0,0.1); }
widgets { display: flex; align-items: center; justify-content: space-between; background-color: var(--white); padding: 10px 0; gap: 13px; }
.header-logo { flex-shrink: 0; max-width: calc(100% - 150px); }
.header-logo img { height: 45px; width: auto; display: block; }
.header-actions { display: flex; align-items: center; gap: var(--scale-400); flex: 1; justify-content: flex-end; }
.header-actions .search-widget {position: relative;}
.header-utilities { display: flex; align-items: center; gap: var(--scale-400); }
.header-utilities span { display: none; }
.header-widget-link { display: flex; align-items: center; gap: 6px; text-decoration: none; color: var(--black); font-size: var(--text-sm); font-weight: var(--weight-medium); line-height: 16px; cursor: pointer; max-width: 16px; max-height: 16px; }
.header-widget-link:hover { text-decoration: none; opacity: 0.8; }
.header-widget-link:focus-visible { outline: 2px solid var(--brand-blue); outline-offset: 2px; }
.header-widget-link img { flex-shrink: 0; }
.basket-icon-wrap { position: relative; display: flex; align-items: center; max-width: 22px; }
.basket-icon-wrap .count { position: absolute; top: -6px; right: -8px; background-color: var(--brand-orange); color: var(--white); font-size: 10px; font-weight: var(--weight-bold); min-width: 16px; height: 16px; border-radius: 50%; display: flex; align-items: center; justify-content: center; line-height: 1; }
.category-menu-nav { display: none; }
.search-widget .searchform-desktop { display: none; }

.searchresults .catresults {padding-top: 1rem;}
.searchresults .catresults.adwords {padding-top: 0rem;}
.searchresults .catresults a {border: 1px solid #003f81; border-radius:3px; gap: 1rem; background-color: #f5faff; display: flex; align-items: center; justify-content: space-between; padding: .5rem; text-decoration: none;}
.searchresults .catresults a .name {font-weight: var(--weight-bold); color: #003f81; display: block; width: calc(100% - (1rem + 95px));}
.searchresults .catresults a .shop-now {text-align: center; width: 95px; background: linear-gradient(143deg, #003f81 19.49%, #2c75c2 117.57%); color: #fff; text-decoration: none; padding: 5px; border-radius: 3px; }
.searchresults .catresults .category-group {display: flex; flex-direction: column; gap: .5rem; margin-bottom: .5rem;}

.search-widget .searchresults .list productlisting { display: block; border-bottom: 1px solid #eee; }
.search-widget .searchresults .list productlisting:last-child { border-bottom: none; }
.search-result-item { display: flex; align-items: center;  padding: 10px 6px; text-decoration: none; color: inherit; border-radius: var(--radius-sm); transition: background-color 0.15s ease; }
.search-result-item:hover { background-color: var(--light-grey); }
.search-result-item:focus-visible { outline: 2px solid var(--brand-blue); outline-offset: 2px; }
.search-result-item__img { flex-shrink: 0; width: 64px; height: 64px; border-radius: var(--border-radius-100); overflow: hidden; background-color: var(--light-grey); }
.search-result-item__img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.search-result-item__body { flex: 1; display: flex; flex-direction: column; gap: 4px; min-width: 0; padding-left: 10px;}
.search-result-item__title { font-size: var(--text-sm); font-weight: var(--weight-semibold); color: var(--text-dark); line-height: 1.35; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.search-result-item:hover .search-result-item__title { color: var(--footer-blue); text-decoration: underline; }
.search-result-item__pricing { display: flex; align-items: baseline; gap: 6px; flex-wrap: wrap; margin-top: 2px; }
.search-result-item__was { font-size: var(--text-xs); font-weight: var(--weight-regular); color: var(--light-grey-700); text-decoration: line-through; }
.search-result-item__now { font-size: var(--text-sm); font-weight: var(--weight-bold); color: var(--footer-blue); }
.search-result-item__from { font-size: var(--text-xs); font-weight: var(--weight-regular); color: var(--text-secondary); margin-right: 2px; }
.search-result-item__cta { font-size: var(--text-xs); font-weight: var(--weight-semibold); color: var(--brand-orange); margin-top: 2px; }
.search-widget .search-trigger-mobile { display: flex; align-items: center; justify-content: center; background: transparent; border: none; cursor: pointer; padding: 0; width: 18px; height: 18px; }
.search-widget .search-trigger-mobile:hover { opacity: 0.8; }
.search-widget .search-trigger-mobile:focus-visible { outline: 2px solid var(--brand-blue); outline-offset: 2px; }
.search-widget .searchform {background-color: #f5f5f5; overflow: hidden; display: flex; align-items: center; justify-content: space-between;  border: var(--border-width-xs) solid #f5f5f5; border-radius: 24px; padding-right:17px ; height: 44px; }
.search-widget .searchform .text-box { height: 100%; padding-left: 1rem; border: none; outline: none; background: transparent; font-size: var(--text-sm); font-weight: var(--weight-medium); line-height: 16px; color: var(--black); flex: 1; margin: 0; }
.search-widget .searchform .text-box::placeholder { color: var(--black); opacity: 0.5; }
.search-widget .searchform .search-icon-btn { background: none; border: none; padding: 0; margin: 0; cursor: pointer; display: flex; align-items: center; flex-shrink: 0; }
.search-widget .searchform .search-icon, .search-widget .searchform img[alt="Search"] { width: 23px; height: 23px; flex-shrink: 0; cursor: pointer; }
.popbody.searchwidg { max-width: 600px; }
.popbody.searchwidg .searchform-mobile { display: flex; align-items: center; justify-content: space-between; background-color: var(--white); border: var(--border-width-xs) solid #d0d0d0; border-radius: 24px; height: 44px; width: 100%; box-sizing: border-box; overflow: hidden; }

.popbody.searchwidg .searchform-mobile .text-box { border: none; outline: none; background: transparent; font-size: var(--text-sm); font-weight: var(--weight-medium); line-height: 16px; color: var(--black); flex: 1; padding: 0 0 0 17px; margin: 0; height: 100%; min-width: 0; width: auto; box-sizing: border-box;}
.popbody.searchwidg .searchform-mobile .text-box::placeholder { color: var(--black); opacity: 0.5; }
.popbody.searchwidg .searchform-mobile .search-icon, .popbody.searchwidg .searchform-mobile img[alt="Search"] { width: 23px; height: 23px; flex-shrink: 0; cursor: pointer; }
.popbody.searchwidg .search-top { padding: 0px; }
.menu-icon { display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; cursor: pointer; position: relative; z-index: 10; }
.menu-icon:focus-visible { outline: 2px solid var(--brand-blue); outline-offset: 2px; }
.menu-icon .inner-rel { width: 18px; height: 14px; position: relative; display: flex; flex-direction: column; justify-content: space-between; }
.menu-icon span { display: block; width: 100%; height: 2px; background-color: var(--black); border-radius: 2px; transition: all 0.3s ease-in-out; transform-origin: center; }
.menu-icon.open .inner-rel span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
.menu-icon.open .inner-rel span:nth-child(2) { opacity: 0; }
.menu-icon.open .inner-rel span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }
.usp-bar { background: var(--brand-blue-gradient); border-radius: 1px; }
.usp-items { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 12px 16px; max-width: var(--screen-2xl); margin: 0 auto; }
.usp-item { display: flex; align-items: center; gap: var(--scale-200); }
.usp-icon { width: 21px; height: 20px; filter: brightness(0) invert(1); flex-shrink: 0; }
.usp-text { display: flex; align-items: center; gap: var(--scale-200); font-size: var(--text-sm); line-height: 16px; color: var(--white); }
.usp-text strong { font-weight: var(--weight-bold); }
.usp-text span { font-weight: var(--weight-regular); }
.usp-text a { color: var(--white); font-weight: var(--weight-regular); text-decoration: underline; }
.usp-text a:hover { opacity: 0.85; }
.usp-text a:focus-visible { outline: 2px solid var(--white); outline-offset: 2px; }
.usp-divider { display: none; width: var(--border-width-xs); height: 22px; background-color: var(--white); flex-shrink: 0; }
.usp-accent-bar { height: 2px; background-color: var(--footer-accent); }

.popbody.searchwidg .search-icon-btn {padding: 0px; width: 44px; height: 44px; background-color: transparent; border: none;}

@media (min-width: 500px) {
    widgets { padding: 12px 0; gap: 12px; }
    .search-widget .search-trigger-mobile { width: 23px; height: 23px; }
    .menu-icon .inner-rel { width: 24px; height: 18px; }
    .menu-icon.open .inner-rel span:nth-child(1) { transform: translateY(8px) rotate(45deg); }
    .menu-icon.open .inner-rel span:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }
    .header-widget-link { max-width: none; max-height: none; }
    .basket-icon-wrap { max-width: none; }
}

@media (min-width: 768px) {
    .header-announcement-bar { padding: 0; flex-wrap: nowrap; gap: 0; justify-content: normal; }
    .header-announcement-bar .inner { min-height: 44px; padding: 14px 0; }
    .header-announcement-bar .rightside {display: flex; gap:10px; align-items: center;}
    .header-announcement-bar .rightside .helplnk {height: 16px; color: #fff; font-size: 12px; display: flex; align-items: center; gap: 5px; padding-right: 10px; border-right: 1px solid #fff;}
    .header-announcement-bar .rightside .helplnk:hover {text-decoration: none;}
    .header-announcement-bar .rightside .helplnk .txt{text-decoration: underline;}
.header-announcement-bar .rightside .helplnk .mob.txt {display: none;}    
widgets { padding: 20px 0; gap: 16px; }
    .header-actions { gap: 40px; }
    .header-utilities span { display: inline; }

    .usp-items { flex-direction: row; gap: 24px; padding: 14px 20px; }
    .usp-divider { display: block; }
    .header-utilities .head-phone { display: none; }
}

@media (max-width: 767px) {

    .header-announcement-bar .rightside {display: flex; gap:10px; align-items: center;}
    .header-announcement-bar .rightside .helplnk {height: 16px; color: #fff; font-size: 12px; display: flex; align-items: center; gap: 5px; padding-right: 10px; border-right: 1px solid #fff;}
    .header-announcement-bar .rightside .helplnk:hover {text-decoration: none;}
    .header-announcement-bar .rightside .helplnk .txt{text-decoration: underline;}
.header-announcement-bar .rightside .helplnk .desk.txt {display: none;} 
    .popbody.searchwidg .searchform-mobile .text-box {font-size: 1rem;}

    .usp-items { display: flex; }
    .usp-items > * { opacity: 1; }
    .usp-divider { display: none; }
.usp-items > *:first-child {display: none;}
    .header-utilities .head-phone {
        width: 21px;
        height: 21px;
    }
        .header-utilities .head-phone img {
            width: 21px;
            height: 21px;
        }

}


@media (min-width: 1231px) {
    widgets { gap: 0; }
    .category-menu-nav { display: block; }
    .search-widget .searchform-desktop { display: flex; }
    .search-widget .searchform { min-width: 340px; }
    .search-widget .search-trigger-mobile { display: none; }
    .menu-icon { display: none; }
}

@media (min-width: 992px) {
.search-widget .search-trigger-mobile {display: none;}
.search-widget .searchresults {position: absolute; width: 100%;  z-index: 10;  }
.search-widget .searchresults .list { background-color: #fff; border-radius: 10px; padding: 1rem; box-shadow: 0 2px 4px rgba(0, 0, 0, .1); max-height: calc(100vh - 300px); overflow: auto; }
    .search-widget .searchresults .list.noresult {
        font-size: 0.875rem;
        color: #000;
        font-weight: 500;
    }
}
@media (max-width: 992px) {
.searchform.searchform-desktop {display: none;}
.searchresults .list {max-height: calc(100vh - 120px); overflow: auto;}
    #searchform-mobile .searchresults .list.noresult { font-size: 0.875rem; font-weight: 500; color: #000; margin-top: 1rem; }
}

@media (min-width: 1230px) {
    .usp-items { gap: 0px; }
.usp-items > *:first-child {padding-right: 45px;}
}

@media (max-width: 500px){
    .header-announcement-text {font-size: 3vw;}
    .vat-toggle .tag {font-size: 2.5vw; display: none; }
    .vat-toggle .toggler { width: 58px; position: relative; }
    .vat-toggle .toggler:has(input[checked])::before { content: "EX VAT"; color: var(--black); position: absolute; left: 5px; top: 50%; transform: translateY(-50%); font-size: 8px; font-weight: var(--weight-bold); z-index: 2; }
    .vat-toggle .toggler:has(input:not([checked]))::before { content: "INC VAT"; color: var(--black); position: absolute; right: 3px; top: 50%; transform: translateY(-50%); font-size: 8px; font-weight: var(--weight-bold); z-index: 2; }
    .toggler.link-checked .input-toggler:before, .toggler input:checked ~ .input-toggler:before { -webkit-transform: translate(36px, -50%); transform: translate(36px, -50%); }
    .header-actions { gap: 6px; }
    .header-utilities {gap: 9px; margin-right: 3px; }
    .header-widget-link {width: 30px; height: 30px; max-width: 30px; max-height: 30px; gap: 0px; justify-content: center; align-items: center;}
    .header-actions .search-widget .search-trigger-mobile{width: 30px; height: 30px;}
    .header-actions .search-widget .search-trigger-mobile img{width: 20px; height: 20px;}
    .header-widget-link img {max-height: 19px;}
    widgets {gap: 0rem;}
    .header-logo { max-width: calc(100% - 180px);}

}

@media (max-width: 400px){
.usp-text {font-size: 3.7vw;}
.usp-icon {height: auto; width: 5vw;}
.usp-items {padding: 10px 15px;}

}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
    10% { transform: translateY(-15px); }
    30% { transform: translateY(-5px); }
}

.bounce { animation: bounce 1s ease-out; }

.basketform .prod-list .row { display: flex; align-items: center; gap: var(--scale-400); padding: 12px 0; border-bottom: var(--border-width-xs) solid rgba(0, 63, 129, 0.24); }

.basketform .prod-list .row:last-child { border-bottom: none; }

.basketform .prod-list .row .img { width: 86px; min-width: 86px; height: 86px; border-radius: 3px; overflow: hidden; }

.basketform .prod-list .row .img img { width: 100%; height: 100%; object-fit: cover; display: block; }

.basketform .prod-list .row .detail { flex: 1; display: flex; flex-direction: column; gap: 6px; min-width: 0; }

.basketform .prod-list .row .detail .title {text-wrap-style: balance; font-size: var(--text-lg); font-weight: var(--weight-bold); letter-spacing: var(--lspacing-0pt18); line-height: 20px; color: var(--text-body); text-decoration: none; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

.basketform .prod-list .row .detail .title:hover { text-decoration: underline; }

.basketform .prod-list .row .row-actions { display: flex; align-items: center; gap: 12px; margin-top: 2px; }

.basketform .prod-list .row .row-actions .qty { display: flex; align-items: center; gap: 0; background-color: #f6f6f6; height: 28px;}

.basketform .prod-list .row .row-actions .qty input { width: 32px; text-align: center; border: none; border-radius: 3px; font-size: var(--font-copy-body-sm-size); font-weight: var(--weight-medium); padding: 4px 0; }

.basketform .prod-list .row .row-actions .quantbtn { width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; cursor: pointer; border-radius: 100%; font-size: var(--text-base); color: var(--footer-blue); transition: background-color 150ms ease; background-size: 12px; }

.basketform .prod-list .row .row-actions .quantbtn:hover { background-color: var(--light-grey); }

.basketform .prod-list .row .row-actions .remove { cursor: pointer; display: flex; align-items: center; opacity: 0.7; transition: opacity 150ms ease; }

.basketform .prod-list .row .row-actions .remove:hover { opacity: 1; }

.basketform .prod-list .row .price { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; white-space: nowrap; }

.basketform .prod-list .row .price .now { font-size: var(--text-base); font-weight: var(--weight-heavy); color: var(--black); }

.basketform .prod-list .row .price .was { font-size: var(--font-copy-body-sm-size); font-weight: var(--weight-medium); color: var(--text-muted); text-decoration: line-through; opacity: 0.5; }

.popbody.basketwidg .btm { background-color: var(--white); padding: 24px var(--scale-400); border-top: var(--border-width-xs) solid rgba(0, 63, 129, 0.24); }

.popbody.basketwidg .btm .subtotal { display: flex; justify-content: space-between; align-items: center; margin-bottom: var(--scale-400); }

.popbody.basketwidg .btm .subtotal span { font-size: var(--text-lg); font-weight: var(--weight-semibold); letter-spacing: var(--lspacing-0pt18); color: var(--text-body); }

.popbody.basketwidg .btm .subtotal .subtotal-amount { font-size: var(--text-2xl); font-weight: var(--weight-heavy); color: var(--black); }

.popbody.basketwidg .btm .checkoutbtn { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 52px; border-radius: var(--border-radius-100); background: linear-gradient(99deg, var(--footer-blue) 21.14%, #116DCD 159.71%); color: var(--white); font-size: var(--text-lg); font-weight: var(--weight-bold); letter-spacing: var(--lspacing-0pt18); text-decoration: none; cursor: pointer; transition: opacity 150ms ease; }

.popbody.basketwidg .btm .checkoutbtn:hover { opacity: 0.9; }

.popbody.basketwidg .btm .checkoutbtn:active { transform: translateY(2px); }

.popbody.basketwidg .btm .checkoutbtn:focus-visible { outline: var(--border-width-sm) solid var(--footer-blue); outline-offset: 0.125rem; }


@media (max-width: 767px) {
    #basketwidgetform .prod-list .btns { max-width: 100%; }
}
.product { padding-bottom: 4rem; }
.product .slide { display: flex; justify-content: center; align-items: center; }
.product .prod-usps { z-index: 10; display: flex; background-color: var(--white); position: absolute; left: 25px; top: 25px; width: calc(100% - 50px); border-radius: 5px; padding: 10px; }
.product .prod-usps > * { flex: 1; border-right: var(--border-width-xs) solid var(--site-blue-dark); display: flex; gap: 10px; justify-content: center; align-items: center; font-family: var(--ff-display); font-optical-sizing: auto; font-weight: var(--weight-bold); font-style: normal; min-height: 22px; color: var(--site-blue-dark); }
.product .prod-usps > *:last-child { border-right: none; }
.product h1 { margin-bottom: 3px; margin-top: 30px; color: var(--text-near-black); font-size: var(--text-2xl); font-weight: var(--weight-bold); line-height: 1.44; letter-spacing: var(--lspacing-0pt24); }
.product size { display: flex; gap: .75rem; justify-content: start; align-items: center; color: var(--text-dim); text-decoration: none; margin: 1rem auto; }
.product size .divide { width: 0; height: 1.25rem; border-right: var(--border-width-xs) solid var(--text-dim); }
.product .prodimgslider { position: relative; display: flex; flex-direction: column; max-width: 699px; }
.product .prodimgslider .relative { position: relative; }
.product .prodimgslider .slider { width: 100%; position: relative; border-radius: 5px; overflow: hidden; }
.product .prodimgslider.single .slider { width: 100%; }
.product .prodimgslider.single .slider .slide { width: 100%; max-height: 600px; }
.product .prodimgslider.single .slider .slide img { width: 100%; max-height: 600px; width: auto; }
.product .prodimgslider .slider .slide { position: relative; }
.product .prodimgslider .slider .slide::after { border-radius: 6px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; background-color: var(--slide-overlay-blue); opacity: 0.05; z-index: 1; pointer-events: none; }
.product .prodimgslider .slider .prodimg-stickers { position: absolute; top: 12px; left: 12px; z-index: 2; display: flex; flex-direction: column; gap: 6px; pointer-events: none; }
.product .prodimgslider .slider .prodimg-stickers img { display: block; max-width: 100px; height: auto; }
.product .prodimgslider .slider .prodimg-stickers .custom-sticker { display: flex; padding: 8px 10px; justify-content: center; align-items: center; gap: 8px; border-radius: 5px; }
.product .prodimgslider .slider .prodimg-stickers .custom-sticker img { width: 28px; max-width: 28px; }
.product .prodimgslider .slider .prodimg-stickers .custom-sticker .text { font-size: var(--text-sm); font-weight: 900; color: #fff; white-space: nowrap; }
.product .prodimgslider .img-thumbs { overflow-x: scroll; width: 100%; }
.product .prodimgslider .img-thumbs .img-thumbs-inner { display: flex; width: fit-content; padding: 13px 0px; gap: 13px; }
.product .prodimgslider .img-thumbs::-webkit-scrollbar { width: 6px; height: 6px; }
.product .prodimgslider .img-thumbs::-webkit-scrollbar-track { background: transparent; border-radius: 999px; }
.product .prodimgslider .img-thumbs::-webkit-scrollbar-thumb { background: #6d8298; border-radius: 999px; }
.product .prodimgslider .img-thumbs:hover::-webkit-scrollbar-thumb { background: var(--divider-grey); }



@supports not selector(::-webkit-scrollbar) {
    .product .prodimgslider .img-thumbs { scrollbar-width: thin; scrollbar-color: var(--divider-grey) transparent; }
}

.product .prodimgslider .img-thumbs .item { aspect-ratio: 1; background-color: var(--blue-tint-bg); border-radius: var(--border-radius-100); opacity: 0.62; display: flex; justify-content: center; align-items: center; cursor: pointer; width: 114px; }
.product .prodimgslider .img-thumbs .item.on { opacity: 1; border-radius: var(--border-radius-100); border: var(--border-width-xs) solid var(--footer-blue-12); }
.product .prodimgslider .img-thumbs img { display: block; max-width: 100%; width: 100%; }
.product .prodimgslider .img-thumbs .item:focus-visible { outline: var(--border-width-sm) solid var(--footer-blue); outline-offset: 0.125rem; }
.product .prodimgslider .img-dots { display: flex; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); background: rgba(255, 255, 255, 0.2); border-radius: 35px; padding: 6px; border: var(--border-width-xs) solid var(--white); position: absolute; bottom: 1rem; flex-direction: row; z-index: 5; left: 50%; gap: 5px; transform: translateX(-50%); }
.product .prodimgslider .img-dots .item { aspect-ratio: 1; width: 13px; height: 13px; border-radius: 100%; opacity: 0.62; background-color: var(--site-blue-dark); cursor: pointer; }
.product .prodimgslider .img-dots .item.on { opacity: 1; border-radius: 13px; width: 30px; }
.product .prodimgslider .img-dots .item:focus-visible { outline: var(--border-width-sm) solid var(--footer-blue); outline-offset: 0.125rem; }
.product .prodimgslider .prodimg-nav { position: absolute; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; border: var(--border-width-xs) solid var(--footer-blue-15); border-radius: 50%; background: var(--white) url('/images/icons/chevron-down-faq.svg?v=XmA_b2iFOdm51RTaYhjk4enL5fc') center / 11px 7px no-repeat; cursor: pointer; z-index: 6; padding: 0; display: flex; align-items: center; justify-content: center; }
.product .prodimgslider .prodimg-nav:hover { background-color: var(--light-grey-400); }
.product .prodimgslider .prodimg-nav--prev { left: 5px; transform: translateY(-50%) rotate(90deg); }
.product .prodimgslider .prodimg-nav--next { right: 5px; transform: translateY(-50%) rotate(-90deg); }
.product .atb-btn { cursor: pointer; position: relative; border-radius: var(--border-radius-100); background-color: #26c400; }
.product .atb-btn:hover { background-color: #004d94; }
.product .atb-btn:hover::after { transform: translateX(0%); }
.product .atb-btn .text { line-height: 1; text-align: center; min-height: 50px; justify-content: center; align-items: center; position: relative; z-index: 5; display: flex; gap: 0.65rem; color: var(--white); font-family: var(--ff-display); font-optical-sizing: auto; font-weight: var(--weight-semibold); font-style: normal; }
.product .atb-btn:active { transform: translateY(3px); }
.product .at-a-glance { margin-bottom: 1rem; }
.product .at-a-glance h2 { color: #2c2c2c; font-size: 1.05rem; }
.product .at-a-glance__list { display: flex; gap: 0.5rem; flex-wrap: wrap; padding-bottom: 0.25rem; }
.product .at-a-glance__list .stock-badge { border-radius: 3px; border: 1px solid #b0c5e0; min-height: 38px; background-color: #f6faff; padding: .25rem .75rem .25rem .5rem; gap: .5rem; margin-right: 0px; }
.product .at-a-glance__list .stock-badge img { display: block; width: 24px; height: 24px; }
.product .at-a-glance__toggle { display: none; }
.product .atb-btn--disabled { background-color: var(--slate-400); cursor: not-allowed; opacity: 0.55; }
.product .atb-btn--disabled:hover { background-color: var(--slate-400); }
.product .atb-btn--disabled:active { transform: none; }
.buy-now--disabled { opacity: 0.35; pointer-events: none; }
.atb-prompt { width: 100%; color: var(--brand-orange); font-size: var(--text-sm); font-weight: var(--weight-semibold); padding: 0.5rem 0; text-align: right; }

.product .atb-qty { display: flex; justify-content: space-between; margin-top: 1rem; flex-wrap: wrap; align-items: center; }

.product .atb-qty .atb { max-width: 500px; width: calc(100% - 150px); }

.product .pp-klarna { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 10px; }

.product .atb-btn .text .atb { padding-top: 3px; width: auto; display: flex; align-items: center; }

.lg-usps { background-color: var(--checkout-panel-bg-mobile); margin-top: 120px; padding: 57px 0; }

.lg-usps .right { aspect-ratio: 0.888; border-radius: 30px; width: 100%; }

.lg-usps .right img { display: block; }

.lg-usps .inner-flx { display: flex; gap: 2rem; margin: 0 auto; max-width: 1390px; position: relative; align-items: center; }

.lg-usps .inner-flx .left { width: calc(100% - 586px); }

.lg-usps .inner-flx .left .toptxt { max-width: 685px; }

.lg-usps .inner-flx .left .points { width: calc(100vw - 30px); max-width: 945px; margin-top: 45px; }

.lg-usps .inner-flx .left .point { background-color: var(--white); border-radius: 16px; padding: 26px; }

.lg-usps .inner-flx .left .point h3 { margin: 10px 0; color: var(--site-blue-dark); font-size: 1rem; font-weight: var(--weight-semibold); }

.lg-usps .inner-flx .left .point .text { font-size: 0.90rem; }

.lg-usps .inner-flx .right { flex: 1; }

.lg-usps h2 { font-size: 1.7rem; }

.brand-ad { padding-top: 180px; padding-bottom: 60px; }

.brand-ad .img { aspect-ratio: 1; background-color: var(--dark-bg-subtle); width: 100%; max-width: 535px; }

.brand-ad .copy { width: 100%; max-width: 650px; }

.brand-ad .inner-flx { justify-content: center; align-items: center; display: flex; gap: 30px; }

.brand-ad h2 { font-size: 2rem; max-width: 350px; display: block; }

.brand-ad .text { margin-top: 25px; margin-bottom: 25px; }

infotable { border: var(--border-width-xs) solid var(--site-blue-dark); border-radius: 5px; display: block; overflow: hidden; font-size: 1.1rem; }

infotable row { display: flex; border-bottom: var(--border-width-xs) solid var(--site-blue-dark); }

infotable row:last-child { border: none; }

infotable row cell { display: block; padding: 1rem; }

infotable row cell:first-child { width: 225px; border-right: var(--border-width-xs) solid var(--site-blue-dark); background-color: var(--blue-tint-bg); font-family: var(--ff-display); font-optical-sizing: auto; font-weight: var(--weight-bold); font-style: normal; color: var(--site-blue-dark); }

infotable p { padding: 0; margin: 0; }

.stock-badge { margin-right: .25rem; display: inline-flex; min-height: 35px; padding: 0px 10px 0px 8px; align-items: center; gap: 10px; border-radius: var(--border-radius-100); font-size: var(--font-copy-body-sm-size); font-weight: var(--weight-heavy); letter-spacing: var(--lspacing-0pt14); line-height: 1.6875rem; }
.stock-badge--in { color: var(--footer-blue); }
.stock-badge__icon { width: 20px; height: 20px; }
.stock-badge__text { white-space: nowrap; }
.stock-badge.invert { background-color: var(--footer-blue); color: #fff; font-weight: var(--weight-bold); }

.product-ref-row { display: flex; align-items: center; justify-content: space-between; gap: var(--scale-200); }

.product-ref-row .right { display: flex; padding-top: 5px; }

.product-ref { font-size: var(--text-xs); font-weight: 300; color: var(--text-mid-muted); }

.product-ref strong { font-weight: var(--weight-bold); color: var(--brand-orange); }

.product-ref-reviews { display: flex; align-items: center; gap: 9px; }

.product-ref-row .right .product-ref-reviews { max-width: 200px; }

.product-ref-reviews__link { font-size: var(--font-copy-body-sm-size); font-weight: var(--weight-regular); color: var(--footer-blue); text-decoration: underline; }

.product-ref-reviews__link:hover { opacity: 0.8; }

.product-ref-reviews__link:focus-visible { outline: var(--border-width-sm) solid var(--footer-blue); outline-offset: 0.125rem; }

.buy-now { display: flex; flex-direction: column; gap: 7px; margin-top: var(--scale-400); }

.buy-now__label { font-size: var(--text-base); font-weight: var(--weight-bold); letter-spacing: var(--lspacing-0pt16); color: var(--text-muted); margin-bottom: 5px; }

.buy-now__options { display: flex; gap: var(--scale-200); }

.buy-now__btn { flex: 1; display: flex; align-items: center; justify-content: center; height: 52px; border-radius: 5px; overflow: hidden; text-decoration: none; transition: opacity 0.15s ease; }

.buy-now__btn:hover { opacity: 0.85; }

.buy-now__btn:focus-visible { outline: var(--border-width-sm) solid var(--footer-blue); outline-offset: 0.125rem; }

.buy-now__btn--apple { background-color: var(--black); }

.buy-now__btn--apple apple-pay-button { width: 100%; margin: 0; padding: 0; transform: scale(1.3); transform-origin: center; }

.buy-now__btn--apple img { height: 100%; max-height: 100%; }

.buy-now__btn--google { background-color: var(--white); border: none; }

.buy-now__btn--google > * { width: 100%; height: 52px; }

.buy-now__btn--google .gpay-button { padding: 0 !important; height: 100% !important; }

.buy-now__btn--google img { height: 100%; max-height: 100%; }

.buy-now__btn--paypal { background-color: var(--paypal-yellow); }

#express-paypal-button-container { height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; }

#express-paypal-button-container > * { height: 100%; }

#express-paypal-button-container iframe { z-index: 20 !important; }

.product-ref-row .sml-stars { width: 77px; }

.product-price-row { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; margin: 1.5rem 0; }

.product .price { display: flex; flex-direction: column; gap: var(--scale-200); margin-top: var(--scale-400); margin-bottom: 1rem; }

.product .price .was { font-size: var(--text-base); font-weight: var(--weight-medium); letter-spacing: var(--lspacing-0pt16); color: var(--text-near-black); opacity: 0.32; text-decoration: line-through; }

.product .price .now { font-size: var(--text-2xl); font-weight: var(--weight-heavy); letter-spacing: var(--lspacing-0pt24); line-height: 1.125; color: var(--text-near-black); }

.product .price .vat-label { font-size: var(--text-base); font-weight: var(--weight-medium); letter-spacing: var(--lspacing-0pt16); }

.product-price-row .price { flex: 1 1 auto; margin-top: 0; margin-bottom: 0; }

.qty-breaks { display: flex; gap: .75rem; margin-top: 1rem; }

.qty-breaks .price-break { text-align: center; border-radius: 3px; border: 1px solid #003F81; flex: 1; }

.qty-breaks .price-break .top { font-size: 16px; font-weight: 700; background-color: #003F81; height: 33px; display: flex; justify-content: center; align-items: center; color: #fff; }

.qty-breaks .price-break .price { display: inline; font-weight: 700; font-size: 16px; }

.qty-breaks .price-break .vat { font-size: 12px; margin-left: 5px; }

.qty-breaks .price-break .saving { color: #003F81; }

.qty-breaks .price-break .bottom { padding: 5px; }

.next-delivery-countdown { position: relative; display: flex; align-items: center; gap: .75rem; box-sizing: border-box; background-color: #f6f6f6; min-height: 52px; padding: 0px 10px; margin-top: 25px; border-radius: 5px; }

.next-delivery-countdown__icon { flex: 0 0 30px; width: 30px; height: 30px; display: block; }

.next-delivery-countdown__content { display: flex; min-width: 0; width: fit-content; gap: 5px; }

.next-delivery-countdown__headline, .next-delivery-countdown__copy { margin: 0; }

.next-delivery-countdown__headline { font-size: 1rem; font-weight: var(--weight-bold); line-height: 1.2; color: #303030; }

.next-delivery-countdown__copy { color: #000; font-size: 1rem; font-weight: var(--weight-regular); line-height: 1.2; }

.next-delivery-countdown__time { display: inline-block; min-width: 16ch; white-space: nowrap; color: #003F81; font-weight: var(--weight-bold); text-underline-offset: 0.12em; font-variant-numeric: tabular-nums; }

.oos-form { background-color: #013f81; padding: 25px; border-radius: 6px; margin-top: 1rem; position: relative; overflow: hidden; }

.oos-form:after { content: ""; left: 0px; position: absolute; border-bottom: #8da0ff 3px solid; width: 100%; bottom: 0px; }

.oos-form h2 { color: #fff; }

.oos-form .btn.blue { background-color: #22569f; background: #22569f; border: 2px solid var(--white); }

.oos-form .ok, .oos-form .OK { background-color: #fff; border-radius: 6px; padding: 10px; margin-bottom: 15px; }

.oos-form .ko, .oos-form .KO { background-color: #fff; border-radius: 6px; padding: 10px; margin-bottom: 15px; }

.oos-form label { color: #fff; }

.oos-form .head { border-bottom: 1px solid #fff; padding-bottom: 15px; }

.oos-form .head .sub { color: #8da0ff; font-size: 14px; font-weight: 700; }

.oos-form .head h2 { font-size: 22px; font-weight: 700; padding-top: 5px; }

.oos-form .editor-label { margin-bottom: 10px; }

.review-form-card { position: relative; margin: 0 auto; border-radius: 6px; margin-bottom: 60px; }

.review-form-card .top { }

.review-form-card .top h2 { font-size: 24px; line-height: 1.2; }

.review-form-card .top h2 span { color: #606060; font-weight: 500; }

.review-form-card .body { }

.review-form-card .body label { font-weight: 700; }

.review-form-card .btn { height: 60px; font-size: 18px; }

.review-form-card .review-img { position: absolute; right: 0px; top: 50%; border-radius: 5px; overflow: auto; transform: translateY(-50%); max-width: calc(50% - 5rem); border: 1px solid #d8d8d8; }

.review-form-card .review-img img { display: block; }

.review-form-card .section > div { position: static; }

.review-form-card.rev-form { margin-bottom: 0px; }

.review-form-card.rev-form .review-img { max-width: 590px; width: calc(50% - 2rem); }

.pp-pay-in-three { margin-top: 10px; }

/* Product Description Accordion */
.prod-desc-accordion { background: var(--light-grey); padding: 2rem; border-radius: 2px; }

.prod-desc-accordion.description h2, .prod-desc-accordion.description h2 strong { color: var(--site-blue) !important; }

.prod-acc__item + .prod-acc__item { border-top: var(--border-width-xs) solid var(--footer-blue-15); padding-top: 1.3125rem; margin-top: 1.3125rem; }



.prod-acc__title { font-weight: var(--weight-bold); font-size: 1rem; color: var(--text-body); letter-spacing: -0.01rem; line-height: 1.3125rem; }

.prod-acc__chevron { display: flex; align-items: center; justify-content: center; width: 29px; height: 29px; min-width: 29px; border-radius: 50%; background: var(--white); border: var(--border-width-xs) solid var(--footer-blue-15); color: var(--footer-blue); font-size: 0.6875rem; transition: transform 0.2s ease; }

.prod-acc__item.is-open .prod-acc__chevron { transform: rotate(180deg); }

.prod-acc__item.faqs .ds-faqs__item .ds-faqs__question { flex-direction: row-reverse; justify-content: flex-end; gap: 1rem; padding-bottom: 16px; font-weight: 500; }

.prod-acc__item.faqs .ds-faqs__item .ds-faqs__icon { transition: none; }

.prod-acc__item.faqs .ds-faqs__item.is-open .ds-faqs__icon { transform: none; }

.prod-acc__body { overflow: hidden; }

.prod-acc__body-inner { color: var(--text-body); }

.prod-acc__body-inner h2 { font-size: 16px; font-weight: var(--weight-bold); color: #303030; }

.prod-acc__body-inner h2 strong { font-weight: var(--weight-bold); color: #303030; }

.prod-acc__body-inner h3 { font-size: 16px; font-weight: var(--weight-bold); color: #303030; }

.prod-acc__body-inner h3 strong { font-weight: var(--weight-bold); color: #303030; }

.prod-acc__body-inner p, .prod-acc__body-inner ul { font-size: 14px; font-weight: 300; line-height: 1.3; color: #303030; }

.prod-acc__body-inner p img, .prod-acc__body-inner ul img { width: 100% !important; height: auto !important; display: block; }

.prod-acc__body-inner p strong, .prod-acc__body-inner ul strong { font-weight: 700; }

.prod-acc__body-inner ul { padding-left: 18px; }

.prod-acc__body-inner ul p { margin: 5px 0px; }

.prod-acc__body-inner strong { font-weight: var(--weight-bold); }

.prod-acc__body-inner table { margin-bottom: 15px; background-color: #fff; border: 1px solid #003F81; border-spacing: 0px; border-radius: 5px; overflow: auto; width: 100%; }

.prod-acc__body-inner thead { background-color: #003F81; color: #fff; }

.prod-acc__body-inner th { padding: 7px 8px; background-color: #003F81; color: #fff; min-height: 32px; font-size: 14px; font-weight: 900; text-align: left; }

.prod-acc__body-inner tbody td { border-bottom: 1px solid #003f81; padding: 8px; min-height: 32px; font-size: 12px; font-weight: 400; }

.prod-acc__body-inner tbody tr:last-child td { border-bottom: none; }



.prod-acc__body-inner .ds-faqs { padding: 0px; gap: 0rem; }

.prod-acc__body-inner .ds-faqs .ds-faqs__question { font-size: 1rem; }

.prod-acc__body-inner .ds-faqs .ds-faqs__answer p { margin-top: 0px; }

.prod-acc__body-inner .ds-faqs .ds-faqs__icon { display: flex; align-items: center; justify-content: center; width: 29px; height: 29px; min-width: 29px; border-radius: 50%; background: var(--white); border: var(--border-width-xs) solid var(--footer-blue-15); color: var(--footer-blue); font-size: .6875rem; transition: transform .2s ease; }

.sticky .prod-acc__body-inner { padding-top: 1.5rem; }

.sticky .prod-acc__body-inner th { font-weight: 700; font-size: 12px; padding: 7px 14px; }

.sticky .prod-acc__body-inner td { padding: 7px 14px; }

.prod-acc__title--short { display: none; }

.prod-acc__chevron img, .prod-acc__chevron svg { width: 11px; height: 7px; display: block; }

.product .prodimgslider .slider .slide { cursor: pointer; }

.slide-zoom-hint { position: absolute; bottom: 12px; right: 12px; border: 1px solid #F0F4F8; z-index: 2; width: 50px; padding: 7px; height: 50px; display: flex; align-items: center; justify-content: center; background-color: #fff; border-radius: 100%; pointer-events: none; transition: opacity 0.2s; }

.slide-zoom-hint img { width: auto; height: auto; display: block; }

.product .prodimgslider .slider .slide:hover .slide-zoom-hint { opacity: 1; }

.rev-page-top { background-color: #014080; padding: 30px 0px; border-bottom: #8da0ff 4px solid; }

.rev-page-top h1 { color: #fff; width: calc((100% - 180px) - 345px); padding-left: 2rem; }

.rev-page-top h1.nopadd { padding: 0px; }

.rev-page-top h1 span { font-weight: 400; color: #e5ebf2; text-decoration: underline; }

.rev-page-top .inner { display: flex; gap: 1rem; justify-content: space-between; align-items: center; }

.rev-page-top .inner .btn { border: 2px solid #fff; width: 100%; max-width: 345px; min-height: 65px; background-color: #235397; background: #235397; font-size: 19px; }

.rev-page-top .backlink { display: flex; width: 180px; gap: .5rem; }

.rev-page-top .backlink:hover { text-decoration: none; }

.rev-page-top .backlink span { color: #fff; text-decoration: underline; color: #fff; font-size: 18px; font-weight: 500; }

.rev-page-top .backlink img { transform: rotate(90deg); }

.rev-page-revs { margin-top: 80px; padding-bottom: 60px; }

/* Size / Configuration select */
.prod-size-select { margin-bottom: 30px; display: flex; align-items: end; gap: 1rem; }

.prod-size-select .left { width: 100%; }

.prod-size-select .btn { height: 46px; min-height: 46px; min-width: 266px; font-size: 0.9rem; font-weight: 600; align-self: end; border: 1px solid #003f81; }

.prod-size-select__label { display: flex; justify-content: space-between; font-weight: var(--weight-bold); font-size: 1rem; color: var(--text-size-label); letter-spacing: -0.01rem; margin-bottom: 0.5rem; }

.prod-size-select__wrap { position: relative; }

.prod-size-select__wrap select { display: block; width: 100%; height: 46px; background: var(--light-grey-400); border: none; border-radius: 3px; padding: 0 2.75rem 0 0.75rem; font-size: 0.875rem; font-weight: var(--weight-medium); color: var(--text-muted); letter-spacing: -0.009rem; appearance: none; cursor: pointer; }

.prod-size-select__wrap .config-select { position: relative; margin-top: 10px; }

.prod-size-select__wrap .config-select select { border: 1px solid #bbb; }

.prod-size-select__wrap .config-select::after { content: ""; position: absolute; right: 1rem; bottom: 50%; transform: translateY(50%); width: 18px; height: 18px; background: url('/images/icons/chevron-down.svg?v=XmA_b2iFOdm51RTaYhjk4enL5fc') center/contain no-repeat; pointer-events: none; }

#stock-partial .prod-size-select__wrap .config-select label { display: none; }

/* ── Sizing Table ─────────────────────────────────────────────── */
.prod-size-table-wrap { width: 100%; overflow-x: auto; overflow-y: auto; border-radius: 3px; margin-bottom: 1.25rem; min-height: 150px; max-height: calc(100vh - 700px); overscroll-behavior-x: none; padding-right: 8px; }

.prod-size-table-wrap::-webkit-scrollbar { width: 10px; height: 10px; }

.prod-size-table-wrap::-webkit-scrollbar-thumb { background: #ededed; border: 1px solid #d0d0d0; border-radius: 5px; }

.prod-size-table-wrap::-webkit-scrollbar-thumb:hover { background: #d0d0d0; }

.prod-size-table-wrap::-webkit-scrollbar-button:single-button { height: 12px; width: 12px; background-color: #d0d0d0; border: 1px solid #bcbcbc; display: block; }

.prod-size-table-wrap::-webkit-scrollbar-button:single-button:vertical:decrement { background: #d0d0d0 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5' fill='none'%3E%3Cpath d='M1 4l3-3 3 3' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center no-repeat; }

.prod-size-table-wrap::-webkit-scrollbar-button:single-button:vertical:increment { background: #d0d0d0 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5' fill='none'%3E%3Cpath d='M1 1l3 3 3-3' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center no-repeat; }

.prod-size-table-wrap::-webkit-scrollbar-button:single-button:horizontal:decrement { background: #d0d0d0 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='8' viewBox='0 0 5 8' fill='none'%3E%3Cpath d='M4 1L1 4l3 3' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center no-repeat; }

.prod-size-table-wrap::-webkit-scrollbar-button:single-button:horizontal:increment { background: #d0d0d0 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='8' viewBox='0 0 5 8' fill='none'%3E%3Cpath d='M1 1l3 3-3 3' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center no-repeat; }

@supports not selector(::-webkit-scrollbar) {
    .prod-size-table-wrap { scrollbar-width: auto; scrollbar-color: #ededed transparent; }
}

.prod-size-table { width: 100%; min-width: 480px; border-collapse: collapse; font-size: var(--text-xs); }

.prod-size-table thead { position: sticky; top: 0px; z-index: 10; }

.prod-size-table thead tr { background: var(--footer-blue); height: 50px; }

.prod-size-table thead th { color: var(--white); font-weight: 700; font-size: var(--text-xs); padding: 0 10px 0 12px; text-align: left; line-height: 1.2; white-space: nowrap; border-right: var(--border-width-xs) solid rgba(255, 255, 255, 0.2); }

.prod-size-table thead th:last-child { border-right: none; width: 32px; }

.prod-size-table__th-sub { font-weight: var(--weight-regular); }

.prod-size-table tbody tr { height: 40px; cursor: pointer; }

.prod-size-table tbody tr:focus-visible { outline: var(--border-width-sm) solid var(--footer-blue); outline-offset: -2px; }

.prod-size-table tbody tr:nth-child(odd) { background: var(--white); }

.prod-size-table tbody tr:nth-child(even) { background: var(--light-grey-400); }

.prod-size-table tbody tr.is-selected { outline: 3px solid #418edf; outline-offset: -3px; }

.prod-size-table tbody td { padding: 0 10px 0 12px; color: var(--text-size-label); position: relative; white-space: nowrap; vertical-align: middle; }

.prod-size-table tbody td:before { content: ""; position: absolute; height: 45%; left: 0px; top: 50%; transform: translateY(-50%); border-left: 1px solid #8ca8c6; }

.prod-size-table tbody td:first-child:before { border-right: none; display: none; }

.prod-size-table tbody td.prod-size-table__size-cell { color: var(--footer-blue); font-weight: var(--weight-heavy); }

.prod-size-table tbody td.prod-size-table__size-cell .has-radio { display: flex; gap: .5rem; align-items: center; }

.prod-size-table__price-cell { font-weight: var(--weight-regular); }

.prod-size-table tbody td.prod-size-table__radio-cell { text-align: center; width: 32px; padding: 0 8px; }

/* Custom radio button */
.prod-size-table__radio { display: flex; align-items: center; justify-content: center; cursor: pointer; }

.prod-size-table__radio input[type="radio"] { position: absolute; opacity: 0; width: 0; height: 0; pointer-events: none; }

.prod-size-table__radio-indicator { display: block; width: 16px; height: 16px; flex-shrink: 0; border-radius: 50%; border: 1px solid var(--footer-blue); background: var(--white); position: relative; transition: border-color 0.15s; }

.prod-size-table__radio input[type="radio"]:checked + .prod-size-table__radio-indicator::after { content: ''; display: block; width: 10px; height: 10px; border-radius: 50%; background: var(--footer-blue); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.prod-size-table__radio input[type="radio"]:focus-visible + .prod-size-table__radio-indicator { outline: var(--border-width-sm) solid var(--footer-blue); outline-offset: 2px; }

.prod-size-table-hint { display: none; }

/* ── Accessories Panel ─────────────────────────────────────────── */
.prod-accessories { border: 2px solid var(--footer-blue); border-radius: 6px; background: var(--light-grey-100); overflow: hidden; margin-bottom: 1.25rem; }

.prod-accessories__header { display: flex; align-items: center; justify-content: space-between; height: 55px; padding: 0 18px; border-bottom: var(--border-width-xs) solid var(--nav-divider); }

.prod-accessories__title { font-size: var(--text-sm); font-weight: var(--weight-bold); color: var(--text-near-black); }

.prod-accessories__badge { background: var(--checkout-panel-bg); border: var(--border-width-xs) solid var(--badge-border-blue); border-radius: 55px; padding: 4px 10px; color: var(--footer-blue); font-size: var(--text-xs); font-weight: var(--weight-semibold); }

.prod-accessories__list { display: flex; flex-direction: column; gap: 8px; padding: 12px 17px; max-height: 200px; overflow-y: auto; scrollbar-width: thin; scrollbar-color: var(--badge-border-blue) transparent; }

.prod-accessories__list::-webkit-scrollbar { width: 4px; }

.prod-accessories__list::-webkit-scrollbar-track { background: transparent; }

.prod-accessories__list::-webkit-scrollbar-thumb { background: var(--badge-border-blue); border-radius: 2px; }

.prod-acc-item { display: flex; align-items: center; justify-content: space-between; min-height: 70px; background: var(--white); border: var(--border-width-sm) solid var(--nav-divider); border-radius: 4px; padding: 8px 5px; gap: 16px; transition: border-color 0.15s; }

.prod-acc-item.is-active { border-color: var(--footer-blue); }

.prod-acc-item__left { display: flex; align-items: center; gap: 16px; flex: 1; min-width: 0; }

.prod-acc-item__img-wrap { flex-shrink: 0; width: 56px; height: 56px; border: var(--border-width-xs) solid var(--footer-blue-65); border-radius: 3px; overflow: hidden; }

.prod-acc-item__img-wrap img, .prod-acc-item__img-wrap lazyimage img { width: 100%; height: 100%; object-fit: cover; }

.prod-acc-item__title { font-size: var(--text-sm); font-weight: var(--weight-bold); color: var(--text-body); text-decoration: none; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.prod-acc-item__title:hover { color: var(--color-primary, var(--footer-blue)); }

.prod-acc-item__title:focus-visible { outline: var(--border-width-sm) solid var(--footer-blue); outline-offset: 0.125rem; border-radius: 2px; }

.prod-acc-item__price { font-size: var(--text-base); font-weight: var(--weight-heavy); color: var(--footer-blue); white-space: nowrap; flex-shrink: 0; }

/* Qty stepper */
.prod-acc-item__qty { display: flex; align-items: center; justify-content: space-between; flex-shrink: 0; width: 97px; height: 31px; background: var(--light-grey-400); border: 1px solid var(--light-grey); border-radius: 46px; padding: 2px; }

.prod-acc-item__qty-btn { display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%; background: var(--footer-blue); opacity: 0.45; cursor: pointer; flex-shrink: 0; position: relative; }

.prod-acc-item__qty-btn:focus-visible { outline: var(--border-width-sm) solid var(--footer-blue); outline-offset: 2px; }

.prod-acc-item.is-active .prod-acc-item__qty-btn--minus, .prod-acc-item__qty-btn--plus { opacity: 1; }

.prod-acc-item__qty-bar { display: block; width: 13px; height: 2.3px; background: var(--white); border-radius: 1px; }

.prod-acc-item__qty-bar--v { position: absolute; transform: rotate(90deg); }

.prod-acc-item__qty-count { font-size: var(--text-sm); font-weight: var(--weight-medium); color: var(--text-near-black); text-align: center; flex: 1; }

/* ── Multi-Step Selection (Accessories with prerequisites) ─────── */
.prod-selection-steps { display: flex; flex-direction: column; gap: 8px; margin-bottom: 1.25rem; }

.prod-step { border: 1px solid var(--footer-blue); border-radius: 6px; background: var(--light-grey-100); overflow: hidden; transition: opacity 0.2s; }

.prod-step--locked { opacity: 0.5; border-color: var(--footer-blue-20); }

.prod-step--done { border-color: var(--footer-blue); }

.prod-step__header { display: flex; align-items: center; justify-content: space-between; height: 55px; padding: 0 18px 0 18px; background: var(--white); border-bottom: var(--border-width-xs) solid var(--nav-divider); }

.prod-step--locked .prod-step__header, .prod-step--done .prod-step__header { border-bottom: none; }

.prod-step--active .prod-step__header { border-bottom: var(--border-width-xs) solid var(--nav-divider); }

.prod-step__label { display: flex; align-items: center; gap: 12px; }

.prod-step__num { display: flex; align-items: center; justify-content: center; width: 26px; height: 26px; border-radius: 13px; background: var(--footer-blue); color: var(--white); font-size: var(--text-xs); font-weight: var(--weight-bold); flex-shrink: 0; }

.prod-step__title { font-size: var(--text-sm); font-weight: var(--weight-bold); color: var(--text-near-black); }

.prod-step__badge { background: var(--checkout-panel-bg); border: var(--border-width-xs) solid var(--badge-border-blue); border-radius: 55px; padding: 4px 10px; color: var(--footer-blue); font-size: var(--text-xs); font-weight: var(--weight-semibold); white-space: nowrap; }

.prod-step--locked .prod-step__badge, .prod-step--active .prod-step__badge { display: none; }

.prod-step__header-right { display: flex; align-items: center; gap: 12px; }

.prod-step__edit { display: none; font-size: var(--text-sm); font-weight: var(--weight-bold); color: var(--footer-blue); background: none; border: none; cursor: pointer; padding: 0; line-height: 1; white-space: nowrap; text-decoration: underline; text-underline-offset: 2px; }

.prod-step__edit:hover { opacity: 0.75; }

.prod-step__edit:focus-visible { outline: var(--border-width-sm) solid var(--footer-blue); outline-offset: 0.125rem; border-radius: 3px; }

.prod-step--done .prod-step__edit { display: inline-flex; align-items: center; }

.prod-step__body { display: none; padding: 16px 18px; }

.prod-step--active .prod-step__body { display: block; }

/* ── Chip options ── */
.prod-step__options--chips { display: flex; flex-wrap: wrap; gap: 10px; }

.prod-step-chip { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 12px 20px; width: 160px; min-height: 56px; background: var(--white); border: var(--border-width-sm) solid var(--nav-divider); border-radius: 4px; cursor: pointer; transition: border-color 0.15s; text-align: center; }

.prod-step-chip:hover { border-color: var(--footer-blue-40); }

.prod-step-chip:focus-visible { outline: var(--border-width-sm) solid var(--footer-blue); outline-offset: 0.125rem; }

.prod-step-chip--selected { border-color: var(--footer-blue); }

.prod-step-chip__name { font-size: var(--text-sm); font-weight: var(--weight-bold); color: var(--text-body); display: block; }

.prod-step-chip__price { font-size: 0.6875rem; font-weight: var(--weight-regular); color: var(--text-subdued); display: block; margin-top: 2px; }

/* ── Swatch options ── */
.prod-step__options--swatches { display: flex; flex-wrap: wrap; gap: 10px; }

.prod-step-swatch { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; padding: 12px 16px; min-width: 160px; height: 56px; background: var(--white); border: var(--border-width-sm) solid var(--nav-divider); border-radius: 4px; cursor: pointer; transition: border-color 0.15s; gap: 10px; }

.prod-step-swatch:hover { border-color: var(--footer-blue-40); }

.prod-step-swatch:focus-visible { outline: var(--border-width-sm) solid var(--footer-blue); outline-offset: 0.125rem; }

.prod-step-swatch--selected { border-color: var(--footer-blue); }

.prod-step-swatch__dot { display: block; width: 26px; height: 26px; border-radius: 13px; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15); flex-shrink: 0; }

.prod-step-swatch__name { font-size: var(--text-sm); font-weight: var(--weight-bold); color: var(--text-body); white-space: nowrap; }

.prod-step__hint { font-size: var(--text-xs); font-style: italic; color: var(--text-mid-muted); margin-top: 8px; margin-bottom: 0; }

/* ── Your Configuration ── */
.prod-your-config { margin-top: 1.5rem; }

.prod-your-config__inner { display: flex; flex-direction: column; }

.prod-your-config__title { font-size: var(--text-xl); font-weight: var(--weight-bold); color: var(--text-near-black); letter-spacing: var(--lspacing-0pt20); line-height: 23px; margin: 0 0 11px; }

.prod-your-config__rows { display: flex; flex-direction: column; gap: 10px; margin-bottom: 18px; }

.prod-your-config__row { display: flex; align-items: center; justify-content: space-between; font-size: var(--text-base); color: var(--text-near-black); }

.prod-your-config__row-label { font-weight: var(--weight-regular); min-width: 148px; flex-shrink: 0; }

.prod-your-config__row-value { font-weight: var(--weight-heavy); text-align: right; }

.prod-your-config__divider { height: 1px; background: var(--divider-mid); }

.prod-your-config__total-row { display: flex; align-items: center; justify-content: space-between; font-size: var(--text-2xl); font-weight: var(--weight-bold); letter-spacing: var(--lspacing-0pt24); margin-top: 15px; }

.prod-your-config__total-label { color: var(--text-near-black); }

.prod-your-config__total-price { color: var(--footer-blue); text-align: right; }

.prod-your-config__row--acc { align-items: flex-start; }

.prod-your-config__row-values { display: flex; flex-direction: column; text-align: right; flex: 1; gap: 4px; }

.prod-your-config__row-value-line { font-weight: var(--weight-heavy); line-height: 1.4; }

/* ── Image Zoom Modal ─────────────────────────────────────────── */
#image-popup { display: none; position: fixed; inset: 0; background: rgba(0, 0, 0, 0.4); z-index: 9999; }

#image-popup .image-popup-overlay { position: absolute; inset: 0; }

#image-popup .image-popup-inner { position: relative; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; padding: 20px; box-sizing: border-box; }

#image-popup .image-popup-zoom { width: min(1130px, calc(100vw - 40px)); height: min(88vh, calc(100vh - 40px)); overflow: hidden; background: var(--white); border-radius: 6px; cursor: grab; position: relative; }

#image-popup .image-popup-zoom img { width: 100%; height: auto; user-select: none; -webkit-user-drag: none; display: block; transition: none !important; }

#image-popup .image-popup-zoom .pinch-zoom-container { width: 100% !important; height: 100% !important; overflow: hidden; }

#image-popup .image-popup-zoom .pinch-zoom-container img { transition: none !important; }

#image-popup .image-popup-close { display: flex; justify-content: center; align-items: center; background-color: var(--footer-blue); position: absolute; top: 14px; right: 16px; border: 0; width: 36px; height: 36px; min-height: 36px; padding: 0; border-radius: 100%; cursor: pointer; z-index: 2; }

#image-popup .image-popup-close > div { width: 36px; height: 36px; position: relative; transform: rotate(45deg); }

#image-popup .image-popup-close > div:before { display: block; content: ""; width: 2px; height: 18px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background-color: var(--white); }

#image-popup .image-popup-close > div:after { display: block; content: ""; width: 18px; height: 2px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background-color: var(--white); }

#image-popup .image-popup-close:hover { background-color: var(--site-blue-dark); }

#image-popup .image-popup-controls { position: absolute; top: 14px; left: 16px; display: flex; gap: 8px; z-index: 2; }

#image-popup .image-popup-controls button { min-width: 42px; height: 36px; border: 1px solid rgba(255, 255, 255, 0.35); background: rgba(0, 0, 0, 0.7); color: var(--white); border-radius: 4px; cursor: pointer; font-size: 18px; padding: 0 10px; }

#image-popup .image-popup-controls button:hover { background: rgba(0, 0, 0, 0.5); }

#image-popup .image-popup-nav { display: none; position: absolute; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; border: var(--border-width-xs) solid var(--footer-blue-15); border-radius: 50%; background: var(--white) url('/images/icons/chevron-down-faq.svg?v=XmA_b2iFOdm51RTaYhjk4enL5fc') center / 11px 7px no-repeat; cursor: pointer; z-index: 2; padding: 0; align-items: center; justify-content: center; }

#image-popup .image-popup-nav:hover { background-color: var(--light-grey-400); }

#image-popup .image-popup-nav--prev { left: 16px; transform: translateY(-50%) rotate(90deg); }

#image-popup .image-popup-nav--next { right: 16px; transform: translateY(-50%) rotate(-90deg); }

.no-scroll { overflow: hidden; }

/* ── Spec Table (transposed, display-only) ─────────────────────────── */

.spec-table-container { background-color: #f5f5f5; margin-top: 40px; padding: 35px 0px; font-size: 14px; }
.prod-spec-table { display: flex; position: relative; }
.prod-spec-table .columns { display: flex; flex: 1; gap: 1rem; justify-content: space-around; position: relative; z-index:1; }
.prod-spec-table .columns .rows{flex:1;}
.prod-spec-table .headers { position: sticky; background-color: #f5f5f5; left: 0px; z-index: 2; }
.prod-spec-table .cell { height: 45px; display: flex; align-items: center; position: relative;}
.prod-spec-table .cell > span, .prod-spec-table .cell > strong { position: relative; z-index: 2; }
.prod-spec-table .columns .cell { text-align: center; height: 45px; justify-content: center; color: #000; }
.prod-spec-table .rows .cell:nth-last-child(2) { font-weight: 900; }
.prod-spec-table .headers .cell:nth-child(odd):before { content: ""; position: absolute; background-color: #fff; height: 45px; width: 100%; border-radius: 5px 0px 0px 5px; left: 0px; }
.prod-spec-table .headers .cell:first-child:before { background-color: #003F81; }
.prod-spec-table .columns .cell:nth-child(odd):before { content: ""; position: absolute; background-color: #fff; height: 45px; width: calc(100% + 2rem); left: -1rem; }
.prod-spec-table .columns .cell:first-child:before { background-color: #003F81; }
.prod-spec-table .columns .rows:last-child .cell:nth-child(odd):before { border-radius: 0px 5px 5px 0px; width: calc(100% + 1rem);}

.prod-spec-table .headers .cell { padding-left: 20px; font-weight: 900; color: #2a2a2a; }
.prod-spec-table .headers .cell:first-child > * { font-weight: 500; color: #fff; }
.prod-spec-table .cell:first-child > * { color: #fff; }
.prod-spec-table .prod-quant { border: 2px solid #d6dfe8; margin: 10px auto 0; display: flex; align-items: center; gap: 0; background-color: #fff; border-radius: 40px; overflow: hidden; height: 42px; padding: 2px; max-width: 124px; }
.prod-spec-table .prod-quant .minus, .prod-spec-table .prod-quant .plus { width: 34px; height: 34px; border-radius: 50%; border: none; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; transition: opacity 0.15s ease; background-repeat: no-repeat; background-position: center; flex-shrink: 0; }
.prod-spec-table .prod-quant .minus:hover, .prod-spec-table .prod-quant .plus:hover { opacity: 0.8; }
.prod-spec-table .prod-quant .minus { background-color: #6b8dad; background-image: url('/images/icons/qty-minus.svg?v=h4-zvQjIKuzzFHLENG3XpXqUdQk'); background-size: 17px 3px; }
.prod-spec-table .prod-quant .plus { background-color: #013C7A; background-image: url('/images/icons/qty-plus.svg?v=h4-zvQjIKuzzFHLENG3XpXqUdQk'); background-size: 17px 17px; }
.prod-spec-table .prod-quant .minus i, .prod-spec-table .prod-quant .plus i { display: none; }
.prod-spec-table .prod-quant input { width: 48px; text-align: center; border: none; background: transparent; font-family: "Inter", sans-serif; font-size: 18px; font-weight: 500; letter-spacing: -0.19px; color: #000; padding: 0; margin: 0; -moz-appearance: textfield; appearance: textfield; box-shadow: none; }
.prod-spec-table .prod-quant input::-webkit-outer-spin-button, .prod-spec-table .prod-quant input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.prod-spec-table .prod-quant input:focus { outline: none; box-shadow: none; border: none; background: transparent; }
.prod-spec-table .action .btn { min-width: 125px; border-radius: 10px; min-height: 50px; margin: 10px auto 0px; font-size: 1rem !important; }
.prod-info-accordion .item .accord-body { display: none; }
.prod-info-accordion .item .accord-top { cursor: pointer; display: flex; align-items: center; justify-content: space-between; }
.prod-info-accordion .item .accord-icon, .description .accord-icon { flex-shrink: 0; background: var(--light-grey); width: 30px; height: 30px; border: var(--border-width-xs) solid var(--text-secondary); border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: transform 200ms ease; }
.prod-info-accordion .item .accord-icon img, .description .accord-icon img { width: 11px; height: auto; display: block; }
.prod-info-accordion .item.open .accord-icon, .description.open .accord-icon { transform: rotate(180deg); }
.product .deliv-table { margin-top: 30px; position: relative; padding-bottom: 60px; font-size: 13px; color: #000; }
.product .deliv-table strong { font-size: 14px; padding-left: 15px; }
.product .deliv-table tbody tr:last-child strong {padding-left: 0px;}
.product .deliv-table table { width: 100%; border-spacing: 0; border-collapse: collapse; }
.product .deliv-table tbody tr td { height: 38px; border-top: 1px solid #b0c3d8; }
.product .deliv-table tbody tr:first-child { display: none; }
.product .deliv-table tbody tr:last-child { padding: 0px 30px; display: flex; border-top: 1px solid #b0c3d8; justify-content: space-around; align-items: center; width: 100%; position: absolute; bottom: 0px; left: 0px; height: 60px; }
.product .deliv-table tbody tr:last-child td, .product .deliv-table tbody tr:last-child td strong { border-top: none; display: flex; align-items: center; justify-content: center; font-size: 12px; }

.product .prodinfo .description { background-color: #f5f5f5; padding: 1rem; }

.prod-info-accordion .accord-top, .description .accord-top { height: 70px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #808080; font-weight: 800; }
.prod-info-accordion .accord-body { padding: 30px 0px; }
.description .accord-top { display: none; }

.product .prod-sliders .ladders-carousel-scrollbar-track::before { background-color: #dde3ea; height: 5px; }
.product .prod-sliders .ladders-carousel-scrollbar-thumb::before { background-color: #003f81; height: 5px; }


.spec-table-container .mob-wrapper { max-width: 100%; overflow-x: auto; padding-bottom: 15px; }
.spec-table-container .mob-wrapper::-webkit-scrollbar { width: 6px; height: 6px; }
.spec-table-container .mob-wrapper::-webkit-scrollbar-track { background: #dde3ea; border-radius: 999px; }
.spec-table-container .mob-wrapper::-webkit-scrollbar-thumb { background: #003f81; border-radius: 999px; }
.spec-table-container .mob-wrapper:hover::-webkit-scrollbar-thumb { background: #003f81; }
@supports not selector(::-webkit-scrollbar) {
    .spec-table-container .mob-wrapper { scrollbar-width: thin; scrollbar-color: #003f81 #dde3ea; }
}

.prod-spec-table .headers .cell { width: max-content; min-width: 100%;}

.prod-spec-table {min-width: 100%; width: fit-content; }

/* ══════════════════════════════════════════════════════════════════
   Media Queries — ordered largest to smallest
   ══════════════════════════════════════════════════════════════════ */
/* ── min-width: 1670px ──────────────────────────────────────────── */
@media screen and (min-width: 1670px) {
    .product .pp-klarna .pp-pay-in-three { display: flex; justify-content: flex-end; flex-basis: 100%; }

    .product .pp-klarna .pp-pay-in-three > span { width: stretch; }

    .product .pp-klarna .pp-pay-in-three { flex-basis: 43%; }

    klarna-placement { width: 57%; }
}

/* ── min-width: 1500px to 1669px ────────────────────────────────── */
@media screen and (min-width: 1500px) and (max-width: 1669px) {
    .product .pp-klarna .pp-pay-in-three > span { width: stretch; }

    .product .pp-klarna .pp-pay-in-three { flex-basis: 50%; }

    klarna-placement { width: 50%; }
    .prodinfo .section.gap15 { gap: 0px; margin: 0px; }
}

/* ── min-width: 1450px ──────────────────────────────────────────── */
@media (min-width: 1450px) {
    .flex-positioner { display: flex; flex-wrap: wrap; justify-content: space-between; }
    .prodimgslider { width: 50%; max-width: 756px; }
    .prodform { width: 50%; min-width: 0; overflow: clip; max-width: 747px; }
    .prodinfo { width: 100%; margin-top: 3rem !important; }
    .prodform #product { display: flex; flex-direction: column; }
    .prodform .atbform.oos form { height: auto; }
    .prod-acc__title--short { display: inline; }
    .prod-acc__title:has(~ .prod-acc__title--short) { display: none; }
    .prod-desc-accordion { display: flex; flex-wrap: wrap; padding: 0px; background: #fff; column-gap: 2px; }
    .prod-desc-accordion::after { content: ''; flex: 0 0 0; order: -1; border-bottom: 2px solid var(--footer-blue-15); min-width: 0; }
    .prod-acc__item { display: contents; }
    .prod-acc__chevron { display: none !important; }
}

/* ── min-width: 1450px to 1499px ────────────────────────────────── */
@media screen and (min-width: 1450px) and (max-width: 1499px) {
    .product .pp-klarna .pp-pay-in-three > span { width: stretch; }
    .flex-positioner { }
    .prodinfo .section.gap15 { gap: 0px; margin: 0px; }
}

/* ── max-width: 1449px ──────────────────────────────────────────── */
@media (max-width: 1449px) {
    .product .prodimgslider { margin-bottom: 1rem; }

    .flex-positioner { }

    .buy-now__options { margin-bottom: 1rem; }
    

}

/* ── max-width: 1400px ──────────────────────────────────────────── */
@media screen and (max-width: 1400px) {
    .rev-page-top .inner .btn { width: 200px; }

    .rev-page-top h1 { color: #fff; width: calc((100% - 180px) - 200px); padding-left: 2rem; }

    .rev-page-top .backlink { width: 100%; }

    .rev-page-top .inner { flex-wrap: wrap; }

    .rev-page-top h1 { color: #fff; width: calc(100% - 235px); padding-left: 0px; margin: 0px; }

    .rev-page-top h1 span { display: block; }

    .rev-page-top .inner .btn { max-height: 65px; }
}

/* ── min-width: 1230px to 1449px ────────────────────────────────── */
@media screen and (min-width: 1230px) and (max-width: 1449px) {
    .product .pp-klarna .pp-pay-in-three > span { width: stretch; }
    .flex-positioner { display: flex; flex-wrap: wrap; justify-content: space-between; }
    .prodimgslider { width: 50%; max-width: 756px; padding-right: 15px; }
    .prodform { width: 50%; min-width: 0; overflow: clip; max-width: 747px; padding-left: 15px; }

    .prodinfo .section.gap15 { gap: 0px; margin: 0px; }
}

@media screen and (max-width: 1229px) {
    .prodimgslider {  max-width: 756px; margin: 0 auto;}
}
/* ── max-width: 1229px to min-width: 992px ──────────────────────── */
@media screen and (max-width: 1229px) and (min-width: 992px) {
    .lg-usps .inner-flx .left .points { max-width: 900px; margin-top: 45px; }

    .product .pp-klarna .pp-pay-in-three > span { width: stretch; }

    .product .pp-klarna .pp-pay-in-three { flex-basis: 50%; }

    klarna-placement { width: 50%; }
}

@media screen and (min-width: 992px){
    .prodinfo { margin-top: 1rem; }
    .description .accord-body { display: block !important; }
    .product .scroll-hint {display: none;}
}

/* ── max-width: 991px ───────────────────────────────────────────── */
@media screen and (max-width: 991px) {

    .product .scroll-hint {margin-bottom: 15px; margin-top: -5px; display: flex; align-items: center; gap: 5px;}

    .product .prodinfo .description {padding-bottom: 0px; padding-top: 0px;}

    .lg-usps .inner-flx { flex-direction: column; position: relative; max-width: 586px; margin: 0 auto; }

    .lg-usps .inner-flx .left { width: 100%; }

    .lg-usps .inner-flx .left .points { max-width: 100vw; margin-top: 45px; position: absolute; bottom: -65px; left: 50%; transform: translateX(-50%); }

    .review-img { display: none; }

    .spec-table-container { padding: 1rem 1rem 0rem 1rem; background-color: #f5f5f5; }

    .prod-spec-table .prod-quant input { width: 30px; }

    .prod-spec-table .action .btn { min-width: 105px; max-width: 105px; border-radius: 100px; }
    .prodinfo { background-color: #f5f5f5;  }
    .prodinfo .section.gap15 {gap: 0px; margin: 0px;}
    .section.gap15 > div {padding: 0px;}

    .prod-spec-table { width: fit-content; }
    .prod-spec-table .headers .cell { padding-left: 10px; width: max-content; }
    .prod-spec-table .columns { gap: 1rem; }


    .prod-info-accordion {padding: 0px 1rem 1rem 1rem;}

    .product .prod-sliders {padding: 0 1rem;}

    .description .accord-top { display: flex; }
    .description .accord-body { display: none; }
    .description { padding: 0px 1rem; }

}

/* ── max-width: 991px to min-width: 768px ───────────────────────── */
@media screen and (max-width: 991px) and (min-width: 768px) {
    .brand-ad { padding-top: 60px; }

    .product .prodimgslider { margin-bottom: 1rem; }

    .product .pp-klarna .pp-pay-in-three > span { width: stretch; }
}

/* ── min-width: 768px ───────────────────────────────────────────── */
@media screen and (min-width: 768px) {
    .product .prodimgslider .img-dots { left: calc(50% + 77px); display: none; }

    .product .prodimgslider .prodimg-nav--prev { left: 5px; }

    .prod-size-table .mobile-title { display: none; }

    .mobile-truncate ~ .prod-size-table-toggle, .prod-size-table-toggle { display: none; }
}

/* ── max-width: 767px ───────────────────────────────────────────── */
@media screen and (max-width: 767px) {

    .product .prod-sliders { padding: 0 1rem; background-color: #fff; padding-top: 2rem;}

    .product .prod-sliders .product-listing {padding-bottom: 0px;}

    .productpage .container { padding: 0; }

    .productpage .prodform { padding: 0 1rem; }

    .productpage .prodinfo { padding: 0rem; }


    .product .prodimgslider { position: relative; margin-bottom: 1rem; }

    .product .prodimgslider .slider { width: 100%; }

    .product .prodimgslider .img-thumbs { scrollbar-width: none; }

    .product .prodimgslider .img-thumbs::-webkit-scrollbar { display: none; }

    .product .prodimgslider .slider .prodimg-stickers { top: 8px; left: 8px; gap: 4px; }

    .product .prodimgslider .slider .prodimg-stickers img { max-width: 72px; }

    .product .prodimgslider .slider .prodimg-stickers .custom-sticker { padding: 6px 8px; gap: 6px; }

    .product .prodimgslider .slider .prodimg-stickers .custom-sticker img { width: 20px; max-width: 20px; }

    .product .prodimgslider .slider .prodimg-stickers .custom-sticker .text { font-size: 12px; }

    .product-ref-row { flex-direction: column; align-items: start; }

    .product-ref-row.no-revs { flex-direction: row; }

    .product-price-row { flex-direction: column-reverse; align-items: stretch; gap: 1rem; }

    .next-delivery-countdown { justify-content: start; flex: 0 0 auto; width: 100%; min-width: 0; max-width: none; }

    .next-delivery-countdown__icon { flex: 0 0 28px; width: 28px; height: 28px; display: block; }

    .next-delivery-countdown__headline { line-height: 1.3; font-size: var(--text-xs); }

    .next-delivery-countdown__copy { line-height: 1.3; font-size: var(--text-xs); }

    .next-delivery-countdown__time { min-width: 0; }

    .brand-ad { padding-top: 30px; padding-bottom: 30px; text-align: center; }

    .brand-ad h2 { display: block; width: 100%; margin: 0 auto; }

    .brand-ad .inner-flx { flex-direction: column; gap: 0; }

    .brand-ad .btn { margin: 0 auto; }

    .brand-ad .text { line-height: 2; }

    .brand-ad img { width: 70%; }

    .categoryfaqs { padding: 0px; }

    .categoryfaqs h2 { text-align: left; margin-bottom: -15px; }

    .product { padding-top: 0; }

    .product .maw-680 { max-width: 100%; }

    .product .prod-usps { display: none; }

    .product .prodimgslider .img-thumbs { display: none; }

    .product .prodimgslider .prodimg-nav--prev { left: 5px; }

    .product .prodimgslider .prodimg-nav--next { right: 5px; }

    .product .sticky-images { position: relative; top: 0; }

    .product > .container > .section { gap: 0; }

    .lg-usps { overflow: hidden; padding: 30px 0 100px; }

    .lg-usps .inner-flx { gap: 1rem; }

    .lg-usps .inner-flx .left .points { width: 88%; }

    .lg-usps .inner-flx .left .points .dw-stage-outer { overflow: visible; }

    .lg-usps .inner-flx .left .points .dw-item { opacity: 1; }

    .buy-now__options { flex-direction: column; margin-bottom: 1rem; }

    .buy-now__btn { min-height: 52px; }

    .product .at-a-glance__list { margin-top: 15px; }

    .rev-page-top { padding: 15px 0px; margin-bottom: 30px; }

    .prod-desc-accordion { padding: 1.25rem; }

    .product h1 { line-height: 1.2; margin-bottom: 10px; margin-top: 5px;}

    .rev-page-top .inner { align-items: start; flex-direction: column; }

    .rev-page-top h1 { width: 100%; margin-bottom: 15px; }

    .rev-page-top .inner .btn { width: 100%; max-width: 100%; }

    .prod-acc__item.faqs .ds-faqs__item .ds-faqs__question { gap: 0.5rem; }



    .prod-size-table-wrap { margin-top: 15px; max-height: unset; margin-bottom: 1.25rem; scrollbar-width: none; -ms-overflow-style: none; padding: 0px !important; }

    .prod-size-table-wrap::-webkit-scrollbar { display: none; }

    .prod-size-table-scrollbar { position: relative; height: 3px; background: rgba(217, 217, 217, 0.82); border-radius: 0 0 3px 3px; overflow: hidden; }

    .prod-size-table-scrollbar__thumb { position: absolute; top: 0; bottom: 0; background: #E9660C; border-radius: 0 0 0 3px; }

    .prod-size-table { display: block; min-width: 10px; }

    .prod-size-table thead { display: none; }

    .prod-size-table tbody { display: flex; flex-direction: column; gap: .5rem; }

    .prod-size-table tbody tr { display: flex; overflow: hidden; gap: 0rem; position: relative; height: 105px; border: 1px solid #ccd9e6; background: #fff; border-radius: 5px; border-bottom-right-radius: 15px; }

    .prod-size-table tbody tr:nth-child(even) { background: #fff; }

    .prod-size-table tbody td { padding: 0px .5rem; flex: 1; position: static; height: 57px; background-color: #fbfbfb; display: flex; align-items: center; }

    .prod-size-table tbody td > div { width: 100%; }

    .prod-size-table tbody td:first-child { background-color: #f6faff; }

    .prod-size-table tbody td.prod-size-table__size-cell .has-radio { display: block; }

    .prod-size-table tbody td .mobile-title { display: block; border-bottom: 1px solid #000; font-size: .63rem; color: #000; font-weight: 700; padding-bottom: 3px; margin-bottom: 3px; }

    .prod-size-table tbody td .value { font-size: 0.85rem; font-weight: 700; }

    .prod-size-table tbody td:first-child .mobile-title { display: block; border-bottom: 1px solid #003f81; color: #003f81; }

    .prod-size-table tbody td:before { display: none; }

    .prod-size-table tbody .prod-size-table__price-cell { position: absolute; bottom: 0px; left: 0px; height: 45px; background-color: #fff; }

    .prod-size-table tbody .prod-size-table__price-cell > div { height: 45px; display: flex; align-items: center; flex-direction: row-reverse; }

    .prod-size-table tbody .prod-size-table__price-cell .mobile-title { border: none; padding: 0px; margin: 0px; font-weight: 400; color: #000; font-size: .95rem; }

    .prod-size-table tbody .prod-size-table__price-cell .value { border: none; padding: 0px; margin: 0px 5px 0px 0px; font-size: 1.25rem; font-weight: 900; color: #000; }

    .prod-size-table tbody tr.is-selected { outline: none; border: 3px solid #2c75c2; }

    .prod-size-table tbody tr .prod-size-table__radio { position: absolute; right: 0rem; bottom: 0rem; height: 45px; padding-right: .5rem; }

    .prod-size-table tbody tr .prod-size-table__radio:before { content: "Select"; color: #003f81; font-size: 0.9rem; font-weight: 700; margin-right: 10px; }

    .prod-size-table tbody tr.is-selected .prod-size-table__radio:before { content: "Selected"; color: #2c75c2; }

    .prod-size-table__radio-indicator { width: 18px; height: 18px; }

    .prodform .sticky { position: static; }

    .product .atb-qty { position: fixed; left: 0px; bottom: 0px; width: 100%; padding: 1rem; background-color: #f8f8f8; border-top: 1px solid #e8e8e8; z-index: 24; }

    .prodform .prod-size-select { margin-bottom: 0px; }

    .prodform .prod-size-select label { margin-bottom: 0px; }


    .prodform .prod-size-select  {flex-direction: column;}
    .prod-size-select .btn {width: 100%;}

    .prod-size-table-wrap.mobile-truncate { max-height: 609px; overflow: hidden; position: relative; transition: max-height 300ms ease; }

    .prod-size-table-wrap.mobile-truncate:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 40px; background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); opacity: 1; transition: opacity 300ms ease; pointer-events: none; }

    .prod-size-table-wrap.mobile-truncate.is-expanded { max-height: unset; }

    .prod-size-table-wrap.mobile-truncate.is-expanded:after { opacity: 0; }

    .prod-size-table-toggle { display: none; }

    .mobile-truncate ~ .prod-size-table-toggle { height: 35px; border-radius: 35px; margin: 15px auto 0px; width: 180px; border: 1px solid var(--footer-blue); display: flex; justify-content: center; align-items: center; background: none; padding: 0.25rem 0; color: var(--footer-blue); font-size: var(--text-sm); font-weight: var(--weight-semibold); cursor: pointer; }

    .mobile-truncate ~ .prod-size-table-toggle:hover { color: #fff; background-color: var(--footer-blue); }

    .acc-prods.pt-30px { padding-top: 0px; }

    .prod-size-table__radio input[type="radio"]:checked + .prod-size-table__radio-indicator::after { background: #2c75c2; width: 12px; height: 12px; }

    #image-popup .image-popup-zoom { width: calc(100vw - 20px); height: calc(100vh - 20px); border-radius: 4px; }

    #image-popup .image-popup-inner { padding: 10px; }

    #image-popup .image-popup-controls button { min-width: 36px; height: 32px; font-size: 16px; }

    #image-popup .image-popup-nav { width: 34px; height: 34px; }

    #image-popup .image-popup-nav--prev { left: 10px; }

    #image-popup .image-popup-nav--next { right: 10px; }

    .product .at-a-glance__list { max-height: 70px; overflow: hidden; transition: max-height 300ms ease; justify-content: center; position: relative; }

    .product .at-a-glance__list:after { opacity: 1; content: ""; width: 100%; height: 20px; position: absolute; display: block; left: 0px; bottom: 0px; background: linear-gradient(0deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 0%, rgba(253, 187, 45, 0) 100%); }

    .product .at-a-glance.is-expanded .at-a-glance__list { max-height: 400px; }

    .product .at-a-glance.is-expanded .at-a-glance__list:after { opacity: 0; }

    .product .at-a-glance__list .stock-badge--in { }

    .product .at-a-glance__toggle { height: 35px; border-radius: 35px; margin: 15px auto 0px; width: 140px; border: 1px solid var(--footer-blue); display: flex; justify-content: center; align-items: center; background: none; padding: 0.25rem 0; color: var(--footer-blue); font-size: var(--text-sm); font-weight: var(--weight-semibold); cursor: pointer; }

    .product .at-a-glance__toggle:hover { color: #fff; background-color: var(--footer-blue); }

    .product .deliv-table { background-color: #f9f9f9; border: 1px solid #dedede; border-radius: 5px; padding: 5px 5px 40px 5px; font-size: 12px;}
    .product .deliv-table tbody tr:nth-child(2) td {border-top: none;}
    .product .deliv-table tbody tr:last-child {height: 40px; width: calc(100% - 10px); left: 5px; padding: 0px;}
    .product .deliv-table tbody tr td:first-child {display: none;}
    .product .deliv-table tbody tr td {padding: 0px 5px;}
    .product .deliv-table tbody tr:last-child td:first-child { display: flex; }
    .product .deliv-table tbody tr:last-child td {padding: 0px;}
    .product .deliv-table tbody tr:last-child td, .product .deliv-table tbody tr:last-child td strong { font-size: 12px; }
}

/* ── max-width: 549px ───────────────────────────────────────────── */
@media (max-width: 549px) {
    .prod-size-table-hint { display: none; align-items: center; justify-content: center; gap: 5px; margin-top: 9px; margin-bottom: 16px; }

    .prod-size-table-hint span { color: var(--footer-blue); font-size: var(--text-xs); font-weight: var(--weight-semibold); line-height: 27px; letter-spacing: var(--lspacing-0pt12); text-align: center; }

    .prod-size-table th.hide-mobile, .prod-size-table td.hide-mobile { display: none; }
    .next-delivery-countdown__content { flex-direction: column; gap: 0px; }
}

/* ── min-width: 500px to 767px ──────────────────────────────────── */
@media screen and (min-width: 500px) and (max-width: 767px) {
    .product .pp-klarna .pp-pay-in-three > span { width: stretch; }
}

/* ── min-width: 500px ───────────────────────────────────────────── */
@media (min-width: 500px) {

    .product .pp-klarna .pp-pay-in-three { display: flex; align-items: center; justify-content: start; flex-basis: 43%; }

    .product .pp-klarna .pp-pay-in-three.full { flex-basis: 100% !important; }

    klarna-placement { width: 57%; position: relative; }

    klarna-placement::before { content: ""; position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; border: 2px solid #fff; }
}

/* ── max-width: 500px ───────────────────────────────────────────── */
@media (max-width: 500px) {
    .product .prodimgslider .prodimg-nav { position: absolute; top: 50%; width: 50px; height: 50px; border: var(--border-width-xs) solid var(--footer-blue-15); border-radius: 50%; background: var(--white) url(/images/icons/chevron-down-faq.svg?v=XmA_b2iFOdm51RTaYhjk4enL5fc) center / 19px 10px no-repeat; cursor: pointer; z-index: 6; padding: 0; display: flex; align-items: center; justify-content: center; }

    .prod-size-select { flex-direction: column; }

    .prod-size-select .btn { width: 100%; }

    .prod-acc__body-inner table { display: block; }

    .product .atb-qty .atb { width: calc(100% - 135px); }

    .product .atb-qty { align-items: center; }

    .product .pp-klarna .pp-pay-in-three { flex-basis: 100%; }

    klarna-placement { width: 100%; }

    .prod-acc__body-inner th { font-size: 3.5vw; }

    .prod-acc__body-inner tbody td { font-size: 3vw; }

    .prod-acc-item { min-height: unset; flex-wrap: wrap; position: relative; padding-left: 68px; gap: .5rem; }

    .prod-acc-item__left { width: 100%; flex: none; }

    .prod-acc-item .prod-acc-item__img-wrap { position: absolute; left: 5px; top: 50%; transform: translateY(-50%); }

    .slide-zoom-hint { width: 40px; height: 40px; padding: 5px; }

    .product .atb-btn img { display: none; }

}

/* ── max-width: 400px ───────────────────────────────────────────── */
@media (max-width: 400px) {
    .stock-badge__icon { width: 4vw; height: 4vw; }

    .stock-badge { font-size: 3vw; padding: 0px 5px; }

    .prod-size-table tbody td { white-space: normal; }

    .prod-size-table tbody td .value { font-size: .7rem; }
}

/* ── max-width: 380px ───────────────────────────────────────────── */
@media (max-width: 380px) {
    .prod-size-table tbody td .value { font-size: .6rem; }

    .prod-size-table tbody td .mobile-title { font-size: .53rem; }

    .prod-size-table tbody .prod-size-table__price-cell .value { font-size: 1rem; }

    .prod-size-table tbody .prod-size-table__price-cell .mobile-title { font-size: .7rem; }
}
.prod-why-buy-item { margin-bottom: 1rem; }
.prod-why-buy-item__title { display: block; margin-bottom: .35rem; }
.prod-why-buy-item__body { overflow-wrap: break-word; }
.prod-why-buy-item:last-child { margin-bottom: 0; }

/* ── Product safety message ─────────────────────────────────────── */
.safetymsg { display: flex; align-items: center; gap: 50px; margin:2rem 0 1.5rem 0; padding: 0px; background: var(--surface-faint); border: 1px solid var(--border-blue-faint); border-radius: 8px; }
.safetymsg .img { flex: 0 0 auto; width: 134px; line-height: 0; padding-left: 24px; padding-top: 11px;}
.safetymsg .img img { display: block; width: 110px; height: auto; }
.safetymsg .text { display: flex; flex-direction: column; gap: 16px; padding-right: 25px; padding-top: 15px; padding-bottom: 15px;}
.safetymsg .text h2 { margin: 0; color: var(--site-blue); font-size: 24px; line-height: 23px; letter-spacing: -0.24px; font-weight: 900; text-transform: uppercase; }
.safetymsg .text span { display: block; color: var(--text-body); font-size: 16px; line-height: 25px; letter-spacing: -0.16px; font-weight: 500; }

@media screen and (max-width: 767px) {
    .safetymsg {max-width: calc(100vw - 3rem);  flex-direction: column; position: relative; margin: 100px auto 0; align-items: center; text-align: center; gap: 16px; padding: 16px; }
    .safetymsg .img {padding: 0px; position: absolute; bottom: calc(100% - 15px); width: 70px; left: 50%; transform:translateX(-50%);}
    .safetymsg .text { align-items: center; gap: 10px; }
    .safetymsg .text h2 { font-size: 20px; line-height: 1.15; }
    .safetymsg .text span {font-size: 14px;}
}


/* Best pages - ported from v4. To be refactored to v5 design system in a future pass. */

/* Utilities missing from v5 core that these pages rely on */
.lgrey-bg { background-color: #ECECEC; }
.orange-txt { color: #ff6800; }
.whi-txt { color: #fff; }
.text-dblue { color: #00458f; font-weight: 600; }
.text-orange { color: #ff6800; font-weight: 600; }
a.text-orange:hover { color: #00458f; }
.grey-text { color: #ccc !important; }
.inner-shadow { box-shadow: inset 0px 20px 8px -10px #ccc, inset 0px -20px 8px -10px #ccc; }
.margin-top-30 { margin-top: 30px; }
.no-underline { text-decoration: none; }
.large { font-size: 2.5rem; }
.py-15 { padding-block: 15px; }
.py-30 { padding-block: 30px; }
.py-45 { padding-block: 45px; }

/* Page intro section */
.step-ladders-intro { padding-bottom: 30px; }

/* Step/ladder layout */
.step-flex {overflow: hidden; margin-bottom: 30px; background-color: #fff; border: 1px solid #b3c5d9; display: flex; align-items: center;   color: #777; justify-content: space-between; }
.step-flex .step-img {max-width: 605px; width: 40%; position: relative; padding: 30px 60px;}
.step-flex:last-child {margin-bottom: 0px;}
.step-flex .step-img:after { position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 100%; height: 200%; content: ""; background-color: #2e94ff; opacity: .05; }

.step-flex img { display: block; margin: 0 auto;}
.step-text {  width: 60%;}
.step-text ul { display: flex; flex-direction: column; gap: 10px; }
.step-text .btn:hover { background-color: #00458f !important; }
.step-text {  padding: 30px 45px;}
.shop-step { display: flex; align-items: center; gap: 30px; min-width: max-content; }
.step-flex h2 { color: #191919; font-size: 24px; font-style: normal; font-weight: 600; line-height: 21px; }
.step-text .prices {margin-bottom: 15px; display: flex; align-items: end; gap: 50px;}
.step-text .prices .from {font-size: 14px; color: #828282;}
.step-text .prices .price { color: #003F81; font-size: 47px; font-style: normal; font-weight: 900; }
.step-text .prices .price span{ font-weight: 500; font-size: 14px; }
.step-text .prices .grey-text .step-price{ line-height: 15px; height: 34px; }

.step-text .grey-text {color: #7a7a7a !important;}

.step-flex ul{color: #003f81; padding-left: 1rem; margin-bottom: 25px;}
.step-flex ul li span{color: #303030; font-weight: 700; gap: 5px; font-size: 16px;}

/* dw-grid overrides for step items */
.dw-grid .step-flex { flex-direction: column; align-items: center; gap: 15px; padding-top: 0 !important; padding-bottom: 0 !important; }
.dw-grid .step-img { border-radius: 50%; overflow: hidden; border: 5px solid #004d94; background-color: #fff; }
.dw-grid .step-text { padding: 15px; width: 100%;}
.dw-grid .step-price { font-size: 2.5rem; }
.dw-grid .step-flex .btn { min-width: 100% !important; }

/* Pricing */
.step-price { font-size: 3rem; font-weight: 600; }
.step-price span { font-size: 1.2rem; font-weight: normal; }
.grey-text .step-price span { font-size: 28px; font-weight: 900; text-decoration: line-through; }
.grey-text .step-price .vat-text { text-decoration: none !important; font-weight: 500; font-size: 14px; }
.step-ladder .was-price { color: #888; }
.step-ladder .was-price span { font-size: 2.2rem; font-weight: 600; text-decoration: line-through; }
.step-ladder .step-price span { font-size: 2.2rem; font-weight: 600; text-decoration: line-through; }
.step-ladder .step-price .vat-text { text-decoration: none !important; font-size: 1rem; font-weight: normal; }



/* Best-sell items */
.best-sell-item { background-color: #fff; padding: 15px; display: block; }
.best-sell-item .step-price { font-size: 1.3rem; font-weight: 600; }
.best-sell-item .grey-text .step-price span { font-size: 0.97rem; font-weight: normal; text-decoration: line-through; }
.best-sell-item .grey-text .step-price .vat-text { text-decoration: line-through !important; }

/* Best-info / best-selling section */
.best-info .btn { color: #fff; font-weight: 600; background-color: #ff6800; border: none; margin: 30px auto 0; max-width: fit-content; padding: 15px; display: flex; align-items: center; justify-content: center; }
.best-info .btn:hover { background-color: #00458f !important; }
.best-selling h2 {  text-align: center;  margin: 0; }

/* All-purpose step-flex variant */
.step-flex.all-purp .step-text { background-color: #fff; }



/* Responsive — desktop wide */
@media screen and (min-width: 1230px) {
    .step-flex.all-purp { justify-content: center; gap: 0; }
    .step-flex.all-purp .step-img { border-radius: 50%; overflow: hidden; border: 5px solid #ff6800; z-index: 999; background-color: #fff; }
    .step-flex.all-purp .step-text { padding: 60px; box-shadow: 0px 11px 20px #00000026; background-color: #fff; flex-grow: 1; }
    .step-flex.all-purp .step-text:last-child { border-radius: 0 50px 50px 0; padding-left: 120px; }
    .step-flex.all-purp .step-text:first-child { border-radius: 50px 0 0 50px; padding-right: 120px; }
    .step-flex.all-purp > div:first-child { transform: translateX(50px); }
    .step-flex.all-purp > div:last-child { transform: translateX(-50px); }
}

/* Responsive — tablet and below */
@media screen and (max-width: 1229px) {
    .step-flex {flex-direction: column; max-width:600px; margin: 0 auto 15px;}
.step-flex .step-img {overflow: hidden;} 
.step-text .prices {gap: 15px;}
.step-text {padding: 30px; width: 100%;}
.step-flex .step-img {width: 100%; max-width: 100%;}


}

/* Responsive — tablet and below */
@media screen and (max-width: 600px) {
.step-text .prices {flex-direction: column-reverse; align-items: start;}


}
.ladders-carousel { position: relative; width: 100%; }

.ladders-carousel-viewport { overflow: hidden; width: 100%; user-select: none; }

.ladders-carousel-track { display: flex; flex-wrap: nowrap; will-change: transform; transform: translate3d(0, 0, 0); }

.ladders-carousel-track.is-animating { transition: transform 420ms ease-in-out; }

.ladders-carousel-track.is-dragging { transition: none; }

.ladders-carousel-slide { flex: 0 0 100%; min-width: 100%; opacity: 0.45; transition: opacity 320ms ease-in-out; max-width: 228px; }

.ladders-carousel-slide.is-active { opacity: 1; }

.ladders-carousel-scrollbar { margin-top: 5px; position: relative; height: var(--scale-400); }

.ladders-carousel-scrollbar-track { position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); height: var(--scale-400); background: transparent; overflow: visible; }

.ladders-carousel-scrollbar-track::before { content: ""; position: absolute; left: 0; right: 0; top: 50%; height: 2px; transform: translateY(-50%); border-radius: 999px; background: var(--light-grey-600); transition: height 180ms ease-in-out; }

.ladders-carousel-scrollbar:hover .ladders-carousel-scrollbar-track::before { height: 5px; }

.ladders-carousel-scrollbar-thumb { position: absolute; top: 0; left: 0; width: 56px; height: var(--scale-400); border: 0; background: transparent; cursor: grab; transform: translate3d(0, 0, 0); padding: 0; }

.ladders-carousel-scrollbar-thumb::before { content: ""; position: absolute; left: 0; right: 0; top: 50%; height: 2px; transform: translateY(-50%); border-radius: 999px; background: var(--divider-grey); transition: height 180ms ease-in-out; }

.ladders-carousel-scrollbar-thumb.blue::before {}

.ladders-carousel-scrollbar:hover .ladders-carousel-scrollbar-thumb::before { height: 5px; }

.ladders-carousel-scrollbar-thumb.is-animating { transition: transform 420ms ease-in-out; }

.ladders-carousel-scrollbar-thumb.is-dragging { cursor: grabbing; transition: none; }

.ladders-carousel:not(.is-ready) .ladders-carousel-viewport { opacity: 0; }

.ladders-carousel.is-ready .ladders-carousel-viewport { transition: opacity 400ms ease; }

.ladders-carousel:not(.is-ready) .ladders-carousel-scrollbar { visibility: hidden; }

.ladders-carousel.is-single-slide .ladders-carousel-scrollbar { visibility: hidden; }

.ladders-carousel-thumbs {display: flex; gap: 4px;margin-top: 30px; height: 5px; align-items: center;}

.ladders-carousel-thumbs button {border: none; background-color: #003f81; height: 3px; flex: 1; opacity: 0.4; cursor: pointer; }
.ladders-carousel-thumbs button.is-active {opacity: 1;}
.ladders-carousel-thumbs button:hover {height: 5px;}
.ladders-carousel-arrow { position: absolute; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; border-radius: 50%; border: none; background-color: #353535; background-image: url('/images/icons/arrow-circle-right.svg?v=koFxUqI_zQZWt68oIbqqXHXiZnM'); background-position: center; background-size: 10px 17px; background-repeat: no-repeat; cursor: pointer; z-index: 6; padding: 0; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12); transition: opacity 200ms ease, background-color 200ms ease; }
.ladders-carousel-arrow:hover { background-color: #000; }
.ladders-carousel-arrow--prev { left: -20px; transform: translateY(-50%) rotate(180deg); }
.ladders-carousel-arrow--next { right: -20px; }
.ladders-carousel.has-arrows-hover .ladders-carousel-arrow { opacity: 0; pointer-events: none; }
.ladders-carousel.has-arrows-hover:hover .ladders-carousel-arrow { opacity: 1; pointer-events: auto; }
.ladders-carousel.is-single-slide .ladders-carousel-arrow { display: none; }
@media screen and (max-width: 500px) { .ladders-carousel.has-arrows-hover .ladders-carousel-arrow { display: none; } }
.ladders-carousel.is-static .ladders-carousel-viewport { overflow: visible; }
.ladders-carousel.is-static .ladders-carousel-scrollbar { display: none; }

.ladders-carousel.product .ladders-carousel-track.single-acc .ladders-carousel-slide { min-width: 0 !important; }

@media screen and (min-width: 1450px) {
    .ladders-carousel.product .ladders-carousel-slide { max-width: 244px; min-width: unset !important; }
}

@media screen and (min-width: 992px) and (max-width: 1449px) {
    .ladders-carousel.product .ladders-carousel-slide { max-width: 330px; }
    .ladders-carousel.product .ladders-carousel-track.single-acc .ladders-carousel-slide { min-width: 0 !important; }
}

@media screen and (max-width: 991px) {
    .ladders-carousel.product .ladders-carousel-slide { max-width: 347px; }
}

@media screen and (max-width: 768px) {
    .ladders-carousel.product .ladders-carousel-slide { flex-basis: 48% !important; }
}
.faqs-section {padding: 60px 0 35px;}
.faqs-section h2 {font-size: var(--text-2xl); font-weight: var(--weight-bold); letter-spacing: var(--lspacing-0pt24); line-height: 21px; color: var(--text-secondary); margin: 0;}
.ds-faqs { display: flex; flex-direction: column; gap: 21px; padding: 30px 0; }
.ds-faqs__question { display: flex; align-items: center; justify-content: space-between; width: 100%; background: none; border: none; padding: 0 0 10px; cursor: pointer; text-align: left; font-size: var(--text-lg); font-weight: var(--weight-bold); letter-spacing: var(--lspacing-0pt18); line-height: 21px; color: var(--text-body); }
.ds-faqs__question:hover { opacity: 0.7; }
.ds-faqs__question:focus-visible { outline: 2px solid var(--brand-blue); outline-offset: 2px; }
.ds-faqs__icon { flex-shrink: 0; background: var(--light-grey); width: 30px; height: 30px; border: var(--border-width-xs) solid var(--text-secondary); border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: transform 200ms ease; }
.ds-faqs__icon img { width: 11px; height: auto; display: block; }
.ds-faqs__item.is-open .ds-faqs__icon { transform: rotate(180deg); }
.ds-faqs__answer { display: none; font-size: var(--text-sm); font-weight: var(--weight-regular); line-height: 22px; color: var(--text-body-90); }
.ds-faqs__divider { width: 100%; height: 0; border: none; border-top: 0.5px solid var(--black); margin-top: 10px; }
.ds-faqs__item:last-child .ds-faqs__divider { display: none; }
.ds-faqs__answer a {color: #003f81; text-decoration: underline;}
.ds-faqs__answer a:hover {text-decoration: none;}


.privacy-section .ds-faqs__answer{font-size: 1rem;}
@media (max-width: 767px) {
    .faqs-section { padding: 32px 0; }
    .faqs-section h2 { font-size: var(--font-20); }
    .ds-faqs__question:hover { opacity: 1; }
}


.product-listing {position: relative; width: 100%; height: 100%; justify-content: space-between; padding: 0 0 1.5rem 0; display: flex; flex-direction: column; color: var(--text-default-heading); max-width: 100%; gap: 12px; }

.product-listing__top { display: flex; flex-direction: column; gap: 10px; text-decoration: none;}
.product-listing__top a {text-decoration: none;}
.product-listing__product-link { touch-action: manipulation; }
.product-listing__top .ndd { margin: 2px 0; }
.product-listing__top .ndd > strong { font-size: var(--text-sm); }

.listing-section { position: relative; overflow: hidden; }
.listing-section:after {content:""; position: absolute; background-color: #fff; width: .5rem; right: 0px; top: 0px; height: 100%;}
.listing-section .listing-boot .product-listing:after {content: ""; position: absolute; border-bottom: .5px solid #808080; left: 0px;  bottom: .5rem; width: calc(100% + 1rem);} 
.listing-section .listing-boot {}
.listing-section .listing-boot .product-listing {}



@media (min-width: 1230px) {
    .listing-section .listing-boot:not(.dw-lg-5th):nth-child(4n+1):nth-last-child(-n+4) .product-listing:after,
    .listing-section .listing-boot:not(.dw-lg-5th):nth-child(4n+1):nth-last-child(-n+4) ~ .listing-boot .product-listing:after { content: none; }
    .listing-section .listing-boot.dw-lg-5th:nth-child(5n+1):nth-last-child(-n+5) .product-listing:after,
    .listing-section .listing-boot.dw-lg-5th:nth-child(5n+1):nth-last-child(-n+5) ~ .listing-boot .product-listing:after { content: none; }
}

@media (min-width: 768px) and (max-width: 1229px) {
    .listing-section .listing-boot:nth-child(3n+1):nth-last-child(-n+3) .product-listing:after,
    .listing-section .listing-boot:nth-child(3n+1):nth-last-child(-n+3) ~ .listing-boot .product-listing:after { content: none; }
}

@media (max-width: 767px) {
    .listing-section .listing-boot:nth-child(2n+1):nth-last-child(-n+2) .product-listing:after,
    .listing-section .listing-boot:nth-child(2n+1):nth-last-child(-n+2) ~ .listing-boot .product-listing:after { content: none; }
}


.product-listing__btm form select { width: 100%; }
.product-listing__tag { width: 100%; }
.product-listing__image-wrap { position: relative; overflow: hidden; border-radius: 2px; display: flex; align-items: center; justify-content: center; }
.product-listing__image-wrap:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; background-color: #2e94ff; opacity: 0.05; }
.product-listing__bis-banner { position: absolute; bottom: 0; left: 0; right: 0; z-index: 2; background: var(--brand-orange); color: #fff; padding: 6px 10px; font-size: var(--text-xs, 12px); font-weight: var(--weight-semibold); text-align: center; line-height: 1.4; }
.product-listing__stickers { position: absolute; top: 8px; left: 8px; z-index: 2; display: flex; flex-direction: column; gap: 4px; pointer-events: none; }
.product-listing__stickers .custom-sticker { display: flex; padding: 6px 8px; justify-content: center; align-items: center; gap: 6px; border-radius: 4px; }
.product-listing__stickers .custom-sticker img {width: 20px;}
.product-listing__stickers .custom-sticker .text { font-size: 12px; font-style: normal; font-weight: 900; color: #fff;}
.product-listing__image {  height: auto; display: block; }
.product-listing__personalize { position: absolute; top: 12px; left: 12px; }
.product-listing__pack { align-self: flex-end; padding: 4px 12px; background: var(--surface-page); border: 0.2px solid var(--surface-page-secondary); border-radius: 26px; font-weight: var(--weight-semibold); font-size: var(--font-copy-body-sm-size, 14px); line-height: 15px; color: var(--text-default-heading); }
.product-listing__stickers .feat-sticker img{aspect-ratio: unset !important;}
.product-listing__title {margin-top: 10px; text-decoration: none; min-height: 42px; text-wrap-style: balance; color: var(--text-dark); font-size: var(--text-lg); font-weight: var(--weight-semibold); line-height: 22px; overflow: clip; text-overflow: ellipsis; }

.acc-prods .product-listing__title { min-height: 65px; }

.product-listing__swatches { display: flex; gap: 6px; align-items: center; }
.ds-swatch { width: 25px; height: 25px; border-radius: 50%; border: 1px solid transparent; box-shadow: 0 0 0 1px rgba(0,0,0,0.06); transition: border-color 120ms ease, box-shadow 120ms ease; }
.ds-swatch:hover { border-color: var(--border-primary-default); box-shadow: 0 0 0 1px rgba(0,0,0,0.12); }
.ds-swatch:focus-visible { border-color: var(--border-primary-default); box-shadow: 0 0 0 2px var(--border-primary-default); outline: none; }
.ds-swatch.is-selected { border: 2px solid var(--border-primary-default); box-shadow: 0 0 0 1px rgba(0,0,0,0.14); }
.product-listing__price--orig { color: var(--text-disabled-default); text-decoration: line-through; font-size: var(--text-sm); line-height: var(--font-copy-body-line-height, 20px); }
.product-listing__price { color: var(--black); font-size: var(--text-lg); line-height: 24px; }
.product-listing__price strong { font-weight: var(--weight-heavy); font-size: var(--text-xl); }
.product-listing__reviews { display: inline-flex; align-items: center; gap: 9px; }
.product-listing__reviews .trustpilot-widget { width: 100%; }
.product-listing__reviews .trustpilot-widget iframe { margin-left: 0 !important; width: 100% !important; z-index: 9; }
.product-listing__reviews a { text-decoration: underline; }
.product-listing__stars { max-width: 100px; }
.product-listing__star-icon { width: 19px; height: 19px; display: block; }
.product-listing__star-icon.is-filled { filter: brightness(0) saturate(100%) invert(15%) sepia(95%) saturate(2000%) hue-rotate(198deg) brightness(60%); }
.product-listing__star-icon.is-half { filter: brightness(0) saturate(100%) invert(15%) sepia(95%) saturate(2000%) hue-rotate(198deg) brightness(60%); opacity: 0.5; }
.product-listing__review-link { color: var(--footer-blue); font-size: var(--text-sm); font-weight: var(--weight-regular); text-decoration: underline; line-height: 1; }
.product-listing__review-link:hover { text-decoration: none; }
.product-listing__review-link:focus-visible { text-decoration: none; outline: 2px solid var(--footer-blue); outline-offset: 2px; }
.product-listing__usps { padding-left: 1rem; margin: 0; }
.product-listing__usps li { color: var(--footer-blue); font-size: var(--text-sm); font-weight: var(--weight-regular); line-height: 17px; }
.searchwidg productlisting > * { gap: 0; }
.searchwidg productlisting size { justify-content: start; margin: 0 0 5px; }
.searchwidg productlisting a { display: flex; flex-direction: row; }
.searchwidg productlisting a .img { width: 175px; border-radius: 6px; overflow: hidden; }
.searchwidg productlisting a .right { width: calc(100% - 175px); padding-left: 25px; text-align: left; }
.searchwidg productlisting a product_title { display: block; width: 100%; margin-bottom: 0.5rem; }
.searchwidg productlisting a product_price { font-size: 1.7rem; }
.searchwidg productlisting a .learn { font-size: 1rem; font-weight: var(--weight-semibold); margin-top: 0.5rem; color: #e11f26; text-decoration: underline; }
.searchwidg productlisting a:hover .learn { text-decoration: none; }

.small-listing .product-listing .product-listing__title{font-size: 12px; line-height: 1.2; min-height: 1px;}
.small-listing .product-listing .product-listing__stars{width: 40%;}
.small-listing .product-listing .product-listing__top {gap: 5px;}
.small-listing .product-listing .product-listing__top .ndd > strong{font-size: 12px;}
.small-listing .product-listing .product-listing__top .ndd { gap: 5px;}
.small-listing .product-listing .btn.blue {min-height: 40px; font-size: 13px;}
.small-listing .product-listing .btn.blue img{width: 20px;}
.small-listing .product-listing .product-listing__prices {min-height: 50px; display: flex; flex-direction: column; justify-content: end;}
.small-listing .product-listing .product-listing__top {height: 100%; justify-content: space-between;}
.small-listing .product-listing .product-listing__review-link {font-size: 10px;}
.small-listing .product-listing .product-listing__price {font-size: 10px;}
.small-listing .product-listing .product-listing__price .from {display: block;}
.small-listing .product-listing .product-listing__price strong {font-size: 15px; }
.small-listing .product-listing .product-listing__btm {padding-right: 0px; padding-top: 10px;}
.small-listing .product-listing .lnk.blue {font-size: 15px;}
.small-listing .product-listing__btm .listing-config.multi-config {flex-direction: column; gap: 10px;}
.small-listing .product-listing__btm .listing-config.multi-config:after {display: none;}
.small-listing .product-listing__stickers .custom-sticker .text { font-size: 10px; font-weight: 700;}
.small-listing .product-listing__stickers .custom-sticker img { width: 15px;}

@media (max-width: 991px) {
    .product-listing__stickers img { max-width: 50px; }
}

@media (min-width: 550px) {
    .product-listing { gap: 0; max-width: none; }
    .product-listing__image { max-width: 100%; }
    .product-listing__title { line-height: 21px; }
    .product-listing__price { font-size: var(--text-sm); }
    .product-listing__btm {padding-top: 10px; padding-bottom: 10px;}
    .product-listing__btm { max-width: 290px; padding-right: 30px; }
    .product-listing__btm .btn {min-height: 50px;}

    .product-listing__btm .listing-config.multi-config{display: flex; gap: 20px; position: relative;}
    .product-listing__btm .listing-config.multi-config:after {content: ""; width: 2px; height: 33px; background-color: #dedede; left: 50%; transform: translateX(-50%); bottom: 0px; position: absolute;}
    .product-listing__btm .listing-config label {font-size: 11px; font-weight: 700; display: block; margin-bottom: 3px;}
    .product-listing__btm .listing-config.multi-config .config-select {flex: 1;}
    .product-listing__btm select {height: 33px;}
    .product-listing__btm .listing-config.configs-3 {padding-top: 60px;}
    .product-listing__btm .listing-config.configs-3 .config-select:first-child { position: absolute; left: 0px; top: 0px; width: 100%;}
    .product-listing__stickers > img { max-width: 80px; }
}

@media (max-width: 550px) {
    .product-listing__btm .listing-config label { font-size:12px; margin-top: 10px; font-weight: 700; display: block; margin-bottom: 3px; }
    .product-listing .btn.blue-grad { min-height: 40px; font-size: var(--text-sm); margin-bottom: 12px; }
    .product-listing .product-listing__stars { max-width: calc(100% - 100px); }
    .product-listing .product-listing__title { font-size: 3.7vw; line-height: 1.2; }
    .product-listing__price strong {font-size: 3.5vw;}
    .product-listing .product-listing__price { font-size: 2.5vw; line-height: 1.2; display: flex; flex-direction: column; }
    .product-listing .product-listing__price .from { font-size: var(--font-10); }
    .product-listing .product-listing__price strong { font-size: var(--font-18); }
    .product-listing .product-listing__price .vat { font-size: var(--font-12); }

    .product-listing { gap: 0px; }
    .product-listing__btm form { padding-right: 30px; display: block; }
    .product-listing__btm form .btn { margin-bottom: 15px; gap: 2vw; min-height: 45px; }
    .product-listing__btm form .btn span { font-size: 3.5vw; }
    .product-listing__btm .product-listing__atb-wrap .btn { margin-bottom: 15px; margin-top: 10px; gap: 2vw; min-height: 45px; font-size: 3.5vw; }
    .product-listing .listing-config { margin-bottom: 12px; }
    .product-listing .btn img { width: 7vw; transform: translateY(-2px); }
    .product-listing__top .ndd { padding: 0 10px; }
        .product-listing__top .ndd > img  { max-width: 18px; }
        .product-listing__stickers > img {
            max-width: 35px;
        }
    .product-listing__stickers .custom-sticker {
        gap: 4px;
    }
    .product-listing__stickers .custom-sticker img {
        width: 10px;
    }
    .product-listing__stickers .custom-sticker .text { font-size: 8px; }

    .product-listing__image-wrap { border-radius: 0; }

}
@media (max-width: 500px) {
    .listing-section {}
    #listingproducts {overflow: hidden;}
    .product-list .list .listings {padding: 0.5rem; padding-top: 0; }
    .product-list .list .listings .product-listing__title{   padding-left: 15px; padding-right: 15px;}
    .product-list .list .listings .product-listing__reviews{   padding-left: 15px; padding-right: 15px;}
    .product-list .list .listings .product-listing__usps{   padding-left: calc(1rem + 15px); padding-right: 15px;}
    .product-list .list .listings .product-listing__prices{   padding-left: 15px; padding-right: 15px;}
    .product-list .list .listings .product-listing__btm{   padding-left: 15px;}
}

@media (max-width: 450px) {
    .product-listing__btm form {padding-right: 15px; display: block;}
    .product-listing .btn.blue-grad{ gap: 5px;}
}

@media (max-width: 400px) {
    .product-listing__reviews {gap: 7px;}
    .product-listing__title {min-height: 10px; line-height: 15px; }
    .product-listing__reviews a{font-size: 2.8vw; }
    .product-listing .product-listing__stars {max-width: calc(100% - 19vw);}
    .product-listing__usps li {font-size: 3.5vw; line-height: 1.3;}
    .product-list .list .listings .product-listing__usps { padding-left: calc(1rem + 10px);}
    .product-listing__price--orig {font-size: 3vw;}
    /*.product-listing__price strong {font-size: 4vw;}*/
    .product-listing .product-listing__view-link {font-size: 3.5vw;}
    .product-listing__top .ndd > strong { font-size: 3vw; }
}

.dw-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1; }
.dw-carousel .dw-stage {position: relative;display: flex;-ms-touch-action: pan-Y;touch-action: manipulation;height: 100%;-moz-backface-visibility: hidden;}
.dw-carousel.flex-carousel .dw-stage{display: flex;}
.dw-carousel .dw-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.dw-carousel .dw-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px); }
.dw-carousel .dw-wrapper,
.dw-carousel .dw-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }
.dw-carousel .dw-item {position: relative;min-height: 100%;-webkit-backface-visibility: hidden;-webkit-tap-highlight-color: transparent;-webkit-touch-callout: none;}
.dw-carousel .dw-item img {display: block;}
.dw-carousel .dw-nav.disabled,
.dw-carousel .dw-dots.disabled { display: none; }
.dw-carousel .dw-nav .dw-prev,
.dw-carousel .dw-nav .dw-next,
.dw-carousel .dw-dot { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.dw-carousel .dw-nav button.dw-prev,
.dw-carousel .dw-nav button.dw-next{border: 1px solid #105382; background-color: #fff; display: flex; justify-content: center; align-items: center; width: 50px;  height: 50px;}

.dw-carousel .dw-nav button.dw-prev i,.dw-carousel .dw-nav button.dw-next i {display: block;  }
.dw-carousel .dw-nav button.dw-prev i {transform: translateX(25%) scaleY(.8); }
.dw-carousel .dw-nav button.dw-next i {transform: translateX(-25%)  scaleY(.8);}
.dw-carousel .dw-nav button.dw-prev i:before {content: ""; width: 20px; height: 20px; border: 3px solid #105382; display: block; border-right: 3px solid transparent; border-bottom: 3px solid transparent; transform: rotate(-45deg);}
.dw-carousel .dw-nav button.dw-next i:before {content: ""; width: 20px; height: 20px; border: 3px solid #105382; display: block; border-top: 3px solid transparent; border-left: 3px solid transparent; transform: rotate(-45deg);}
.dw-carousel button.dw-dot {border: none;padding: 0 !important; }

.dw-carousel .dw-prev {}
.dw-carousel .dw-next {}

.dw-carousel  .dw-prev, .dw-carousel  .dw-next{width: 60px;height: 60px;color: #fff;border-radius: 100%;}

.dw-carousel.dw-loaded {display: flex;flex-wrap: wrap;}
.dw-carousel.dw-loading { opacity: 0; display: block; }
.dw-carousel.dw-hidden { opacity: 0; }
.dw-carousel.dw-refresh .dw-item { visibility: hidden; opacity: 0; }
.dw-carousel.dw-refresh .dw-item.active {opacity: 1; }
.dw-carousel.dw-drag .dw-item {opacity: 0;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;height: 100%;}
.dw-carousel.dw-drag .dw-item.active {opacity: 1; }
.dw-carousel.dw-grab { cursor: move; cursor: grab; }
.dw-carousel.dw-rtl { direction: rtl; }
.dw-carousel.dw-rtl .dw-item { float: right; }
.no-js .dw-carousel { display: block; }
.dw-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both; }
.dw-carousel .dw-animated-in { z-index: 0; }
.dw-carousel .dw-animated-out { z-index: 1; }
.dw-carousel .fadeOut { animation-name: fadeOut; }
@keyframes fadeOut {
    0% { opacity: 1; }
    100% { opacity: 0; }
}
.dw-height { transition: height 500ms ease-in-out; }
.dw-carousel .dw-item { }
.dw-carousel .dw-item .dw-lazy { opacity: 0; transition: opacity 400ms ease; }
.dw-carousel .dw-item .dw-lazy[src^=""], .dw-carousel .dw-item .dw-lazy:not([src]) { max-height: 0; }
.dw-carousel .dw-item img.dw-lazy { transform-style: preserve-3d; }
.dw-carousel .dw-video-wrapper { position: relative; height: 100%; background: #000; }
.dw-carousel .dw-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("../dw.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease; }
.dw-carousel .dw-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); }
.dw-carousel .dw-video-playing .dw-video-tn,
.dw-carousel .dw-video-playing .dw-video-play-icon { display: none; }
.dw-carousel .dw-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; }
.dw-carousel .dw-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; }
.dw-theme .dw-nav {max-width: 1920px;text-align: center;-webkit-tap-highlight-color: transparent;width: 100%;display: flex;justify-content: space-between;align-items: center;height: 1px; position: relative; z-index: 1; padding: 0px 10px;}
.dw-theme .dw-nav [class*='dw-'] {font-size: 1.2rem;color: #043776;padding: 4px 7px;display: inline-block;background-color: transparent;cursor: pointer;width: 40px;height: 40px;border-radius: 100%;}
.dw-theme .dw-nav [class*='dw-']:hover {color: #cb0e40;}
.dw-theme .dw-nav .disabled { opacity: 0.5; cursor: default; }
.dw-theme .dw-nav.disabled + .dw-dots {}
.dw-theme .dw-dots {margin: 0px auto;display: flex;flex-wrap: wrap;height: auto;background-color: transparent;}

#deliveryinfoslider .dw-dots {margin: 0px auto 0px;}

.dw-theme .dw-dots .dw-dot {display: inline-block;zoom: 1; display: inline;background-color: transparent;}
.dw-theme .dw-dots .dw-dot span {display: none;}
.dw-theme .dw-dots .dw-dot.active span, .dw-theme .dw-dots .dw-dot:hover span {display: none;}

#relatedprod-carousel.dw-theme .dw-dots .dw-dot span {display: none;}
#relatedprod-carousel.dw-theme .dw-dots .dw-dot {width: 15px;height: 15px;margin: 5px 7px;background: #ecece6;display: block;-webkit-backface-visibility: visible;transition: opacity 200ms ease;border-radius: 30px;border: 1px solid #fff;}
#relatedprod-carousel.dw-theme .dw-dots .dw-dot.active  {background: #c52432;}
#relatedprod-carousel.dw-carousel .dw-stage-outer {overflow: hidden;}
.category-theme {margin-top: -40px;flex-direction: row-reverse ; flex-wrap: wrap-reverse !important; align-items: center; gap: 1rem;}
.category-theme .dw-nav {width:max-content; display: flex; gap: 0.3rem;}
.category-theme .dw-nav button{width:max-content; width: 30px; height: 30px; background-color: #314377;}
.category-theme .dw-nav button:hover{background-color: #cb0e40;}
.category-theme .dw-dots{width:max-content;} 

.category-theme .dw-dots .dw-dot {background-color: transparent !important; border: none;  font-size:1.2em; color:#061931; width: auto; height: auto; display: flex; gap: 0.125rem;}
.category-theme .dw-dots .dw-dot.active:before {color: #314377; font-weight: 700;}
.category-theme .dw-dots .dw-dot:after {content: "/";}
.category-theme .dw-dots .dw-dot:last-child:after {display: none;}
.category-theme .dw-dots .dw-dot:nth-child(1):before {content: "1";}
.category-theme .dw-dots .dw-dot:nth-child(2):before {content: "2";}
.category-theme .dw-dots .dw-dot:nth-child(3):before {content: "3";}
.category-theme .dw-dots .dw-dot:nth-child(4):before {content: "4";}
.category-theme .dw-dots .dw-dot:nth-child(5):before {content: "5";}
.category-theme .dw-dots .dw-dot:nth-child(6):before {content: "6";}
.category-theme .dw-dots .dw-dot:nth-child(7):before {content: "7";}
.category-theme .dw-dots .dw-dot:nth-child(8):before {content: "8";}
.category-theme .dw-dots .dw-dot:nth-child(9):before {content: "9";}
.category-theme .dw-dots .dw-dot:nth-child(10):before {content: "10";}


.dw-carousel img {width: 100%; height: auto;}
.dw-carousel .dw-stage img {height: auto; width: auto; aspect-ratio: auto !important;}

 .vp-banner.index .dw-theme .dw-nav, .dw-theme.mid-nav .dw-nav  {padding: 0px 30px;max-width: 100%; position: absolute; top: 50%; left: 0px;}
  
 .vp-banner.index .dw-theme .dw-nav i {font-size: 3em;}

 @media screen and (min-width: 1800px) {
.dw-theme.mid-nav .dw-nav {padding: 0px !important; width: calc(100% + 120px); max-width: calc(100% + 120px); left: 50%; transform:  translate(-50%, -50%);}

}


@media screen and (max-width: 767px) {
 .vp-banner.index .dw-theme .dw-nav {display: none;}
    .dw-theme .dw-nav [class*='dw-'] {font-size: 1.1em;}
    .dw-carousel .dw-prev, .dw-carousel .dw-next {width: 30px; height: 30px;}

}

@media screen and (max-width: 500px) {
.category-theme {margin-top: -50px;}
.category-theme .dw-dots {display: none;}

}