/*!************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/assets/css/indigo-pink.css ***!
  \************************************************************************************************************************************************************************************************************************/
.mat-dialog-title {
  font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}
.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  left: 0;
}
[dir="rtl"] .cdk-visually-hidden {
  left: auto;
  right: 0;
}
.cdk-overlay-container,
.cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}
.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}
.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: flex;
  max-width: 100%;
  max-height: 100%;
}
.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}
.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0.6;
}
.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.32);
}
.cdk-overlay-backdrop-noop-animation {
  transition: none;
}
.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
}
.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}
@keyframes cdk-text-field-autofill-start {
  /*!*/
}
@keyframes cdk-text-field-autofill-end {
  /*!*/
}
.cdk-high-contrast-active {
  --mat-focus-indicator-display: block;
}
.cdk-high-contrast-active {
  --mat-mdc-focus-indicator-display: block;
}
.mat-dialog-container {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  background: #fff;
  color: rgba(0, 0, 0, 0.87);
}

/*!*************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/assets/css/vendor-extra.css ***!
  \*************************************************************************************************************************************************************************************************************************/
/*!
 * Bootstrap v3.3.4 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */ /*! normalize.css v3.0.2 | MIT License | git.io/normalize */ .body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  background-color: #fff;
} @keyframes ngdialog-fadeout {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
} @keyframes ngdialog-fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
} .ngdialog {
  box-sizing: border-box;
} .ngdialog *,
.ngdialog :after,
.ngdialog :before {
  box-sizing: inherit;
} .ngdialog {
  position: fixed;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 99999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
} .ngdialog-overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.4);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-backface-visibility: hidden;
  animation: ngdialog-fadein 0.5s;
} .ngdialog.ngdialog-closing .ngdialog-overlay {
  -webkit-backface-visibility: hidden;
  animation: ngdialog-fadeout 0.5s;
} .ngdialog-content {
  background: #fff;
  -webkit-backface-visibility: hidden;
  animation: ngdialog-fadein 0.5s;
} .ngdialog.ngdialog-closing .ngdialog-content {
  -webkit-backface-visibility: hidden;
  animation: ngdialog-fadeout 0.5s;
} .ngdialog-close:before {
  font-family: Helvetica, Arial, sans-serif;
  content: "\00D7";
  cursor: pointer;
} body.ngdialog-open {
  overflow: hidden;
} @keyframes ngdialog-flyin {
  0% {
    opacity: 0;
    transform: translateY(-40px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
} @keyframes ngdialog-flyout {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-40px);
  }
} .ngdialog.ngdialog-theme-default {
  padding-bottom: 160px;
  padding-top: 160px;
} .ngdialog.ngdialog-theme-default.ngdialog-closing .ngdialog-content {
  animation: ngdialog-flyout 0.5s;
} .ngdialog.ngdialog-theme-default .ngdialog-content {
  animation: ngdialog-flyin 0.5s;
  background: #f0f0f0;
  border-radius: 5px;
  color: #444;
  font-family: Helvetica, sans-serif;
  font-size: 1.1em;
  line-height: 1.5em;
  margin: 0 auto;
  max-width: 100%;
  padding: 1em;
  position: relative;
  width: 450px;
} .ngdialog.ngdialog-theme-default .ngdialog-close {
  border-radius: 5px;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
} .ngdialog.ngdialog-theme-default .ngdialog-close:before {
  background: 0 0;
  border-radius: 3px;
  color: #bbb;
  content: "\00D7";
  font-size: 26px;
  font-weight: 400;
  height: 30px;
  line-height: 26px;
  position: absolute;
  right: 3px;
  text-align: center;
  top: 3px;
  width: 30px;
} .ngdialog.ngdialog-theme-default .ngdialog-close:active:before,
.ngdialog.ngdialog-theme-default .ngdialog-close:hover:before {
  color: #777;
} .ngdialog.ngdialog-theme-default .ngdialog-message {
  margin-bottom: 0.5em;
} .ngdialog.ngdialog-theme-default .ngdialog-input {
  margin-bottom: 1em;
} .ngdialog.ngdialog-theme-default .ngdialog-input input[type="email"],
.ngdialog.ngdialog-theme-default .ngdialog-input input[type="password"],
.ngdialog.ngdialog-theme-default .ngdialog-input input[type="text"],
.ngdialog.ngdialog-theme-default .ngdialog-input input[type="url"],
.ngdialog.ngdialog-theme-default .ngdialog-input textarea {
  background: #fff;
  border: 0;
  border-radius: 3px;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  margin: 0 0 0.25em;
  min-height: 2.5em;
  padding: 0.25em 0.67em;
  width: 100%;
} .ngdialog.ngdialog-theme-default .ngdialog-input input[type="email"]:focus,
.ngdialog.ngdialog-theme-default .ngdialog-input input[type="password"]:focus,
.ngdialog.ngdialog-theme-default .ngdialog-input input[type="text"]:focus,
.ngdialog.ngdialog-theme-default .ngdialog-input input[type="url"]:focus,
.ngdialog.ngdialog-theme-default .ngdialog-input textarea:focus {
  box-shadow: inset 0 0 0 2px #8dbdf1;
  outline: 0;
} .ngdialog.ngdialog-theme-default .ngdialog-buttons {
  *zoom: 1;
} .ngdialog.ngdialog-theme-default .ngdialog-buttons:after {
  content: "";
  display: table;
  clear: both;
} .ngdialog.ngdialog-theme-default .ngdialog-button {
  border: 0;
  border-radius: 3px;
  cursor: pointer;
  float: right;
  font-family: inherit;
  font-size: 0.8em;
  letter-spacing: 0.1em;
  line-height: 1em;
  margin: 0 0 0 0.5em;
  padding: 0.75em 2em;
  text-transform: uppercase;
} .ngdialog.ngdialog-theme-default .ngdialog-button:focus {
  animation: ngdialog-pulse 1.1s infinite;
  outline: 0;
} @media (max-width: 568px) {
  .ngdialog.ngdialog-theme-default .ngdialog-button:focus {
    animation: none;
  }
} .ngdialog.ngdialog-theme-default .ngdialog-button.ngdialog-button-primary {
  background: #3288e6;
  color: #fff;
} .ngdialog.ngdialog-theme-default .ngdialog-button.ngdialog-button-secondary {
  background: #e0e0e0;
  color: #777;
}

/*!***********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/assets/css/main-extra.css ***!
  \***********************************************************************************************************************************************************************************************************************/
/* * {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
} */


/* Let's get this party started */


#scroll_2::-webkit-scrollbar {
    width: 8px;
}


.snf5342-login-content{     padding:20px 22px 40px 22px;}


.snf5342-login-branding-box{border:1px dashed #cfcfcf;border-radius:14px;padding:20px;text-align:center;color:#8a8a8a;font-size:14px;margin-top:36px;}


.snf5342-login-title{text-align:center;font:800 30px/1.2 Overpass,sans-serif;margin:26px 0 14px;}


.snf5342-login-subtext{text-align:center;color:#666;font-size:14px;line-height:1.6;max-width:340px;margin:0 auto 24px;}


.snf5342-login-divider{display:flex;align-items:center;gap:14px;margin:26px 0 18px;}


.snf5342-login-divider span{flex:1;height:1px;background:#ddd;}


.snf5342-login-divider p{margin:0;font-weight:600;font-size:15px;white-space:nowrap;}


.snf5342-login-methods{display:flex;gap:12px;margin-bottom:26px;}


.snf5342-login-method-item{flex:1;border:1px solid #e2e2e2;border-radius:8px;padding:18px 8px;text-align:center;cursor:pointer;transition:box-shadow .15s;}


.snf5342-login-method-item:hover{box-shadow:0 2px 8px rgba(0,0,0,.08);}


.snf5342-login-method-icon{margin-bottom:10px;display:flex;justify-content:center;}


.snf5342-login-method-label{font-size:13px;color:#333;line-height:1.4;}


.snf5342-login-method-caption{font-size:11px;color:#737373;line-height:1.45;margin-top:6px;}


.snf5342-login-methods-otp{justify-content:center;}


.snf5342-login-method-item-otp{flex:0 1 230px;padding:22px 18px;}


.snf5342-login-method-item-otp .snf5342-login-method-label{font-size:15px;font-weight:600;}


.snf5342-login-benefits{display:flex;gap:10px;margin:0px 20px 24px;}


.snf5342-login-benefit-item{flex:1;text-align:center;}


.snf5342-login-benefit-icon{width:44px;height:44px;border-radius:50%;background:#f1f1f1;display:flex;align-items:center;justify-content:center;margin:0 auto 8px;}


.snf5342-login-benefit-title{font-weight:700;font-size:12px;margin-bottom:4px;}


.snf5342-login-benefit-text{font-size:10.5px;color:#777;line-height:1.4;}


.snf5342-login-security-note{display:flex;gap:10px;align-items:flex-start;background:#f5f5f5;border-radius:8px;padding:14px;font-size:12px;color:#333;margin-bottom:16px;}


.snf5342-login-footer{text-align:center;font-size:12px;color:#333;}


#snf5342-widget-wrap-login{margin:0!important;padding:0!important}


#snf5342-widget-wrap-login .snf5342-widget-main{margin-top:0!important;border:1px solid #e3e5e8;border-radius:22px;background:#fff;box-shadow:0 12px 36px #1112;overflow:hidden}


.snf5342-login-method-item-selected{
    border-color:#5e6571;
    box-shadow:0 2px 8px rgba(94,101,113,.18);
}


.snf5342-login-method-item-selected .snf5342-login-method-label{
    color:#5e6571;
    font-weight:600;
}


.snf5342-login-method-item.snf5342-widget-toggle-disabled{
    opacity:.5;
    pointer-events:none;
}


.snf5342-login-step{padding-top:10px;margin:0 20px;}


.snf5342-login-back{cursor:pointer;font-size:20px;display:inline-block;margin-bottom:16px;color:#5e6571;}


.snf5342-login-field{margin:22px 0;}


.snf5342-login-field label{display:block;font-size:13px;font-weight:600;color:#333;margin-bottom:8px;}


.snf5342-login-input{
    width:100%;
    border:1px solid #d8d8d8;
    border-radius:6px;
    padding:12px 14px;
    font-size:15px;
    font-family:Overpass,sans-serif;
    box-sizing:border-box;
}


.snf5342-login-input:focus{outline:0;border-color:#5e6571;}


.snf5342-login-otp-input{letter-spacing:6px;font-size:18px;text-align:center;}


.snf5342-login-error{color:#d31e4e;font-size:13px;margin-top:8px;}


.snf5342-login-resend{text-align:center;font-size:13px;color:#666;margin-top:18px;}


.snf5342-calculator-tabs{display:flex;gap:8px;padding:12px 20px 4px;border-bottom:1px solid #ececec;}


.snf5342-calculator-tab{border:0;border-bottom:2px solid transparent;background:transparent;color:#5e6571;cursor:pointer;font:600 13px/1.3 Overpass,sans-serif;padding:8px 5px;}


.snf5342-calculator-tab-active,.snf5342-calculator-tab:hover{border-bottom-color:#d31e4e;color:#d31e4e;}


.snf5342-tryon-content{padding:0;background:#fff;color:#131b2b;font-family:Overpass,Arial,sans-serif;}


.snf5342-tryon-head{position:sticky;z-index:5;top:0;display:flex;min-height:70px;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid #edf0f3;background:#fff;text-align:left;}


.snf5342-tryon-head>div{display:flex;flex:1;flex-direction:column}


.snf5342-tryon-head strong{font-size:20px;line-height:1.25}


.snf5342-tryon-head span{margin-top:2px;color:#6e788a;font-size:12px}


.snf5342-tryon-back,.snf5342-tryon-history,.snf5342-tryon-close{display:grid;width:40px;height:40px;flex:0 0 40px;place-items:center;border:0;border-radius:50%;background:#f8f9fa;color:#536073;cursor:pointer;font-size:29px;line-height:1}


.snf5342-tryon-history{border:1px solid #e0e5eb;background:#fff;font-size:19px}


.snf5342-tryon-close{font-size:28px}


.snf5342-tryon-file-input{display:none}


.snf5342-tryon-panel{box-sizing:border-box;min-height:625px;padding:108px 26px 20px;text-align:center}


.snf5342-tryon-panel h2{margin:24px 0 12px;color:#182133;font:400 25px/1.35 Overpass,Arial,sans-serif}


.snf5342-tryon-panel p{margin:0 auto 20px;color:#8a94a7;font-size:15px;line-height:1.45}


.snf5342-tryon-steps{display:flex;align-items:center;justify-content:center}


.snf5342-tryon-steps b,.snf5342-tryon-steps span{display:grid;width:40px;height:40px;place-items:center;border-radius:50%;background:#000;color:#fff;font-size:15px}


.snf5342-tryon-steps span{background:#e5e8ed;color:#687286}


.snf5342-tryon-steps i{width:62px;height:1px;background:#bac2ce}


.snf5342-tryon-garment-preview{display:block;width:118px;height:118px;margin:10px auto 26px;border-radius:50%;background:#eef0f3;object-fit:contain;box-shadow:0 4px 9px #0002}


.snf5342-tryon-primary,.snf5342-tryon-secondary{display:grid;width:100%;min-height:56px;box-sizing:border-box;place-items:center;border:0;border-radius:28px;cursor:pointer;font:600 16px/1.2 Overpass,Arial,sans-serif;text-align:center}


.snf5342-tryon-primary{background:#000;color:#fff;box-shadow:0 10px 20px #0002}


.snf5342-tryon-primary b{margin-right:10px;font-size:27px;font-weight:300}


.snf5342-tryon-secondary{border:1px solid #d2d8e0;background:#fff;color:#556174;box-shadow:none}


.snf5342-tryon-primary:disabled{opacity:.55;cursor:not-allowed}


.snf5342-tryon-upload-actions{display:flex;max-width:400px;margin:auto;flex-direction:column;gap:14px}


.snf5342-tryon-privacy{margin:22px auto 0;max-width:410px;color:#8a94a7;font-size:12px;line-height:1.45}


.snf5342-tryon-privacy u{color:#4b5566;font-weight:600}


.snf5342-tryon-ready{min-height:625px;padding:34px 22px 14px}


.snf5342-tryon-photo-wrap{position:relative;margin:0 auto 20px;border-radius:18px;background:#f7f8f9;overflow:hidden}


.snf5342-tryon-image{display:block;width:100%;height:462px;object-fit:contain}


.snf5342-tryon-change-photo{position:absolute;bottom:20px;left:50%;padding:12px 20px;transform:translateX(-50%);border-radius:24px;background:#fff;color:#3e495c;cursor:pointer;font-size:13px;box-shadow:0 3px 12px #0002;white-space:nowrap}


.snf5342-tryon-remaining{margin:0 0 27px;color:#768197;font-size:13px}


.snf5342-tryon-now{min-height:64px;border-radius:16px;font-size:20px}


.snf5342-tryon-generating{min-height:700px;padding:94px 36px 25px}


.snf5342-tryon-processing-images{display:flex;align-items:center;justify-content:center}


.snf5342-tryon-processing-images>img{width:98px;height:116px;border-radius:16px;background:#f2f3f5;object-fit:cover;box-shadow:0 7px 14px #0002;transform:rotate(-5deg)}


.snf5342-tryon-processing-images>img:last-child{transform:rotate(5deg)}


.snf5342-tryon-moving-arrow{position:relative;z-index:1;display:grid;width:47px;height:47px;margin:0 -7px;place-items:center;border-radius:50%;background:#fff;box-shadow:0 4px 12px #0003}


.snf5342-tryon-moving-arrow img{width:25px;height:25px;animation:snf5342-tryon-clockwise 1.15s linear infinite}


.snf5342-tryon-moving-arrow i{position:absolute;width:6px;height:6px;border-radius:50%;background:#d31e4e;animation:snf5342-tryon-pulse 1.15s ease-in-out infinite}


@keyframes snf5342-tryon-clockwise{to{transform:rotate(360deg)}}


@keyframes snf5342-tryon-pulse{0%,100%{opacity:.35;transform:scale(.7)}50%{opacity:1;transform:scale(1.15)}}


.snf5342-tryon-generating h2{margin-top:54px;font-size:24px;font-weight:500}


.snf5342-tryon-progress{width:300px;max-width:80%;height:5px;margin:10px auto;border-radius:4px;background:#eceef1;overflow:hidden}


.snf5342-tryon-progress i{display:block;height:100%;border-radius:4px;background:#000;transition:width .4s ease}


.snf5342-tryon-progress-value{color:#9da6b8;font-size:13px}


.snf5342-tryon-tip{display:flex;max-width:350px;min-height:108px;margin:50px auto 0;align-items:center;justify-content:center;flex-direction:column;gap:12px;border:1px solid #e7eaee;border-radius:16px;color:#4e5a6e;font-size:15px}


.snf5342-tryon-tip b{color:#9aa4b6;font-size:12px}


.snf5342-tryon-result{min-height:700px;padding:30px 20px 35px}


.snf5342-tryon-result-image-wrap{position:relative;height:510px;border-radius:22px;overflow:hidden;background:#f4f5f6;box-shadow:0 10px 18px #0001}


.snf5342-tryon-result-image{display:block;width:100%;height:100%;object-fit:cover}


.snf5342-tryon-result-garment{position:absolute;right:16px;bottom:16px;width:132px;height:164px;padding:6px;border:2px solid #fff;border-radius:18px;background:#f2f2f2;object-fit:contain;box-shadow:0 6px 15px #0002}


.snf5342-tryon-result-meta{display:flex;align-items:center;gap:12px;padding:16px 12px 13px;text-align:left}


.snf5342-tryon-result-meta strong{flex:1;font-size:15px}


.snf5342-tryon-result-meta span{color:#758095;font-size:12px}


.snf5342-tryon-result-actions{display:flex;gap:12px}


.snf5342-tryon-result-actions .snf5342-tryon-primary{min-height:55px;flex:1;border-radius:16px;box-shadow:0 5px 12px #0002}


.snf5342-tryon-share{width:58px;flex:0 0 58px;border:1px solid #dfe3e8;border-radius:16px;background:#fff;color:#1b2536;cursor:pointer;font-size:27px;box-shadow:0 3px 8px #0001}


.snf5342-tryon-share img{display:block;width:24px;height:24px;margin:auto}


.snf5342-tryon-feedback{margin-top:12px;padding:17px 12px;border:1px solid #e9ecef;border-radius:17px;background:#fafbfc;color:#39465a;font-size:13px}


.snf5342-tryon-feedback>div{display:flex;justify-content:center;gap:10px;margin-top:12px}


.snf5342-tryon-feedback button{padding:9px 16px;border:1px solid #dfe3e8;border-radius:12px;background:#fff;color:#344055;cursor:pointer;font-size:12px}


.snf5342-tryon-feedback button.active{border-color:#111;box-shadow:inset 0 0 0 1px #111}


.snf5342-tryon-old-image{margin:46px 0;border:0;background:none;color:#6f7b90;cursor:pointer}


.snf5342-tryon-delete-note{color:#9ba5b7;font-size:12px}


.snf5342-tryon-error{margin:0 20px 20px;color:#c92034;font-size:13px;text-align:center}


.snf5342-tryon-change-customer{display:inline-block;margin:0 0 20px;padding:10px 14px;border:1px solid #dfe3e8;border-radius:6px;background:#fff;color:#263247;cursor:pointer;font-size:13px;font-weight:600}


.snf5342-tryon-result-card{padding:0 0 32px;margin:0 0 32px;border-bottom:1px solid #dfe3e8}


.snf5342-tryon-result-card:last-child{margin-bottom:0}


.snf5342-tryon-delete-note{margin-top:28px;padding-top:20px;border-top:1px solid #e5e8ec}


.snf5342-tryon-delete-note button{padding:0;border:0;background:none;color:inherit;cursor:pointer;font:inherit;text-decoration:underline}


.snf5342-tryon-tip ul{margin:7px 0 0;padding-left:18px;text-align:left}


.snf5342-tryon-tip li{margin:3px 0}


.snf5342-tryon-result .snf5342-tryon-privacy{margin-top:18px}


.snf5342-tryon-recent{margin:0 0 24px;text-align:left}


.snf5342-tryon-recent>strong{display:block;margin-bottom:10px;color:#263247;font-size:13px}


.snf5342-tryon-recent>div{display:flex;gap:10px}


.snf5342-tryon-recent button{width:68px;height:84px;padding:2px;border:2px solid transparent;border-radius:10px;background:#f1f3f5;cursor:pointer;overflow:hidden}


.snf5342-tryon-recent button.active{border-color:#111}


.snf5342-tryon-recent img{width:100%;height:100%;border-radius:7px;object-fit:cover}


@media(max-width:420px){.snf5342-tryon-panel{padding-left:18px;padding-right:18px}.snf5342-tryon-result-image-wrap{height:430px}.snf5342-tryon-result-garment{width:105px;height:135px}.snf5342-tryon-feedback>div{flex-direction:column}.snf5342-tryon-image{height:400px}}


/* Unified widget theme: shared by login, body/garment measurement, brand,
   height/weight, recommendation, size chart and Virtual Try-On flows. */


.snf5342-widget-wrap{
    --snf-font:Overpass,Arial,sans-serif;
    --snf-ink:#25292f;
    --snf-text:#394150;
    --snf-muted:#6f7785;
    --snf-primary:#5e6571;
    --snf-primary-hover:#474e59;
    --snf-accent:#d31e4e;
    --snf-accent-soft:#fff1f5;
    --snf-surface:#fff;
    --snf-surface-subtle:#f7f8fa;
    --snf-border:#dfe3e8;
    --snf-danger:#c92a3f;
    --snf-radius:8px;
    --snf-radius-lg:16px;
    --snf-shadow:0 8px 24px rgba(24,31,43,.10);
    color:var(--snf-text);
    font-family:var(--snf-font);
}


.snf5342-widget-wrap *{box-sizing:border-box}


.snf5342-widget-wrap button,.snf5342-widget-wrap input,.snf5342-widget-wrap select,.snf5342-widget-wrap textarea{font-family:var(--snf-font)}


.snf5342-widget-wrap h1,.snf5342-widget-wrap h2,.snf5342-widget-wrap h3,.snf5342-widget-wrap strong{color:var(--snf-ink)}


.snf5342-widget-wrap p,.snf5342-widget-wrap label,.snf5342-widget-wrap small{line-height:1.45}


.snf5342-widget-wrap input:not([type=radio]):not([type=checkbox]):not([type=file]),
.snf5342-widget-wrap select,.snf5342-widget-wrap textarea{
    border-color:var(--snf-border)!important;
    border-radius:var(--snf-radius)!important;
    background-color:var(--snf-surface)!important;
    color:var(--snf-ink)!important;
    transition:border-color .18s ease,box-shadow .18s ease;
}


.snf5342-widget-wrap input:focus,.snf5342-widget-wrap select:focus,.snf5342-widget-wrap textarea:focus{
    outline:0!important;border-color:var(--snf-primary)!important;box-shadow:0 0 0 3px rgba(94,101,113,.14)!important;
}


.snf5342-widget-wrap button:focus-visible,.snf5342-widget-wrap [role=button]:focus-visible{
    outline:3px solid rgba(211,30,78,.22)!important;outline-offset:2px;
}


.snf5342-widget-okbutton,.snf5342-widget-okbuttonclass,.snf5342-garment-cta,
.snf5342-login-submit,.snf5342-tryon-primary{
    border-color:var(--snf-primary)!important;
    background:var(--snf-primary)!important;
    color:#fff!important;
    font-family:var(--snf-font)!important;
    font-weight:600!important;
    transition:background .18s ease,transform .12s ease,box-shadow .18s ease!important;
}


.snf5342-widget-okbutton:hover,.snf5342-widget-okbuttonclass:hover,.snf5342-garment-cta:hover,
.snf5342-login-submit:hover,.snf5342-tryon-primary:hover{background:var(--snf-primary-hover)!important;box-shadow:0 7px 16px rgba(37,41,47,.18)!important}


.snf5342-widget-okbutton:active,.snf5342-widget-okbuttonclass:active,.snf5342-garment-cta:active,
.snf5342-login-submit:active,.snf5342-tryon-primary:active{transform:translateY(1px)}


.snf5342-widget-wrap button:disabled,.snf5342-widget-wrap .disabled{cursor:not-allowed!important;opacity:.5!important;box-shadow:none!important}


.snf5342-tryon-secondary,.snf5342-login-method-item,.snf5342-garment-explain,
.snf5342-login-security-note,.snf5342-tryon-feedback,.snf5342-tryon-tip{
    border-color:var(--snf-border)!important;background:var(--snf-surface)!important;color:var(--snf-text)!important;
}


.snf5342-login-method-item:hover,.snf5342-garment-explain:hover,.snf5342-tryon-secondary:hover{
    border-color:var(--snf-primary)!important;background:var(--snf-surface-subtle)!important;box-shadow:0 4px 12px rgba(24,31,43,.08)!important;
}


.snf5342-calculator-tabs{border-color:var(--snf-border)!important;background:var(--snf-surface)!important}


.snf5342-calculator-tab{color:var(--snf-muted)!important}


.snf5342-calculator-tab-active,.snf5342-calculator-tab:hover{border-bottom-color:var(--snf-accent)!important;color:var(--snf-accent)!important}


.snf5342-tryon-content,.snf5342-garment-content,.snf5342-widget-content{background:var(--snf-surface)!important;color:var(--snf-text)!important;font-family:var(--snf-font)!important}


.snf5342-tryon-panel h2,.snf5342-tryon-head strong{color:var(--snf-ink)!important}


.snf5342-tryon-panel p,.snf5342-tryon-head span,.snf5342-tryon-privacy,.snf5342-login-subtext{color:var(--snf-muted)!important}


.snf5342-tryon-steps b,.snf5342-tryon-progress i,.snf5342-garment-rows label>b,.snf5342-garment-unit-toggle button.active{background:var(--snf-primary)!important;color:#fff!important}


.snf5342-tryon-moving-arrow i,.snf5342-garment-measurement-intro b,.snf5342-garment-rows em strong,.snf5342-garment-powered span,.snf5342-widget-head span{color:var(--snf-accent)!important}


.snf5342-tryon-moving-arrow i{background:var(--snf-accent)!important}


.snf5342-garment-size-tag{background:var(--snf-accent)!important}


.snf5342-garment-rows label.snf5342-garment-row-active{background:var(--snf-accent-soft)!important;box-shadow:inset 3px 0 0 var(--snf-accent)!important}


.snf5342-login-error,.snf5342-tryon-error,.snf5342-garment-error{color:var(--snf-danger)!important}


/* One CTA geometry across every flow. These rules intentionally override
   legacy inline margins used by the height/weight and brand screens. */


.snf5342-widget-wrap .snf5342-widget-okbutton,
.snf5342-widget-wrap .snf5342-garment-cta,
.snf5342-widget-wrap .snf5342-login-submit,
.snf5342-widget-wrap .snf5342-tryon-primary{
    display:grid!important;
    width:calc(100% - 40px)!important;
    min-height:56px!important;
    margin:16px 20px!important;
    padding:12px 18px!important;
    place-items:center!important;
    border:1px solid var(--snf-primary)!important;
    border-radius:var(--snf-radius-lg)!important;
    font-size:15px!important;
    font-weight:600!important;
    line-height:1.25!important;
    text-align:center!important;
}


.snf5342-widget-wrap .snf5342-widget-okbuttonclass{
    width:calc(100% - 40px)!important;
    margin:16px 20px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
}


.snf5342-widget-wrap .snf5342-widget-okbuttonclass>.snf5342-widget-okbutton{
    width:100%!important;
    margin:0!important;
}


.snf5342-widget-wrap .snf5342-widget-button,
.snf5342-widget-wrap .snf5342-tryon-secondary{
    min-height:56px!important;
    border:1px solid var(--snf-border)!important;
    border-radius:var(--snf-radius-lg)!important;
}


.snf5342-widget-wrap .snf5342-tryon-upload-actions .snf5342-tryon-primary,
.snf5342-widget-wrap .snf5342-tryon-result-actions .snf5342-tryon-primary{
    width:100%!important;margin:0!important;
}


/* The legacy parameter table used absolute positioning, so additional
   criteria extended behind the CTA. Let its content define the section
   height and clear both columns before rendering the button. */


.snf5342-widget-wrap .sizeDisplaySec{display:flow-root;padding-bottom:24px!important}


.snf5342-widget-wrap .sizeDisplaySec>div{display:flow-root}


.snf5342-widget-wrap .snfSizeTable table,
.snf5342-widget-wrap .snfSizeTable tbody,
.snf5342-widget-wrap .snfSizeTable tr,
.snf5342-widget-wrap .snfSizeTable td{width:100%!important}


.snf5342-widget-wrap .snfSizeTable tr{display:block!important}


.snf5342-widget-wrap .snfSizeTable td>div{position:static!important;width:100%!important}


.snf5342-widget-wrap .snfSizeTable .snf5342-selectsnf{width:100%!important;margin-bottom:12px}


.snf5342-widget-wrap .sizeDisplaySec+.snf5342-widget-okbuttonclass{clear:both;margin-top:24px!important}


.snf5342-widget-main-inner{background:var(--snf-surface);box-shadow:var(--snf-shadow)}


/* Track */


#scroll_2::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
}


/* Handle */


#scroll_2::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #959595;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}


#scroll_2::-webkit-scrollbar-thumb:window-inactive {
    background: #959595;
}


.default-length {
    margin-top: 0
}


.snf5342-tablelength-is-active {
    margin-top: 23px
}


@font-face {
    font-family: icomoon;
    src: url(https://s3-ap-southeast-1.amazonaws.com/osmosesnf/styles/icomoon.eot);
    src: url(https://s3-ap-southeast-1.amazonaws.com/osmosesnf/styles/icomoon.eot) format('embedded-opentype'), url(https://s3-ap-southeast-1.amazonaws.com/osmosesnf/styles/icomoon.ttf) format('truetype'), url(https://s3-ap-southeast-1.amazonaws.com/osmosesnf/styles/icomoon.woff) format('woff'), url(/assets/fonts/icomoon.svg) format('svg');
    font-weight: 400;
    font-style: normal
}


[class*=" snf-icon-"],
[class^=snf-icon-] {
    font-family: icomoon!important;
    speak: none;
    font-style: normal;
    font-weight: 900;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}


.close {
    cursor: pointer;
    position: absolute;
    top: 3%;
    right: 0%;
    padding: 12px 16px;
    transform: translate(0%, -50%);
    /* color: #fff; */
}


.snf-icon-plus:before {
    content: "\e909"
}


.snf-icon-minus:before {
    content: "\e90a"
}


.snf-icon-refresh:before {
    content: "\e90b"
}


.snf-icon-danger:before {
    content: "\e904"
}


.snf-icon-drop-arrow:before {
    content: "\e906"
}


.snf-icon-search:before {
    content: "\e907"
}


.snf-icon-success:before {
    content: "\e908"
}


.snf-icon-back:before {
    content: "\e901"
}


.snf-icon-nav-left:before {
    content: "\e902"
}


.snf-icon-nav-right:before {
    content: "\e903"
}


.snf-icon-tick:before {
    content: "\e905"
}


.snf-icon-close:before {
    content: "\e900"
}


pre{
    border:none !important;
}


.mainimageicon{
    height: 21px;margin-bottom: -5px;display: inline;
}


/*! nouislider - 10.0.0 - 2017-05-28 14:52:48 */


/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */


.noUi-target,
.noUi-target * {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    touch-action: none;
    user-select: none;
    box-sizing: border-box;
}


.noUi-target {
    position: relative !important;
    direction: ltr !important;
}


.noUi-base {
    width: 94%;
    height: 100% !important;
    position: relative !important;
    z-index: 1 !important;
    /* Fix 401 */
}


.noUi-connect {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
    width: auto;
}


.noUi-origin {
    position: absolute;
    height: 0;
    width: 0;
}


.noUi-handle {
    position: relative;
    z-index: 1;
}


.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {}


.noUi-state-drag * {
    cursor: inherit !important;
}


/* Painting and performance;
 * Browsers can paint handles in their own layer.
 */


/* Slider size and handle placement;
 */


.noUi-horizontal {
    height: 2px !important;
}


.noUi-horizontal .noUi-handle {
    width: 18px !important;
    height: 18px !important;
    left: -5px !important;
    top: -7.5px !important;
}


/* Styling;
 */


.noUi-target {
    background: #EEE !important;
    border-radius: 6px !important;
    /*border: 1px solid #CCC;*/
}


.noUi-connect {
    background: #5e6571 !important;
    border-radius: 4px !important;
    height: 2px !important;
    width: auto !important;
}


.noUi-handle:before{
    background-color: #5e6571 !important;
}


.noUi-handle:after{
    background-color: #5e6571 !important;
}


/* Handles and cursors;
 */


.noUi-draggable {
    cursor: ew-resize;
}


.noUi-handle {
    border-radius: 20px !important;
    background: #5e6571 !important;
}


/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */


.owl-carousel,
.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}


.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1
}


.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    -moz-backface-visibility: hidden
}


.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}


.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden
}


.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden
}


.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none
}


.owl-carousel .owl-item img {
    display: block;
    width: 100%
}


.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: none
}


.no-js .owl-carousel,
.owl-carousel.owl-loaded {
    display: block
}


.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    user-select: none
}


.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}


.owl-carousel.owl-hidden {
    opacity: 0
}


.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}


.owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    user-select: none
}


.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
}


.owl-carousel.owl-rtl {
    direction: rtl
}


.owl-carousel.owl-rtl .owl-item {
    float: right
}


.owl-carousel .animated {
    animation-duration: 1s;
    animation-fill-mode: both
}


.owl-carousel .owl-animated-in {
    z-index: 0
}


.owl-carousel .owl-animated-out {
    z-index: 1
}


.owl-carousel .fadeOut {
    animation-name: fadeOut
}


@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}


.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
}


.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}


.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}


.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    /* background: url(owl.video.play.png) no-repeat; */
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden
}


.owl-carousel .owl-video-play-icon:hover {
    transform: scale(1.3, 1.3)
}


.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}


.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain
}


.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}


.snf5342-widget-clearfix::after {
    content: "";
    display: table;
    clear: both
}


.snf5342-widget-left {
    float: left;
    color: #333;
    font: 600 14px/22px Overpass, sans-serif;
    text-transform: capitalize;
    /*text-decoration: underline;*/
}


.primaryinput{
    color: red;
    opacity:0;
    margin: 40px 25px 0px 35px;
}


.bmierrormain{
    color: red;
    opacity:0;
    margin: 40px 25px 0px 35px;
    text-align: center;
}


.snf5342-widget-body-shape{
    margin-left: 25px;
}


/*.snf5342-widget-toggle{
    text-decoration: underline;
}*/


/* Add Animation */


@keyframes animatetop {
    from {
        right: -10px;
        opacity: 0
    }
    to {
        right: 0;
        opacity: 1
    }
}


@keyframes animatebottom {
    from {
        right: 0;
        opacity: 1
    }
    to {
        right: -300px;
        opacity: 0
    }
}


.snf5342-widget-right {
    float: right;
    background: #fff;
    color: #333;
    font: 600 14px/22px Overpass, sans-serif;
    text-transform: uppercase;
}


.snf5342-widget-wrap *,
.snf5342-widget-wrap::after,
.snf5342-widget-wrap::before {
    box-sizing: border-box
}


.show{
    visibility:visible !important;
    opacity:1 !important;
    transition:all 0.5s ease;
  }


.snf5342-widget-trigger {
    display: inline-block;
    padding: 10px 20px;
    color: #000;
    border: 1px solid #000;
    text-decoration: none
}


/* input[disabled],
select[disabled=disabled],
textarea[disabled] {
    -webkit-text-fill-color: rgba(111, 111, 111, 1);
    -webkit-opacity: 1;
    color: rgba(111, 111, 111, 1);
    background: #fff
} */


.widget-color{
    color:salmon !important;
}


.snf5342-template {
    cursor: pointer;
    margin-bottom: 3px;
    /* color: var(--Pink, #D31E4E);
    text-align: right;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-decoration-line: underline;
    text-transform: uppercase; */
}


.badge {
    background-color: #5e6571;
    color: #fff;
    padding: 4px 8px;
    text-align: center;
    border-radius: 5px;
    position: absolute;
    margin-top: -20px;
    margin-left: -18px;
    font-size: 12px;
}


.forbummer{
    /* font-size: .65em; */
    color: var(--color-black);
    position: relative;
    cursor: pointer;
    /* font-family: var(--font-proxima); */
    letter-spacing: 0;
    /* bottom: 4px; */
    text-decoration: underline;
}


.forbummer::after{
    content: "";
    /* background-color: #5e6571; */
    width: 100%;
    height: 1.6px;
    position: absolute;
    /* bottom: -4px; */
    left: 0;
}


#chesterror{
  display: none;
}


#busterror{
    display: none;
}


#waisterror{
    display: none;
}


#hiperror{
    display: none;
}


#branderror{
    display: none;
}


#sizeerror{
    display: none;
}


.parametererror{
    color:red;
    opacity: 0;
}


.fixed-top{
    z-index: 1 !important;
}


.snf5342-afterSize {
    /*text-decoration: underline;*/
    /* color: #333; */
    display: inline;
    /* text-transform: capitalize; */
    /* font-size: 14px; */
    /* border-bottom: 1px solid #333; */
}


.snfSize {
    color: #333;
    text-align: center;
    text-transform: uppercase;
    font: 600 15px/23px Open Sans;
}


p:first-letter {
    text-transform: uppercase
}


.snf5342-widget-apprel-disabled {
    color: black;
    background-color: #e2e2e2;
    border: 1px solid rgb(94, 101, 113);
}


.snf5342-widget-apprel-disabledNew {
    color: black;
    background-color: #fff;
    border: 1px solid rgb(94, 101, 113);
}


.snf5342-widget-wrap {
    position: fixed;
    /*top: 0;
    left: 0;*/
    right: 0;
    z-index: 999999999999;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .65);
    color: #333;
    font-weight: normal;
    font-family: Overpass, sans-serif;
    opacity: 0;
    visibility: hidden;
    font-size: 14px;
    -webkit-font-smoothing: antialiased
}


.sizeDisplaySec {
    display: none;
    background-color: #e2e2e2;
    padding: 20px 0px 20px 0px;
    margin-top: 25px;
}


/* .heightWeightSec {
    width: 75%;
} */


.imageMeasureSec {
    display: grid;
    margin-top: 25px;
    padding: 0px 20px 0px 20px;
}


.techDisplaySec {
    padding: 0px 25px 0px 25px;
}


.edittext {
    display: inline;
    margin-top: 20px;
    padding: 0px 30px 0px 30px;
    text-align: center;
    font-size: 13px;
    opacity: none;
    margin-bottom: 12px;
}


.edittextbrand {
    display: inline-block;
    margin-top: 35px;
    padding: 0px 30px 0px 30px;
    text-align: center;
    font-size: 13px;
    opacity: none;
    /*margin-top: 20px;*/
}


.selectidword {
    font-size: 14px;
    margin-top: 44px;
    font-weight: normal;
}


.snfSizeTable {
    /* margin-top: -10px; */
}


.snfdropdown {
    padding: 10px 70px !important;
    border: 1px solid #b5b5b5 !important;
    border-radius: 4px;
    margin-left: 88px !important;
    width: 129% !important;
}


.sizeSelectFor {
    /*padding: 10px 20px 0px 0px;*/
    padding: 11px 20px 0px 0px;
    float: right;
}


.measurementText {
    font-size: 14px;
    /*text-transform: capitalize;*/
    margin-top: 20px;
    font-family: Overpass, sans-serif;
    text-align: center;
}


.snf5342-widget-wrap-open {
    opacity: 1;
    /*visibility: visible;*/
    /*-webkit-animation-name: animatetop;
    -webkit-animation-duration: 1.0s;
    animation-name: animatetop;
    animation-duration: 1.0s*/
    position: fixed;
    top: 0;
    /*width: 80%;
    width: 80vw;*/
    /*right: 12%;*/
    /*right: 0;
    box-shadow: -6px 0 0 transparent;*/
    height: 100%;
    /*overflow: hidden;*/
    background: #fff;
    border-left: 1px solid #232323;
    transition: right .10s;
    will-change: right;
    z-index: 4;
    box-sizing: border-box;
}


.snfulclass {
    position: relative;
    margin: 0 auto;
    width: 100%;
    padding: 0;
    max-height: 100px;
    overflow-y: auto;
    border: 1px solid #d8d8d8;
    border-top: none
}


.snfliclass {
    list-style: none;
    font-size: 14px;
    font-weight: normal;
    font-family: Overpass, sans-serif;
    padding: 1px 2px 1px 10px;
    box-sizing: border-box;
    cursor: pointer
}


.snf5342-widget-wrap a {
    color: #5e6571
}


.snf5342-widget-main {
    max-width: 420px;
    width: 100%;
    background: #fff;
    height: 100%;
    /*border-radius: 6px;*/
    position: relative;
}


.snf5342-widget-image {
    display: inline;
    position: absolute;
    float: left;
    margin-left: -14px;
    margin-top: 6px;
}


.snf5342-widget-main-inner {
    position: initial;
    float: right;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    /*border-radius: 6px;*/
    visibility: visible;
    z-index: 999999999999;
    background: #fff
}


.snf5342-widget-main-scroll {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    font-size: 0
}


.snfrelative {
    position: relative
}


.snfabsolute-text {
    color: #000;
    font: 600 18px/22px Overpass, sans-serif;
    text-align: center
}


.snfabsolute-text a {
    font-size: 16px;
    color: #b92b27
}


.snf5342-widget-main-scroll::after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 100%;
    vertical-align: middle
}


.snf5342-widget-main-scroll-inner {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 1px);
    font-size: 13px;
    height: -webkit-fill-available;
}


.snf5342-widget-main .snf5342-widget-form-control {
    border: 1px solid #d8d8d8;
    height: 42px;
    padding: 6px 15px;
    border-radius: 4px;
    display: block;
    width: 100%;
    color: #666;
    font: 14px/22px Overpass, sans-serif;
    box-shadow: none;
}


.snf5342-widget-form-control1 {
    border: 1px solid #d8d8d8;
    border-radius: 4px;
    height: 40px;
    padding: 6px 45px;
    display: block;
    width: 100%;
    color: #666;
    font: 14px/22px Overpass, sans-serif;
    box-shadow: none;
    cursor: pointer;
}


.snf5342-widget-main .snf5342-widget-form-control1:focus {
    outline: 0;
    box-shadow: none;
    border-bottom: none;
    border-color: #717171
}


.snf5342-widget-main .snf5342-widget-form-control:focus {
    outline: 0;
    box-shadow: none;
    border-color: #717171
}


.snf5342-widget-main .snf5342-widget-form-control-style {
    /*border: 1px solid #d8d8d8;*/
    height: 40px;
    border-radius: 4px;
    color: #666;
    font-weight: normal;
    padding: 0 9px;
    line-height: 40px;
    width: 90px
}


.snf5342-widget-main .snf5342-widget-form-control-style input {
    border: none;
    box-shadow: none;
    background: 0 0;
    outline: 0;
    padding: 0 !important;
    display: inline-block;
    vertical-align: middle;
    color: #717171 !important;
    max-width: 100% !important;
    font-size: 14px !important;
    font-family: Overpass, sans-serif;
    font-weight: normal;
    line-height: 40px !important;
    text-align: center;
    border:none !important;
}


.snf5342-widget-main .snf5342-widget-form-control-style .snf5342-widget-form-control-label {
    display: inline-block;
    vertical-align: middle;
    margin-left: 2px;
    color: #333;
    font-size: 14px;
    font-weight: normal;
    font-family: Overpass, sans-serif;
}


.underline-success {
    border-bottom: solid thick #61b500
}


.underline-warning {
    border-bottom: solid thick #e19702
}


.underline-danger {
    border-bottom: solid thick gray
}


.snf5342-widget-main .snf5342-widget-form-control-style-group {
    width: 50%;
    float: left;
    line-height: 40px
}


.snf5342-widget-main .snf5342-widget-form-control-style-group input {
    width: 17px;
    color: #717171 !important;
    font-weight: 400;
}


.snf5342-widget-main .snf5342-widget-form-control-style-group:nth-child(1) {
    padding-left: 10px
}


.snf5342-widget-main .snf5342-widget-form-control-style-group:nth-child(2) {
    padding-right: 10px
}


.snf5342-widget-main label {
    display: block;
    margin-bottom: 10px;
    color: #333;
    font: 600 14px/22px Overpass, sans-serif;
}


.snf5342-widget-tab-active {
    z-index: 999999999999;
    opacity: 1
}


a.snf5342-widget-close {
    font-size: 14px;
    color: #ccc;
    text-decoration: none;
    position: absolute;
    right: 15px;
    padding: 5px 0px;
    z-index: 999999999999;
    cursor: pointer;
    -webkit-animation-name: animatebottom;
    -webkit-animation-duration: 0.7s;
    animation-name: animatebottom;
    animation-duration: 0.7s
}


a.snf5342-widget-back-btn {
    position: absolute;
    left: 15px;
    padding: 5px 0px;
    font-size: 14px;
    color: #ccc;
    text-decoration: none;
    z-index: 999999999999;
    cursor: pointer;
}


.snf5342-widget-head {
    color: #333;
    font: 600 18px/22px Overpass, sans-serif;
    /*background-color: #000;*/
    /*text-transform: capitalize;*/
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    /*border-bottom: 1px #999 solid;*/
    /*padding: 12px 30px;*/
    text-align: center;
}


.snf5342-widget-head-left {
    font-size: 10px;
    display: none;
    text-align: left;
    color: #ccc;
    position: absolute;
    left: 15px;
    top: 15px
}


.snf5342-widget-head-left a {
    color: #fff;
    text-decoration: none
}


.snf5342-widget-head-left img {
    display: block;
    max-width: 40px
}


.snf5342-widget-head h2 {
    text-align: center;
    font: 600 18px/22px Overpass, sans-serif;
    margin: 0;
}


.snf5342-widget-head p {
    margin: 0;
    font: 600 18px/22px Overpass, sans-serif;
}


.snf5342-widget-footer {
    position: relative;
    left: 0;
    width: 100%;
    bottom: 0
}


.snf5342-widget-footer a {
    text-decoration: none
}


.snf5342-widget-chart-head {
    /* padding-bottom: 15px; */
    font-size: 14px;
    color: #717171
}


.snf5342-widget-unit-switch {
    -webkit-user-select: none;
    user-select: none
}


.snf5342-widget-unit-switch span {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    text-transform: uppercase;
    color: #717171
}


.snf5342-widget-unit-switch span:first-child,
.snf5342-widget-unit-switch.snf5342-widget-unit-switch-on span:last-child {
    color: #666
}


.snf5342-widget-unit-switch.snf5342-widget-unit-switch-on span:first-child {
    color: #717171
}


.snf5342-widget-unit-switch.snf5342-widget-unit-switch-on .snf5342-widget-unit-switch-btn::before {
    left: 21px
}


.default-border {
    border: 1px solid #FFF
}


.ng-cloak,
.x-ng-cloak,
[data-ng-cloak],
[ng-cloak],
[ng\:cloak],
[x-ng-cloak] {
    display: none!important
}


.snf5342-widget-unit-switch-btn {
    display: inline-block;
    width: 36px;
    height: 18px;
    background: #e6e6e6;
    position: relative;
    border-radius: 10px;
    vertical-align: middle;
    cursor: pointer;
    display: none;
}


.snf5342-widget-unit-switch-btn::before {
    content: "";
    width: 12px;
    height: 12px;
    position: absolute;
    left: 3px;
    top: 3px;
    background: #fff;
    border-radius: 50%
}


.snf5342-widget-inchcm {
    display: table-cell;
    border: 1px solid #b5b5b5;
    text-align: center;
    padding: 2px 15px 2px 15px;
    cursor: pointer;
}


.snf5342-paralabel {
    display: -webkit-box;
    text-transform: capitalize;
    padding: 9px 0px 9px 0px;
}


.paraclass{
    width: 120px; 
}


.snf5342-selectsnf {
    padding: 5px 0px 5px 5px;
    width: 90px;
    text-transform: capitalize;
    font-size: 13px;
    background: none !important;
}


.snf5342-form-control {
    appearance: auto;
    display: block;
    width: 165%;
    height: 28px;
    padding: 3px 12px !important;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #e2e2e2;
    background-image: none;
    border: 1px solid #555;
    border-radius: 0px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}


.snf5342-calculatesize {
    display: grid;
    color: #333;
    font: 600 14px/22px Overpass, sans-serif;
    border: 1px solid #555;
    text-align: center;
    padding: 0px 1px 126px 0px;
    width: 175px;
    height: 155px;
}


.snf5342-widget-okbuttonclass{
    margin: 50% 25px 0px 34px;
    text-align: center;
}


.snf5342-widget-okbutton{
    position: relative !important;
    display: block !important;
    background-color: #5e6571;
    color: white;
    border: 1px solid #5e6571;
    text-align: center;
    padding: 4px;
    cursor: pointer;
    font: 100 15px/22px Overpass, sans-serif;
    text-transform: uppercase;
}


.snf5342-widget-button {
    display: -webkit-box;
    /*background: 0 0;
    /*border-radius: 4px;*/
    margin-top: 15px;
    padding: 4px;
    cursor: pointer;
    background: #fff;
    color: #b5b5b5;
    font: 600 15px/22px Overpass, sans-serif;
    text-transform: capitalize;
    text-align: center;
    display: block;
    border: 1px solid #b5b5b5;
}


.snf5342-widget-powered-by {
    display: none;
    text-align: right;
    font-size: 10px;
    color: #ccc;
    margin: 10px 0;
    padding-right: 20px
}


.snf5342-widget-powered-by a {
    color: #ccc;
    text-decoration: none
}


.snf5342-widget-apprel {
    background-color: #5e6571;
    color: white;
    border: 1px solid #5e6571;
    /*padding: 2px 30px 2px 30px;*/
}


.snf5342-widget-body {
    background-color: #5e6571;
    color: white;
    border: 1px solid #5e6571;
    padding: 2px 30px 2px 30px;
}


.snf5342-widget-apprel-disable {
    background-color: white;
    color: #5e6571;
    border: 1px solid #5e6571;
}


.snf5342-widget-powered-by img {
    max-width: 40px;
    margin-left: 10px
}


/*.snf5342-widget-chart-table {
    border-top: 1px solid rgba(181, 181, 181, .6)
}*/


.snf5342-widget-chart-table-row {
    border-bottom: 1px solid rgba(181, 181, 181, .6);
    font-size: 0;
    cursor: pointer
}


.snf5342-widget-chart-table-row-cell {
    text-transform: capitalize;
    display: inline-block;
    vertical-align: middle;
    width: 20%;
    padding: 10px;
    text-align: center
}


.snf5342-widget-chart-table-row-cell1 {
    text-transform: capitalize;
    display: inline-block;
    vertical-align: middle;
    /*width: 61%;*/
    /*padding: 10px;*/
    text-align: center; 
    padding: 6px 0px 0px 0px;
}


.snf5342-widget-chart-table-row-cell span {
    color: #333;
    font: 14px/22px Overpass, sans-serif;
}


.snf5342-widget-chart-table-row-cell:first-child {
    color: #333;
    font: 14px/22px Overpass, sans-serif;
}


.snf5342-widget-chart-table-row-cell:first-child span {
    color: #333;
    font: 600 14px/22px Overpass, sans-serif;
}


.snf5342-widget-chart-table-row:hover {
    background: rgba(94, 101, 113, .06)
}


.snf5342-widget-chart-table-row.snf5342-widget-is-active {
    background: #e2e2e2;
    font-weight: 600;
    color: #5e6571
}


.snf5342-widget-chart-table-row.snf5342-widget-out-ofstock span {
    text-decoration: line-through
}


.snf5342-widget-chart-table-head {
    border-bottom: 1px solid rgba(181, 181, 181, .6);
    font-size: 0;
    border-top: 1px solid rgba(181, 181, 181, .6);
    margin-top: 23px;
}


.scroll1 {
    /*height: 37%;*/
    height: 20%;
}


.snf5342-widget-chart-table-head .snf5342-widget-chart-table-row-cell {
    color: #333;
    font: 600 14px/22px Overpass, sans-serif;
}


.snf5342-widget-chart-table-head .snf5342-widget-chart-table-row-cell span {
    color: #333;
    font: 600 14px/22px Overpass, sans-serif;
}


.snf5342-widget-chart-table .snf5342-widget-chart-table-message {
    color: #333;
    font: 600 14px/22px Overpass, sans-serif;
    text-align: center;
    padding: 8px 15px 0
}


.snf5342-widget-chart-table .snf5342-widget-chart-table-message i {
    margin-left: 10px;
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -4px;
}


.snf5342-widget-chart-table .snf5342-widget-chart-table-message-success {
    color: #61b500
}


.snf5342-widget-chart-table .snf5342-widget-chart-table-message-success i {
    border-color: #61b500;
    color: #61b500
}


.snf5342-widget-chart-table .snf5342-widget-chart-table-message-warning {
    color: #e19702
}


.snf5342-widget-chart-table .snf5342-widget-chart-table-message-warning i {
    border-color: #e19702;
    color: #e19702
}


.snf5342-widget-chart-table .snf5342-widget-chart-table-message-danger {
    color: #f24f02
}


.snf5342-widget-chart-table .snf5342-widget-chart-table-message-danger i {
    border-color: #f24f02;
    color: #f24f02
}


.snf5342-widget-chart-table .snf5342-widget-chart-table-message-danger i::before {
    content: "\e904"
}


.snf5342-widget-main .snf5342-widget-btn {
    display: inline-block;
    background: 0 0;
    border-radius: 4px;
    border: 1px solid #b5b5b5;
    text-decoration: none;
    padding: 15px;
    text-align: center;
    min-width: 230px;
    cursor: pointer;
    background: #fff;
    color: #b5b5b5;
    font: 600 14px/22px Overpass, sans-serif;
    text-transform: uppercase;
}


.snf5342-widget-main .snf5342-widget-btn-primary {
    border: 1px solid #5e6571;
    color: #5e6571
}


.snf5342-widget-main .snf5342-widget-btn-primary1 {
    border: 1px solid #5e6571;
}


.snf5342-widget-main .snf5342-widget-btn-primary-filled1 {
    cursor: pointer;
    color: #5e6571;
}


.snf5342-widget-main .snf5342-widget-btn-primary-filled {
    /*background: linear-gradient(to right,#ff5d3b 0,#ff2c65 100%);*/
    background: #5e6571;
    cursor: pointer;
    color: #ffffff;
}


.snf5342-widget-btn-primary-filled:hover {
    background: #787878;
}


.snf5342-widget-main .snf5342-widget-btn-style {
    padding-top: 6px;
    line-height: 1.7;
    cursor: pointer
}


.snf5342-widget-main .snf5342-widget-btn-style a {
    color: #333333
}


.snf5342-widget-main .snf5342-widget-btn-style span {
    color: #333
}


.snf5342-widget-main .snf5342-widget-btn-style p {
    color: #666;
    font-family: Overpass, sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-transform: lowercase;
}


.snf5342-widget-main .snf5342-widget-btn-link {
    padding: 15px 0;
    display: inline-block
}


.snf5342-widget-main .snf5342-widget-btn-link i {
    margin-right: 6px;
    font-size: 18px;
    display: inline-block;
    vertical-align: top
}


.snf5342-widget-select-brand {
    position: relative;
    font-size: 0;
    max-width: 286px;
    margin: 0 auto;
    margin-top: -41px;
}


.snf5342-widget-select-brand-inner {
    position: relative
}


/* input[type='radio'] {
    margin: 0px;
} */


.snf5342-widget-select-brand-inner i {
    position: absolute;
    right: 15px;
    top: 0;
    line-height: 42px;
    height: 100%;
    font-size: 14px;
    color: #666;
    font-family: Overpass, sans-serif;
    font-weight: normal;
    z-index: 999999999999;
}


.snf5342-widget-select-brand-inner .snf-widget-select-wrap .snf-widget-select-value {
    padding-left: 40px
}


.snf5342-widget-select-brand-inner .snf-widget-select-wrap .snf-widget-select-value::before {
    display: none
}


.snf5342-widget-select-brand-inner .snf-widget-select-wrap .snf-widget-select-list .snf-widget-select-filter input {
    padding-left: 30px
}


.snf5342-widget-select-brand-inner .snf-widget-select-list ul li:first-child {
    display: none!important
}


.snf5342-widget-select-brand label {
    text-align: center
}


.snf5342-widget-select-brand .snf5342-widget-form-main {
    position: relative
}


.snf5342-widget-select-brand .snf5342-widget-form-control {
    border: 1px solid rgba(181, 181, 181, .6);
    height: 42px;
    padding-right: 45px;
    border-radius: 2px;
    display: block;
    width: 100%;
    font: inherit;
    font-size: 14px;
    cursor: pointer
}


.snf5342-widget-content {
    position: relative;
    padding-top: 30px;
    padding-bottom: 135px;
    margin-top:25px
}


.snf5342-widget-content.snf5342-widget-content-no-head {
    padding: 0;
    height: 100%
}


.snf5342-widget-content .snf5342-widget-form-group {
    margin-bottom: 32px
}


.snf5342-widget-content .snf5342-widget-form-group:last-child {
    margin-bottom: 0
}


.snf5342-widget-content .snf5342-widget-form-group label {
    text-align: center;
    color: #333;
    font: 14px/22px Overpass, sans-serif;
}


.snf5342-widget-content .snf5342-widget-form-group .snf5342-widget-form-left label {
    text-align: center;
    color: #333;
    font: 14px/22px Overpass, sans-serif;
}


.snf5342-widget-content .snf5342-widget-form-group .snf5342-widget-form-item-text {
    max-width: 267px;
    width: 100%;
    margin: 0 auto
}


.snf5342-widget-content .snf5342-widget-form-group .snf5342-widget-form-item.snf5342-widget-form-carousel.snf5342-widget-has-arrows {
    padding: 0 0px;
    width: 100%;
    margin-left: 10%;
}


.snf5342-widget-content .snf5342-widget-form-group .snf5342-widget-form-item.snf5342-widget-form-carousel.snf5342-widget-has-arrows .snf5342-widget-form-item-crousel {
    margin: 0
}


.snf5342-widget-content .snf5342-widget-form-check {
    list-style: none;
    padding: 0;
    font-size: 0;
    text-align: center
}


.snf5342-widget-content .snf5342-widget-form-check .snf5342-widget-form-check-item {
    width: 33.33%;
    display: inline-block;
    position: relative;
    padding: 0 6px;
    overflow: hidden;
}


.snf5342-widget-content .snf5342-widget-form-check .snf5342-widget-form-check-item input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden
}


.snf5342-widget-content .snf5342-widget-form-check .snf5342-widget-form-check-item input:checked~span {
    border-color: #5e6571;
    color: #5e6571;
}


.snf5342-widget-content .snf5342-widget-form-check .snf5342-widget-form-check-item span {
    display: block;
    border: 1px solid #d8d8d8;
    border-radius: 4px;
    height: 42px;
    line-height: 40px;
    padding: 0;
    text-align: center;
    cursor: pointer;
    min-width: 100px;
    color: #666;
    font-family: Overpass, sans-serif;
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 3px
}


.snf5342-widget-content .snf5342-widget-form-check.snf5342-widget-form-item-crousel .snf5342-widget-form-check-item {
    width: 100%
}


.snf5342-widget-content .snf5342-widget-dress-list .snf5342-widget-form-check-item span,
.snf5342-widget-content .snf5342-widget-fit-list .snf5342-widget-form-check-item span {
    padding-left: 10px;
    padding-right: 10px
}


.snf5342-widget-content .snf5342-widget-form-item {
    position: relative;
    cursor: pointer
}


.snf5342-widget-content .snf5342-widget-form-item label {
    margin: 0
}


.snf5342-widget-content .snf5342-widget-fit-list-bn,
.snf5342-widget-content .snf5342-widget-size-list-bn {
    position: absolute;
    left: 0;
    top: calc(50% - 10px);
    font-size: 10px;
    color: #5e6571;
    padding: 5px;
    cursor: pointer;
    display: none
}


.snf5342-widget-content .snf5342-widget-fit-list-bn.snf5342-widget-fit-list-next,
.snf5342-widget-content .snf5342-widget-fit-list-bn.snf5342-widget-size-list-next,
.snf5342-widget-content .snf5342-widget-size-list-bn.snf5342-widget-fit-list-next,
.snf5342-widget-content .snf5342-widget-size-list-bn.snf5342-widget-size-list-next {
    left: auto;
    right: 0
}


.snf5342-widget-content .snf5342-widget-has-arrows .snf5342-widget-fit-list-bn,
.snf5342-widget-content .snf5342-widget-has-arrows .snf5342-widget-size-list-bn {
    display: block
}


.snf5342-widget-progress-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 999999999999;
    opacity: 1
}


.snf5342-widget-progress-overlay-fadeout {
    opacity: 0;
    z-index: -99
}


.snf5342-widget-progress-overlay .snf5342-widget-content {
    padding: 0!important
}


.snf5342-widget-canvas {
    width: 160px;
    height: 160px;
    margin: 0 auto;
    position: relative
}


.snf5342-widget-canvas-success {
    color: #61b500
}


.snf5342-widget-canvas-warning {
    color: #e19702
}


.snf5342-widget-canvas-danger {
    color: gray
}


.snf5342-widget-canvas-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 10px
}


.snf5342-widget-canvas-inner::after {
    content: "";
    display: inline-block;
    height: 100%;
    width: 1px;
    vertical-align: middle
}


.snf5342-widget-canvas-label {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 1px);
    text-align: center;
    line-height: 1
}


.snf5342-widget-canvas-label span {
    color: #333;
    font: 600 18px/22px Overpass, sans-serif;
    display: block;
}


.snf5342-widget-canvas-label span:first-child {
    color: #333;
    font: 600 22px/22px Overpass, sans-serif;
    ;
    text-transform: uppercase;
    margin: 0
}


.snf5342-widget-canvas canvas {
    position: absolute;
    left: 0;
    top: 0
}


.snf-widget-select-wrap {
    position: relative;
    width: 100%;
    min-width: 70px;
    display: inline-block;
    outline: 0;
    font-size: 14px;
    font-family: Overpass, sans-serif;
    font-weight: normal;
    text-align: left
}


.snf-widget-select-wrap .snf-widget-select-value {
    display: block;
    position: relative;
    padding: 0 30px 0 15px;
    height: 42px;
    line-height: 40px;
    /*border: 1px solid #d8d8d8;*/
    border-radius: 4px;
    color: #666;
    cursor: pointer;
    /* cursor: none; */
    overflow-x: hidden;
    white-space: nowrap;
}


.snf-widget-select-wrap .snf-widget-select-value::before {
    content: "\e906";
    /* content: none; */
    position: absolute;
    top: calc(50% - 5px);
    right: 10px;
    font-family: icomoon!important;
    speak: none;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 10px;
}


.snf-widget-select-wrap:focus .snf-widget-select-value {
    border-color: #5e6571
}


.snf-widget-select-wrap .snf-widget-select-list {
    position: absolute;
    top: 0;
    width: 100%;
    height: 0;
    background: #fff;
    opacity: 0;
    outline: 0;
    border: 1px solid #5e6571;
    overflow: hidden;
    z-index: 999999999999;
    border-radius: 2px
}


.snf-widget-select-para {
    width: 140px;
    padding: 3px 3px 3px 3px;
    border: 1px solid #b5b5b5;
}


.snf-image {
    height: 31px;
    margin-top: -27px;
    float: right;
    margin-right: 16px;
}


.snf-widget-select-wrap .snf-widget-select-list.snf-widget-select-open {
    height: auto;
    opacity: 1
}


.snf-widget-select-wrap .snf-widget-select-list .snf-widget-select-filter {
    padding: 10px;
    height: 42px
}


.snf-widget-select-wrap .snf-widget-select-list .snf-widget-select-filter input {
    width: 100%;
    font: inherit;
    border: none;
    outline: 0;
    margin: 0;
    padding: 0 0 5px
}


.snf-widget-select-wrap .snf-widget-select-list ul {
    display: block;
    margin: 0;
    padding: 0;
    max-height: 150px;
    overflow-y: auto;
    overflow-x: hidden
}


.snf-widget-select-wrap .snf-widget-select-list ul li {
    display: block;
    list-style: none;
    padding: 10px;
    cursor: pointer
}


.snf-widget-select-wrap .snf-widget-select-list ul li.snf-widget-select-hovered,
.snf-widget-select-wrap .snf-widget-select-list ul li:hover {
    background: rgba(181, 181, 181, .6)
}


.snf-widget-select-wrap.large .snf-widget-select-filter {
    display: block
}


.snf-widget-select-wrap.large .snf-widget-select-list ul {
    max-height: 150px;
    overflow-y: scroll
}


.snf5342-widget-form-item-list-wrap {
    margin: 5px -10px
}


.snf5342-widget-form-item-list-wrap .snf5342-widget-form-item-list {
    display: inline-block;
    padding: 0 10px;
    vertical-align: top
}


.snf5342-widget-select-no-filter .snf-widget-select-wrap .snf-widget-select-list .snf-widget-select-filter {
    display: none
}


.snf5342-widget-select-no-filter .snf-widget-select-wrap .snf-widget-select-list.snf-widget-select-open {
    top: 0!important
}


.snf5342-widget-select-item {
    display: none;
    cursor: pointer;
}


.snf5342-widget-select-item-active {
    display: block
}


.snf5342-widget-select-slider-main {
    margin-top: 15px;
    padding: 0 30px;
    position: relative
}


.snf5342-widget-select-slider-main .snf5342-widget-select-slider-btn {
    left: 0;
    top: calc(50% - 10px);
    width: 20px;
    height: 20px;
    text-align: center;
    font-size: 14px;
    padding: 0;
    cursor: pointer;
    outline: 0;
    color: #b5b5b5;
    border: none;
    border: 1px solid #b5b5b5;
    background: #fff;
    /* border-radius: 50%; */
    position: absolute;
    min-width: 0px;
    min-height: 23px;
}


.snf5342-widget-select-slider-main .snf5342-widget-select-slider-up {
    left: auto;
    right: 0
}


.snf5342-widget-body-shape {
    margin: 20px 0px 0px 23px;
}


.snf5342-widget-body-shape-wrap {
    position: relative
}


.snf5342-widget-body-shape-wrap>label {
    margin-bottom: 10px;
    position: relative
}


.snf5342-widget-body-shape-item {
    padding: 0 13px
}


.snf5342-widget-body-shape-item label {
    display: block;
    margin: 0;
    cursor: pointer
}


.snf5342-widget-body-shape-item input {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    /* bottom: 0 */
}


.snf5342-widget-body-shape-item input:checked~.snf5342-widget-body-shape-item-inner {
    transform: scale(1.1)
}


.snf5342-widget-body-shape-item input:checked~.snf5342-widget-body-shape-item-inner .snf5342-widget-body-shape-item-image {
    border-color: #5e6571
}


.snf5342-widget-body-shape-item input:checked~.snf5342-widget-body-shape-item-inner .snf5342-widget-body-shape-item-image::before {
    opacity: 1;
    visibility: visible
}


.snf5342-widget-body-shape-item-inner {
    text-align: center;
    position: relative
}


.snf5342-widget-body-shape-item-image {
    position: relative;
    position: relative;
    border: 1px solid #efefef;
    border-radius: 2px;
    padding: 2px;
    margin-bottom: 10px
}


.snf5342-widget-body-shape-item-image img {
    max-width: 100%;
    height: auto
}


.snf5342-widget-body-shape-item-image::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(255, 255, 255, .95);
    opacity: 0;
    visibility: hidden
}


/*.snf5342-widget-body-shape-item-image::before {
    content: "\e905";
    font-family: icomoon!important;
    position: absolute;
    top: calc(50% - 6px);
    left: calc(50% - 6px);
    font-size: 12px;
    color: #fff;
    opacity: 0;
    visibility: hidden
}*/


.snf5342-widget-body-shape-item-image p {
    position: absolute;
    top: 50%;
    /*padding: 4px;*/
    transform: translateY(-50%);
    opacity: 0;
    visibility: hidden;
    color: #000;
    font: 12px Overpass, sans-serif;
    left: 0;
    width: 100%;
    margin: 0;
    z-index: 999999999999;
    line-height: 18px;
}


.snf5342-widget-body-shape-item-image:hover p,
.snf5342-widget-body-shape-item-image:hover::after {
    opacity: 0.8;
    visibility: visible;
}


.snf5342-widget-body-shape-btn {
    position: absolute;
    left: 0;
    top: calc(50% - 8px);
    font-size: 16px;
    color: #979797;
    display: none;
    cursor: pointer
}


.snf5342-widget-body-shape-btn-next {
    left: auto;
    right: 0
}


.snf5342-widget-wh-result {
    text-align: center
}


.snf5342-widget-wh-result .snf5342-widget-wh-result-text {
    margin: 20px 0 10px;
    font-size: 18px;
    font-weight: 600
}


.snf5342-widget-wh-result .snf5342-widget-wh-result-text-success {
    color: #61b500
}


.snf5342-widget-wh-result .snf5342-widget-wh-result-text-warning {
    color: #e19702
}


.snf5342-widget-wh-result .snf5342-widget-wh-result-text-danger {
    color: #f24f02
}


.snf5342-widget-wh-result label {
    text-align: center;
    margin-bottom: 40px
}


.snf5342-widget-content .snf5342-widget-wh-result .snf5342-widget-form-check {
    text-align: center
}


.snf5342-widget-toggle-disabled {
    pointer-events: none
}


.snf5342-widget-about-main {
    max-width: 330px;
    margin: 0 auto;
    padding: 30px 20px;
    text-align: center
}


.snf5342-widget-about-main p {
    margin-bottom: 30px;
    margin-top: 0
}


.snf5342-widget-about-main p a {
    font-weight: 600;
    text-decoration: none
}


.snf5342-widget-about-main p strong {
    font-weight: 600
}


.snf5342-widget-about-main .snf5342-widget-brand {
    margin-bottom: 30px
}


.snf5342-widget-about-main .snf5342-widget-brand p {
    margin: 0 0 6px
}


.snf5342-widget-tab-active .snf5342-widget-footer-delay,
.snf5342-widget-tab-active .snf5342-widget-wh-result-text {
    opacity: 0;
    animation: FadeIn .3s ease-in 1.5s forwards
}


@keyframes snfHoverremove {
    to {
        opacity: 0;
        visibility: hidden
    }
}


@keyframes FadeIn {
    to {
        opacity: 1
    }
}


@media (min-width:768px) and (min-height:580px) {
    .snf5342-widget-main {
        /*top: calc(50% - 289px)*/
    }
}


@media (min-width:768px) {
    .snf5342-widget-main {
        margin: 0 auto
    }
    .snf5342-widget-content {
        /*padding: 30px 9px 100px 15px;*/
        padding: 5px 0px 5px 0px;
        height: calc(100% - 20px);
    }
    .snf5342-widget-head {
        height: 40px
    }
    .snf5342-widget-head h2 {
        /*margin-top: 18px*/
    }
    .snf5342-widget-head-left {
        display: block
    }
    .snf5342-widget-footer {
        bottom: 30px;
        padding: 0 45px
    }
    .snf5342-widget-footer .snf5342-widget-left {
        font-size: 12px
    }
    .snf5342-widget-footer #snf5342-widget-addto-bag {
        min-width: 230px
    }
    .snf5342-widget-main {
        /*max-height: 578px*/
    }
    .snf5342-widget-select-brand .snf5342-widget-form-control {
        padding-right: 15px;
        padding-left: 45px
    }
    .snf5342-widget-select-brand-inner i {
        right: auto;
        left: 15px
    }
    .snf5342-widget-content .snf5342-widget-form-group {
        /*margin-bottom: 58px;*/
        font-size: 0;
        text-align: left
    }
    .snf5342-widget-content .snf5342-widget-form-group label {
        text-align: left
    }
    .snf5342-widget-content .snf5342-widget-form-group::after {
        content: "";
        display: table;
        clear: both
    }
    .snf5342-widget-content .snf5342-widget-form-group .snf5342-widget-form-left {
        width: 36%;
        padding-right: 25px;
        display: inline-block;
        vertical-align: middle;
        margin-bottom: -10px;
        margin-left: 35px;
    }
    .snf5342-widget-content .snf5342-widget-form-group .snf5342-widget-form-left label {
        text-align: left
    }
    .snf5342-widget-content .snf5342-widget-form-group .snf5342-widget-form-item {
        /* width: 64%;
        display: inline-block;
        vertical-align: middle;
        margin-left: -20px;*/
        width: 50%;
        display: inline-block;
        vertical-align: middle;
        /* margin-left: -25px; */
    }
    .snf5342-widget-content .snf5342-widget-form-group .snf5342-widget-form-item-text {
        max-width: 267px;
        width: 100%;
        margin: 0;
        margin-left: 30px
    }
    .snf5342-widget-content .snf5342-widget-form-group-slider {
        margin-bottom: 35px
    }
    .snf5342-widget-content .snf5342-widget-form-check {
        text-align: left
    }
    .snf5342-widget-body-shape-item {
        float: left;
        width: 25%!important;
        margin-left: -3px;
    }
    .snf5342-widget-select-slider-main {
        width: 85%;
        float: right;
        margin-right: 25px;
    }
}


@media (max-width:767px) {
    .snf5342-widget-main {
        max-width: 100%
    }
    .snf5342-widget-okbuttonclass{
        margin: 0% 25px 0px 34px;
    }
    .snf5342-widget-okbutton{
        font-weight: 600;
    }
    .snf5342-widget-okbutton{
        margin: 70% 20px 0px 20px;
    }
    .snf5342-widget-main .snf5342-widget-btn {
        padding: 20px 15px
    }
    .snf5342-widget-main .snf5342-widget-btn-style {
        padding-bottom: 15px
    }
    .snf5342-widget-main .snf5342-widget-form-control {
        text-align: center
    }
    .snf5342-template {
        margin-right: 45px;
    }
    .snf5342-widget-head {
        height: 58px;
        padding-left: 50px;
        padding-right: 50px;
        /*max-width: 360px;*/
        margin: 0 auto
    }
    .snf5342-form-control {
        width: 130%;
    }
    .close {
        color: rgb(94, 101, 113);
        margin-top: 20px;
    }
    .snf5342-widget-chart-head {
        padding-left: 10px;
        padding-right: 10px
    }
    .snf5342-widget-content {
        height: calc(100% - -120px)
    }
    .snf5342-widget-keypadon .snf5342-widget-content {
        padding: 10px 0
    }
    .snf5342-widget-keypadon .snf5342-widget-content .snf5342-widget-footer {
        opacity: 0
    }
    .snf5342-widget-content .snf5342-widget-select-brand .snf-widget-select-wrap .snf-widget-select-list {
        position: relative!important;
        top: -42px!important
    }
    .snf5342-widget-content .snf5342-widget-select-brand .snf-widget-select-wrap .snf-widget-select-list.snf-widget-select-open {
        height: 194px
    }
    .snf5342-widget-content form {
        padding: 35px 5px 0px 5px;
    }
    .snf5342-widget-footer {
        padding: 0;
        text-align: center
    }
    .snf5342-widget-footer .snf5342-widget-left {
        margin-bottom: 5px;
        float: none
    }
    .snf5342-widget-footer .snf5342-widget-right {
        float: none
    }
    .snf5342-widget-footer .snf5342-widget-btn {
        width: 100%;
        display: block
    }
    .snf5342-widget-footer .snf5342-widget-btn-disabled {
        background: #b5b5b5;
        color: #fff
    }
    .snf5342-widget-footer .snf5342-widget-btn-primary {
        border: none
    }
    .snf5342-widget-unit-switch.snf5342-widget-unit-switch-on .snf5342-widget-unit-switch-btn::before {
        left: 21px
    }
    .snf5342-widget-unit-switch-btn {
        height: 14px;
        border: 1px solid rgba(94, 101, 113, .16);
        border-radius: 10px;
        margin: 0 8px;
        display: none;
    }
    .snf5342-widget-unit-switch-btn::before {
        height: 20px;
        width: 20px;
        left: -3px;
        top: -4px;
        background: #f1f1f1
    }
    .snf5342-widget-powered-by {
        display: block
    }
    .snf5342-widget-form-item-list-wrap {
        text-align: center
    }
    .snf5342-widget-form-item-list-wrap .snf5342-widget-form-item-list {
        margin-bottom: 5px
    }
    .snf5342-widget-body-shape-wrap {
        max-width: 500px;
        margin: 0 auto;
        padding: 0 30px
    }
    .snf5342-widget-body-shape-item input:checked~.snf5342-widget-body-shape-item-inner {
        transform: scale(1)
    }
    .snf5342-widget-has-arrows .snf5342-widget-body-shape-btn {
        display: block
    }
    .snf5342-widget-content .snf5342-widget-form-group-slider {
        font-size: 0;
        text-align: left;
        margin: 32px 20px;
    }
    .snf5342-widget-content .snf5342-widget-form-group-slider .snf5342-widget-form-left {
        width: 36%;
        padding-right: 36px;
        display: inline-block;
        vertical-align: middle
    }
    .snf5342-widget-content .snf5342-widget-form-group-slider .snf5342-widget-form-left label {
        text-align: left
    }
    .snf5342-widget-content .snf5342-widget-form-group-slider .snf5342-widget-form-left label br {
        display: none
    }
    .snf5342-widget-content .snf5342-widget-form-group-slider .snf5342-widget-form-item {
        width: 64%;
        display: inline-block;
        vertical-align: middle;
        text-align: left
    }
    .snf5342-widget-content .snf5342-widget-form-group-mobile-left .snf5342-widget-form-check,
    .snf5342-widget-content .snf5342-widget-form-group-mobile-left .snf5342-widget-form-item,
    .snf5342-widget-content .snf5342-widget-form-group-mobile-left .snf5342-widget-form-left label {
        text-align: left
    }
    .snf5342-widget-select-brand .snf-widget-select-wrap .snf-widget-select-value {
        padding-left: 15px;
        padding-right: 40px
    }
    .snf5342-widget-select-brand .snf-widget-select-wrap .snf-widget-select-list .snf-widget-select-filter input {
        padding-left: 5px;
        padding-right: 40px
    }
    .snf5342-widget-content .snf5342-widget-dress-list .snf5342-widget-form-check-item {
        width: 33.33%
    }
    .snf5342-widget-content .snf5342-widget-dress-list .snf5342-widget-form-check-item span {
        padding-left: 5px;
        padding-right: 5px
    }
    .snf5342-widget-body-shape-item input:checked~.snf5342-widget-body-shape-item-inner .snf5342-widget-body-shape-item-image p,
    .snf5342-widget-body-shape-item input:checked~.snf5342-widget-body-shape-item-inner .snf5342-widget-body-shape-item-image::after {
        animation: snfHoverremove .3s ease-in 5s forwards
    }
    .snf5342-widget-select-slider-main {
        padding: 0 45px
    }
    .snf5342-widget-select-slider-main .snf5342-widget-select-slider-btn {
        width: 30px;
        height: 30px;
        top: calc(50% - 15px)
    }
    .snf5342-widget-body-shape-wrap>label {
        margin-bottom: 10px
    }
	.forbummer{
		/* font-size: 11px; */
		bottom:0;
	}
    .forbummer:after {
        height: 1.6px;
        bottom: -3px;
    }
    .forbummermob{
        bottom: 4px;
    }
    .badge {       
        margin-top: -24px;
    }
}


@media (max-width:600px) {
    .snf5342-widget-chart-table-row-cell-chest,
    .snf5342-widget-chart-table-row-cell-size {
        width: 20%
    }
    .snf5342-widget-chart-table-row-cell-length {
        width: 35%
    }
    .snf5342-widget-body-shape-item-inner span {
        font-size: 14px
    }
}


@media (max-width:500px) {
    .snf5342-calculatesize {
        width: 135px;
        height: 140px;
    }
    .snf5342-widget-content .snf5342-widget-fit-list .snf5342-widget-form-check-item span {
        padding: 0 5px;
        font-size: 12px
    }
    .snf5342-widget-body-shape {
        margin: 0;
        display: flex;
    }
    .snf5342-widget-body-shape-wrap {
        padding: 0 10px
    }
    .snf5342-widget-body-shape-btn {
        left: -20px;
        display: block
    }
    .snf5342-widget-body-shape-btn-next {
        left: auto;
        right: -20px
    }
    .snf5342-widget-body-shape-item {
        padding: 0 5px
    }
    .snf5342-widget-body-shape-inner {
        font-size: 14px
    }
}


@media (max-width:420px) {
    .snf5342-widget-content .snf5342-widget-form-group-slider .snf5342-widget-form-left {
        width: 30%;
        padding-right: 20px
    }
    .snf5342-widget-content .snf5342-widget-form-group-slider .snf5342-widget-form-item {
        width: 70%
    }
    .snf5342-widget-content .snf5342-widget-form-group-slider .snf5342-widget-form-item-list-wrap .snf5342-widget-form-item-list {
        padding: 0 5px
    }
    .snf5342-widget-content .snf5342-widget-form-group-slider .snf-widget-select-wrap {
        min-width: 60px
    }
    .snf5342-widget-content .snf5342-widget-form-group-slider .snf-widget-select-wrap .snf-widget-select-value {
        padding: 0 20px 0 10px
    }
    .snf5342-widget-content .snf5342-widget-form-group-slider .snf-widget-select-wrap .snf-widget-select-value::before {
        right: 8px
    }
    .snf5342-widget-content .snf5342-widget-chart-table-row-cell {
        padding-left: 5px;
        padding-right: 5px
    }
    .snf5342-widget-content .snf5342-widget-chart-table-row-cell-size {
        width: 18%
    }
    .snf5342-widget-content .snf5342-widget-chart-table-row-cell-length {
        width: 36%
    }
    .snf5342-widget-content .snf5342-widget-chart-table-row-cell-shldr {
        width: 26%
    }
    .scroll1 {
        height: 45%;
        /* margin-top: 39%; */
    }
    .snf5342-widget-chart-table-head {
        margin-top: 80px;
    }
}


@media (max-width:767px) and (max-height:580px) and (min-height:421px) {
    .snf5342-widget-main-with-chart .snf5342-widget-content {
        padding-top: 96px
    }
    .snf5342-widget-content .snf5342-widget-chart-table {
        border: none;
        margin-top: 74px;
    }
    .snf5342-widget-content .snf5342-widget-chart-head {
        position: absolute;
        top: 20px;
        width: 100%;
        /*border-bottom: 1px solid rgba(181, 181, 181, .6)*/
    }
    .snf5342-widget-content .snf5342-widget-chart-table-head {
        position: absolute;
        top: 55px;
        width: 100%
    }
    .snf5342-widget-okbutton{
        margin: 70% 20px 0px 20px;
    }
}


@media (max-width:767px) and (max-height:570px) {
    .snf5342-widget-content .snf5342-widget-form-group {
        margin-bottom: 15px
    }
    .snf5342-widget-okbutton{
        margin: 80% 20px 0px 20px;
    }
}


@media (max-width:767px) and (max-height:420px) {
    .snf5342-widget-content {
        padding-bottom: 0;
        overflow-y: auto;
        padding-top: 0;
        height: calc(100% - 78px)
    }
    .snf5342-widget-head {
        height: 78px;
        padding-bottom: 20px
    }
    .snf5342-widget-main-scroll {
        height: auto
    }
    .snf5342-widget-footer {
        position: relative
    }
    .snf5342-widget-okbutton{
        margin: 70% 20px 0px 20px;
    }
}


/* Keep the design-system layer last so legacy flow-specific declarations
   cannot reintroduce the old mixed palette and typography. */


.snf5342-widget-wrap,.snf5342-widget-wrap button,.snf5342-widget-wrap input,
.snf5342-widget-wrap select,.snf5342-widget-wrap textarea{font-family:var(--snf-font)!important}


.snf5342-widget-wrap{color:var(--snf-text)!important}


.snf5342-widget-content,.snf5342-garment-content,.snf5342-tryon-content{background:var(--snf-surface)!important;color:var(--snf-text)!important}


.snf5342-widget-okbutton,.snf5342-widget-okbuttonclass,.snf5342-garment-cta,
.snf5342-login-submit,.snf5342-tryon-primary{border-color:var(--snf-primary)!important;background:var(--snf-primary)!important;color:#fff!important}


.snf5342-widget-okbutton:hover,.snf5342-widget-okbuttonclass:hover,.snf5342-garment-cta:hover,
.snf5342-login-submit:hover,.snf5342-tryon-primary:hover{background:var(--snf-primary-hover)!important}


.snf5342-calculator-tab-active,.snf5342-calculator-tab:hover{border-bottom-color:var(--snf-accent)!important;color:var(--snf-accent)!important}


.snf5342-login-error,.snf5342-tryon-error,.snf5342-garment-error{color:var(--snf-danger)!important}


.snf5342-widget-wrap .snf5342-widget-okbuttonclass{border:0!important;background:transparent!important;box-shadow:none!important}


/* Virtual Try-On reference UI */


#snf5342-widget-wrap-tryon{--snf-tryon-ink:#0e213f;--snf-tryon-accent:#ef174b}


#snf5342-widget-wrap-tryon .snf5342-widget-main{max-width:480px;border:1px solid #e3e5e8;border-radius:22px;background:#fff;box-shadow:0 12px 36px #1112;overflow:hidden}


#snf5342-widget-wrap-tryon .snf5342-tryon-head{min-height:68px;padding:12px 18px;border-color:#e7e9ec}


#snf5342-widget-wrap-tryon .snf5342-tryon-head strong{color:var(--snf-tryon-ink)!important;font-size:20px;font-weight:700}


#snf5342-widget-wrap-tryon .snf5342-tryon-head span{color:#66748a!important;font-size:12px}


#snf5342-widget-wrap-tryon .snf5342-tryon-back,
#snf5342-widget-wrap-tryon .snf5342-tryon-close{width:36px;height:36px;flex-basis:36px;border:1px solid #dfe3e8;background:#fff;color:var(--snf-tryon-ink);font-size:24px}


#snf5342-widget-wrap-tryon .snf5342-tryon-head-share{width:36px;height:36px;flex:0 0 36px;border:0;border-radius:8px;box-shadow:none}


#snf5342-widget-wrap-tryon .snf5342-calculator-tabs{padding:4px 18px 0;gap:24px}


#snf5342-widget-wrap-tryon .snf5342-calculator-tab{padding:11px 2px 10px;color:#263449!important;font-size:12px}


#snf5342-widget-wrap-tryon .snf5342-calculator-tab-active{border-color:var(--snf-tryon-accent)!important;color:var(--snf-tryon-accent)!important}


#snf5342-widget-wrap-tryon .snf5342-tryon-panel{min-height:590px;padding:20px 22px}


#snf5342-widget-wrap-tryon .snf5342-tryon-panel h2{margin:18px 0 7px;color:var(--snf-tryon-ink)!important;font-size:22px;font-weight:600}


#snf5342-widget-wrap-tryon .snf5342-tryon-panel p{font-size:12px}


#snf5342-widget-wrap-tryon .snf5342-tryon-steps b{background:#050505!important}


#snf5342-widget-wrap-tryon .snf5342-tryon-steps b,
#snf5342-widget-wrap-tryon .snf5342-tryon-steps span{width:30px;height:30px;font-size:12px}


#snf5342-widget-wrap-tryon .snf5342-tryon-steps i{width:48px}


#snf5342-widget-wrap-tryon .snf5342-tryon-garment-preview{display:block;width:100%;height:360px;margin:0 auto 24px;border-radius:18px;background:#f5f5f3;object-fit:contain;box-shadow:none}


#snf5342-widget-wrap-tryon .snf5342-tryon-primary{min-height:48px!important;border-color:#090909!important;border-radius:24px!important;background:#090909!important;box-shadow:0 5px 12px #0002!important}


#snf5342-widget-wrap-tryon .snf5342-tryon-secondary{min-height:44px!important;border-radius:22px!important;color:#18263c!important}


#snf5342-widget-wrap-tryon .snf5342-tryon-primary>i,
#snf5342-widget-wrap-tryon .snf5342-tryon-secondary>i{margin-right:9px;font-size:20px;vertical-align:middle}


#snf5342-widget-wrap-tryon .snf5342-tryon-upload-actions>label{display:flex!important;align-items:center;justify-content:center}


#snf5342-widget-wrap-tryon .snf5342-tryon-head-share>i{font-size:24px}


#snf5342-widget-wrap-tryon .snf5342-tryon-ready{padding:14px 20px 18px}


#snf5342-widget-wrap-tryon .snf5342-tryon-photo-wrap{max-width:315px;margin:0 auto 12px;border-radius:14px}


#snf5342-widget-wrap-tryon .snf5342-tryon-image{height:410px;object-fit:cover}


#snf5342-widget-wrap-tryon .snf5342-tryon-now{width:100%!important;margin:10px 0!important}


#snf5342-widget-wrap-tryon .snf5342-tryon-generating{padding:58px 28px 22px}


#snf5342-widget-wrap-tryon .snf5342-tryon-processing-images>img{width:112px;height:132px;transform:none}


#snf5342-widget-wrap-tryon .snf5342-tryon-processing-images>img:last-child{transform:none}


#snf5342-widget-wrap-tryon .snf5342-tryon-generating h2{margin-top:48px}


#snf5342-widget-wrap-tryon .snf5342-tryon-progress{height:5px;background:#e7e9ed}


#snf5342-widget-wrap-tryon .snf5342-tryon-progress i{background:var(--snf-tryon-accent)!important}


#snf5342-widget-wrap-tryon .snf5342-tryon-tip{display:block;max-width:360px;min-height:0;box-sizing:border-box;margin:30px auto 0;padding:18px 20px;border:1px solid #f2c5d1;border-radius:16px;background:linear-gradient(145deg,#fff 0%,#fff7f9 100%);color:#263449;font-size:12px;box-shadow:0 8px 24px #d91f5012;text-align:left}


#snf5342-widget-wrap-tryon .snf5342-tryon-tip>b{display:flex;align-items:center;gap:9px;margin:0 0 14px;color:var(--snf-tryon-ink);font-size:13px;font-weight:700;letter-spacing:0;text-transform:none}


#snf5342-widget-wrap-tryon .snf5342-tryon-tip>b>i{display:grid;width:30px;height:30px;flex:0 0 30px;place-items:center;border-radius:9px;background:var(--snf-tryon-accent);color:#fff;font-size:17px}


#snf5342-widget-wrap-tryon .snf5342-tryon-tip>ul{margin:0;padding:0;list-style:none}


#snf5342-widget-wrap-tryon .snf5342-tryon-tip li{position:relative;margin:9px 0;padding-left:25px;color:#4d596c;font-size:12px;line-height:1.4}


#snf5342-widget-wrap-tryon .snf5342-tryon-tip li::before{position:absolute;top:0;left:0;display:grid;width:17px;height:17px;place-items:center;border-radius:50%;background:#f8dce4;color:var(--snf-tryon-accent);content:'\2713';font-size:10px;font-weight:800}


#snf5342-widget-wrap-tryon .snf5342-tryon-result{min-height:0;padding:14px 20px 28px}


#snf5342-widget-wrap-tryon .snf5342-tryon-change-customer{margin:0 0 10px;padding:7px 11px;border-radius:18px;font-size:11px}


#snf5342-widget-wrap-tryon .snf5342-tryon-result-card{margin:0;padding:0;border:0}


#snf5342-widget-wrap-tryon .snf5342-tryon-result-image-wrap{height:440px;border-radius:14px;box-shadow:none}


#snf5342-widget-wrap-tryon .snf5342-tryon-result-garment{right:12px;bottom:12px;width:100px;height:126px;border-radius:12px}


#snf5342-widget-wrap-tryon .snf5342-tryon-product-summary{display:flex;gap:14px;margin-top:16px;padding-bottom:16px;border-bottom:1px solid #dfe3e8;text-align:left}


#snf5342-widget-wrap-tryon .snf5342-tryon-product-summary>img{width:92px;height:112px;border-radius:11px;background:#f1f2f3;object-fit:contain}


#snf5342-widget-wrap-tryon .snf5342-tryon-result-meta{display:flex;align-items:flex-start;flex-direction:column;gap:5px;padding:5px 0}


#snf5342-widget-wrap-tryon .snf5342-tryon-result-meta strong{font-size:14px}


#snf5342-widget-wrap-tryon .snf5342-tryon-result-meta span{font-size:12px}


#snf5342-widget-wrap-tryon .snf5342-tryon-result-meta button{margin-top:5px;padding:8px 13px;border:1px solid #cfd5dd;border-radius:9px;background:#fff;color:var(--snf-tryon-ink);cursor:pointer;font-size:12px;font-weight:600}


#snf5342-widget-wrap-tryon .snf5342-tryon-feedback{margin:0;padding:16px 0;border:0!important;border-bottom:1px solid #dfe3e8!important;border-radius:0;background:#fff!important;text-align:center}


#snf5342-widget-wrap-tryon .snf5342-tryon-feedback>strong{font-size:13px}


#snf5342-widget-wrap-tryon .snf5342-tryon-feedback>span{display:block;margin-top:4px;color:#748096;font-size:11px}


#snf5342-widget-wrap-tryon .snf5342-tryon-feedback button{flex:1;padding:11px 8px;border-radius:9px}


#snf5342-widget-wrap-tryon .snf5342-tryon-feedback button:first-child{color:#16873a}


#snf5342-widget-wrap-tryon .snf5342-tryon-feedback button:last-child{color:#e8294c}


#snf5342-widget-wrap-tryon .snf5342-tryon-recent{margin:14px 0 18px}


#snf5342-widget-wrap-tryon .snf5342-tryon-recent>div{gap:9px}


#snf5342-widget-wrap-tryon .snf5342-tryon-recent button{width:76px;height:100px;border-radius:10px}


#snf5342-widget-wrap-tryon .snf5342-tryon-recent button.active{border-color:#219653}


#snf5342-widget-wrap-tryon .snf5342-tryon-result-privacy{display:flex;align-items:center;gap:13px;padding:16px 4px;border-top:1px solid #dfe3e8;text-align:left}


#snf5342-widget-wrap-tryon .snf5342-tryon-result-privacy>i{font-size:28px}


#snf5342-widget-wrap-tryon .snf5342-tryon-result-privacy strong{display:block;font-size:13px}


#snf5342-widget-wrap-tryon .snf5342-tryon-result-privacy span{display:block;margin-top:5px;color:#758096;font-size:10px;line-height:1.45}


@media(max-width:420px){#snf5342-widget-wrap-tryon .snf5342-widget-main{border-radius:0}#snf5342-widget-wrap-tryon .snf5342-tryon-result-image-wrap{height:390px}#snf5342-widget-wrap-tryon .snf5342-tryon-recent button{width:68px;height:88px}}


/* Result feed: each saved look has its own photo, shopping and feedback actions. */


#snf5342-widget-wrap-tryon .snf5342-tryon-result-card{margin:0 0 26px;padding:0 0 26px;border-bottom:1px solid #e5e8ee}


#snf5342-widget-wrap-tryon .snf5342-tryon-photo-action{display:block;margin:12px auto 14px;padding:8px 16px;border:1px solid #dfe3e8;border-radius:20px;background:#fff;color:#536073;font:500 12px/1.3 Overpass,Arial,sans-serif;cursor:pointer}


#snf5342-widget-wrap-tryon .snf5342-tryon-card-caption{display:flex;align-items:baseline;gap:12px;margin:0 0 14px;text-align:left}


#snf5342-widget-wrap-tryon .snf5342-tryon-card-caption strong{flex:1;min-width:0;color:#182133;font-size:15px;line-height:1.4;font-weight:600;overflow-wrap:anywhere}


#snf5342-widget-wrap-tryon .snf5342-tryon-card-caption time{flex-shrink:0;color:#758095;font-size:12px;white-space:nowrap}


#snf5342-widget-wrap-tryon .snf5342-tryon-result-actions{display:flex;gap:10px}


#snf5342-widget-wrap-tryon .snf5342-tryon-result-actions .snf5342-tryon-primary{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;min-width:0;min-height:56px!important;border-radius:18px!important;font-size:16px}


#snf5342-widget-wrap-tryon .snf5342-tryon-result-actions .snf5342-tryon-primary i{font-size:21px}


#snf5342-widget-wrap-tryon .snf5342-tryon-result-actions .snf5342-tryon-share{display:grid;place-items:center;width:58px;flex:0 0 58px;border-radius:18px;font-size:25px}


#snf5342-widget-wrap-tryon .snf5342-tryon-result-card .snf5342-tryon-feedback{margin:12px 0 0;padding:16px 10px 14px;border:1px solid #edf0f3!important;border-radius:18px;background:#f8f9fb!important;color:#28456f}


#snf5342-widget-wrap-tryon .snf5342-tryon-result-card .snf5342-tryon-feedback>strong{font-size:13px;font-weight:500}


#snf5342-widget-wrap-tryon .snf5342-tryon-result-card .snf5342-tryon-feedback>div{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:10px}


#snf5342-widget-wrap-tryon .snf5342-tryon-result-card .snf5342-tryon-feedback button{flex:0 1 auto;min-height:36px;padding:8px 10px;border:1px solid #e0e5ed;border-radius:12px;background:#fff;color:#28456f;font-size:12px;line-height:1.3}


#snf5342-widget-wrap-tryon .snf5342-tryon-result-card .snf5342-tryon-feedback button.active{border-color:#28456f;background:#edf3fb;box-shadow:inset 0 0 0 1px #28456f}


#snf5342-widget-wrap-tryon .snf5342-tryon-emoji{font-family:"Segoe UI Emoji","Apple Color Emoji",sans-serif}


#snf5342-widget-wrap-tryon .snf5342-tryon-photo-action:focus-visible,#snf5342-widget-wrap-tryon .snf5342-tryon-result-actions button:focus-visible,#snf5342-widget-wrap-tryon .snf5342-tryon-feedback button:focus-visible{outline:2px solid #28456f;outline-offset:3px}


#snf5342-widget-wrap-tryon .snf5342-tryon-thumb{width:17px;height:17px;flex-shrink:0;vertical-align:middle;fill:#ffc83d;stroke:#c3870a;stroke-width:1.2;stroke-linejoin:round}


#snf5342-widget-wrap-tryon .snf5342-tryon-thumb-down{transform:rotate(180deg)}


#snf5342-widget-wrap-tryon .snf5342-tryon-result-card .snf5342-tryon-feedback button:disabled{opacity:.6;cursor:wait}


#snf5342-widget-wrap-tryon .snf5342-tryon-result-card .snf5342-tryon-feedback .snf5342-tryon-feedback-saved{display:flex;flex-wrap:nowrap;align-items:center;gap:9px;margin:0;text-align:left;color:#00873b}


#snf5342-widget-wrap-tryon .snf5342-tryon-feedback-saved>svg{width:18px;height:18px;flex:0 0 18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}


#snf5342-widget-wrap-tryon .snf5342-tryon-feedback-saved>span{flex:1;min-width:0;font-size:12px;line-height:1.5}


#snf5342-widget-wrap-tryon .snf5342-tryon-result-card .snf5342-tryon-feedback-saved>button{flex:0 0 auto;min-height:32px;padding:4px;border:0;border-radius:4px;background:none;color:#758095;text-decoration:underline;font-size:11px;box-shadow:none}


#snf5342-widget-wrap-tryon .snf5342-tryon-feedback .snf5342-tryon-feedback-error{display:block;margin-top:8px;color:#bd2436;font-size:12px}


#snf5342-widget-wrap-tryon .snf5342-tryon-panel .snf5342-tryon-upload-title{margin:0 0 20px;color:#111!important;font-size:21px;font-weight:400;line-height:1.35;text-align:center}


#snf5342-widget-wrap-tryon .snf5342-tryon-photo-footer{margin-top:20px;text-align:center}


#snf5342-widget-wrap-tryon .snf5342-tryon-photo-footer .snf5342-tryon-old-image{display:inline-block;margin:0;padding:8px 12px;border:0;background:transparent;color:#758095;font:400 13px/1.4 Overpass,Arial,sans-serif;cursor:pointer}


#snf5342-widget-wrap-tryon .snf5342-tryon-photo-footer .snf5342-tryon-delete-note{margin:38px 0 0;padding:0;border:0;color:#929db0;font-size:12px;line-height:1.6}


#snf5342-widget-wrap-tryon .snf5342-tryon-photo-footer button:focus-visible{outline:2px solid #28456f;outline-offset:3px}


/* Stable modal width across every calculator and Try-On flow. */


.snf5342-widget-wrap .snf5342-widget-main{
    width:calc(100vw - 24px)!important;
    max-width:420px!important;
    float:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
    border-radius:22px!important;
    overflow:hidden!important;
}


.snf5342-widget-wrap .snf5342-widget-main-scroll{
    border-radius:inherit;
}


@media(max-width:500px){
    .snf5342-widget-wrap .snf5342-widget-main{width:calc(100vw - 24px)!important;max-width:420px!important}
}


/* Brand-flow redesign */


#snf5342-widget-wrap-2A .snf5342-widget-main{border:1px solid #e2e5e9;border-radius:22px;background:#fff;box-shadow:0 12px 32px #1018281a;overflow:hidden}


#snf5342-widget-wrap-2A .snf5342-widget-content{padding:0!important}


#snf5342-widget-wrap-2A .snf5342-widget-main-scroll-inner{padding-bottom:24px}


#snf5342-widget-wrap-2A .close{z-index:5;top:14px;right:16px;width:34px;height:34px;border:1px solid #dfe3e8;border-radius:50%;background:#fff;color:#17243a;font-size:23px;line-height:31px;text-align:center}


#snf5342-widget-wrap-2A .snf5342-widget-head{min-height:66px;padding:20px 22px 12px;border-bottom:1px solid #e6e9ed;color:#12213b;font-size:20px;font-weight:700;text-align:left}


#snf5342-widget-wrap-2A .snf5342-calculator-tabs{padding:3px 22px 0;gap:24px}


#snf5342-widget-wrap-2A .snf5342-calculator-tab{padding:11px 1px 10px;font-size:12px}


#snf5342-widget-wrap-2A .snf5342-garment-notice{margin:14px 20px 0;border-radius:9px}


#snf5342-widget-wrap-2A form>br{display:none}


#snf5342-widget-wrap-2A form{padding:22px 20px 0!important}


#snf5342-widget-wrap-2A .snf5342-widget-select-brand,
#snf5342-widget-wrap-2A .snf5342-widget-form-group{margin:0 0 18px!important;padding:0!important}


#snf5342-widget-wrap-2A form.snf5342-brand-pending{min-height:300px}


#snf5342-widget-wrap-2A form.snf5342-brand-pending>.snf5342-widget-select-brand{max-width:320px;margin:90px auto 0!important}


#snf5342-widget-wrap-2A form.snf5342-brand-pending>#brandstyle,
#snf5342-widget-wrap-2A form.snf5342-brand-pending>#brandinput,
#snf5342-widget-wrap-2A form.snf5342-brand-pending>#nextbuttonbrand,
#snf5342-widget-wrap-2A form.snf5342-brand-pending>#sizeDisplaybrand,
#snf5342-widget-wrap-2A form.snf5342-brand-pending>#snftechdisplaybrand{display:none!important}


#snf5342-widget-wrap-2A .snf5342-widget-select-brand-inner{padding:0!important;text-align:left}


#snf5342-widget-wrap-2A .snf5342-widget-select-brand-inner label{display:block;margin:0 0 7px;color:#25324a;font-size:12px;font-weight:600;text-align:left!important}


#snf5342-widget-wrap-2A .snf5342-widget-form-main{position:relative;margin:0!important}


#snf5342-widget-wrap-2A .snf5342-widget-form-control1{width:100%!important;height:46px!important;margin:0!important;padding:10px 38px 10px 13px!important;border:1px solid #d8dde5!important;border-radius:10px!important;background:#fff!important;color:#17243a!important;font-size:14px!important;text-align:left!important}


#snf5342-widget-wrap-2A .snf5342-brand-search-icon{position:absolute;left:auto;right:14px;top:50%;display:block;width:18px;height:18px;margin:0;transform:translateY(-50%);color:#657187;font-family:initial!important;font-size:0;line-height:1;pointer-events:none}


#snf5342-widget-wrap-2A .snf5342-brand-search-icon::before{position:absolute;top:1px;left:1px;width:10px;height:10px;box-sizing:border-box;border:2px solid currentColor;border-radius:50%;content:''!important;font-family:initial!important}


#snf5342-widget-wrap-2A .snf5342-brand-search-icon::after{position:absolute;top:11px;left:11px;width:7px;height:2px;border-radius:2px;background:currentColor;content:'';transform:rotate(45deg);transform-origin:left center}


#snf5342-widget-wrap-2A .snfulclass{position:absolute;top:100%;left:0;z-index:20;width:100%!important;max-height:210px;margin:5px 0 0!important;padding:0!important;border:1px solid #dfe3e8;border-radius:10px;background:#fff;box-shadow:0 10px 24px #1018281f;overflow-y:auto}


#snf5342-widget-wrap-2A .snfliclass{display:block!important;min-height:38px;padding:0!important;border-bottom:1px solid #eef0f3;background:#fff;color:#25324a!important;font-size:13px;line-height:1.35;text-align:left}


#snf5342-widget-wrap-2A .snfliclass>div{display:block!important;padding:10px 13px!important;color:#25324a!important;white-space:normal}


#snf5342-widget-wrap-2A .snf5342-brand-empty{padding:10px 13px!important;color:#7b8494!important;cursor:default}


#snf5342-widget-wrap-2A #brandstyle{margin-top:18px!important}


#snf5342-widget-wrap-2A #brandstyle #snf5342-widget-size-list{margin:0!important}


#snf5342-widget-wrap-2A #brandstyle .snf5342-widget-form-group{margin-top:0!important}


#snf5342-widget-wrap-2A #brandinput{margin:2px 0 10px;color:#c92a3f;font-size:11px;text-align:center}


#snf5342-widget-wrap-2A #nextbuttonbrand{width:100%!important;margin:10px 0 18px!important}


#snf5342-widget-wrap-2A .sizeDisplaySec{margin:14px 0 0!important;padding:18px!important;border:1px solid #e2e6eb;border-radius:14px;background:#f8f9fb!important}


#snf5342-widget-wrap-2A .sizeDisplaySec>div{padding:0!important}


#snf5342-widget-wrap-2A #inchcmbrand{margin:0 0 16px;padding:0!important;border:1px solid #5e6571;border-radius:9px;overflow:hidden}


#snf5342-widget-wrap-2A #inchcmbrand label{display:grid!important;min-height:36px;margin:0!important;place-items:center;padding:6px!important;border:0!important;font-weight:600}


#snf5342-widget-wrap-2A #inchcmbrand label.active,
#snf5342-widget-wrap-2A #inchcmSize input.active{
    border-color:var(--snf-primary)!important;
    background:var(--snf-primary)!important;
    color:#fff!important;
}


#snf5342-widget-wrap-2A #inchcmSize input{
    border:1px solid var(--snf-border)!important;
    background:#fff!important;
    color:var(--snf-text)!important;
}


#snf5342-widget-wrap-2A .edittextbrand{width:100%!important;margin:0 0 16px!important;padding:0!important;color:#566176;font-size:12px;line-height:1.5}


#snf5342-widget-wrap-2A #brandpara{color:#17243a;font-size:17px!important}


#snf5342-widget-wrap-2A .snfSizeTable{float:left!important;width:55%!important;padding:0 10px 0 0!important}


#snf5342-widget-wrap-2A .sizeSelectFor{float:right!important;width:42%!important;padding:0!important}


#snf5342-widget-wrap-2A .snf5342-selectsnf{margin-bottom:10px!important;color:#3d485b;font-size:11px;text-align:left}


#snf5342-widget-wrap-2A .snf5342-selectsnf .snf5342-form-control{width:100%!important;height:38px!important;margin-top:4px;padding:6px 10px!important;border-radius:8px!important}


#snf5342-widget-wrap-2A .snf5342-calculatesize{display:flex;width:100%!important;height:145px!important;padding:16px 8px!important;align-items:center;justify-content:center;flex-direction:column;border:1px solid #d6dbe2;border-radius:10px;background:#fff;color:#17243a}


#snf5342-widget-wrap-2A #ysizebrand{margin:0!important;font-size:18px!important}


#snf5342-widget-wrap-2A #selectidbrand{margin:10px 0 0!important;font-size:20px}


#snf5342-widget-wrap-2A #recommendedSizebrand{position:relative!important;display:block!important;box-sizing:border-box!important}


#snf5342-widget-wrap-2A #ysizebrand{position:absolute!important;top:42px;left:0;width:100%;line-height:24px;text-align:center!important}


#snf5342-widget-wrap-2A #selectidbrand{position:absolute!important;top:70px;left:0;display:flex!important;width:100%;min-height:38px;margin:0!important;align-items:center;justify-content:center;flex-direction:column;line-height:1.15;text-align:center!important}


#snf5342-widget-wrap-2A #selectidbrand img{display:block!important;width:auto!important;height:25px!important;margin:0 auto!important;object-fit:contain}


#snf5342-widget-wrap-2A #scoretickbrand{position:absolute!important;top:111px;left:0;width:100%;min-height:24px;margin:0!important;text-align:center!important}


#snf5342-widget-wrap-2A #scoretickbrand img{display:inline-block!important;max-height:24px!important;margin:0 auto!important}


#snf5342-widget-wrap-2A .sizeDisplaySec+.snf5342-widget-okbuttonclass{width:100%!important;margin:20px 0 0!important}


#snf5342-widget-wrap-2A #showconfirmSizebrand{width:100%!important;margin:0!important}


#snf5342-widget-wrap-2A .sizeDisplaySec .snf5342-widget-okbuttonclass{
    clear:both!important;
    width:100%!important;
    margin:20px 0 0!important;
}


#snf5342-widget-wrap-2A #showconfirmSizebrand{
    height:36px!important;
    min-height:36px!important;
    padding:7px 10px!important;
    border-radius:12px!important;
    font-size:13px!important;
    line-height:1!important;
    white-space:nowrap!important;
}


#snf5342-widget-wrap-2A #snftechdisplaybrand{margin-top:12px;padding:0 20px 24px!important}


@media(max-width:390px){#snf5342-widget-wrap-2A .snf5342-widget-main{border-radius:0}#snf5342-widget-wrap-2A form{padding-left:16px!important;padding-right:16px!important}}


/* Compact action-button height scoped to the Brand flow. */


#snf5342-widget-wrap-2A .snf5342-widget-okbutton{
    height:36px!important;
    min-height:36px!important;
    padding:7px 16px!important;
}


/* Uniform dropdown geometry scoped to the Brand flow. */


#snf5342-widget-wrap-2A select,
#snf5342-widget-wrap-2A input[type="search"]{
    display:block;
    width:100%!important;
    height:40px!important;
    min-height:40px!important;
    margin:0!important;
    padding:7px 36px 7px 12px!important;
    box-sizing:border-box!important;
    border:1px solid var(--snf-border)!important;
    border-radius:10px!important;
    background-color:#fff!important;
    color:var(--snf-text)!important;
    font-size:14px!important;
}


#snf5342-widget-wrap-2A .snf5342-widget-form-control1,
#snf5342-widget-wrap-2A .snf5342-selectsnf .snf5342-form-control{
    height:40px!important;
    min-height:40px!important;
}


/* Keep the Brand size chart inside the same side gutters. */


#snf5342-widget-wrap-2A #snftechdisplaybrand{
    width:calc(100% - 2cm)!important;
    margin-left:1cm!important;
    margin-right:1cm!important;
    padding-left:0!important;
    padding-right:0!important;
    box-sizing:border-box!important;
}


/* Brand flow: keep every control aligned and reserve a stable style-select
   slot so the size field and Next button do not jump between brands. */


#snf5342-widget-wrap-2A .snf5342-widget-main,
#snf5342-widget-wrap-2B .snf5342-widget-main,
#snf5342-widget-wrap-tryon .snf5342-widget-main{
    width:calc(100vw - 24px)!important;
    max-width:420px!important;
}


#snf5342-widget-wrap-2A form>.snf5342-widget-select-brand,
#snf5342-widget-wrap-2A form>#brandstyle,
#snf5342-widget-wrap-2A form>#brandinput{
    width:75%!important;
    max-width:none!important;
    box-sizing:border-box!important;
    margin-left:auto!important;
    margin-right:auto!important;
}


#snf5342-widget-wrap-2A #brandstyle{
    display:grid!important;
    min-height:166px;
    grid-template-rows:72px 82px;
    gap:12px;
}


#snf5342-widget-wrap-2A #brandstyle>br{display:none!important}


#snf5342-widget-wrap-2A #brandstyle #stylebrand,
#snf5342-widget-wrap-2A #brandstyle #sizeselection{
    width:100%!important;
    min-height:72px;
    box-sizing:border-box!important;
    margin:0!important;
}


#snf5342-widget-wrap-2A #brandstyle #stylebrand[hidden]{
    display:block!important;
    visibility:hidden!important;
    pointer-events:none!important;
}


#snf5342-widget-wrap-2A #brandstyle #snf5342-widget-size-list,
#snf5342-widget-wrap-2A #brandstyle select{
    width:100%!important;
}


#snf5342-widget-wrap-2A #nextbuttonbrand{
    width:calc(100% - 36px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    height:36px!important;
    min-height:36px!important;
    margin-top:12px!important;
    border-radius:12px!important;
}


/* Brand size guide: use the available modal width and allow horizontal
   scrolling only when a chart genuinely has too many measurement columns. */


#snf5342-widget-wrap-2A #snftechdisplaybrand{
    width:calc(100% + 40px)!important;
    max-width:none!important;
    margin:12px -20px 0!important;
    padding:0 16px 24px!important;
}


#snf5342-widget-wrap-2A #techDisplaySecbrand{
    width:100%!important;
    box-sizing:border-box!important;
    overflow-x:auto!important;
}


#snf5342-widget-wrap-2A #techDisplaySecbrand .snf5342-widget-chart-table{
    width:100%!important;
    min-width:360px!important;
    margin-left:auto!important;
    margin-right:auto!important;
}


#snf5342-widget-wrap-2A #techDisplaySecbrand .snf5342-widget-chart-table-row-cell{
    box-sizing:border-box!important;
    padding-left:7px!important;
    padding-right:7px!important;
}


@media(max-width:390px){
    #snf5342-widget-wrap-2A #snftechdisplaybrand{width:calc(100% + 32px)!important;margin-left:-16px!important;margin-right:-16px!important;padding-left:10px!important;padding-right:10px!important}
}


/* Reapplied 24-Aug UI: Size Calculator header matches Try On. */


.snf5342-size-calculator-head{
    position:relative!important;
    display:flex!important;
    min-height:70px!important;
    box-sizing:border-box!important;
    margin:0!important;
    padding:12px 20px!important;
    align-items:center!important;
    border-bottom:1px solid #edf0f3!important;
    color:#0e213f!important;
    font-size:20px!important;
    font-weight:700!important;
    line-height:1.25!important;
    text-align:left!important;
}


.snf5342-size-calculator-head>div{flex:1}


.snf5342-height-weight-head>div{display:flex;flex-direction:column}


.snf5342-height-weight-head strong{color:#0e213f;font-size:20px;font-weight:700;line-height:1.25}


.snf5342-height-weight-head>div>span{margin-top:3px;color:#6e788a!important;font-size:12px;font-weight:400;line-height:1.25}


.snf5342-size-calculator-head>.close,
.snf5342-size-calculator-head~.close{
    display:grid!important;
    position:static!important;
    top:auto!important;
    right:auto!important;
    margin:0!important;
    padding:0!important;
    align-self:center!important;
    transform:none!important;
    width:36px!important;
    height:36px!important;
    flex:0 0 36px!important;
    place-items:center!important;
    border:1px solid #dfe3e8!important;
    border-radius:50%!important;
    background:#fff!important;
    color:var(--snf-tryon-ink, #17243a)!important;
    cursor:pointer!important;
    font-size:24px!important;
    line-height:1!important;
}


/* Brand-flow calculated-size and size-chart Inch/Cm toggle. */


#snf5342-widget-wrap-2A #inchcmbrand,
#snf5342-widget-wrap-2A #inchcmSize{
    display:flex!important;
    min-height:36px!important;
    padding:0!important;
    border:1px solid var(--snf-primary)!important;
    border-radius:10px!important;
    background:#fff!important;
    overflow:hidden!important;
}


#snf5342-widget-wrap-2A #inchcmbrand label,
#snf5342-widget-wrap-2A #inchcmSize input{
    display:grid!important;
    min-height:36px!important;
    margin:0!important;
    padding:8px 12px!important;
    place-items:center!important;
    border:0!important;
    border-radius:0!important;
    background:#fff!important;
    color:var(--snf-text)!important;
    font-size:13px!important;
    font-weight:600!important;
    box-shadow:none!important;
}


#snf5342-widget-wrap-2A #inchcmbrand .active,
#snf5342-widget-wrap-2A #inchcmSize .active{
    /* background:var(--snf-primary)!important;
    color:#fff!important; */
}


/* Exact control height requested for the Brand flow only. */


#snf5342-widget-wrap-2A #nextbuttonbrand,
#snf5342-widget-wrap-2A #showconfirmSizebrand{
    width:100%!important;
    max-width:none!important;
    box-sizing:border-box!important;
    margin-left:auto!important;
    margin-right:auto!important;
    height:36px!important;
    min-height:36px!important;
}


#snf5342-widget-wrap-2A #inchcmbrand,
#snf5342-widget-wrap-2A #inchcmSize{
    width:100%!important;
    max-width:none!important;
    box-sizing:border-box!important;
    margin-left:auto!important;
    margin-right:auto!important;
    height:36px!important;
    min-height:36px!important;
}


#snf5342-widget-wrap-2A #inchcmbrand label,
#snf5342-widget-wrap-2A #inchcmSize input{
    height:36px!important;
    min-height:36px!important;
}


/* Match the unit toggle to the CLICK HERE TO FIND YOUR SIZE button edges. */


#snf5342-widget-wrap-2A #nextbuttonbrand{
    width:calc(100% - 36px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
}


#snf5342-widget-wrap-2A #sizeDisplaybrand{
    box-sizing:border-box!important;
}


#snf5342-widget-wrap-2A #sizeDisplaybrand>div:first-child{
    padding-left:0!important;
    padding-right:0!important;
}


#snf5342-widget-wrap-2A #sizeDisplaybrand>.snf5342-widget-okbuttonclass{
    width:100%!important;
    box-sizing:border-box!important;
    margin:20px 0 0!important;
    padding:0!important;
}


#snf5342-widget-wrap-2A #sizeDisplaybrand #inchcmbrand{
    width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
}


#snf5342-widget-wrap-2A #snftechdisplaybrand #inchcmSize{
    width:calc(100% - 40px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
}


#snf5342-widget-wrap-2A #sizeDisplaybrand>.snf5342-widget-okbuttonclass{
    width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
}


/* Standard calculated-size result: aligned two-column layout. */


#snf5342-widget-wrap-2B #sizeDisplay{box-sizing:border-box!important;margin:14px 0 0!important;padding:18px!important;border:1px solid #e2e6eb;border-radius:14px;background:#f8f9fb!important}


#snf5342-widget-wrap-2B #sizeDisplay.snf5342-size-display-pending{display:none!important}


#snf5342-widget-wrap-2B #sizeDisplay>div:first-child{padding:0!important}


#snf5342-widget-wrap-2B #inchcm{display:flex!important;width:100%!important;height:36px!important;min-height:36px!important;margin:0 0 16px!important;padding:0!important;border:1px solid var(--snf-primary)!important;border-radius:10px!important;background:#fff!important;overflow:hidden!important}


#snf5342-widget-wrap-2B #inchcm label{display:grid!important;height:36px!important;min-height:36px!important;margin:0!important;place-items:center!important;padding:6px!important;border:0!important;background:#fff!important;color:var(--snf-text)!important;font-weight:600!important}


#snf5342-widget-wrap-2B #inchcm label.active{background:var(--snf-primary)!important;color:#fff!important}


#snf5342-widget-wrap-2B #inchcmSizechart{
    display:flex!important;
    width:calc(100% - 40px)!important;
    height:36px!important;
    min-height:36px!important;
    box-sizing:border-box!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding:0!important;
    border:1px solid var(--snf-primary)!important;
    border-radius:10px!important;
    background:#fff!important;
    overflow:hidden!important;
}


#snf5342-widget-wrap-2B #inchcmSizechart input{
    display:grid!important;
    width:50%!important;
    height:36px!important;
    min-height:36px!important;
    margin:0!important;
    padding:6px!important;
    place-items:center!important;
    border:0!important;
    border-radius:0!important;
    background:#fff!important;
    color:var(--snf-text)!important;
    font-size:13px!important;
    font-weight:600!important;
    box-shadow:none!important;
}


#snf5342-widget-wrap-2B #inchcmSizechart input+input{border-left:1px solid var(--snf-primary)!important}


#snf5342-widget-wrap-2B #inchcmSizechart input.active{background:var(--snf-primary)!important;color:#fff!important}


#snf5342-widget-wrap-2B #sizeinchcmsizechart{
    float:none!important;
    clear:both!important;
    width:100%!important;
    box-sizing:border-box!important;
    margin:24px 0 18px!important;
}


#snf5342-widget-wrap-2B #techDisplaySec{
    clear:both!important;
    padding-top:1px!important;
    margin-top: 80px;
}


#snf5342-widget-wrap-2B #techDisplaySec .snf5342-widget-chart-table-head{
    margin-top:0!important;
}


#snf5342-widget-wrap-2B #sizeDisplay .snfSizeTable{float:left!important;width:55%!important;box-sizing:border-box!important;padding:0 10px 0 0!important}


#snf5342-widget-wrap-2B #sizeDisplay .sizeSelectFor{float:right!important;width:42%!important;box-sizing:border-box!important;padding:0!important}


#snf5342-widget-wrap-2B #sizeDisplay .snf5342-calculatesize{display:flex!important;width:100%!important;height:145px!important;box-sizing:border-box!important;padding:16px 8px!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;border:1px solid #d6dbe2!important;border-radius:10px!important;background:#fff!important}


#snf5342-widget-wrap-2B #sizeDisplay>.snf5342-widget-okbuttonclass{clear:both!important;width:100%!important;box-sizing:border-box!important;margin:20px 0 0!important;padding:0!important}


/* Keep the calculated-size card visually consistent with the brand result. */


#snf5342-widget-wrap-2B #sizeDisplay .edittext{box-sizing:border-box!important;width:100%!important;margin:0 0 16px!important;padding:0 6px!important;color:#526078!important;line-height:1.55!important;text-align:center!important}


#snf5342-widget-wrap-2B #sizeDisplay .edittext #edittext{color:#17243a!important;font-size:20px!important;font-weight:800!important}


#snf5342-widget-wrap-2B #sizeDisplay .snf5342-selectsnf{margin-bottom:14px!important;color:#3d485b!important;font-size:12px!important;text-align:left!important}


#snf5342-widget-wrap-2B #sizeDisplay .snf5342-selectsnf .snf5342-form-control{width:100%!important;height:48px!important;margin-top:4px!important;padding:8px 12px!important;border:1px solid #d9dfe7!important;border-radius:10px!important;background:#fff!important;color:#17243a!important}


#snf5342-widget-wrap-2B #recommendedSize{position:relative!important}


#snf5342-widget-wrap-2B #ysize{display:block!important;margin:0!important;color:#17243a!important;font-size:20px!important;line-height:1.25!important;text-align:center!important}


#snf5342-widget-wrap-2B #selectid{display:block!important;margin:8px 0 0!important;color:#17243a!important;font-size:24px!important;line-height:1.2!important;text-align:center!important}


#snf5342-widget-wrap-2B #handClick{display:none!important}


#snf5342-widget-wrap-2B #sizeDisplay>.snf5342-widget-okbuttonclass br{display:none!important}


#snf5342-widget-wrap-2B #sizeDisplay #showconfirmSize{width:100%!important;margin:0!important}


/* Keep the recommendation title, size and fit/gift indicator evenly spaced. */


#snf5342-widget-wrap-2A #recommendedSizebrand,
#snf5342-widget-wrap-2B #recommendedSize{
    position:relative!important;
    display:flex!important;
    height:145px!important;
    box-sizing:border-box!important;
    padding:14px 8px!important;
    align-items:center!important;
    justify-content:space-evenly!important;
    flex-direction:column!important;
}


#snf5342-widget-wrap-2A #ysizebrand,
#snf5342-widget-wrap-2A #selectidbrand,
#snf5342-widget-wrap-2A #scoretickbrand,
#snf5342-widget-wrap-2B #ysize,
#snf5342-widget-wrap-2B #selectid,
#snf5342-widget-wrap-2B #scoretick{
    position:static!important;
    top:auto!important;
    left:auto!important;
    width:100%!important;
    min-height:0!important;
    margin:0!important;
    text-align:center!important;
}


/* Exact 36px action-button height everywhere; widths remain flow-specific. */


.snf5342-widget-wrap .snf5342-widget-okbutton,
.snf5342-widget-wrap .snf5342-garment-cta,
.snf5342-widget-wrap .snf5342-login-submit,
.snf5342-widget-wrap .snf5342-widget-button,
#snf5342-widget-wrap-tryon .snf5342-tryon-primary,
#snf5342-widget-wrap-tryon .snf5342-tryon-secondary{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    height:36px!important;
    min-height:36px!important;
    padding-top:0!important;
    padding-bottom:0!important;
    line-height:1!important;
    text-align:center!important;
    box-sizing:border-box!important;
}


/* The overlay is right-aligned globally; prevent the inner legacy panel from
   applying its own auto-centering inside that overlay. */


.snf5342-widget-wrap .snf5342-widget-main{
    margin-left:auto!important;
    margin-right:0!important;
}


/* One Try-On-style outer shell for every widget flow. */


.snf5342-widget-wrap{
    position:relative!important;
    top:0!important;
    right:0!important;
    width:calc(100vw - 24px)!important;
    max-width:420px!important;
    height:100vh!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:22px!important;
    background:transparent!important;
    overflow:hidden!important;
}


.snf5342-widget-wrap .snf5342-widget-main{
    width:100%!important;
    max-width:420px!important;
    height:100%!important;
    margin-top:0!important;
    border:1px solid #e3e5e8!important;
    border-radius:22px!important;
    background:#fff!important;
    box-shadow:0 12px 36px #1112!important;
    overflow:hidden!important;
}


.snf5342-widget-wrap .snf5342-widget-main-scroll,
.snf5342-widget-wrap .snf5342-widget-main-scroll-inner{
    border-radius:inherit!important;
}


.snf5342-widget-wrap .snf5342-widget-content{
    margin-top:0!important;
    padding-top:0!important;
}


@media(max-width:420px){
    .snf5342-widget-wrap,
    .snf5342-widget-wrap .snf5342-widget-main{
        width:calc(100vw - 24px)!important;
        border-radius:22px!important;
    }
}


/* Use one full-height scrollbar and keep the attribution at the true bottom. */


.snf5342-widget-wrap .snf5342-widget-main-scroll{
    width:100%!important;
    height:100%!important;
    max-height:100%!important;
    box-sizing:border-box!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
}


.snf5342-widget-wrap .snf5342-widget-main-scroll-inner{
    height:auto!important;
    min-height:100%!important;
    box-sizing:border-box!important;
}


.snf5342-widget-wrap .snf5342-widget-main-scroll.scroll1{
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
}


#snf5342-widget-wrap-2B>.snf5342-widget-main>.snf5342-widget-content,
#snf5342-widget-wrap-2A>.snf5342-widget-main>.snf5342-widget-content{
    width:100%!important;
    height:100%!important;
    min-height:100%!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
}


#snf5342-widget-wrap-2B #scroll_2,
#snf5342-widget-wrap-2A #scroll_2{
    position:relative!important;
    top:0!important;
    margin:0!important;
    padding:0!important;
}


.snf5342-widget-wrap .snf5342-widget-footer,
.snf5342-widget-wrap .snf5342-login-footer,
.snf5342-widget-wrap .snf5342-garment-powered{
    display:block!important;
    clear:both!important;
    width:100%!important;
    box-sizing:border-box!important;
    margin:0!important;
    padding:24px 12px 20px!important;
    color:#586174!important;
    font-size:12px!important;
    line-height:1.4!important;
    text-align:center!important;
}


/* Shared Inch/Cm slider switch used by every calculator and size chart. */


#inchcm.snf5342-unit-switch,
#inchcmbrand.snf5342-unit-switch,
#inchcmSizechart.snf5342-unit-switch,
#inchcmSize.snf5342-unit-switch{
    width:100%!important;
    height:44px!important;
    min-height:44px!important;
    box-sizing:border-box!important;
    margin:0 auto 16px!important;
    padding:0!important;
    align-items:center!important;
    justify-content:center!important;
    gap:14px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    overflow:visible!important;
}


#inchcmSizechart.snf5342-unit-switch,
#inchcmSize.snf5342-unit-switch{width:calc(100% - 40px)!important;margin-left:auto!important;margin-right:auto!important}


.snf5342-unit-switch>span{
    min-width:34px;
    color:#747d8b!important;
    cursor:pointer;
    font-size:13px!important;
    font-weight:600!important;
    line-height:1!important;
    text-align:center;
}


.snf5342-unit-switch>span.active{color:var(--snf-primary)!important}


.snf5342-unit-switch>button{
    position:relative!important;
    display:block!important;
    width:76px!important;
    min-width:76px!important;
    height:40px!important;
    min-height:40px!important;
    box-sizing:border-box!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:22px!important;
    background:#c9c9c9!important;
    cursor:pointer!important;
    box-shadow:none!important;
    transition:background .2s ease!important;
}


.snf5342-unit-switch>button.cm-active{background:#5e6571!important}


.snf5342-unit-switch>button>i{
    position:absolute;
    top:4px;
    left:4px;
    display:block;
    width:32px;
    height:32px;
    border-radius:50%;
    background:#fff;
    box-shadow:0 1px 3px #0002;
    transition:transform .2s ease;
}


.snf5342-unit-switch>button.cm-active>i{transform:translateX(36px)}


.snf5342-unit-switch>.snf5342-unit-legacy{display:none!important}


/* Compact, right-aligned unit switches without the old segmented shell. */


#snf5342-widget-wrap-2B #inchcm.snf5342-unit-switch,
#snf5342-widget-wrap-2B #inchcmSizechart.snf5342-unit-switch,
#snf5342-widget-wrap-2A #inchcmbrand.snf5342-unit-switch,
#snf5342-widget-wrap-2A #inchcmSize.snf5342-unit-switch{
    width:max-content!important;
    max-width:100%!important;
    height:32px!important;
    min-height:32px!important;
    margin:0 18px 16px auto!important;
    padding:0!important;
    justify-content:flex-end!important;
    gap:8px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
}


#snf5342-widget-wrap-2B .snf5342-unit-switch>span,
#snf5342-widget-wrap-2A .snf5342-unit-switch>span{
    min-width:28px!important;
    font-size:12px!important;
}


#snf5342-widget-wrap-2B .snf5342-unit-switch>button,
#snf5342-widget-wrap-2A .snf5342-unit-switch>button{
    width:53px!important;
    min-width:53px!important;
    height:28px!important;
    min-height:28px!important;
    border:1px solid #d3d7dc!important;
    border-radius:15px!important;
    background:#fff!important;
}


#snf5342-widget-wrap-2B .snf5342-unit-switch>button.cm-active,
#snf5342-widget-wrap-2A .snf5342-unit-switch>button.cm-active{border-color:#5e6571!important;background:#5e6571!important}


#snf5342-widget-wrap-2B .snf5342-unit-switch>button>i,
#snf5342-widget-wrap-2A .snf5342-unit-switch>button>i{
    top:3px!important;
    left:3px!important;
    width:22px!important;
    height:22px!important;
}


#snf5342-widget-wrap-2B .snf5342-unit-switch>button.cm-active>i,
#snf5342-widget-wrap-2A .snf5342-unit-switch>button.cm-active>i{transform:translateX(25px)!important}


#snf5342-widget-wrap-2B #inchsize,
#snf5342-widget-wrap-2B #cmsize,
#snf5342-widget-wrap-2A #inchbrandsize,
#snf5342-widget-wrap-2A #cmbrandsize,
#snf5342-widget-wrap-2B #inch,
#snf5342-widget-wrap-2B #cmunit,
#snf5342-widget-wrap-2A #inchbrand,
#snf5342-widget-wrap-2A #cmbrand{display:none!important}


/* Height/weight recommendation card: neutral grey version of the reference. */


#snf5342-widget-wrap-2B .snf-height-inline{display:flex!important;align-items:center!important;justify-content:flex-end;flex-wrap:nowrap!important;gap:10px;width:auto!important;max-width:100%;float:right}


#snf5342-widget-wrap-2B .snf-height-inline>.snf5342-widget-select-height{flex:0 0 auto;width:auto!important;margin:0!important}


#snf5342-widget-wrap-2B .snf-height-inline>.snf5342-widget-select-height-filter{flex:0 0 65px;width:65px!important;margin:0!important;clear:none!important}


#snf5342-widget-wrap-2B .snf-height-inline #snf5342-color{display:flex!important;align-items:center;flex-wrap:nowrap!important;gap:6px;white-space:nowrap}


#snf5342-widget-wrap-2B .snf-height-inline .snf5342-widget-form-control-style-group{display:flex!important;align-items:center;float:none!important;width:auto!important;margin:0!important}


#snf5342-widget-wrap-2B .snf-height-inline .snf5342-widget-form-control-style-group input{width:22px!important;min-width:22px!important;padding:0!important;text-align:center}


#snf5342-widget-wrap-2B #sizeDisplay #scoretick img,#snf5342-widget-wrap-2B #sizeDisplay #selectid img{filter:grayscale(1)}


#snf5342-widget-wrap-2B .snf-calculator-input-section,#snf5342-widget-wrap-2B #snftechdisplay{box-sizing:border-box;width:calc(100% - 20px)!important;margin:12px 10px!important;padding:16px 10px!important;background:#fff;border:1px solid #e2e2e2;border-radius:12px;box-shadow:0 2px 8px #17233714}


#snf5342-widget-wrap-2B #sizeDisplay .snf-result-comparison{grid-template-columns:minmax(0,1fr) 42px minmax(0,1.15fr)!important;gap:2px!important}


#snf5342-widget-wrap-2B #sizeDisplay .snf-size-arrow{width:42px;height:100%;align-self:stretch;padding:12px 0 22px;color:#5f6672}


#snf5342-widget-wrap-2B #sizeDisplay .snf-size-arrow svg{display:block;width:100%;height:100%;min-height:230px}


#snf5342-widget-wrap-2B #sizeDisplay .snfSizeTable:after,#snf5342-widget-wrap-2B #sizeDisplay .sizeSelectFor:before{display:none!important}


#snf5342-widget-wrap-2B #sizeDisplay .snf-size-calculation-overlay{position:absolute;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;min-height:inherit;background:#f5f6f7;pointer-events:all;height:100%;margin:0}


#snf5342-widget-wrap-2B #sizeDisplay .snf-size-calculation-overlay img{display:block;width:100px;height:100px;object-fit:contain;filter:grayscale(1)}


#snf5342-widget-wrap-2B #sizeDisplay .snf-calculation-pending>:not(.snf-size-calculation-overlay){visibility:hidden}


#snf5342-widget-wrap-2B #sizeDisplay .snf-result-no-confidence #parapresent{display:none!important}


#snf5342-widget-wrap-2B #sizeDisplay{--snf-result-grey:#5f6672;background:#f5f6f7!important;border:1px solid #dde0e5!important;padding:24px!important;border-radius:15px;box-shadow:0 3px 8px #22222208}


#snf5342-widget-wrap-2B #sizeDisplay .snf-result-title{text-align:center;font-size:21px;font-weight:700;margin:3px 0 22px;color:#252d38}


#snf5342-widget-wrap-2B #sizeDisplay #inchcm.snf-result-units{height:40px!important;min-height:40px!important;border-color:var(--snf-result-grey)!important;border-radius:11px!important;margin:0 0 20px!important;display:flex!important}


#snf5342-widget-wrap-2B #sizeDisplay .snf-result-units button{flex:1;width:50%;height:100%;border:0;border-radius:0;background:transparent;color:#252d38;font:inherit;font-size:17px;font-weight:600;cursor:pointer}


#snf5342-widget-wrap-2B #sizeDisplay .snf-result-units button.active{background:var(--snf-result-grey)!important;color:white!important}


#snf5342-widget-wrap-2B #sizeDisplay #editSection{text-align:left!important;padding:0 5px!important;margin:0 0 8px!important;line-height:1.7!important;font-size:13px!important;color:#59616c!important}


#snf5342-widget-wrap-2B #sizeDisplay #edittext,#snf5342-widget-wrap-2B #sizeDisplay #preloader_inner{color:var(--snf-result-grey)!important;font-weight:700!important;font-size:25px!important}


#snf5342-widget-wrap-2B #sizeDisplay .snf-result-adjust{font-size:14px;font-weight:600;margin:0 5px 30px;color:#303946}


#snf5342-widget-wrap-2B #sizeDisplay .snf-result-comparison{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:30px;min-height:290px;position:relative;padding:12px 0 22px}


#snf5342-widget-wrap-2B #sizeDisplay .snfSizeTable,#snf5342-widget-wrap-2B #sizeDisplay .sizeSelectFor{float:none!important;width:100%!important;padding:0!important;min-width:0}


#snf5342-widget-wrap-2B #sizeDisplay .snfSizeTable{position:relative;padding-right:15px!important}


#snf5342-widget-wrap-2B #sizeDisplay .snfSizeTable:after{content:'';position:absolute;right:-5px;top:0;bottom:0;width:13px;border:3px solid var(--snf-result-grey);border-left:0;border-radius:0 12px 12px 0}


#snf5342-widget-wrap-2B #sizeDisplay .sizeSelectFor:before{content:'➜';position:absolute;left:43%;top:45%;color:var(--snf-result-grey);font-size:35px;line-height:1}


#snf5342-widget-wrap-2B #sizeDisplay .snfSizeTable table,#snf5342-widget-wrap-2B #sizeDisplay .snfSizeTable tr,#snf5342-widget-wrap-2B #sizeDisplay .snfSizeTable td{display:block!important;width:100%;margin:0!important;padding:0!important;border:0!important}


#snf5342-widget-wrap-2B #sizeDisplay .snfSizeTable td>div{position:static!important;margin:0!important;display:flex;flex-direction:column}


#snf5342-widget-wrap-2B #sizeDisplay .snf5342-selectsnf{order:5;margin-bottom:10px!important;padding:0!important;font-size:14px!important;text-transform:capitalize}


#snf5342-widget-wrap-2B #sizeDisplay .snf5342-selectsnf:has(#shoulderid){order:0}


#snf5342-widget-wrap-2B #sizeDisplay .snf5342-selectsnf:has(#chestid),#snf5342-widget-wrap-2B #sizeDisplay .snf5342-selectsnf:has(#bustid){order:1}


#snf5342-widget-wrap-2B #sizeDisplay .snf5342-selectsnf:has(#waistid){order:2}


#snf5342-widget-wrap-2B #sizeDisplay .snf5342-selectsnf:has(#hipid){order:3}


#snf5342-widget-wrap-2B #sizeDisplay .snf5342-selectsnf select{height:40px!important;margin-top:4px!important;padding:5px 10px!important;border:1px solid var(--snf-result-grey)!important;border-radius:10px!important;color:var(--snf-result-grey)!important;background:white!important;font-size:18px!important;font-weight:600}


#snf5342-widget-wrap-2B #sizeDisplay #recommendedSize.snf-result-tag{position:relative;height:220px!important;min-width:0;background:var(--snf-result-grey)!important;border:0!important;border-radius:18px!important;color:white!important;transform:rotate(7deg);box-shadow:0 18px 25px #2d354329;display:flex!important;flex-direction:column;justify-content:center!important;align-items:center;padding:25px 13px 18px!important;margin:22px 0!important}


#snf5342-widget-wrap-2B #sizeDisplay .snf-result-tag:after{content:'';position:absolute;inset:11px;border:1px dashed #ffffff80;border-radius:11px;pointer-events:none}


#snf5342-widget-wrap-2B #sizeDisplay .snf-result-cord{position:absolute;top:-45px;left:17px;width:44px;height:65px;border:4px solid #93979f;border-radius:50%;transform:rotate(18deg);z-index:2}


#snf5342-widget-wrap-2B #sizeDisplay .snf-result-eyelet{position:absolute;top:17px;left:29px;width:15px;height:15px;border-radius:50%;background:#cdd0d5;box-shadow:inset 0 0 0 4px #8a8e96}


#snf5342-widget-wrap-2B #sizeDisplay .snf-result-tag-label{display:block;font-size:17px;color:white;z-index:1}


#snf5342-widget-wrap-2B #sizeDisplay #ysize,#snf5342-widget-wrap-2B #sizeDisplay #handClick{display:none!important}


#snf5342-widget-wrap-2B #sizeDisplay #selectid{display:block!important;width:100%;font-size:42px!important;font-weight:700!important;color:white!important;text-align:center;margin:18px 0!important;line-height:1.2;overflow-wrap:anywhere}


#snf5342-widget-wrap-2B #sizeDisplay .snf-result-tag-message #selectid{font-size:15px!important;font-weight:400!important}


#snf5342-widget-wrap-2B #sizeDisplay #scoretick{position:absolute;left:18px;bottom:23px;margin:0!important}


#snf5342-widget-wrap-2B #sizeDisplay .snf-result-assessment{font-size:12px;text-align:center;color:white;border-top:1px solid #ffffff55;padding:14px 0 0;width:100%;min-height:30px}


#snf5342-widget-wrap-2B #sizeDisplay .snf-result-footer{display:flex!important;gap:18px;flex-wrap:wrap;align-items:center;margin-top:20px!important}


#snf5342-widget-wrap-2B #sizeDisplay .snf-result-availability{flex:1;min-width:130px;margin:0;font-size:15px;line-height:1.7;color:#303946}


#snf5342-widget-wrap-2B #sizeDisplay .snf-result-footer>br,#snf5342-widget-wrap-2B #sizeDisplay #showconfirmSize{display:none!important}


#snf5342-widget-wrap-2B #sizeDisplay .snf-result-cta{flex:1;min-width:150px;border:0;border-radius:10px;background:var(--snf-result-grey);color:white;padding:18px 14px;font:inherit;font-size:18px;font-weight:700;cursor:pointer;text-decoration:underline;text-underline-offset:3px}


#snf5342-widget-wrap-2B #sizeDisplay .snf-result-cta:disabled{opacity:.7;cursor:wait}


/* Keep measurement values and unit menus within the calculator card. */


#snf5342-widget-wrap-2B .snf-measurement-input-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px 8px;padding:0 12px!important;width:100%!important;box-sizing:border-box;min-width:0}


#snf5342-widget-wrap-2B .snf-measurement-input-row>.snf5342-widget-form-left{width:auto!important;float:none!important;padding:0!important;min-width:0}


#snf5342-widget-wrap-2B .snf-measurement-input-row>.snf5342-widget-form-left label{display:block;text-align:left!important;margin:0!important}


#snf5342-widget-wrap-2B .snf-measurement-input-row>.snf-measurement-inline{display:flex!important;align-items:center!important;justify-content:flex-end;flex-wrap:nowrap!important;gap:6px;width:auto!important;max-width:100%!important;margin:0!important;padding:0!important;float:none!important;min-width:0}


#snf5342-widget-wrap-2B .snf-measurement-inline>.snf5342-widget-form-item-list{width:auto!important;flex:0 0 auto!important;margin:0!important;padding:0!important;min-width:0}


#snf5342-widget-wrap-2B .snf-measurement-inline>.snf5342-widget-select-height-filter,#snf5342-widget-wrap-2B .snf-measurement-inline>.snf5342-widget-select-weight-filter{flex:0 0 58px!important;width:58px!important}


#snf5342-widget-wrap-2B .snf-measurement-inline .snf-widget-select-wrap{width:58px!important;min-width:0!important;max-width:58px!important;box-sizing:border-box}


#snf5342-widget-wrap-2B .snf-measurement-inline .snf-widget-select-value{padding:0 20px 0 6px!important;box-sizing:border-box;white-space:nowrap}


#snf5342-widget-wrap-2B .snf-measurement-inline .snf-widget-select-value:before{right:5px!important}


#snf5342-widget-wrap-2B .snf-measurement-inline #snf5342-widget-select-weight,#snf5342-widget-wrap-2B .snf-measurement-inline #snf5342-widget-select-weight-lb{width:42px!important;min-width:0!important;text-align:center;padding:0!important}


#snf5342-widget-wrap-2B .snf-measurement-input-row>.snf5342-widget-select-slider-main{grid-column:1/-1;float:none!important;width:100%!important;box-sizing:border-box;margin:0!important}


/* Shared action-button dimensions, matching the grey find-size button. */


:is(#snf5342-widget-wrap-2A, #snf5342-widget-wrap-2B, #snf5342-widget-wrap-measurement, #snf5342-widget-wrap-login, #snf5342-widget-wrap-tryon) :is(.snf5342-widget-okbutton, .snf-result-cta, .snf5342-garment-cta, .snf5342-login-submit, .snf5342-widget-button, .snf5342-tryon-primary, .snf5342-tryon-secondary, #nextbutton, #nextbuttonbrand) {
    width: min(410px, calc(100vw - 100px)) !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 34px !important;
    min-height: 34px !important;
    box-sizing: border-box !important;
    margin: 10px auto !important;
    padding: 0 16px !important;
    border: 0 !important;
    border-radius: 24px !important;
    background: #5f6672 !important;
    color: #fff !important;
    font-size: 10.8px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    float: none !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    justify-content: center !important;
}


#snf5342-widget-wrap-2B #sizeDisplay .snf-result-footer {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
}


#snf5342-widget-wrap-2B #sizeDisplay .snf-result-cta {
    display: flex !important;
    align-self: center !important;
}


/* Compact recommendation layout without legacy spacer rows. */


#snf5342-widget-wrap-2B #sizeDisplay .snf-result-title{margin:0 0 12px!important}


#snf5342-widget-wrap-2B #sizeDisplay>div:first-of-type{padding:0!important}


#snf5342-widget-wrap-2B #sizeDisplay .snf5342-widget-unit{display:none!important}


#snf5342-widget-wrap-2B #sizeDisplay #inchcm.snf5342-unit-switch{margin:0 0 12px auto!important;float:none!important}


#snf5342-widget-wrap-2B #sizeDisplay #editSection{display:block!important;float:none!important;clear:both!important;margin:0 0 12px!important;padding:0!important;line-height:1.5!important}


#snf5342-widget-wrap-2B #sizeDisplay #editSection>br{display:none!important}


#snf5342-widget-wrap-2B #sizeDisplay #edittext{display:inline!important;margin:0!important;padding:0!important}


#snf5342-widget-wrap-2B #sizeDisplay .snf-result-adjust{clear:both!important;margin:0 0 8px!important;padding:0!important}


#snf5342-widget-wrap-2B #sizeDisplay .snf-result-comparison{min-height:0!important;padding:30px 0 8px!important;margin:0!important}


#snf5342-widget-wrap-2B #sizeDisplay #recommendedSize.snf-result-tag{margin:12px 0!important}


#snf5342-widget-wrap-2B #sizeDisplay .snf-size-arrow{padding:0!important}


#snf5342-widget-wrap-2B #sizeDisplay .snf-size-arrow svg{min-height:200px!important}


#snf5342-widget-wrap-2B #sizeDisplay .snf-result-footer{margin-top:8px!important}


/* Keep the find-size action close to the body-shape choices. */


#snf5342-widget-wrap-2B #snf5342-widget-body-shape{height:auto!important;min-height:0!important;margin-bottom:8px!important;padding-bottom:0!important}


#snf5342-widget-wrap-2B #primaryinput,
#snf5342-widget-wrap-2B #bmierrormain{margin:4px 12px!important;padding:0!important;min-height:0!important}


#snf5342-widget-wrap-2B #primaryinput:not([style*="opacity: 1"]):not([style*="opacity:1"]),
#snf5342-widget-wrap-2B #bmierrormain:not([style*="opacity: 1"]):not([style*="opacity:1"]){display:none!important}


#snf5342-widget-wrap-2B.snf5342-widget-wrap #nextbutton{margin-top:10px!important;font-size:14.04px!important}


#snf5342-widget-wrap-2B.snf5342-widget-wrap #sizeDisplay .snf-result-cta{font-size:14.04px!important}


#snf5342-widget-wrap-2B #sizeDisplay .snf-result-match-row{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;border-top:1px solid #ffffff55;padding-top:14px;position:relative;z-index:1;white-space:nowrap}


#snf5342-widget-wrap-2B #sizeDisplay .snf-result-match-row #scoretick{position:static!important;flex:0 0 auto;width:auto!important;margin:0!important;line-height:1}


#snf5342-widget-wrap-2B #sizeDisplay .snf-result-match-row #scoretick img{display:block;width:18px;height:18px;object-fit:contain}


#snf5342-widget-wrap-2B #sizeDisplay .snf-result-match-row .snf-result-assessment{width:auto;min-height:0;border:0;padding:0;line-height:1.3;white-space:nowrap}


/* Center the match icon and label as one aligned row on the size tag. */


#snf5342-widget-wrap-2B #sizeDisplay #recommendedSize .snf-result-match-row{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:6px!important;width:100%!important;box-sizing:border-box;text-align:center!important}


#snf5342-widget-wrap-2B #sizeDisplay #recommendedSize .snf-result-match-row #scoretick{display:flex!important;align-items:center!important;justify-content:center!important;position:static!important;float:none!important;transform:none!important;width:18px!important;height:18px!important;min-height:0!important;padding:0!important;margin:0!important;flex:0 0 18px!important}


#snf5342-widget-wrap-2B #sizeDisplay #recommendedSize .snf-result-match-row #scoretick:empty{display:none!important}


#snf5342-widget-wrap-2B #sizeDisplay #recommendedSize .snf-result-match-row #scoretick img{position:static!important;float:none!important;transform:none!important;display:block!important;width:18px!important;height:18px!important;margin:0!important;padding:0!important;vertical-align:middle!important}


#snf5342-widget-wrap-2B #sizeDisplay #recommendedSize .snf-result-match-row .snf-result-assessment{display:block!important;flex:0 0 auto!important;width:auto!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;line-height:18px!important;text-align:center!important;align-self:center!important}


#snf5342-widget-wrap-2B #sizeDisplay .snf5342-selectsnf select.snf5342-form-control{font-size:16px!important;color:#5f6672!important}


/* One visible loading state for both initial and edited measurements. */


#snf5342-widget-wrap-2B #sizeDisplay.snf-result-loading{position:relative!important;min-height:360px!important;scroll-margin-top:12px}


#snf5342-widget-wrap-2B #sizeDisplay .snf-result-loading-overlay{position:absolute;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#f5f6f7;border-radius:inherit}


#snf5342-widget-wrap-2B #sizeDisplay .snf-result-loading-overlay img{width:100px;height:100px;object-fit:contain;filter:grayscale(1)}


#snf5342-widget-wrap-2B #sizeDisplay.snf-result-loading>:not(.snf-result-loading-overlay){visibility:hidden!important}


#snf5342-widget-wrap-2B.snf-merchant-appearance :is(button,select,input,p,span,label,h2,.snf5342-widget-okbutton){font-family:var(--snf-merchant-font),Arial,sans-serif!important}


#snf5342-widget-wrap-2B.snf-merchant-appearance #sizeDisplay{--snf-result-grey:var(--snf-merchant-color)}


#snf5342-widget-wrap-2B.snf-merchant-appearance :is(#nextbutton,.snf-result-cta){background:var(--snf-merchant-color)!important}


/* Merchant settings theme the actual calculator popup, not just its launcher. */


#snf5342-widget-wrap-2B.snf-merchant-appearance .snf5342-calculator-tab-active{color:var(--snf-merchant-color)!important;border-bottom-color:var(--snf-merchant-color)!important}


#snf5342-widget-wrap-2B.snf-merchant-appearance .noUi-handle{background:var(--snf-merchant-color)!important}


#snf5342-widget-wrap-2B.snf-merchant-appearance .snf5342-widget-select-slider-btn{color:var(--snf-merchant-color)!important}


#snf5342-widget-wrap-2B.snf-merchant-appearance .snf5342-unit-switch>button.cm-active{background:var(--snf-merchant-color)!important;border-color:var(--snf-merchant-color)!important}


#snf5342-widget-wrap-2B.snf-merchant-appearance .snf5342-widget-body-shape-item input:checked~.snf5342-widget-body-shape-item-inner .snf5342-widget-body-shape-item-image{border-color:var(--snf-merchant-color)!important}


#snf5342-widget-wrap-2B.snf-merchant-appearance .snf5342-widget-icon{font-family:icomoon!important}


/* Compact calculator unit toggle with a clearer outline. */


#snf5342-widget-wrap-2B #sizeDisplay #inchcm.snf5342-unit-switch>button{height:24px!important;min-height:24px!important;border-width:3px!important;box-sizing:border-box!important;border-radius:14px!important}


#snf5342-widget-wrap-2B #sizeDisplay #inchcm.snf5342-unit-switch>button>i{width:16px!important;height:16px!important;top:1px!important;left:1px!important}


#snf5342-widget-wrap-2B #sizeDisplay #inchcm.snf5342-unit-switch>button.cm-active>i{transform:translateX(29px)!important}


/* Native animated loader inherits the merchant colour without a fixed-colour GIF. */


#snf5342-widget-wrap-2B .snf-themed-spinner{display:block!important;width:100px;height:100px;box-sizing:border-box;border:11px solid var(--snf-merchant-color,#666);border-top-color:transparent;border-radius:50%;animation:snf-themed-spin .9s linear infinite;flex:0 0 auto}


@keyframes snf-themed-spin{to{transform:rotate(360deg)}}


/* Combined calculator + Try-On shares the merchant's appearance settings. */


#snf5342-widget-wrap-tryon.snf-merchant-appearance :is(h2,h3,p,label,button,input,select,strong,small,.snf5342-calculator-tab,.snf5342-tryon-panel){font-family:var(--snf-merchant-font),Arial,sans-serif!important}


#snf5342-widget-wrap-tryon.snf-merchant-appearance .snf5342-calculator-tab-active{color:var(--snf-merchant-color)!important;border-bottom-color:var(--snf-merchant-color)!important}


#snf5342-widget-wrap-tryon.snf-merchant-appearance :is(.snf5342-tryon-primary,.snf5342-tryon-secondary){background:var(--snf-merchant-color)!important;border-color:var(--snf-merchant-color)!important;color:#fff!important}


#snf5342-widget-wrap-tryon.snf-merchant-appearance :is(.snf5342-tryon-change-photo,.snf5342-tryon-photo-action){color:var(--snf-merchant-color)!important;font-family:var(--snf-merchant-font),Arial,sans-serif!important}


/* Override the shared legacy grey CTA rule for the merchant-themed Try-On. */


#snf5342-widget-wrap-tryon#snf5342-widget-wrap-tryon.snf-merchant-appearance :is(.snf5342-tryon-primary,.snf5342-tryon-secondary),
#snf5342-widget-wrap-tryon#snf5342-widget-wrap-tryon.snf-merchant-appearance :is(.snf5342-tryon-primary,.snf5342-tryon-secondary):hover,
#snf5342-widget-wrap-tryon#snf5342-widget-wrap-tryon.snf-merchant-appearance :is(.snf5342-tryon-primary,.snf5342-tryon-secondary):focus{background:var(--snf-merchant-color,#5f6672)!important;border-color:var(--snf-merchant-color,#5f6672)!important;color:#fff!important}


/* Leave enough room for full cm/lb ranges, e.g. 153-154 and 150-151. */


#snf5342-widget-wrap-2B .snf-measurement-inline #snf5342-widget-select-weight-lb,
#snf5342-widget-wrap-2B .snf-measurement-inline #snf5342-widget-select-height-cm{width:76px!important;min-width:76px!important;max-width:100%!important;padding:0!important;box-sizing:border-box;text-align:center;font-size:14px!important}


/* Match the input card's outer spacing on every viewport. */


#snf5342-widget-wrap-2B #sizeDisplay{box-sizing:border-box!important;width:calc(100% - 20px)!important;max-width:calc(100% - 20px)!important;margin:12px 10px!important;float:none!important}


/* Use one consistent gap between calculator, recommendation and size guide cards. */


#snf5342-widget-wrap-2B .snf-calculator-input-section,
#snf5342-widget-wrap-2B #sizeDisplay,
#snf5342-widget-wrap-2B #snftechdisplay{margin:0 10px 12px!important;float:none!important;clear:both!important}


#snf5342-widget-wrap-2B .snf-calculator-input-section{margin-top:12px!important}


/* Match chart widths to displayed parameters, excluding min/max helper fields. */


:is(#snf5342-widget-wrap-2A,#snf5342-widget-wrap-2B) :is(#techDisplaySec,#techDisplaySecbrand){overflow-x:auto!important;max-width:100%;scrollbar-width:none;-ms-overflow-style:none}


/* Keep wide charts swipeable without the horizontal bar below the measurement guide. */


:is(#snf5342-widget-wrap-2A,#snf5342-widget-wrap-2B) :is(#techDisplaySec,#techDisplaySecbrand)::-webkit-scrollbar{display:none;width:0;height:0}


:is(#snf5342-widget-wrap-2A,#snf5342-widget-wrap-2B) :is(#techDisplaySec,#techDisplaySecbrand) :is(.snf5342-widget-chart-table-head,.snf5342-widget-chart-table-row){display:grid!important;grid-template-columns:repeat(var(--snf-chart-columns,3),minmax(0,1fr));width:100%!important;min-width:calc(var(--snf-chart-columns,3) * 84px);box-sizing:border-box;position:relative;align-items:center}


:is(#snf5342-widget-wrap-2A,#snf5342-widget-wrap-2B) :is(#techDisplaySec,#techDisplaySecbrand) .snf5342-widget-chart-table-row-cell{display:block!important;width:auto!important;min-width:0;box-sizing:border-box;padding:12px 8px!important;float:none!important;text-align:center;white-space:nowrap}


:is(#snf5342-widget-wrap-2A,#snf5342-widget-wrap-2B) :is(#techDisplaySec,#techDisplaySecbrand) .snf5342-widget-chart-table-head .snf5342-widget-chart-table-row-cell{white-space:normal;overflow-wrap:normal}


:is(#snf5342-widget-wrap-2A,#snf5342-widget-wrap-2B) :is(#techDisplaySec,#techDisplaySecbrand) .snf5342-widget-chart-table-row>span{position:absolute}


:is(#snf5342-widget-wrap-2A,#snf5342-widget-wrap-2B) :is(#snfSizeDisplay,#snfSizeDisplaybrand){left:calc(100% / var(--snf-chart-columns,3) - 25px);top:50%;transform:translateY(-50%);line-height:1}


:is(#snf5342-widget-wrap-2A,#snf5342-widget-wrap-2B) :is(#techDisplaySec,#techDisplaySecbrand) .snf5342-widget-chart-table-row-cell:first-child{padding-left:24px!important;padding-right:24px!important}


:is(#snf5342-widget-wrap-2A,#snf5342-widget-wrap-2B) :is(#techDisplaySec,#techDisplaySecbrand) .snf5342-widget-main-scroll{overflow:visible!important;max-height:none!important;height:auto!important}


/* Center the selected-size tick without legacy absolute image offsets. */


:is(#snf5342-widget-wrap-2A,#snf5342-widget-wrap-2B) :is(#snfSizeDisplay,#snfSizeDisplaybrand){display:flex!important;align-items:center;justify-content:center;width:18px;height:18px;margin:0!important;padding:0!important;pointer-events:none}


:is(#snf5342-widget-wrap-2A,#snf5342-widget-wrap-2B) :is(#snfSizeDisplay,#snfSizeDisplaybrand)>span{display:flex;align-items:center;justify-content:center;line-height:1}


:is(#snf5342-widget-wrap-2A,#snf5342-widget-wrap-2B) :is(#snfSizeDisplay,#snfSizeDisplaybrand) img.snf5342-widget-image{position:static!important;display:block!important;float:none!important;margin:0!important;padding:0!important;width:18px!important;height:18px!important;transform:none!important;object-fit:contain}


/* Vector check marks retain the chart alignment and existing result styling. */


svg.snf-match-icon{flex-shrink:0;vertical-align:middle}


:is(#snf5342-widget-wrap-2A,#snf5342-widget-wrap-2B) :is(#snfSizeDisplay,#snfSizeDisplaybrand) svg.snf-match-icon{position:static!important;display:block!important;float:none!important;margin:0!important;width:18px!important;height:18px!important;transform:none!important}


#snf5342-widget-wrap-2B #sizeDisplay #recommendedSize .snf-result-match-row #scoretick svg.snf-match-icon{display:block;width:18px!important;height:18px!important;position:static!important;float:none!important;margin:0!important;filter:grayscale(1)}


/* Result icon and label follow the same selected-size score without desaturation. */


#snf5342-widget-wrap-2B #sizeDisplay #recommendedSize .snf-result-match-row #scoretick{display:none!important}


#snf5342-widget-wrap-2B #sizeDisplay #recommendedSize .snf-live-score-icon{display:block!important;position:static!important;width:18px!important;height:18px!important;flex:0 0 18px;filter:none!important;margin:0!important}


/* Measurement names and selected values use the same readable font size. */


#snf5342-widget-wrap-2B #sizeDisplay .snf5342-selectsnf>.paraclass,
#snf5342-widget-wrap-2B #sizeDisplay .snf5342-selectsnf>span,
#snf5342-widget-wrap-2B #sizeDisplay .snf5342-selectsnf select.snf5342-form-control{font-size:12px!important;line-height:1.4}


#snf5342-widget-wrap-2B #sizeDisplay .snf-optional-label{font-size:12px;font-weight:400}


/* Compact measurement selectors with room for the native dropdown arrow. */


#snf5342-widget-wrap-2B #sizeDisplay .snf5342-selectsnf select.snf5342-form-control{height:32px!important;min-height:32px!important;padding:4px 8px!important}


/* Phones retain the desktop card order, side-by-side result and compact controls. */


@media(max-width:480px){
 #snf5342-widget-wrap-2B #sizeDisplay{padding:18px 14px!important;overflow:hidden!important}
 #snf5342-widget-wrap-2B #sizeDisplay .snf-result-comparison{display:grid!important;grid-template-columns:minmax(104px,1fr) 24px minmax(124px,1.15fr)!important;gap:2px!important;align-items:center!important}
 #snf5342-widget-wrap-2B #sizeDisplay .snfSizeTable{padding-right:0!important}
 #snf5342-widget-wrap-2B #sizeDisplay .snf-size-arrow{width:24px!important}
 #snf5342-widget-wrap-2B #sizeDisplay #recommendedSize.snf-result-tag{box-sizing:border-box;width:100%!important;padding:25px 8px 18px!important}
 #snf5342-widget-wrap-2B #sizeDisplay #selectid{font-size:42px!important}
 #snf5342-widget-wrap-2B #sizeDisplay .snf-result-tag-message #selectid{font-size:15px!important}
 #snf5342-widget-wrap-2B #sizeDisplay .snf5342-selectsnf select.snf5342-form-control{font-size:12px!important;height:32px!important;min-height:32px!important;padding:4px 8px!important}
 #snf5342-widget-wrap-2B #sizeDisplay .snf-result-match-row{gap:4px!important}
}


/* Reference result typography and select controls, shared by desktop and mobile. */


#snf5342-widget-wrap-2B #sizeDisplay .snf-result-title{font-size:20px!important;font-weight:600;line-height:1.4}


#snf5342-widget-wrap-2B #sizeDisplay #editSection{font-size:16px!important;line-height:1.7!important}


#snf5342-widget-wrap-2B #sizeDisplay :is(#edittext,#preloader_inner){font-size:28px!important;line-height:1.3!important}


#snf5342-widget-wrap-2B #sizeDisplay .snf-result-adjust{font-size:16px!important;font-weight:600}


#snf5342-widget-wrap-2B #sizeDisplay .snf5342-selectsnf>:is(.paraclass,span){font-size:14px!important;line-height:1.4;white-space:nowrap;font-weight:400}


#snf5342-widget-wrap-2B #sizeDisplay .snf5342-selectsnf .snf-optional-label{font-size:12px!important}


#snf5342-widget-wrap-2B #sizeDisplay .snf-result-select-wrap{position:relative;width:100%;margin-top:3px}


#snf5342-widget-wrap-2B #sizeDisplay .snf-result-select-wrap select.snf5342-form-control{appearance:none!important;-webkit-appearance:none!important;font-family:inherit!important;font-size:20px!important;font-weight:600!important;line-height:1.2!important;height:40px!important;min-height:40px!important;margin:0!important;padding:5px 46px 5px 9px!important;border:1px solid var(--snf-result-grey)!important;border-radius:11px!important;color:var(--snf-result-grey)!important;background:#fff!important}


#snf5342-widget-wrap-2B #sizeDisplay .snf-result-select-unit{position:absolute;right:10px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:5px;pointer-events:none;color:var(--snf-result-grey);font-size:13px;line-height:1}


#snf5342-widget-wrap-2B #sizeDisplay .snf-result-select-unit:after{content:'';width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg)}


#snf5342-widget-wrap-2B #sizeDisplay #inchcm.snf-result-unit-tabs{display:flex!important;box-sizing:border-box;width:100%!important;border:1px solid var(--snf-result-grey);border-radius:10px;overflow:hidden;margin:18px 0 14px!important;float:none!important}


#snf5342-widget-wrap-2B #sizeDisplay .snf-result-unit-tabs>button{flex:1 1 50%;width:50%!important;min-width:0!important;height:38px!important;min-height:38px!important;max-width:none!important;margin:0!important;padding:6px 12px!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;color:#252d38!important;font-family:inherit;font-size:16px!important;font-weight:600;cursor:pointer;text-transform:none}


#snf5342-widget-wrap-2B #sizeDisplay .snf-result-unit-tabs>button.active{background:var(--snf-result-grey)!important;color:white!important}


#snf5342-widget-wrap-2B #sizeDisplay #selectid{font-family:inherit!important;font-size:48px!important;font-weight:600!important;line-height:1.2!important}


#snf5342-widget-wrap-2B #sizeDisplay .snf-result-tag-message #selectid{font-size:15px!important}


#snf5342-widget-wrap-2B #sizeDisplay .snf-result-tag-label{font-size:16px!important;font-weight:400}


#snf5342-widget-wrap-2B #sizeDisplay .snf-result-assessment{font-size:12px!important;font-weight:400;font-style:italic}


#snf5342-widget-wrap-2B #sizeDisplay .snf5342-selectsnf .paraclass>span{font-size:12px!important;font-weight:400}


@media(max-width:360px){
 #snf5342-widget-wrap-2B #sizeDisplay{padding-left:10px!important;padding-right:10px!important}
 #snf5342-widget-wrap-2B #sizeDisplay .snf-result-comparison{grid-template-columns:minmax(86px,1fr) 20px minmax(112px,1.15fr)!important;gap:1px!important}
 #snf5342-widget-wrap-2B #sizeDisplay .snf-size-arrow{width:20px!important}
 #snf5342-widget-wrap-2B #sizeDisplay .snf-result-select-wrap select.snf5342-form-control{font-size:16px!important;padding-left:7px!important;padding-right:33px!important}
 #snf5342-widget-wrap-2B #sizeDisplay .snf-result-select-unit{font-size:11px;right:6px;gap:3px}
 #snf5342-widget-wrap-2B #sizeDisplay .snf5342-selectsnf>:is(.paraclass,span){font-size:12px!important;white-space:normal}
 #snf5342-widget-wrap-2B #sizeDisplay .snf5342-selectsnf .paraclass>span{font-size:10px!important}
 #snf5342-widget-wrap-2B #sizeDisplay .snf-result-assessment{font-size:10px!important}
 #snf5342-widget-wrap-2B #sizeDisplay .snf-result-tag-label{font-size:14px!important}
 #snf5342-widget-wrap-2B #sizeDisplay #selectid{font-size:42px!important}
 #snf5342-widget-wrap-2B #sizeDisplay .snf-result-tag-message #selectid{font-size:15px!important}
}


/* Mobile widget surfaces must remain opaque over the product page. */


@media(max-width:480px){
 .snf5342-widget-wrap,
 .snf5342-widget-wrap .snf5342-widget-main,
 .snf5342-widget-wrap .snf5342-widget-content,
 .snf5342-widget-wrap .snf5342-widget-main-scroll,
 .snf5342-widget-wrap .snf5342-widget-main-scroll-inner,
 #snf5342-widget-wrap-2B #sizeDisplay,
 #snf5342-widget-wrap-2B #sizeDisplay .snf-result-loading-overlay{background-color:#fff!important}
}


/* Keep all body-shape choices visible without a carousel on phones. */


@media(max-width:600px){
 #snf5342-widget-wrap-2B .snf5342-widget-body-shape{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;width:100%!important;margin:12px 0 0!important;transform:none!important;overflow:visible!important}
 #snf5342-widget-wrap-2B .snf5342-widget-body-shape-item{display:block!important;position:relative!important;float:none!important;width:auto!important;min-width:0!important;margin:0!important;padding:0!important;transform:none!important}
 #snf5342-widget-wrap-2B .snf5342-widget-body-shape-item label{width:100%!important;min-width:0!important}
 #snf5342-widget-wrap-2B .snf5342-widget-body-shape-item-inner{width:100%!important;transform:none!important}
 #snf5342-widget-wrap-2B .snf5342-widget-body-shape-item-image{box-sizing:border-box!important;width:100%!important;min-height:84px!important;margin:0 0 6px!important;padding:3px!important}
 #snf5342-widget-wrap-2B .snf5342-widget-body-shape-item-image img{display:block!important;width:100%!important;height:80px!important;max-width:100%!important;object-fit:contain!important}
 #snf5342-widget-wrap-2B .snf5342-widget-body-shape-item-inner span{display:block!important;font-size:12px!important;line-height:1.35!important;white-space:normal!important;overflow-wrap:normal!important}
 #snf5342-widget-wrap-2B .snf5342-widget-body-shape-btn{display:none!important}
 #snf5342-widget-wrap-2B .snf5342-widget-body-shape-item input:focus-visible~.snf5342-widget-body-shape-item-inner{outline:2px solid currentColor;outline-offset:2px}
}


/* Share one inner edge for every control in the calculator card. */


#snf5342-widget-wrap-2B .snf-calculator-input-section{box-sizing:border-box!important;padding:20px 16px!important;min-width:0!important}


#snf5342-widget-wrap-2B .snf-calculator-input-section .snf-measurement-input-row{padding-left:0!important;padding-right:0!important}


#snf5342-widget-wrap-2B .snf-calculator-input-section #snf5342-widget-body-shape{box-sizing:border-box!important;display:block!important;width:100%!important;max-width:100%!important;padding:0!important;margin-left:0!important;margin-right:0!important;clear:both!important}


#snf5342-widget-wrap-2B #snf5342-widget-body-shape>.snf5342-widget-form-left{width:100%!important;float:none!important;padding:0!important;margin:0 0 12px!important}


#snf5342-widget-wrap-2B #snf5342-widget-body-shape>.snf5342-widget-body-shape{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;box-sizing:border-box!important;width:100%!important;max-width:100%!important;margin:0!important;gap:6px!important;transform:none!important}


#snf5342-widget-wrap-2B #snf5342-widget-body-shape .snf5342-widget-body-shape-item{box-sizing:border-box!important;position:relative!important;float:none!important;width:auto!important;min-width:0!important;max-width:100%!important;padding:0!important;margin:0!important}


#snf5342-widget-wrap-2B #snf5342-widget-body-shape .snf5342-widget-body-shape-item-inner,
#snf5342-widget-wrap-2B #snf5342-widget-body-shape .snf5342-widget-body-shape-item input:checked~.snf5342-widget-body-shape-item-inner{box-sizing:border-box!important;width:100%!important;min-width:0!important;transform:none!important}


#snf5342-widget-wrap-2B #snf5342-widget-body-shape .snf5342-widget-body-shape-item-image{box-sizing:border-box!important;width:100%!important;max-width:100%!important;padding:3px!important;margin:0 0 6px!important}


#snf5342-widget-wrap-2B #snf5342-widget-body-shape .snf5342-widget-body-shape-item-image img{display:block!important;max-width:100%!important;width:100%!important;height:80px!important;object-fit:contain!important}


#snf5342-widget-wrap-2B #snf5342-widget-body-shape .snf5342-widget-body-shape-item-inner span{display:block!important;font-size:12px!important;line-height:1.35!important;white-space:normal!important}


#snf5342-widget-wrap-2B .snf-calculator-input-section #nextbutton{box-sizing:border-box!important;width:100%!important;max-width:100%!important;margin:14px 0 0!important}


#snf5342-widget-wrap-2B #snf5342-widget-body-shape>.snf5342-widget-form-left label{display:block!important;text-align:left!important;margin:0!important;width:100%!important}


/* Remove the legacy 20px mobile row offset: match the shape grid and CTA. */


#snf5342-widget-wrap-2B .snf-calculator-input-section .snf-measurement-input-row{box-sizing:border-box!important;width:100%!important;max-width:100%!important;margin:24px 0!important;padding:0!important;left:auto!important;right:auto!important}


#snf5342-widget-wrap-2B .snf-calculator-input-section .snf-measurement-input-row:first-child{margin-top:12px!important}


#snf5342-widget-wrap-2B .snf-calculator-input-section .snf5342-widget-select-slider-main{box-sizing:border-box!important;width:100%!important;max-width:100%!important;padding:0 42px!important;margin-left:0!important;margin-right:0!important}


#snf5342-widget-wrap-2B .snf-calculator-input-section .snf5342-widget-select-slider-down{left:0!important}


#snf5342-widget-wrap-2B .snf-calculator-input-section .snf5342-widget-select-slider-up{right:0!important;left:auto!important}


/* Size dialogs fit their content instead of reserving an empty viewport below the chart. */


:is(#snf5342-widget-wrap-2A,#snf5342-widget-wrap-2B)>.snf5342-widget-main{
    height:auto!important;
    max-height:100vh!important;
    min-height:0!important;
}


:is(#snf5342-widget-wrap-2A,#snf5342-widget-wrap-2B)>.snf5342-widget-main>.snf5342-widget-content{
    height:auto!important;
    min-height:0!important;
    max-height:100vh!important;
}


:is(#snf5342-widget-wrap-2A,#snf5342-widget-wrap-2B) .snf5342-widget-main-scroll{
    height:auto!important;
    min-height:0!important;
    max-height:100vh!important;
}


:is(#snf5342-widget-wrap-2A,#snf5342-widget-wrap-2B) .snf5342-widget-main-scroll-inner{
    height:auto!important;
    min-height:0!important;
    padding-bottom:0!important;
}


/* Essential controls must not depend on the optional icomoon font. */


.snf5342-widget-wrap .snf-icon-plus::before,
.snf5342-widget-wrap .snf-icon-minus::before{
    font-family:Arial,sans-serif!important;
    font-style:normal!important;
    font-weight:400!important;
    font-size:20px!important;
    line-height:1!important;
}


.snf5342-widget-wrap .snf-icon-plus::before{content:'+'!important}


.snf5342-widget-wrap .snf-icon-minus::before{content:'\2212'!important}


.snf5342-widget-wrap .snf-widget-select-wrap .snf-widget-select-value::before,
.snf5342-widget-wrap .snf-icon-drop-arrow::before{
    content:''!important;
    display:inline-block!important;
    width:7px!important;
    height:7px!important;
    border:0!important;
    border-right:2px solid currentColor!important;
    border-bottom:2px solid currentColor!important;
    transform:rotate(45deg)!important;
    font-family:Arial,sans-serif!important;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* You can add global styles to this file, and also import other style files */
html, body {
  height: 100%;
}
body {
  margin: 0;
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.show-size-chart-dialog .mat-dialog-container {
  padding: 0px;
  background: #fff;
  border-radius: 22px;
  overflow: hidden;
}
/* Keep the calculator/Try-On dialog against the right edge. */
.cdk-overlay-container .cdk-global-overlay-wrapper:has(.show-size-chart-dialog) {
  justify-content: flex-end !important;
  align-items: flex-start !important;
  padding: 0 !important;
}
.cdk-overlay-pane.show-size-chart-dialog {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  bottom: auto !important;
  left: auto !important;
  margin: 0 0 0 auto !important;
  transform: none !important;
}
.cdk-overlay-pane.show-size-chart-dialog .mat-dialog-container,
.cdk-overlay-pane.show-size-chart-dialog .mat-mdc-dialog-container,
.cdk-overlay-pane.show-size-chart-dialog .mat-mdc-dialog-surface {
  margin: 0 !important;
  padding: 0 !important;
  background: #fff !important;
  border-radius: 22px !important;
  overflow: hidden !important;
}
/* Fit the shared desktop-style shell inside the phone viewport. */
@media (max-width: 480px) {
  .cdk-overlay-pane.show-size-chart-dialog {
    width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
    max-height: calc(100dvh - 16px) !important;
    height: calc(100dvh - 16px) !important;
    top: 8px !important;
    right: 8px !important;
  }
  .cdk-overlay-pane.show-size-chart-dialog .mat-dialog-container {
    width: 100% !important;
    height: 100% !important;
  }
  .show-size-chart-dialog .snf5342-widget-wrap, .show-size-chart-dialog .snf5342-widget-wrap .snf5342-widget-main {
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    box-sizing: border-box !important;
  }
}
/* Give the calculator a definite phone height so its own content can scroll. */
@media (max-width: 480px) {
  .show-size-chart-dialog .snf5342-widget-wrap {
    height: calc(100vh - 16px) !important;
    height: calc(100dvh - 16px) !important;
    min-height: 0 !important;
  }
  .show-size-chart-dialog .snf5342-widget-wrap .snf5342-widget-main {
    height: 100% !important;
    min-height: 0 !important;
  }
  .show-size-chart-dialog .snf5342-widget-wrap .snf5342-widget-main-scroll:not(.scroll1) {
    height: 100% !important;
    max-height: 100% !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    touch-action: pan-y;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-y: contain;
  }
}

/*# sourceMappingURL=styles.css.map*/