.pd{padding-bottom:clamp(64px,9vw,120px)}.pd [hidden]{display:none!important}.pd-top{--tint: var(--linen);--pd-chrome: calc(188px + env(safe-area-inset-top, 0px)) ;--pd-w: calc((100vh - var(--pd-chrome)) * .8245);background:var(--linen);background:color-mix(in srgb,var(--tint) 74%,var(--paper));border-bottom:1px solid var(--linen);padding-block:18px clamp(28px,4vw,52px)}@supports (height: 100svh){.pd-top{--pd-w: calc((100svh - var(--pd-chrome)) * .8245)}}.pd-crumbs{display:flex;flex-wrap:wrap;gap:0 .7em;margin-bottom:16px}.pd-crumbs a{text-decoration:none}.pd-crumbs a:hover{text-decoration:underline;text-underline-offset:4px}.pd-crumbs [aria-current]{color:var(--ink)}.pd-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,400px);gap:clamp(20px,3.4vw,56px);align-items:start}.pd-gallery{display:grid;grid-template-columns:68px minmax(0,var(--pd-w));gap:14px;justify-content:center;align-items:start}.pd-gallery.single{grid-template-columns:minmax(0,var(--pd-w))}.pd-view{min-width:0}.pd-stage{position:relative;margin:0;overflow:hidden;width:100%;aspect-ratio:1649 / 2000;background:#fff;border-radius:10px;box-shadow:0 50px 100px -60px #1f1f1f73}.pd-stage img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.pd-stage.cut{background:#fff}.pd-stage.flat{background:var(--linen);background:color-mix(in srgb,var(--tint) 55%,var(--linen))}.pd-stage.cut img{top:4%;right:5%;bottom:4%;left:5%;width:90%;height:92%}.pd-stage.flat img{top:8%;right:8%;bottom:8%;left:8%;width:84%;height:84%;mix-blend-mode:multiply}.pd-caption{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin:10px 0 0;min-height:15px}.pd-caption b{font-weight:400;color:var(--ink)}.pd-caption a{color:var(--ink);text-underline-offset:3px}.pd-count{margin-left:auto}.pd-thumbs{display:grid;gap:10px;align-content:start}.pd-thumbs button{display:grid;gap:5px;justify-items:center;padding:0 0 6px;border:0;border-bottom:1px solid transparent;background:none}.pd-thumbs img{width:100%;aspect-ratio:1649 / 2000;object-fit:cover;object-position:50% 0%;background:#fff;border-radius:4px;transition:opacity .2s ease}.pd-thumbs img.cut{object-fit:contain}.pd-thumbs button[aria-current=false] img{opacity:.62}.pd-thumbs button:hover img,.pd-thumbs button:focus-visible img{opacity:1}.pd-thumbs button[aria-current=true]{border-bottom-color:var(--ink)}.pd-thumbs span{font-size:9px;letter-spacing:.14em}.pd-panel{display:grid;gap:12px;align-content:start;grid-auto-rows:max-content;background:var(--white);padding:clamp(20px,2.4vw,32px);box-shadow:0 40px 80px -50px #1f1f1f66}.pd-panel p{margin:0}.pd-eyebrow{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.pd-mood a{text-decoration:none}.pd-mood a:hover{text-decoration:underline;text-underline-offset:4px}.pd-glyph{width:14px;height:14px;margin-right:8px;vertical-align:-2.5px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.pd-glyph .dot{fill:currentColor;stroke:none}.pd-chip{border:1px solid var(--stone);padding:4px 8px;font-size:10px}.pd-panel h1{font-size:clamp(30px,2.9vw,42px);line-height:1.05;letter-spacing:-.01em}.pd-type{font-size:15px}.pd-price{font:300 var(--step-2)/1 var(--display);margin-top:2px}.pd-size{display:grid;gap:8px;margin-top:4px}.pd-size-head{display:flex;justify-content:space-between;align-items:baseline}.pd-guide{background:none;border:0;padding:0;text-decoration:underline;text-underline-offset:3px}.pd-sizes{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}.pd-sizes button{min-width:0;padding:15px 4px;font-size:12px}.pd-sizes button:disabled{color:var(--ink-soft);border-style:dashed;border-color:var(--stone);cursor:var(--cur);background:linear-gradient(to top right,transparent calc(50% - .6px),var(--taupe) calc(50% - .6px),var(--taupe) calc(50% + .6px),transparent calc(50% + .6px))}.pd-fit{min-height:44px;padding-top:10px;border-top:1px solid var(--linen)}.pd-fit dl{margin:0;display:grid;grid-template-columns:repeat(var(--cols, 3),minmax(0,1fr));gap:8px}.pd-fit dt{font-size:10px}.pd-fit dd{margin:3px 0 0;font:400 12px/1.3 var(--mono);letter-spacing:.01em;white-space:nowrap}.pd-fit p{padding-top:6px}.pd-add{width:100%;justify-content:center;margin-top:4px}.pd-add:disabled,.pd-add:disabled:hover{background:transparent;color:var(--ink-soft);border:1px dashed var(--taupe);cursor:var(--cur)}.pd-match{display:grid;gap:10px;margin-top:4px;padding-top:14px;border-top:1px solid var(--linen)}.pd-match-head{display:flex;justify-content:space-between;align-items:baseline}.pd-match-item{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:12px;align-items:center;text-decoration:none;color:inherit}.pd-match-pic{display:block;width:56px;height:70px;overflow:hidden;border-radius:6px;background:#fff}.pd-match-pic img{width:100%;height:100%;object-fit:cover;object-position:50% 0%;transition:transform .35s cubic-bezier(.2,.8,.2,1)}.pd-match-pic img.bt{transform:scale(1.75);transform-origin:50% 82%}.pd-match-item:hover .pd-match-pic img{transform:scale(1.06)}.pd-match-item:hover .pd-match-pic img.bt{transform:scale(1.85)}.pd-match-what{display:grid;gap:3px;min-width:0}.pd-match-what b{font-weight:500;line-height:1.3}.pd-match-item:hover .pd-match-what b{text-decoration:underline;text-underline-offset:4px}.pd-match-price{font:300 var(--step-1)/1 var(--display);white-space:nowrap}.pd-match .pd-sizes button{padding:11px 4px}.pd-match .pd-add{margin-top:0}.pd-code{margin-top:-7px}.pd-sheet{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-areas:"specs chart" "service chart";grid-template-rows:auto 1fr;gap:clamp(36px,5vw,64px) clamp(32px,6vw,96px);align-items:start;padding-top:clamp(48px,7vw,96px)}.pd-sheet.solo{grid-template-areas:"specs service";grid-template-rows:auto}.pd-spec-block{grid-area:specs}.pd-chart-block{grid-area:chart}.pd-service-block{grid-area:service}.pd-sheet>*{min-width:0}.pd-h{display:flex;justify-content:space-between;align-items:flex-end;gap:12px 16px;flex-wrap:wrap;padding-bottom:14px;border-bottom:1px solid var(--ink)}.pd-h h2{font-size:var(--step-2);line-height:1.1;letter-spacing:0}.pd-h .pd-kinds{margin-left:auto}.pd-chart-block{scroll-margin-top:96px}.pd-h .textlink{padding-bottom:4px}.pd-h .pd-glyph{width:.68em;height:.68em;margin-right:.4em;vertical-align:-.03em;stroke-width:1.3}.pd-specs{margin:0}.pd-specs>div{display:grid;grid-template-columns:minmax(104px,34%) minmax(0,1fr);gap:16px;align-items:baseline;padding:13px 0;border-bottom:1px solid var(--linen)}.pd-specs dt{font:500 var(--step--1)/1.5 var(--display);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft)}.pd-specs dd{margin:0;font:400 13px/1.5 var(--mono);letter-spacing:.01em}.pd-specs dd a{text-underline-offset:3px}.pd-dim{color:var(--ink-soft);margin-left:8px;white-space:nowrap}.todo{display:inline-block;padding:3px 8px 2px;white-space:nowrap;font:400 10px/1.5 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);border:1px dashed var(--ink);background:repeating-linear-gradient(-45deg,transparent 0 5px,rgba(201,189,174,.55) 5px 6.5px)}.pd-chart-wrap{overflow-x:auto}.pd-chart{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.pd-chart th,.pd-chart td{text-align:left;border-bottom:1px solid var(--linen);white-space:nowrap}.pd-chart thead th{padding:12px 18px 10px 0;border-bottom-color:var(--stone);font:500 10px/1.3 var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft)}.pd-chart thead th:first-child{padding-left:10px}.pd-chart tbody th{width:1%;padding:0 14px 0 0}.pd-chart tbody th button,.pd-chart tbody th .pd-sz{display:block;width:100%;min-width:58px;text-align:left;padding:15px 10px;border:0;background:none;font:500 12px/1 var(--display);letter-spacing:.06em;color:inherit}.pd-chart tbody th .pd-sz{cursor:var(--cur)}.pd-chart td{padding:9px 18px 9px 0;min-width:112px}.pd-chart td:last-child{padding-right:10px}.pd-num{display:block;font:400 12px/1.3 var(--mono);letter-spacing:.01em}.pd-bar{display:block;position:relative;height:5px;margin-top:6px}.pd-bar:before{content:"";position:absolute;left:0;right:0;top:2px;height:1px;background:var(--linen)}.pd-bar i{position:absolute;top:0;bottom:0;min-width:3px;border-radius:3px;background:var(--stone)}.pd-bar.point i{width:5px;border-radius:50%}.pd-chart tbody tr.can{cursor:var(--cur-tip)}.pd-chart tbody tr.can:hover{background:var(--white)}.pd-chart tbody tr.can:hover .pd-bar i{background:var(--taupe)}.pd-chart tbody tr.picked,.pd-chart tbody tr.picked:hover{background:var(--ink);color:var(--paper)}.pd-chart tbody tr.picked .pd-bar:before{background:#f5efe640}.pd-chart tbody tr.picked .pd-bar i,.pd-chart tbody tr.picked:hover .pd-bar i{background:var(--paper)}.pd-chart tbody tr.picked :focus-visible{outline-color:var(--paper);outline-offset:-4px}.pd-chart tr.unstocked{color:var(--ink-soft)}.pd-chart tr.unstocked .pd-num,.pd-chart tr.unstocked .pd-sz{opacity:.7}.pd-chart tr.unstocked .pd-bar i{background:var(--linen)}.pd-chart tr.out{color:var(--ink-soft)}.pd-chart tr.out .pd-sz s{text-decoration-thickness:1px}.pd-chart tr.out .pd-sz small{margin-left:8px;font:400 10px/1 var(--mono);letter-spacing:.04em}.pd-chart tr.out .pd-bar i{background:var(--linen)}.pd-note{font-size:12px;margin:12px 0 0}.pd-sub{margin:26px 0 0;font:500 var(--step--1)/1.4 var(--display);letter-spacing:.18em;text-transform:uppercase}.pd-how{margin:10px 0 0;display:grid;gap:8px;font-size:13px;line-height:1.5}.pd-how>div{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px}.pd-how dt{font-weight:500}.pd-how dd{margin:0;color:var(--ink-soft)}.pd-service{list-style:none;margin:0;padding:0}.pd-service a{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:12px;align-items:baseline;padding:15px 0;border-bottom:1px solid var(--linen);text-decoration:none;font-size:14px}.pd-go{transition:transform .25s ease}.pd-service a:hover .pd-go,.pd-service a:focus-visible .pd-go{transform:translate(4px)}.pd-after{--g: clamp(14px, 1.6vw, 22px);display:grid;grid-template-columns:minmax(0,1fr);column-gap:var(--g);row-gap:48px;align-items:start;padding-top:clamp(56px,8vw,104px)}.pd-after.has-pair{grid-template-columns:calc((100% - 3 * var(--g)) / 4) minmax(0,1fr)}.pd-after>section{min-width:0}.pd-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px var(--g);margin-top:22px}.pd-after.has-pair .pd-row{grid-template-columns:repeat(3,minmax(0,1fr))}.pd-pair-card{margin-top:22px}.pd-card{text-decoration:none;color:inherit}.pd-card .tile,.pd-card .name-row,.pd-card .meta{display:block}.pd-card .name-row{display:flex}.pd-card .code{margin-top:-2px}.pd-card:focus-visible{outline-offset:6px}.pd-missing{padding-block:clamp(64px,12vw,160px) 0;display:grid;gap:16px;justify-items:start}.pd-missing h1{font-size:var(--step-3);line-height:1.02;letter-spacing:-.01em}.pd-missing p{margin:0;max-width:46ch}.pd-missing .code{font-size:13px;overflow-wrap:anywhere}.pd-missing .cta-row{margin-top:10px}@media(max-width:1000px){.pd-after,.pd-after.has-pair{grid-template-columns:minmax(0,1fr)}.pd-row,.pd-after.has-pair .pd-row{grid-template-columns:repeat(2,minmax(0,1fr))}.pd-row>:nth-child(3):last-child{display:none}.pd-pair-card .pd-card{grid-template-columns:clamp(110px,34%,220px) minmax(0,1fr);grid-template-rows:1fr auto 1fr;column-gap:18px}.pd-pair-card .pd-card .tile{grid-column:1;grid-row:1 / span 3}.pd-pair-card .pd-card>:not(.tile){grid-column:2}.pd-pair-card .pd-card .name-row{align-self:end;flex-direction:column;gap:4px;margin-top:0}.pd-pair-card .pd-card .code{align-self:start}}@media(max-width:900px){.pd-hero{grid-template-columns:minmax(0,1fr)}.pd-gallery,.pd-gallery.single{grid-template-columns:minmax(0,var(--pd-w))}.pd-thumbs{order:2;grid-auto-flow:column;grid-auto-columns:58px;justify-content:center}.pd-sheet,.pd-sheet.solo{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;grid-template-areas:"specs" "chart" "service"}.pd-sheet.solo{grid-template-areas:"specs" "service"}}@media(max-width:620px){.pd-bar{display:none}.pd-chart td{min-width:0;padding-right:12px}.pd-chart tbody th{padding-right:6px}.pd-chart tbody th button,.pd-chart tbody th .pd-sz{min-width:46px;padding-inline:8px}.pd-how>div{grid-template-columns:minmax(0,1fr);gap:0}}@media(prefers-reduced-motion:reduce){.pd-thumbs img,.pd-go{transition:none}.pd-service a:hover .pd-go,.pd-service a:focus-visible .pd-go{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/sr-product.css.map */