vupi-product{display:grid;max-width:1440px;margin:auto;grid-template-columns:minmax(0,62fr) minmax(300px,38fr);color:#111;background:#fff!important}
.vupi-pdp__gallery{display:grid;grid-template-columns:60px minmax(0,600px);justify-content:center;gap:12px;padding:32px 16px 48px 24px;align-content:start;min-width:0;background:#fff}
.vupi-pdp__thumbs{display:flex;flex-direction:column;gap:10px;max-height:680px;overflow:auto}
.vupi-pdp__thumbs button{flex-shrink:0;border:1px solid transparent;padding:4px;background:#fff;aspect-ratio:4/5;cursor:pointer;width:100%}
.vupi-pdp__thumbs button[aria-pressed=true]{border-color:#111}
.vupi-pdp__thumbs img{width:100%;height:100%;object-fit:contain;color:transparent;font-size:0}
.vupi-pdp__main{grid-column:2;aspect-ratio:4/5;position:relative;min-width:0;background:#fff}
.vupi-pdp__main figure{position:absolute;inset:0;margin:0}
.vupi-pdp__main img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;padding:3%;box-sizing:border-box;background:#fff;color:transparent;font-size:0;border-radius:0}
.vupi-pdp__controls{grid-column:2;display:flex;align-items:center;justify-content:center;width:100%;margin:2px auto 0}
.vupi-pdp__main .vupi-pdp__step{position:absolute;top:50%;z-index:2;display:grid;place-items:center;width:48px;height:48px;padding:0;transform:translateY(-50%);border:0;border-radius:0;background:transparent;color:#171717;font:400 26px/1 Arial,sans-serif;cursor:pointer;transition:color 160ms ease,opacity 160ms ease;opacity:.88}
.vupi-pdp__main [data-vupi-prev]{left:clamp(4px,1.2vw,14px)}
.vupi-pdp__main [data-vupi-next]{right:clamp(4px,1.2vw,14px)}
.vupi-pdp__main .vupi-pdp__step:hover{color:#6f6b66;opacity:1}
.vupi-pdp__main .vupi-pdp__step:focus-visible{outline:2px solid #171717;outline-offset:-3px}
.vupi-pdp__indicators{display:flex;align-items:center;justify-content:center;gap:8px}
.vupi-pdp__indicators button{appearance:none;display:grid;place-items:center;width:48px;height:48px;padding:0;border:0;border-radius:0;background:#fff;cursor:pointer}
.vupi-pdp__indicators button::before{content:"";display:block;width:6px;height:6px;border-radius:50%;background:#b7b7b7;transition:background-color 160ms ease,transform 160ms ease}
.vupi-pdp__indicators button[aria-pressed=true]::before{background:#111;transform:scale(1.35)}
.vupi-pdp__sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.vupi-pdp [hidden]{display:none!important}
.vupi-pdp__empty{padding:24px;font-size:12px}
.vupi-pdp__media-note{grid-column:1/-1;font-size:12px;line-height:1.5;color:#555;margin:0}
.vupi-pdp__info{padding:36px 28px;min-width:0;background:#fff}
.vupi-pdp__inner{position:sticky;top:84px;max-width:430px;margin:auto}
.vupi-pdp__crumb{margin-bottom:24px;font-size:12px;color:#666}
.vupi-pdp__crumb a{color:inherit}
.vupi-pdp h1{font-size:26px;line-height:1.2;font-weight:400;margin:0 0 12px}
.vupi-pdp__price{font-size:18px;margin-bottom:28px}
.vupi-pdp__option{border:0;padding:0;margin:0 0 22px;min-width:0}
.vupi-pdp__option legend{font-size:12px;margin-bottom:10px}
.vupi-pdp__values{display:flex;flex-wrap:wrap;gap:8px}
.vupi-pdp__value{min-width:48px;min-height:44px;padding:9px 12px;border:1px solid #dedede;border-radius:0;background:white;color:#111;cursor:pointer}
.vupi-pdp__value.is-selected{border-color:#111;background:#fff}
.vupi-pdp button:focus-visible,.vupi-pdp summary:focus-visible{outline:2px solid #111;outline-offset:3px}
.vupi-pdp__add{height:52px;width:100%;background:#111;color:#fff;border:0;border-radius:0;font-size:12px;margin:4px 0 20px;cursor:pointer}
.vupi-pdp__add:disabled{background:#777;cursor:not-allowed}
.vupi-pdp__detail{border-top:1px solid #dedede}
.vupi-pdp__detail summary{display:flex;justify-content:space-between;padding:18px 0;list-style:none;font-size:12px;cursor:pointer}
.vupi-pdp__detail>div{font-size:13px;line-height:1.65;color:#555;padding-bottom:18px;overflow-wrap:anywhere}
@media(max-width:899px){vupi-product{display:block}.vupi-pdp__gallery{display:flex;flex-direction:column;padding:0 12px 12px;gap:0}.vupi-pdp__main{order:0;width:min(100%,560px);align-self:center}.vupi-pdp__controls{order:1;width:min(100%,560px);margin:4px auto 0}.vupi-pdp__indicators{gap:4px}.vupi-pdp__media-note{order:2}.vupi-pdp__info{padding:18px 16px 40px}.vupi-pdp__inner{position:static;max-width:560px}.vupi-pdp h1{font-size:23px}}