/* PDR STREET · o mesmo preto, branco e vermelho da vitrine de sneakers. */
.pdr-clothing {
  --pdr-line:#33323a;
  --pdr-muted:#b0adb8;
  color:#f5f3f4;
  background-color:#0b0b0f;
  background-image:radial-gradient(ellipse at 13% 8%,#f50b391c,transparent 36%),radial-gradient(ellipse at 85% 55%,#f50b3909,transparent 43%),repeating-linear-gradient(0deg,#ffffff02 0 1px,transparent 1px 5px);
  padding-bottom:36px;
}
.pdr-clothing button:focus-visible,.pdr-clothing select:focus-visible,.pdr-clothing a:focus-visible {
  outline:3px solid #fecc2b;
  outline-offset:4px;
}
.pdr-clothing .pdr-studio-header {
  padding:28px 4.5% 27px;
  grid-template-columns:1.1fr .9fr;
  align-items:center;
  gap:40px;
}
.pdr-clothing .pdr-eyebrow { color:#ff3156;font-size:11px;letter-spacing:.19em;margin-bottom:12px!important; }
.pdr-clothing .pdr-eyebrow:before { width:26px;height:3px;transform:rotate(-7deg); }
.pdr-clothing .pdr-studio-title {
  max-width:540px;
  margin:0!important;
  color:#fff;
  font:900 clamp(62px,7vw,100px)/.85 var(--display,Impact,sans-serif);
  letter-spacing:-.045em;
  text-transform:uppercase;
  position:relative;
}
.pdr-clothing .pdr-studio-title em,.pdr-clothing .pdr-studio-title strong { color:#f50b39;font-style:normal; }
.pdr-clothing .pdr-studio-title:after { display:none; }
.pdr-clothing .pdr-studio-title img,.pdr-clothing .pdr-street-title-art {
  display:block;
  width:min(100%,500px);
  max-width:100%;
  max-height:160px;
  height:auto;
  object-fit:contain;
  object-position:left center;
  filter:drop-shadow(0 7px 13px #0005);
}
.pdr-clothing .pdr-studio-intro { padding:0 0 0 24px;border-left:3px solid #f50b39; }
.pdr-clothing .pdr-studio-lede { color:#fff;font-size:22px;font-weight:800;line-height:1.35;letter-spacing:-.035em;max-width:420px; }
.pdr-clothing .pdr-studio-description { color:#b8b3bd;font-size:12px;line-height:1.7;margin-top:10px!important;max-width:425px; }
.pdr-clothing .pdr-demo-note { color:#b6acb4;font-size:10px;line-height:1.7;margin-top:13px!important;padding-left:21px;max-width:440px; }
.pdr-clothing .pdr-demo-note strong { color:#f1a8b7;font-size:9px;font-weight:800;letter-spacing:.08em; }
.pdr-clothing .pdr-demo-note:before { border-color:#a05b69;color:#f2a3b4;top:2px; }
.pdr-clothing .pdr-studio-grid {
  padding:0 4.5%;
  grid-template-columns:minmax(250px,.95fr) minmax(320px,1.25fr) minmax(255px,.95fr);
  gap:18px;
  align-items:start;
}
.pdr-clothing .pdr-wardrobe,.pdr-clothing .pdr-look-panel {
  min-width:0;
  padding:18px;
  background:linear-gradient(145deg,#19181f,#111116);
  border:1px solid #35323c;
  border-top:3px solid #f50b39;
  border-radius:5px;
  box-shadow:0 13px 28px #0003;
  align-self:start;
}
.pdr-clothing .pdr-wardrobe { grid-column:1;grid-row:1; }
.pdr-clothing .pdr-panel-heading { gap:10px;padding-bottom:13px;margin-bottom:15px;border-bottom:1px solid #36313b; }
.pdr-clothing .pdr-panel-heading h2 { color:#fff;font:900 27px/1 var(--display,Impact,sans-serif);letter-spacing:-.025em; }
.pdr-clothing .pdr-panel-heading>span { color:#a39aa6;font-size:8px;line-height:1.5;letter-spacing:.045em;text-align:right; }
.pdr-clothing .pdr-look-panel .pdr-panel-heading>span { color:#f50b39;font:900 30px/1 var(--display,Impact,sans-serif); }
.pdr-clothing .pdr-category-tabs { display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:0;background:none;border:0;border-radius:0;overflow:visible;margin-bottom:13px; }
.pdr-clothing .pdr-category-tab { min-height:44px;border:1px solid #3d3642;border-radius:3px;background:#242028;color:#bdb3c1!important;font:900 15px/1 var(--display,Impact,sans-serif)!important;letter-spacing:.015em;padding:11px 8px; }
.pdr-clothing .pdr-category-tab[aria-pressed=true] { color:#fff!important;background:#f50b39;border-color:#ff3c63;box-shadow:0 4px 15px #f50b3924; }
.pdr-clothing .pdr-category-tab:hover:not([aria-pressed=true]) { color:#fff!important;background:#3b2631;border-color:#805163; }
.pdr-clothing .pdr-wardrobe-label { color:#a89cae;font-size:10px;letter-spacing:.08em;margin-bottom:10px; }
.pdr-clothing .pdr-wardrobe-grid { display:flex;flex-direction:column;gap:6px; }
.pdr-clothing .pdr-garment-card { display:flex;flex-direction:row;align-items:center;min-height:84px;border:1px solid #35303a;border-radius:3px;background:#211d25;box-shadow:none; }
.pdr-clothing .pdr-garment-card:hover { border-color:#a96b80;background:#35222d;transform:translateX(2px);box-shadow:none; }
.pdr-clothing .pdr-garment-card[aria-pressed=true] { color:#fff;background:#f50b39;border-color:#ff5476;box-shadow:inset 3px 0 0 #ffdce5,0 3px 12px #f50b3918; }
.pdr-clothing .pdr-garment-art { flex:0 0 78px;width:78px;height:82px;background:linear-gradient(145deg,#f2efed,#cfc9ca);border-right:1px solid #ffffff1a; }
.pdr-clothing .pdr-garment-art:before { display:none; }
.pdr-clothing .pdr-garment-art svg { width:96%;height:100%;filter:drop-shadow(0 4px 3px #0002); }
.pdr-clothing .pdr-garment-art img { width:95%;height:90%;object-fit:contain; }
.pdr-clothing .pdr-garment-meta { width:auto;flex:1;min-width:0;padding:12px 11px;gap:6px; }
.pdr-clothing .pdr-garment-name { color:#f4eff5;font:900 19px/1.05 var(--display,Impact,sans-serif);letter-spacing:-.01em;overflow-wrap:anywhere; }
.pdr-clothing .pdr-garment-color { color:#b7aabd;font:500 10px/1.5 var(--body,Arial,sans-serif)!important; }
.pdr-clothing .pdr-garment-card[aria-pressed=true] .pdr-garment-name { color:#fff; }
.pdr-clothing .pdr-garment-card[aria-pressed=true] .pdr-garment-color { color:#ffe4eb; }
.pdr-clothing .pdr-garment-check { width:18px;height:18px;top:5px;right:5px;background:#0c0b10;color:#fff;border:1px solid #fff;font-size:10px; }
.pdr-clothing .pdr-swatch { width:8px;height:8px;border:1px solid #ffffff60;box-shadow:none; }
.pdr-wardrobe-controls { display:flex;flex-wrap:wrap;gap:7px 14px;padding-top:13px;margin-top:13px;border-top:1px solid #3a323e;color:#a79aad;font:600 9px/1.6 var(--body,Arial,sans-serif);letter-spacing:.035em; }
.pdr-wardrobe-controls span { display:inline-block; }
.pdr-clothing .pdr-fitting-stage {
  grid-column:2;
  grid-row:1;
  min-height:0;
  min-width:0;
  border:1px solid #6a414c;
  border-top:3px solid #f50b39;
  border-radius:5px;
  overflow:hidden;
  background:#101014;
  box-shadow:0 15px 35px #0005,0 0 22px #f50b3907;
}
.pdr-clothing .pdr-fitting-stage:before,.pdr-clothing .pdr-fitting-stage:after,.pdr-clothing .pdr-stage-floor { display:none; }
.pdr-clothing .pdr-stage-top { padding:13px 16px;min-height:44px;gap:9px;border-bottom:1px solid #5d3442;background:#19131b; }
.pdr-clothing .pdr-stage-label { color:#f5edf5;font:900 12px/1.4 var(--display,Impact,sans-serif);letter-spacing:.08em; }
.pdr-clothing .pdr-stage-label:before,.pdr-clothing .pdr-stage-dot { background:#f50b39; }
.pdr-clothing .pdr-stage-live { color:#b3a1b8!important;font-size:8px!important;letter-spacing:.045em!important; }
.pdr-clothing .pdr-mannequin { display:block;flex:0 0 auto;width:100%;height:auto;min-height:0;aspect-ratio:3/4;padding:0;overflow:hidden;background:#25211b; }
.pdr-clothing .pdr-mannequin>svg { display:block;width:100%;height:auto;min-height:0;max-width:none;aspect-ratio:3/4;filter:none; }
.pdr-clothing .pdr-character-nav { display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px;padding:12px 13px 10px;background:#131117; }
.pdr-clothing .pdr-character-nav button { width:44px;min-height:44px;padding:0;display:grid;place-items:center;border:1px solid #663344;border-radius:3px;background:#271922;color:#fff;font:800 23px/1 Arial,sans-serif!important; }
.pdr-clothing .pdr-character-nav button:hover:not(:disabled) { border-color:#ff4c70;background:#f50b39;color:#fff; }
.pdr-clothing .pdr-character-nav button:disabled { opacity:.35; }
.pdr-clothing #pdrActivePieceName { color:#f4ebf5;text-align:center;text-transform:uppercase;overflow-wrap:anywhere;font:900 16px/1.2 var(--display,Impact,sans-serif);letter-spacing:-.005em; }
.pdr-clothing .pdr-cj-caption { display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;padding:3px 12px 10px;margin:0;background:#131117; }
.pdr-clothing .pdr-cj-caption strong { color:#fff;font:900 26px/1 var(--display,Impact,sans-serif);letter-spacing:-.02em;text-transform:uppercase; }
.pdr-clothing .pdr-cj-caption span { color:#f95776;font:800 8px/1.5 var(--body,Arial,sans-serif);letter-spacing:.18em; }
.pdr-clothing .pdr-stage-note { color:#9e91a4;background:#131117;font-size:9px;line-height:1.65;padding:0 13px 13px; }
.pdr-clothing .pdr-look-panel { grid-column:3;grid-row:1; }
.pdr-clothing .pdr-look-intro { color:#b7a9bd;font-size:11px;line-height:1.7;margin-bottom:8px!important; }
.pdr-clothing .pdr-look-items { display:flex;flex-direction:column; }
.pdr-clothing .pdr-look-item { padding:14px 0;gap:10px;border-bottom-color:#3c303f; }
.pdr-clothing .pdr-look-item:first-child { padding-top:4px; }
.pdr-clothing .pdr-look-art { width:54px;height:69px;border-radius:3px;border:1px solid #5d4b61;background:#e1dadd; }
.pdr-clothing .pdr-look-info { padding-right:24px; }
.pdr-clothing .pdr-look-info strong { color:#f7eef8;font:900 19px/1.05 var(--display,Impact,sans-serif);letter-spacing:-.01em;margin-bottom:5px; }
.pdr-clothing .pdr-look-info>span { color:#baabbf;font-size:10px;line-height:1.5;margin-bottom:6px; }
.pdr-clothing .pdr-size-select { max-width:125px;min-height:44px;padding:9px;border:1px solid #645168;border-radius:3px;background:#291e2d;color:#f7eefa!important;font-size:11px!important;color-scheme:dark; }
.pdr-clothing .pdr-remove { right:-9px;top:7px;color:#b4a5b8!important; }
.pdr-clothing .pdr-remove:hover { background:#f50b3920;color:#ff5f80!important; }
.pdr-clothing .pdr-look-summary { padding-top:17px;gap:9px; }
.pdr-clothing .pdr-look-summary>span { color:#a693ad;font-size:9px;line-height:1.5;letter-spacing:.065em; }
.pdr-clothing .pdr-look-summary>strong { color:#ff3159;font:900 28px/1 var(--display,Impact,sans-serif); }
.pdr-clothing .pdr-look-summary>p { color:#ae9db5;font-size:10px;line-height:1.75; }
.pdr-clothing .pdr-look-actions { display:flex;flex-direction:column;gap:8px;margin-top:15px; }
.pdr-clothing .pdr-button { min-height:48px;padding:13px 14px;border-radius:3px;font:900 17px/1 var(--display,Impact,sans-serif)!important;letter-spacing:.02em; }
.pdr-clothing .pdr-button-primary { color:#fff!important;background:#f50b39;border:1px solid #ff3e64;box-shadow:0 5px 20px #f50b391c; }
.pdr-clothing .pdr-button-primary:hover:not(:disabled) { background:#ff2450;transform:translateY(-2px);box-shadow:0 7px 24px #f50b3930; }
.pdr-clothing .pdr-button-outline { color:#f4e9f6!important;background:#261c22;border:1px solid #713544; }
.pdr-clothing .pdr-button-outline:hover:not(:disabled) { color:#fff!important;background:#3c1c27;border-color:#ce647d; }
.pdr-clothing .pdr-text-button { color:#bba9c2!important;min-height:44px;font-size:10px!important; }
.pdr-clothing .pdr-text-button:hover:not(:disabled) { color:#ff5d7b!important; }
.pdr-clothing .pdr-fine-print { color:#a795b0;font-size:10px;line-height:1.7; }
.pdr-clothing .pdr-saved-badge { background:#411d2b;border:1px solid #924154;color:#ffbdcc;font-size:10px;border-radius:3px;padding:8px 10px; }
.pdr-clothing .pdr-empty-look { color:#bba9c3;min-height:210px; }
.pdr-clothing .pdr-empty-look strong { color:#f4e9f6;font:900 25px/1 var(--display,Impact,sans-serif); }
.pdr-clothing .pdr-empty-look>span { color:#f50b39; }
.pdr-clothing .pdr-studio-footer { padding:22px 4.5% 0;gap:13px;color:#ab98b4; }
.pdr-clothing .pdr-step { color:#bcaac5;font-size:12px;letter-spacing:.03em; }
.pdr-clothing .pdr-step b { width:25px;height:25px;border-radius:3px;border:1px solid #884255;background:#3b1826;color:#ff5376; }
.pdr-clothing .pdr-studio-footer>span[aria-hidden] { color:#865267; }
.pdr-clothing .pdr-studio-footer>a { color:#f4dce8;font:900 13px/1.5 var(--display,Impact,sans-serif); }
body.pdr-street-active .pdr-sector-switch { background:#100d13;border-top-color:#6f2337; }
body.pdr-street-active .pdr-sector-tab { color:#b5a8bd;border-color:#4c3a54; }
body.pdr-street-active .pdr-sector-tab[aria-selected=true] { background:#f50b39;border-color:#ff4168;color:#fff;box-shadow:0 3px 18px #f50b3921; }
body.pdr-street-active .pdr-sector-tab[aria-selected=true] .pdr-new-tag { color:#fff;background:#ffffff24; }
body.pdr-street-active .pdr-sector-caption { color:#b3a1bd; }
body.pdr-street-active .pdr-sector-caption:before { color:#f50b39; }
body.pdr-street-active .pdr-toast { background:#18121c;border-color:#623446;border-left-color:#f50b39;color:#fff; }
@keyframes pdr-street-fit { from { opacity:.55; } to { opacity:1; } }
.pdr-fit-flash { animation:pdr-street-fit .21s ease-out; }
@media(min-width:1650px) {
  .pdr-clothing .pdr-studio-title img,.pdr-clothing .pdr-street-title-art { max-height:175px; }
}
@media(max-width:1180px) {
  .pdr-clothing .pdr-studio-header { gap:28px; }
  .pdr-clothing .pdr-studio-grid { grid-template-columns:minmax(300px,1.2fr) minmax(265px,1fr);gap:18px; }
  .pdr-clothing .pdr-fitting-stage { grid-column:1;grid-row:1; }
  .pdr-clothing .pdr-look-panel { grid-column:2;grid-row:1; }
  .pdr-clothing .pdr-wardrobe { grid-column:1/-1;grid-row:2; }
  .pdr-clothing .pdr-wardrobe-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px; }
  .pdr-clothing .pdr-garment-card { flex-direction:column;align-items:stretch; }
  .pdr-clothing .pdr-garment-art { flex-basis:auto;width:100%;height:145px;border-right:0;border-bottom:1px solid #ffffff1a; }
  .pdr-clothing .pdr-garment-meta { width:100%; }
  .pdr-clothing .pdr-category-tabs { max-width:600px;grid-template-columns:repeat(4,minmax(0,1fr)); }
}
@media(max-width:760px) {
  .pdr-clothing .pdr-studio-header { display:block;padding:25px 5% 23px; }
  .pdr-clothing .pdr-eyebrow { font-size:10px;letter-spacing:.15em; }
  .pdr-clothing .pdr-studio-title { max-width:520px; }
  .pdr-clothing .pdr-studio-title img,.pdr-clothing .pdr-street-title-art { width:min(100%,440px);max-height:150px; }
  .pdr-clothing .pdr-studio-intro { padding:0 0 0 17px;margin-top:21px;border-left-width:3px; }
  .pdr-clothing .pdr-studio-lede { font-size:20px;line-height:1.35; }
  .pdr-clothing .pdr-studio-description { font-size:12px;margin-top:8px!important; }
  .pdr-clothing .pdr-demo-note { font-size:10px;margin-top:10px!important; }
  .pdr-clothing .pdr-studio-grid { padding:0 5%;grid-template-columns:minmax(0,1fr);gap:15px; }
  .pdr-clothing .pdr-fitting-stage { grid-column:1;grid-row:1;min-height:0; }
  .pdr-clothing .pdr-wardrobe { grid-column:1;grid-row:2; }
  .pdr-clothing .pdr-look-panel { grid-column:1;grid-row:3; }
  .pdr-clothing .pdr-wardrobe,.pdr-clothing .pdr-look-panel { padding:18px; }
  .pdr-clothing .pdr-mannequin,.pdr-clothing .pdr-mannequin>svg { width:100%;height:auto;min-height:0;padding:0;max-width:none;aspect-ratio:3/4; }
  .pdr-clothing .pdr-stage-top { min-height:44px;padding:12px 14px; }
  .pdr-clothing .pdr-stage-live { font-size:7px!important; }
  .pdr-clothing .pdr-character-nav { padding:11px 13px 10px; }
  .pdr-clothing #pdrActivePieceName { font-size:18px; }
  .pdr-clothing .pdr-cj-caption strong { font-size:26px; }
  .pdr-clothing .pdr-wardrobe-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .pdr-clothing .pdr-category-tabs { grid-template-columns:repeat(4,minmax(0,1fr));max-width:none; }
  .pdr-clothing .pdr-category-tab { font-size:14px!important;padding:11px 7px; }
  .pdr-clothing .pdr-garment-art { height:145px; }
  .pdr-clothing .pdr-garment-name { font-size:20px; }
  .pdr-clothing .pdr-look-items { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px; }
  .pdr-clothing .pdr-look-item:first-child { padding-top:14px; }
  .pdr-clothing .pdr-look-actions { display:grid;grid-template-columns:1fr 1fr;gap:9px; }
  .pdr-clothing .pdr-look-actions .pdr-text-button,.pdr-clothing #pdrConsultLook { grid-column:1/-1; }
  .pdr-clothing .pdr-look-summary>p { font-size:11px; }
  .pdr-clothing .pdr-look-summary>strong { font-size:30px; }
  .pdr-clothing .pdr-studio-footer { padding:20px 5% 0;gap:12px 17px; }
}
@media(max-width:480px) {
  .pdr-clothing .pdr-studio-header { padding-top:22px; }
  .pdr-clothing .pdr-studio-title img,.pdr-clothing .pdr-street-title-art { max-height:132px; }
  .pdr-clothing .pdr-studio-lede { font-size:19px; }
  .pdr-clothing .pdr-studio-description { font-size:11px; }
  .pdr-clothing .pdr-demo-note { font-size:10px;line-height:1.7; }
  .pdr-clothing .pdr-wardrobe,.pdr-clothing .pdr-look-panel { padding:15px; }
  .pdr-clothing .pdr-panel-heading h2 { font-size:26px; }
  .pdr-clothing .pdr-panel-heading>span { font-size:8px; }
  .pdr-clothing .pdr-category-tabs { grid-template-columns:1fr 1fr;gap:4px; }
  .pdr-clothing .pdr-category-tab { font-size:15px!important; }
  .pdr-clothing .pdr-wardrobe-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:10px; }
  .pdr-clothing .pdr-garment-art { height:139px; }
  .pdr-clothing .pdr-garment-meta { padding:11px 10px; }
  .pdr-clothing .pdr-garment-name { font-size:19px; }
  .pdr-clothing .pdr-garment-color { font-size:10px!important; }
  .pdr-clothing .pdr-look-items { grid-template-columns:1fr;gap:0; }
  .pdr-clothing .pdr-look-art { width:61px;height:77px; }
  .pdr-clothing .pdr-look-info strong { font-size:22px; }
  .pdr-clothing .pdr-look-info>span { font-size:11px; }
  .pdr-clothing .pdr-size-select { min-width:124px; }
  .pdr-clothing .pdr-look-actions { display:flex;flex-direction:column; }
  .pdr-clothing .pdr-button { min-height:49px;font-size:18px!important; }
  .pdr-clothing .pdr-step { font-size:11px; }
}
@media(prefers-reduced-motion:reduce) {
  .pdr-fit-flash { animation:none!important; }
  .pdr-clothing .pdr-garment-card,.pdr-clothing .pdr-button { transition:none!important; }
  .pdr-clothing .pdr-garment-card:hover,.pdr-clothing .pdr-button-primary:hover:not(:disabled) { transform:none; }
}
