pano-fitting-room{display:block;margin:12px 0 18px;color:#161616;font-family:inherit}
pano-fitting-room[hidden],pano-fitting-room [hidden]{display:none!important}
.pn-fit__trigger{display:flex;align-items:center;gap:12px;width:100%;padding:13px 16px;border:1px solid #ddd;background:#fff;color:#161616;border-radius:7px;text-align:left;cursor:pointer;font:inherit}
.pn-fit__trigger>span:first-of-type{flex:1;font-size:14px;font-weight:600;line-height:1.4}
.pn-fit__trigger small{display:block;font-size:12px;font-weight:400;color:#666}
.pn-fit__trigger:hover{border-color:#161616}
.pn-fit__dialog{box-sizing:border-box;width:min(500px,calc(100% - 24px));max-height:90dvh;padding:0;margin:auto;border:0;border-radius:12px;color:#161616;background:#fff;overflow:auto;box-shadow:0 20px 80px #0004;text-align:left;font-family:inherit}
.pn-fit__dialog::backdrop{background:#0009}
.pn-fit__dialog *{box-sizing:border-box}
.pn-fit__header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid #eee}
.pn-fit__brand{font-size:16px;font-weight:700;letter-spacing:5px}
.pn-fit__close{display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;font-size:28px;line-height:1;background:#f5f5f5;color:#161616;cursor:pointer}
.pn-fit__body{padding:22px 24px 26px}
.pn-fit__eyebrow{margin:0 0 8px!important;color:#b31b22;font-size:11px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase}
.pn-fit__body h2{margin:0 0 8px;font-size:25px;line-height:1.15;letter-spacing:-.5px;color:#161616}
.pn-fit__product{margin:0 0 20px!important;font-size:13px;color:#666}
.pn-fit__instructions{padding:14px;background:#f6f6f6;border-radius:6px;margin-bottom:18px}
.pn-fit__instructions strong{font-size:13px}
.pn-fit__instructions p{margin:6px 0 0!important;font-size:12px;line-height:1.55;color:#555}
.pn-fit__fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pn-fit__fields label,.pn-fit__preference{display:block;font-size:12px;font-weight:600;line-height:1.5;color:#161616}
.pn-fit__input{display:flex;align-items:center;border:1px solid #c8c8c8;border-radius:5px;margin-top:7px;padding-right:12px;background:#fff;overflow:hidden}
.pn-fit__input input{min-width:0;width:100%;height:46px;padding:10px 12px!important;margin:0;border:0!important;background:#fff;color:#161616;font:inherit;font-size:16px;box-shadow:none!important}
.pn-fit__input>span{font-size:12px;font-weight:400;color:#666}
.pn-fit__preference{margin:16px 0}
.pn-fit__preference select{width:100%;height:46px;margin-top:7px;padding:8px 12px;border:1px solid #c8c8c8;border-radius:5px;background:#fff;color:#161616;font:inherit;font-size:14px}
.pn-fit__calculate,.pn-fit__apply{width:100%;min-height:46px;padding:12px;border:1px solid #161616;border-radius:5px;background:#161616;color:#fff;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer}
.pn-fit__result{margin-top:18px;padding:18px;text-align:center;border:1px solid #ddd;border-radius:7px;background:#fafafa}
.pn-fit__result>p{margin:0 0 9px!important;font-size:12px;line-height:1.5}
.pn-fit__size{display:block;font-size:38px;line-height:1.1;margin:10px 0 12px}
.pn-fit__match{color:#555}
.pn-fit__availability{font-weight:600}
.pn-fit__apply{margin-top:8px;background:#fff;color:#161616}
.pn-fit__note{margin:16px 0 0!important;color:#707070;font-size:11px;line-height:1.5}
.pn-fit__error{margin:12px 0!important;color:#a11922;font-size:13px;line-height:1.5}
.pn-fit__dialog :focus-visible,.pn-fit__trigger:focus-visible{outline:2px solid #a11922;outline-offset:3px}
@media(max-width:480px){.pn-fit__body{padding:20px}.pn-fit__header{padding:12px 20px}.pn-fit__body h2{font-size:23px}.pn-fit__fields{gap:8px}.pn-fit__fields label{font-size:11px}}

pano-fitting-room .pn-fit__trigger{padding:12px 0;border:0;border-top:1px solid #eee;border-bottom:1px solid #eee;border-radius:0;gap:10px;background:#fff}
pano-fitting-room .pn-fit__trigger>span:first-of-type{font-size:12px;font-weight:600}
pano-fitting-room .pn-fit__trigger small{font-size:10px;margin-top:3px;color:#777}
pano-fitting-room .pn-fit__trigger svg{width:19px;height:19px}
pano-fitting-room .pn-fit__trigger>span:last-child{width:26px;height:26px;display:grid;place-items:center;background:#ffdf24;font-size:16px}
pano-fitting-room .pn-fit__dialog{border-radius:0;max-width:480px;max-height:calc(100dvh - 24px)}
pano-fitting-room .pn-fit__header{padding:12px 20px}
pano-fitting-room .pn-fit__brand img{display:block;width:120px;height:40px;object-fit:contain}
pano-fitting-room .pn-fit__eyebrow{color:#777;font-weight:400;font-size:10px}
pano-fitting-room .pn-fit__body h2{font-size:25px;font-weight:600}
pano-fitting-room .pn-fit__instructions,pano-fitting-room .pn-fit__result{border-radius:0;background:#fafaf8}
pano-fitting-room .pn-fit__input,pano-fitting-room .pn-fit__preference select,pano-fitting-room .pn-fit__calculate,pano-fitting-room .pn-fit__apply{border-radius:0}
pano-fitting-room .pn-fit__calculate{background:#171717;font-size:12px}
pano-fitting-room .pn-fit__size{display:inline-block;background:#ffdf24;color:#171717;min-width:66px;padding:10px;font-size:30px}
pano-fitting-room .pn-fit__dialog :focus-visible,pano-fitting-room .pn-fit__trigger:focus-visible{outline-color:#171717}

pano-fitting-room .pn-fit__fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
pano-fitting-room .pn-fit__fields label{min-width:0}
pano-fitting-room .pn-fit__input{display:flex;align-items:center;gap:8px;width:100%;min-width:0;min-height:48px;padding:0 12px!important;border:1px solid #c8c8c8!important;border-radius:0!important;background:#fff!important;overflow:visible}
pano-fitting-room .pn-fit__input input{display:block;flex:1 1 0;min-width:0!important;width:100%!important;max-width:100%!important;height:46px!important;min-height:46px!important;margin:0!important;padding:10px 0!important;border:0!important;border-radius:0!important;outline:none!important;box-shadow:none!important;appearance:none;-webkit-appearance:none;background:transparent!important;color:#171717!important;font:400 16px/1.4 Arial,sans-serif!important}
pano-fitting-room .pn-fit__input>span{flex:0 0 auto;font-size:12px;color:#777;line-height:1;padding:0;margin:0}
pano-fitting-room .pn-fit__input:focus-within{outline:2px solid #171717;outline-offset:2px;border-color:#171717!important}
pano-fitting-room .pn-fit__input input::placeholder{color:#aaa;opacity:1;font-weight:400}
pano-fitting-room .pn-fit__measure-note{font-size:11px;line-height:1.55;color:#666;margin:10px 0 0!important}
@media(max-width:360px){pano-fitting-room .pn-fit__fields{grid-template-columns:1fr}}

.product-detail pano-fitting-room .pn-fit__dialog .pn-fit__fields .pn-fit__input input,.product-detail pano-fitting-room .pn-fit__dialog .pn-fit__fields .pn-fit__input input:focus,.product-detail pano-fitting-room .pn-fit__dialog .pn-fit__fields .pn-fit__input input:focus-visible{outline:0 none transparent!important;outline-width:0!important;outline-style:none!important;box-shadow:none!important;border:0!important;border-radius:0!important}