/* Mobile wardrobe: one fitting view, one clothing rail, one primary action. */
svg.pdr-ui-icon {
  display:inline-block;
  width:20px;
  height:20px;
  flex:0 0 auto;
  fill:none;
  stroke:currentColor;
  stroke-width:2.4;
  stroke-linecap:round;
  stroke-linejoin:round;
  vertical-align:middle;
}
.pdr-ui-icon--right { transform:rotate(45deg); }
.pdr-ui-icon--left { transform:rotate(225deg); }
.pdr-ui-icon--down { transform:rotate(135deg); }
.pdr-sector-caption::before {
  content:"";
  width:18px;
  height:18px;
  background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 10h16M6 6l-4 4 4 4M14 6l4 4-4 4'/%3E%3C/svg%3E") center / contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 10h16M6 6l-4 4 4 4M14 6l4 4-4 4'/%3E%3C/svg%3E") center / contain no-repeat;
}
.pdr-mobile-only,
#pdrMobileLookDock,
.pdr-mobile-stage-label,
#pdrCompactAvailability { display:none; }
.pdr-look-dialog:not([open]) { display:none!important; }
.pdr-look-dialog {
  box-sizing:border-box;
  color:#fff;
  background:#111115;
  font-family:var(--body,Arial,sans-serif);
}
.pdr-look-dialog *,
.pdr-look-dialog *::before,
.pdr-look-dialog *::after { box-sizing:border-box; }
.pdr-look-dialog [hidden] { display:none!important; }
.pdr-look-dialog button:disabled { cursor:not-allowed; opacity:.45; }
body.pdr-look-sheet-open { overflow:hidden; }
.pdr-sheet-status:empty { display:none; }
.pdr-sheet-status:not(:empty) {
  margin:14px 0 0;
  padding:12px;
  border:1px solid #91324e;
  border-radius:4px;
  background:#431626;
  color:#ffd3df;
  font:500 12px/1.6 var(--body,Arial,sans-serif);
}
#pdrOpenMobileLook:focus-visible,
.pdr-look-dialog button:focus-visible,
.pdr-look-dialog select:focus-visible {
  outline:3px solid #fff;
  outline-offset:3px;
}

@media (max-width:760px) {
  .pdr-mobile-only { display:block; }

  body.pdr-street-active .head-inner {
    height:54px;
    min-height:54px;
    padding:0 14px;
  }
  body.pdr-street-active .site-logo { width:100px; flex:0 0 100px; }
  body.pdr-street-active .site-logo img {
    display:block;
    width:100px;
    max-width:100%;
    height:43px;
    object-fit:contain;
  }
  body.pdr-street-active #searchToggle,
  body.pdr-street-active #favOpen { display:none; }
  body.pdr-street-active .header-tools { gap:4px; }
  body.pdr-street-active .header-tools .icon-button {
    width:44px;
    height:44px;
    min-width:44px;
    min-height:44px;
  }
  .pdr-sector-switch {
    min-height:54px;
    padding:5px 12px;
    gap:0;
  }
  .pdr-sector-tablist {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    width:100%;
    gap:6px;
    min-width:0;
  }
  .pdr-sector-tab {
    min-width:0;
    width:100%;
    min-height:44px;
    padding:10px 12px;
    gap:8px;
    font-size:16px;
  }
  .pdr-sector-tab small,
  .pdr-sector-tab .pdr-new-tag,
  .pdr-sector-caption { display:none; }
  .pdr-sector-tab .pdr-ui-icon { width:17px; height:17px; }

  .pdr-clothing {
    padding-bottom:calc(104px + env(safe-area-inset-bottom,0px));
  }
  .pdr-clothing .pdr-studio-header {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:10px 14px 9px;
  }
  .pdr-clothing .pdr-eyebrow,
  .pdr-clothing .pdr-studio-lede,
  .pdr-clothing .pdr-demo-note,
  .pdr-clothing .pdr-studio-header .pdr-saved-badge { display:none; }
  .pdr-clothing .pdr-studio-header > div:first-child {
    flex:0 0 142px;
    max-width:45%;
    width:142px;
  }
  .pdr-clothing .pdr-studio-title {
    flex:initial;
    max-width:100%;
    width:100%;
    margin:0!important;
    font-size:32px;
    line-height:1;
  }
  .pdr-clothing .pdr-studio-title img {
    display:block;
    width:100%;
    max-width:100%;
    max-height:60px;
    height:auto;
    object-fit:contain;
  }
  .pdr-clothing .pdr-studio-title::after { display:none; }
  .pdr-clothing .pdr-studio-intro {
    flex:1;
    min-width:0;
    padding:0;
    margin:0;
    border:0;
  }
  .pdr-clothing .pdr-studio-description {
    max-width:230px;
    font-size:11px;
    line-height:1.5;
    color:#c6c0c6;
    letter-spacing:0;
  }
  .pdr-clothing .pdr-studio-grid {
    display:flex;
    flex-direction:column;
    gap:8px;
    padding:0 14px;
    min-width:0;
  }
  .pdr-clothing .pdr-fitting-stage {
    order:1;
    width:100%;
    min-height:0;
    border:1px solid #4e2631;
    border-top:2px solid #f50b39;
    border-radius:5px;
    background:#0a0a0e;
    position:relative;
  }
  .pdr-clothing .pdr-stage-top,
  .pdr-clothing .pdr-cj-caption,
  .pdr-clothing .pdr-stage-note,
  .pdr-clothing .pdr-tone-controls { display:none; }
  .pdr-clothing .pdr-mannequin {
    display:grid;
    place-items:center;
    flex:0 0 auto;
    width:100%;
    height:clamp(230px,33svh,300px);
    min-height:0;
    max-height:none;
    padding:0;
    aspect-ratio:auto;
    overflow:hidden;
    background:#09090d;
  }
  .pdr-clothing .pdr-mannequin > svg {
    display:block;
    flex:none;
    width:auto;
    height:100%;
    min-height:0;
    max-width:100%;
    max-height:100%;
    aspect-ratio:3 / 4;
    object-fit:contain;
    filter:none;
  }
  .pdr-clothing .pdr-character-nav {
    position:absolute;
    z-index:3;
    top:50%;
    left:8px;
    right:8px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:0;
    padding:0;
    margin:0;
    border:0;
    background:none;
    transform:translateY(-50%);
    pointer-events:none;
  }
  .pdr-clothing .pdr-character-nav button {
    display:grid;
    place-items:center;
    width:44px;
    height:44px;
    min-width:44px;
    min-height:44px;
    padding:0;
    border:1px solid #dc2248;
    border-radius:4px;
    color:#fff;
    background:#0b0b10e8;
    box-shadow:0 3px 10px #0005;
    pointer-events:auto;
  }
  .pdr-clothing .pdr-character-nav button .pdr-ui-icon { width:22px; height:22px; }
  #pdrActivePieceName { display:none; }
  .pdr-clothing .pdr-mobile-stage-label {
    display:block;
    position:absolute;
    z-index:2;
    bottom:9px;
    left:10px;
    max-width:calc(100% - 20px);
    padding:4px 6px;
    border:1px solid #ffffff17;
    border-radius:2px;
    background:#08080bc9;
    color:#e5dfe4;
    font:500 9px/1.3 var(--body,Arial,sans-serif);
    pointer-events:none;
  }

  .pdr-clothing .pdr-wardrobe {
    order:2;
    width:100%;
    min-width:0;
    padding:0;
    border:0;
    border-radius:0;
    background:none;
    box-shadow:none;
  }
  .pdr-clothing .pdr-wardrobe > .pdr-panel-heading,
  .pdr-clothing .pdr-wardrobe-label,
  .pdr-clothing .pdr-wardrobe-controls,
  .pdr-clothing .pdr-wardrobe > .pdr-fine-print { display:none; }
  .pdr-clothing .pdr-category-tabs {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:4px;
    width:100%;
    max-width:none;
    margin:0;
    padding:0;
    border:0;
    border-radius:0;
    overflow:visible;
    background:none;
  }
  .pdr-clothing .pdr-category-tab {
    min-width:0;
    min-height:44px;
    padding:9px 3px;
    border:1px solid #3b2930;
    border-radius:3px;
    background:#1a151a;
    color:#d8ccd5!important;
    font-size:13px!important;
    line-height:1;
    letter-spacing:0;
  }
  .pdr-clothing .pdr-category-tab[aria-pressed=true] {
    border-color:#f50b39;
    color:#fff!important;
    background:#f50b39;
    box-shadow:0 3px 13px #f50b3926;
  }
  #pdrCompactAvailability {
    display:block;
    margin:6px 0 7px;
    color:#a69ba8;
    font:500 10px/1.4 var(--body,Arial,sans-serif);
  }
  .pdr-clothing .pdr-wardrobe-grid {
    position:relative;
    display:grid;
    grid-template-columns:none;
    grid-auto-flow:column;
    grid-auto-columns:clamp(110px,30vw,124px);
    align-items:stretch;
    gap:9px;
    width:100%;
    max-width:100%;
    min-width:0;
    padding:1px 1px 8px;
    overflow-x:auto;
    overflow-y:hidden;
    overscroll-behavior-inline:contain;
    scroll-snap-type:x proximity;
    scroll-padding-inline:1px;
    scrollbar-width:thin;
    scrollbar-color:#b81d3c #19141b;
    -webkit-overflow-scrolling:touch;
  }
  .pdr-clothing .pdr-garment-card {
    display:flex;
    flex-direction:column;
    align-self:stretch;
    min-width:0;
    min-height:153px;
    border-radius:4px;
    scroll-snap-align:start;
    transform:none;
  }
  .pdr-clothing .pdr-garment-card:hover { transform:none; }
  .pdr-clothing .pdr-garment-art {
    flex:0 0 94px;
    width:100%;
    height:94px;
    min-height:94px;
    border-right:0;
    border-bottom:1px solid #ffffff0c;
  }
  .pdr-clothing .pdr-garment-art svg { width:93%; height:100%; }
  .pdr-clothing .pdr-garment-art img { width:89%; height:89%; }
  .pdr-clothing .pdr-garment-meta {
    flex:1;
    width:100%;
    padding:9px 8px;
    gap:5px;
  }
  .pdr-clothing .pdr-garment-name { font-size:16px; line-height:1.05; }
  .pdr-clothing .pdr-garment-color,
  .pdr-clothing .pdr-garment-meta > span:last-child {
    font:500 10px/1.4 var(--body,Arial,sans-serif)!important;
  }
  .pdr-clothing .pdr-garment-check {
    top:6px;
    right:6px;
    width:22px;
    height:22px;
    border-width:1px;
  }
  .pdr-clothing .pdr-look-panel,
  .pdr-clothing .pdr-studio-footer { display:none; }

  body.pdr-street-active .pdr-whatsapp,
  body.pdr-street-active .pdr-admin-link,
  body.pdr-street-active #editOpen { display:none; }
  body.pdr-street-active #pdrMobileLookDock {
    position:fixed;
    z-index:90;
    left:0;
    right:0;
    bottom:0;
    display:block;
    min-height:76px;
    padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));
    border-top:1px solid #5a2535;
    background:#0d0b0ff5;
    box-shadow:0 -7px 25px #0004;
    backdrop-filter:blur(12px);
  }
  #pdrOpenMobileLook {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    width:100%;
    min-height:54px;
    padding:10px 15px;
    border:1px solid #ff355f;
    border-radius:4px;
    background:#f50b39;
    color:#fff;
    box-shadow:0 4px 14px #f50b3922;
    font:900 20px/1.05 var(--display,'Arial Narrow',Impact,sans-serif);
    text-align:left;
    cursor:pointer;
  }
  #pdrOpenMobileLook > .pdr-ui-icon { width:23px; height:23px; margin-left:2px; }
  #pdrOpenMobileLook > span {
    display:grid;
    grid-template-columns:max-content minmax(0,1fr);
    gap:5px 8px;
    min-width:0;
  }
  #pdrMobileCount,
  #pdrMobileValue {
    grid-row:2;
    display:block;
    font:600 10px/1.4 var(--body,Arial,sans-serif);
    letter-spacing:0;
    text-transform:none;
  }
  #pdrMobileCount { grid-column:1; }
  #pdrMobileValue { grid-column:2; padding-left:8px; border-left:1px solid #ffffff4a; opacity:.88; }
  #pdrMobileValue:empty { display:none; }

  .pdr-look-dialog[open] {
    position:fixed;
    inset:auto 0 0;
    display:block;
    width:100%;
    max-width:600px;
    max-height:85vh;
    max-height:85dvh;
    margin:0 auto;
    padding:0 16px calc(16px + env(safe-area-inset-bottom,0px));
    overflow-x:hidden;
    overflow-y:auto;
    overscroll-behavior:contain;
    border:1px solid #4c2330;
    border-top:3px solid #f50b39;
    border-radius:14px 14px 0 0;
    background:#111115;
    color:#fff;
    box-shadow:0 -18px 70px #0009;
  }
  .pdr-look-dialog::backdrop { background:#000b; backdrop-filter:blur(3px); }
  .pdr-sheet-header {
    position:sticky;
    top:0;
    z-index:4;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    min-height:68px;
    margin:0 -16px 8px;
    padding:10px 16px;
    border-bottom:1px solid #38212a;
    background:#111115;
  }
  .pdr-sheet-header h2 {
    margin:0;
    color:#fff;
    font:900 29px/1 var(--display,'Arial Narrow',Impact,sans-serif);
    text-transform:uppercase;
  }
  #pdrCloseMobileLook {
    display:grid;
    place-items:center;
    width:44px;
    height:44px;
    min-width:44px;
    padding:0;
    border:1px solid #58404a;
    border-radius:4px;
    color:#fff;
    background:#20171d;
    font:500 25px/1 Arial,sans-serif;
    cursor:pointer;
  }
  .pdr-look-dialog .pdr-look-panel {
    display:flex;
    flex-direction:column;
    min-width:0;
    width:100%;
    margin:0;
    padding:0;
    border:0;
    border-radius:0;
    background:none;
    color:#fff;
    box-shadow:none;
  }
  .pdr-look-dialog .pdr-panel-heading {
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    overflow:hidden;
    clip-path:inset(50%);
    white-space:nowrap;
    border:0;
  }
  .pdr-look-dialog .pdr-look-intro { margin:0 0 4px; font-size:12px; color:#c2b6c1; }
  .pdr-look-dialog .pdr-look-items { display:flex; flex-direction:column; flex:initial; min-width:0; }
  .pdr-look-dialog .pdr-look-item {
    display:flex;
    align-items:center;
    gap:12px;
    position:relative;
    min-width:0;
    padding:15px 0;
    border-bottom:1px solid #3a2631;
  }
  .pdr-look-dialog .pdr-look-art {
    display:grid;
    place-items:center;
    flex:0 0 62px;
    width:62px;
    height:80px;
    border:1px solid #3a2631;
    border-radius:4px;
    overflow:hidden;
    background:linear-gradient(145deg,#27202b,#17131c);
  }
  .pdr-look-dialog .pdr-look-art > svg { width:100%; height:100%; }
  .pdr-look-dialog .pdr-look-art > img { width:90%; height:90%; object-fit:contain; }
  .pdr-look-dialog .pdr-look-info { min-width:0; flex:1; padding-right:36px; }
  .pdr-look-dialog .pdr-look-info strong {
    display:block;
    margin:0 0 4px;
    color:#fff;
    font:900 20px/1.1 var(--display,'Arial Narrow',Impact,sans-serif);
    text-transform:uppercase;
    overflow-wrap:anywhere;
  }
  .pdr-look-dialog .pdr-look-info > span {
    display:block;
    margin:0 0 8px;
    color:#b7a7b7;
    font:500 11px/1.4 var(--body,Arial,sans-serif);
  }
  .pdr-look-dialog .pdr-size-select {
    width:100%;
    max-width:154px;
    min-width:0;
    min-height:44px;
    padding:10px 28px 10px 10px;
    border:1px solid #694050;
    border-radius:4px;
    appearance:none;
    color:#fff!important;
    background:#241923 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 8 5 5 5-5'/%3E%3C/svg%3E") no-repeat right 9px center / 16px;
    font:500 16px/1.3 var(--body,Arial,sans-serif)!important;
    cursor:pointer;
  }
  .pdr-look-dialog .pdr-remove {
    position:absolute;
    top:14px;
    right:0;
    display:grid;
    place-items:center;
    width:44px;
    height:44px;
    padding:0;
    border:0;
    border-radius:4px;
    background:transparent;
    color:#e4b5c3!important;
    font:500 25px/1 Arial,sans-serif!important;
    cursor:pointer;
  }
  .pdr-look-dialog .pdr-look-summary {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
    gap:9px;
    margin:0;
    padding-top:19px;
  }
  .pdr-look-dialog .pdr-look-summary > span {
    max-width:65%;
    font:900 15px/1.1 var(--display,'Arial Narrow',Impact,sans-serif);
    color:#cebecf;
  }
  .pdr-look-dialog .pdr-look-summary > strong {
    color:#fff;
    font:900 27px/1 var(--display,'Arial Narrow',Impact,sans-serif);
  }
  .pdr-look-dialog .pdr-look-summary > p {
    flex:0 0 100%;
    margin:0;
    color:#a99aaa;
    font:500 11px/1.6 var(--body,Arial,sans-serif);
  }
  .pdr-look-dialog .pdr-look-actions { display:flex; flex-direction:column; gap:8px; margin-top:16px; }
  .pdr-look-dialog .pdr-button {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    width:100%;
    min-height:49px;
    padding:12px 14px;
    border:1px solid transparent;
    border-radius:4px;
    color:#fff!important;
    font:900 19px/1.1 var(--display,'Arial Narrow',Impact,sans-serif)!important;
    text-transform:uppercase;
    cursor:pointer;
  }
  .pdr-look-dialog .pdr-button-primary { background:#f50b39; border-color:#ff355f; }
  .pdr-look-dialog .pdr-button-outline { background:#21161f; border-color:#684051; }
  .pdr-look-dialog .pdr-text-button {
    min-height:44px;
    border:0;
    background:transparent;
    color:#d3b6c9!important;
    font:500 11px/1.5 var(--body,Arial,sans-serif)!important;
    cursor:pointer;
  }
  .pdr-look-dialog .pdr-saved-badge {
    display:block;
    align-self:flex-start;
    margin:12px 0 0;
    padding:8px 10px;
    border:1px solid #684051;
    border-radius:4px;
    background:#251921;
    color:#eed5e5;
    font-size:11px;
  }
  .pdr-look-dialog .pdr-fine-print {
    margin:12px 0 0;
    color:#a99aaa;
    font:500 10px/1.6 var(--body,Arial,sans-serif);
  }
  .pdr-look-dialog .pdr-empty-look {
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    gap:10px;
    min-height:160px;
    padding:24px 12px;
    text-align:center;
    color:#b6a4b5;
  }
  .pdr-look-dialog .pdr-empty-look strong { color:#fff; font-size:22px; }
  .pdr-look-dialog .pdr-empty-look p { max-width:250px; margin:0; font-size:12px; line-height:1.6; }
  .pdr-look-dialog .pdr-visually-hidden {
    position:absolute!important;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    overflow:hidden;
    clip-path:inset(50%);
    white-space:nowrap;
    border:0;
  }
  .pdr-toast {
    top:116px;
    bottom:auto;
    width:max-content;
    max-width:calc(100vw - 28px);
    padding:11px 14px;
    font-size:11px;
  }
}

@media (max-width:350px) {
  .pdr-clothing .pdr-studio-header { gap:9px; padding-left:12px; padding-right:12px; }
  .pdr-clothing .pdr-studio-header > div:first-child { flex-basis:130px; width:130px; }
  .pdr-clothing .pdr-studio-description { font-size:10px; }
  .pdr-clothing .pdr-studio-grid { padding-left:12px; padding-right:12px; }
  .pdr-clothing .pdr-category-tab { font-size:12px!important; }
  .pdr-clothing .pdr-garment-name { font-size:15px; }
  #pdrOpenMobileLook { font-size:19px; }
}

@media (prefers-reduced-motion:reduce) {
  #pdrOpenMobileLook,
  .pdr-look-dialog,
  .pdr-clothing .pdr-character-nav button { transition:none!important; animation:none!important; }
}

.pdr-look-dialog button:disabled {opacity:.42;cursor:not-allowed;}