/* URU skin for the Stuv "See in your room" panel (adapted from the Teak Wood Factory theme). */
:root{--walnut:#000000;--walnut-deep:#0a0a0a;--teak:#0252fc;--teak-dark:#0143d4;--teak-light:#0252fc;--stone:#e5e7eb;--ivory:#ffffff;--line-dark:#e5e7eb;--radius:4px;--radius-sm:3px;--gutter:20px;--ease:cubic-bezier(.2,.7,.2,1)}
@keyframes tw-fade{from{opacity:0;transform:translateY(8px)}}
/* stack the floating try-on launcher above the WhatsApp button */
body:has(#stuv-tryon-entry-point .is-visible) .wa-float,body.has-stuv-look .wa-float{bottom:84px!important}
:root {
  --stuv-primary: var(--walnut);
  --stuv-btn-bg: var(--walnut);
  --stuv-btn-fg: var(--paper);
  --stuv-btn-radius: 999px;
  --stuv-surface: var(--paper);
  --stuv-border: var(--line);
  --stuv-text-muted: var(--muted);
}
.pd-tryon-box {
  width: 100%;
}
.pd-tryon-box .stuv-tryon-wrapper {
  display: block;
  width: 100%;
  margin: 0;
}
.pd-tryon-box .stuv-tryon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: 100%;
  height: 52px;
  padding: 0 30px;
  background: var(--walnut);
  color: var(--paper);
  border: 1px solid transparent;
  border-radius: 0;
  font: 500 12px/1 var(--sans);
  letter-spacing: .2em;
  text-transform: uppercase;
  cursor: pointer;
  white-space: nowrap;
  box-shadow: none;
  transition: background .35s var(--ease), color .35s var(--ease), border-color .35s var(--ease);
  text-decoration: none;
}
.pd-tryon-box .stuv-tryon-btn:hover {
  background: var(--teak);
  color: var(--paper);
}
.pd-tryon-box .stuv-tryon-btn .stuv-btn-icon svg {
  width: 18px;
  height: 18px;
  stroke: currentColor;
  transition: transform .35s var(--ease);
  display: block;
}
.pd-tryon-box .stuv-tryon-btn:hover .stuv-btn-icon svg {
  transform: scale(1.1);
}
.stuv-tryon-powered-by {
  display: none !important;
}
#stuv-tryon-entry-point {
  position: fixed !important;
  bottom: 22px !important;
  right: 22px !important;
  z-index: 999998 !important;
}
body:has(#stuv-tryon-entry-point .is-visible) .wa-float,
body.has-stuv-look .wa-float {
  bottom: 84px !important;
}
@media (max-width: 640px){
#stuv-tryon-entry-point {
    bottom: 16px !important;
    right: 16px !important;
  }
body:has(#stuv-tryon-entry-point .is-visible) .wa-float,
  body.has-stuv-look .wa-float {
    bottom: 74px !important;
    right: 16px !important;
  }
}
#stuv-tryon-entry-point .stuv-entry-btn {
  font-family: var(--sans) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: .2em !important;
  text-transform: uppercase !important;
  background-color: var(--walnut) !important;
  color: var(--paper) !important;
  border: 1px solid var(--teak-light) !important;
  box-shadow: 0 8px 24px rgba(28, 19, 13, 0.25) !important;
  border-radius: 0 !important;
  transition: all .35s var(--ease) !important;
}
#stuv-tryon-entry-point .stuv-entry-btn:hover {
  background-color: var(--teak) !important;
  color: var(--paper) !important;
}
.stuv-drawer-overlay {
  background: rgba(28, 19, 13, 0.65) !important;
  backdrop-filter: blur(4px) !important;
  -webkit-backdrop-filter: blur(4px) !important;
}
.stuv-drawer-sheet {
  background: var(--paper) !important;
  box-shadow: -6px 0 32px rgba(28, 19, 13, 0.22) !important;
  font-family: var(--sans) !important;
  color: var(--ink) !important;
  border-radius: 0 !important;
}
.stuv-drawer-header {
  border-bottom: 1px solid var(--line) !important;
  padding: 24px 28px !important;
  background: var(--ivory) !important;
}
.stuv-drawer-header h3 {
  font-family: var(--serif) !important;
  font-size: 26px !important;
  font-weight: 400 !important;
  color: var(--ink) !important;
  letter-spacing: -.01em !important;
}
.stuv-drawer-close {
  color: var(--muted) !important;
  font-size: 26px !important;
  transition: color .25s var(--ease), transform .25s var(--ease) !important;
}
.stuv-drawer-close:hover {
  color: var(--teak) !important;
  transform: scale(1.1) !important;
}
.stuv-drawer-content {
  padding: 28px !important;
  font-family: var(--sans) !important;
  color: var(--ink) !important;
}
.stuv-drawer-content h3,
.stuv-result-container h3 {
  font-family: var(--serif) !important;
  font-size: 22px !important;
  font-weight: 400 !important;
  color: var(--ink) !important;
}
.stuv-drawer-content h4,
.stuv-upload-section h4 {
  font-family: var(--sans) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: .2em !important;
  text-transform: uppercase !important;
  color: var(--teak) !important;
}
.stuv-upload-section > div {
  font-family: var(--sans) !important;
}
.stuv-upload-section div[style*="border: 2px dashed"],
.stuv-upload-section div[style*="border:2px dashed"] {
  border: 1.5px dashed var(--line) !important;
  border-radius: 0 !important;
  background: var(--ivory) !important;
  transition: border-color .3s var(--ease), background-color .3s var(--ease) !important;
}
.stuv-upload-section div[style*="border: 2px dashed"]:hover,
.stuv-upload-section div[style*="border:2px dashed"]:hover {
  border-color: var(--teak) !important;
  background: rgba(150, 83, 35, 0.04) !important;
}
.stuv-btn-primary,
#stuv-start-generate-btn,
#stuv-choose-photo-btn,
#stuv-view-modal-btn,
#stuv-lead-submit-btn {
  background: var(--walnut) !important;
  color: var(--paper) !important;
  font-family: var(--sans) !important;
  font-size: 11.5px !important;
  font-weight: 500 !important;
  letter-spacing: .2em !important;
  text-transform: uppercase !important;
  border-radius: 0 !important;
  border: none !important;
  padding: 14px 26px !important;
  box-shadow: none !important;
  transition: background .35s var(--ease), color .35s var(--ease) !important;
  cursor: pointer !important;
}
.stuv-btn-primary:hover:not(:disabled),
#stuv-start-generate-btn:hover:not(:disabled),
#stuv-choose-photo-btn:hover:not(:disabled),
#stuv-view-modal-btn:hover:not(:disabled),
#stuv-lead-submit-btn:hover:not(:disabled) {
  background: var(--teak) !important;
  color: var(--paper) !important;
}
.stuv-btn-secondary,
#stuv-try-another-btn,
.stuv-result-modal-close {
  background: transparent !important;
  color: var(--walnut) !important;
  border: 1px solid var(--walnut) !important;
  font-family: var(--sans) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: .2em !important;
  text-transform: uppercase !important;
  border-radius: 0 !important;
  padding: 12px 22px !important;
  transition: all .35s var(--ease) !important;
  cursor: pointer !important;
}
.stuv-btn-secondary:hover:not(:disabled),
#stuv-try-another-btn:hover:not(:disabled),
.stuv-result-modal-close:hover:not(:disabled) {
  border-color: var(--teak) !important;
  background: var(--teak) !important;
  color: var(--paper) !important;
}
.stuv-action-chip {
  font-family: var(--sans) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  border-radius: 0 !important;
  border: 1px solid var(--line) !important;
  background: var(--paper) !important;
  color: var(--ink) !important;
  transition: all .25s var(--ease) !important;
}
.stuv-action-chip:hover:not(:disabled) {
  background: var(--walnut) !important;
  border-color: var(--walnut) !important;
  color: var(--paper) !important;
}
.stuv-generating-container {
  font-family: var(--sans) !important;
}
.stuv-generating-container h3,
#stuv-generating-title {
  font-family: var(--serif) !important;
  font-size: 24px !important;
  font-weight: 400 !important;
  color: var(--ink) !important;
}
#stuv-generating-body,
.stuv-generating-caption {
  font-family: var(--sans) !important;
  color: var(--muted) !important;
  font-size: 14px !important;
}
.stuv-generating-progress {
  background: var(--stone) !important;
  border-radius: 0 !important;
  height: 4px !important;
  overflow: hidden !important;
}
.stuv-generating-progress span,
#stuv-generating-bar {
  background: linear-gradient(90deg, var(--walnut) 0%, var(--teak) 100%) !important;
  border-radius: 0 !important;
}
.stuv-result-modal-backdrop {
  background: rgba(28, 19, 13, 0.75) !important;
  backdrop-filter: blur(5px) !important;
  -webkit-backdrop-filter: blur(5px) !important;
}
.stuv-result-modal-dialog {
  border-radius: 0 !important;
  border: 1px solid var(--line) !important;
  box-shadow: 0 20px 60px rgba(28, 19, 13, 0.3) !important;
  font-family: var(--sans) !important;
  background: var(--paper) !important;
}
.stuv-result-modal-header {
  border-bottom: 1px solid var(--line) !important;
  padding: 20px 26px !important;
  background: var(--ivory) !important;
}
.stuv-result-modal-header h3 {
  font-family: var(--serif) !important;
  font-size: 22px !important;
  font-weight: 400 !important;
  color: var(--ink) !important;
}
.stuv-result-modal-lead {
  background: var(--paper) !important;
  border-left: 1px solid var(--line) !important;
  padding: 26px 30px !important;
}
.stuv-result-modal-lead h4 {
  font-family: var(--serif) !important;
  font-size: 24px !important;
  font-weight: 400 !important;
  color: var(--ink) !important;
  margin-bottom: 10px !important;
}
.stuv-result-modal-lead p.stuv-lead-desc {
  font-family: var(--sans) !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
  color: var(--muted) !important;
}
.stuv-lead-form-group label {
  font-family: var(--sans) !important;
  font-size: 11px !important;
  letter-spacing: .15em !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
  color: var(--muted) !important;
}
.stuv-lead-form-group input {
  font-family: var(--sans) !important;
  font-size: 15px !important;
  color: var(--ink) !important;
  background: #ffffff !important;
  border: 1px solid var(--line) !important;
  padding: 12px 15px !important;
  border-radius: 0 !important;
  transition: border-color .25s var(--ease) !important;
}
.stuv-lead-form-group input:focus {
  outline: none !important;
  border-color: var(--teak) !important;
}
.stuv-privacy-note {
  font-family: var(--sans) !important;
  font-size: 13px !important;
  color: var(--muted) !important;
}
.stuv-privacy-note a {
  color: var(--teak) !important;
  text-decoration: underline !important;
}
.stuv-drawer-footer {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  border-top: 1px solid var(--line) !important;
  background: var(--ivory) !important;
  font-family: var(--sans) !important;
  color: var(--muted) !important;
  font-size: 12px !important;
  padding: 18px 24px !important;
}
.stuv-drawer-footer > div,
.stuv-drawer-footer span {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  margin: 0 auto !important;
  width: 100% !important;
}
.stuv-drawer-footer strong,
.stuv-drawer-footer a {
  color: var(--ink) !important;
  font-weight: 500 !important;
  margin-left: 4px !important;
  text-decoration: none !important;
  transition: color .2s var(--ease) !important;
}
.stuv-drawer-footer a:hover {
  color: var(--teak) !important;
}
.pd-tryon-box .stuv-tryon-btn { border-radius: var(--radius-sm); height: 50px; font: 700 14px/1 var(--sans); letter-spacing: .01em; text-transform: none; background: transparent; color: var(--ink); border-color: var(--ink); }
.pd-tryon-box .stuv-tryon-btn:hover { background: var(--ink); color: #fff; }
.pd-tryon-box .stuv-tryon-btn { border-radius: 0; font: 400 12px/1 var(--sans); letter-spacing: .18em; text-transform: uppercase; }
.ul-pdp .pd-tryon-box { margin-top: 10px; }
.ul-pdp .pd-tryon-box:empty { display: none; }
.tw-add-more { margin-top: 14px; }
.tw-add-more-btn { width: 100%; display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 11px 14px !important; background: transparent !important; color: var(--ink) !important; border: 1px dashed var(--teak) !important; border-radius: 0 !important; font: 400 11.5px/1 var(--sans) !important; letter-spacing: .16em !important; text-transform: uppercase; cursor: pointer; transition: background .3s var(--ease), color .3s var(--ease); }
.tw-add-more-btn span { font-size: 16px; line-height: 1; color: var(--teak); }
.tw-add-more-btn:hover:not([disabled]) { background: var(--stone) !important; }
.tw-add-more-btn[disabled] { opacity: .5; cursor: not-allowed; }
.tw-add-more-hint { margin: 8px 0 0; font-size: 12px; line-height: 1.5; color: var(--muted); text-align: center; }
.tw-picker { position: absolute; inset: 0; z-index: 5; display: flex; flex-direction: column; background: var(--paper); animation: tw-fade .3s var(--ease); }
.tw-picker-head { display: flex; align-items: center; gap: 12px; padding: 18px 20px; border-bottom: 1px solid var(--line); }
.tw-picker-head div { display: grid; gap: 2px; }
.tw-picker-head strong { font: 400 1.2rem/1.2 var(--serif); color: var(--ink); }
.tw-picker-count { font: 400 10.5px/1 var(--sans); letter-spacing: .16em; text-transform: uppercase; color: var(--teak); }
.tw-picker-back { width: 36px; height: 36px; border: 1px solid var(--line); border-radius: 50%; background: none; cursor: pointer; font-size: 16px; color: var(--ink); }
.tw-picker-back:hover { border-color: var(--ink); }
.tw-picker-search { margin: 14px 20px 0; height: 42px; padding: 0 14px; border: 1px solid var(--line); background: #fff; font: 300 14px/1 var(--sans); color: var(--ink); outline: none; }
.tw-picker-search:focus { border-color: var(--teak); }
.tw-picker-cols { display: flex; gap: 6px; padding: 12px 20px; overflow-x: auto; scrollbar-width: none; flex: none; }
.tw-picker-cols::-webkit-scrollbar { display: none; }
.tw-chip { flex: none; height: 30px; padding: 0 12px; border: 1px solid var(--line); background: none; cursor: pointer; font: 400 10.5px/1 var(--sans); letter-spacing: .14em; text-transform: uppercase; color: var(--muted); }
.tw-chip.is-active { background: var(--ink); border-color: var(--ink); color: var(--paper); }
.tw-picker-grid { flex: 1; overflow-y: auto; display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; padding: 4px 20px 20px; align-content: start; }
.tw-pick { display: grid; gap: 6px; padding: 8px; border: 1px solid var(--line); background: #fff; transition: border-color .3s var(--ease); }
.tw-pick.is-on { border-color: var(--teak); box-shadow: inset 0 0 0 1px var(--teak); }
.tw-pick img { width: 100%; aspect-ratio: 1; object-fit: contain; background: #fff; }
.tw-pick-name { font: 400 13px/1.3 var(--serif); color: var(--ink); min-height: 2.6em; }
.tw-pick-btn { height: 32px; border: 1px solid var(--ink); background: none; cursor: pointer; font: 400 10.5px/1 var(--sans); letter-spacing: .16em; text-transform: uppercase; color: var(--ink); }
.tw-pick-btn:hover:not([disabled]) { background: var(--ink); color: var(--paper); }
.tw-pick.is-on .tw-pick-btn { background: var(--teak); border-color: var(--teak); color: var(--paper); }
.tw-pick-btn[disabled] { opacity: .4; cursor: not-allowed; }
.tw-picker-empty { grid-column: 1 / -1; padding: 30px 0; text-align: center; font-size: 13px; color: var(--muted); }
.tw-picker-foot { padding: 14px 20px; border-top: 1px solid var(--line); background: var(--paper); }
.tw-picker-done { width: 100%; padding: 12px !important; }