.ux-pdpc{border-top:1px solid var(--ux-line)}.ux-pdpc>section{padding:72px 0;background:var(--ux-bg)}.ux-pdpc>section:nth-of-type(2n){background:var(--ux-sand)}.ux-pdpc .ux-head-row{margin-bottom:30px}.ux-pdpc .ux-lede{font-size:1.05rem}.ux-pc-center{text-align:center}.ux-pc-center .ux-lede{margin-left:auto;margin-right:auto}.ux-pc-note{display:flex;gap:10px;align-items:flex-start;background:var(--ux-sky);color:var(--ux-ink);border-radius:12px;padding:13px 16px;font-size:.93rem;line-height:1.5;margin-top:24px}.ux-pc-note svg{flex:none;color:var(--ux-ocean);margin-top:2px}.ux-pc-note a{color:var(--ux-ocean);font-weight:600}.ux-uses{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.ux-use{background:#fff;border:1px solid var(--ux-line);border-radius:var(--ux-radius);padding:22px 12px 18px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.ux-use__icon{width:52px;height:52px;border-radius:50%;background:var(--ux-sky);color:var(--ux-ocean);display:flex;align-items:center;justify-content:center}.ux-use__name{font-family:var(--ux-serif);color:var(--ux-navy);font-weight:600;font-size:1.04rem;line-height:1.2}.ux-uses-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center}.ux-uses-split .ux-uses{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:26px}.ux-uses-split__img{border-radius:var(--ux-radius-lg);overflow:hidden;aspect-ratio:4 / 3;background:var(--ux-sky);box-shadow:var(--ux-shadow)}.ux-uses-split__img img{width:100%;height:100%;object-fit:cover;display:block}.ux-fitg{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.ux-fitg__col{background:#fff;border:1px solid var(--ux-line);border-radius:var(--ux-radius-lg);padding:26px}.ux-fitg__col h3{font-family:var(--ux-serif);color:var(--ux-navy);font-size:1.3rem;font-weight:600;margin:0 0 4px;display:flex;align-items:center;gap:10px}.ux-fitg__col>p{color:var(--ux-muted);margin:0 0 16px;font-size:.94rem}.ux-fitg__badge{width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex:none}.ux-fitg__col--yes .ux-fitg__badge{background:#e8f5ee;color:var(--ux-good)}.ux-fitg__col--no .ux-fitg__badge{background:#fdecea;color:#b42318}.ux-fitg__list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.ux-fitg__list li{display:grid;grid-template-columns:54px 1fr;gap:14px;align-items:center;padding:12px;border-radius:12px;background:var(--ux-bg);border:1px solid var(--ux-line)}.ux-fitg__frame{width:54px;height:40px;border-radius:10px;background:#fff;border:1px solid var(--ux-line);display:flex;align-items:center;justify-content:center;color:var(--ux-navy)}.ux-fitg__list strong{display:block;color:var(--ux-ink);font-size:.97rem}.ux-fitg__list span{display:block;color:var(--ux-muted);font-size:.86rem;line-height:1.4;margin-top:2px}.ux-ba{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:56px;align-items:center}.ux-ba__slider.comparison-container{position:relative;overflow:hidden;border-radius:var(--ux-radius-lg);box-shadow:var(--ux-shadow);aspect-ratio:4 / 3;cursor:ew-resize;user-select:none;-webkit-user-select:none;touch-action:pan-y;background:var(--ux-sky);border:0;margin:0;max-width:none}.ux-ba__slider img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.ux-ba__slider .comparison-img-before{z-index:1;clip-path:inset(0 50% 0 0)}.ux-ba__slider .comparison-img-after{z-index:0}.ux-ba__slider .comparison-divider{position:absolute;top:0;bottom:0;left:50%;width:3px;background:#fff;transform:translate(-50%);z-index:3;pointer-events:none}.ux-ba__slider .comparison-handle{position:absolute;top:50%;left:50%;width:46px;height:46px;border-radius:50%;background:#fff;color:var(--ux-navy);transform:translate(-50%,-50%);z-index:4;display:flex;align-items:center;justify-content:center;box-shadow:var(--ux-shadow);pointer-events:none}.ux-ba__slider .comparison-handle svg{width:22px;height:22px}.ux-ba__tag{position:absolute;top:14px;z-index:5;background:#fffffff0;color:var(--ux-navy);border-radius:999px;padding:6px 14px;font-size:.82rem;font-weight:600;pointer-events:none}.ux-ba__tag--before{left:14px}.ux-ba__tag--after{right:14px}.ux-ba__hint{font-size:.86rem;color:var(--ux-muted);margin:12px 0 0;text-align:center}.ux-vids{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.ux-vid{position:relative;aspect-ratio:9 / 16;border-radius:var(--ux-radius);overflow:hidden;background:var(--ux-navy);border:0;padding:0;cursor:pointer;display:block;width:100%}.ux-vid img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}.ux-vid:hover img{transform:scale(1.03)}.ux-vid__play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;background:#fffffff0;color:var(--ux-navy);display:flex;align-items:center;justify-content:center;box-shadow:var(--ux-shadow)}.ux-vid iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.ux-pfaq{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:56px;align-items:start}.ux-pfaq__aside .ux-btn{margin-top:24px}.ux-pfaq__list{border-top:1px solid var(--ux-line)}.ux-pfaq__list .ux-acc>summary{font-weight:600;font-size:1.02rem;color:var(--ux-navy);padding:20px 2px}.ux-pfaq__list .ux-acc__body{font-size:.97rem}.ux-rev-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:30px}.ux-rev-sum{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid var(--ux-line);border-radius:var(--ux-radius);padding:14px 20px}.ux-rev-sum__num{font-family:var(--ux-serif);font-size:2.4rem;line-height:1;color:var(--ux-navy);font-weight:600}.ux-rev-sum small{display:block;color:var(--ux-muted);font-size:.84rem;margin-top:4px}.ux-stars{position:relative;display:inline-block;color:#d6dde5;letter-spacing:2px;font-size:1.05rem;line-height:1}.ux-stars i{position:absolute;left:0;top:0;overflow:hidden;white-space:nowrap;color:#e0a100;font-style:normal}.ux-revs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.ux-rev{background:#fff;border:1px solid var(--ux-line);border-radius:var(--ux-radius);padding:24px 22px;display:flex;flex-direction:column;gap:14px;margin:0}.ux-rev .ux-stars{font-size:.95rem}.ux-rev blockquote{margin:0;color:var(--ux-ink);line-height:1.6;font-size:.95rem;flex:1}.ux-rev figcaption{display:flex;align-items:center;gap:12px;padding-top:14px;border-top:1px solid var(--ux-line)}.ux-rev__av{width:40px;height:40px;border-radius:50%;background:var(--ux-sky);color:var(--ux-ocean);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.86rem;flex:none}.ux-rev__name{font-weight:600;color:var(--ux-navy);font-size:.95rem}@media(max-width:1100px){.ux-uses,.ux-vids{grid-template-columns:repeat(3,minmax(0,1fr))}.ux-revs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:960px){.ux-pdp{grid-template-columns:minmax(0,1fr)}.ux-pdp>*{min-width:0}.ux-uses-split,.ux-ba,.ux-pfaq,.ux-fitg{grid-template-columns:1fr}.ux-uses-split,.ux-ba{gap:30px}.ux-pfaq{gap:18px}}@media(max-width:700px){.ux-pdpc>section{padding:48px 0}.ux-uses,.ux-uses-split .ux-uses{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ux-use{padding:16px 10px 14px;gap:8px}.ux-use__icon{width:44px;height:44px}.ux-use__name{font-size:.95rem}.ux-fitg__col{padding:20px 16px}.ux-vids{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;padding-bottom:6px;scrollbar-width:none}.ux-vids::-webkit-scrollbar{display:none}.ux-vid{flex:0 0 58%;scroll-snap-align:start}.ux-revs{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding-bottom:6px;scrollbar-width:none}.ux-revs::-webkit-scrollbar{display:none}.ux-rev{flex:0 0 86%;scroll-snap-align:start;padding:20px 18px}.ux-rev-sum{width:100%}.ux-ba__tag{top:10px;font-size:.76rem;padding:5px 11px}}.ux-compat-img{margin:0}.ux-compat-img a{position:relative;display:block;border-radius:var(--ux-radius-lg);overflow:hidden;border:1px solid var(--ux-line);background:#fff;box-shadow:var(--ux-shadow);cursor:zoom-in}.ux-compat-img img{display:block;width:100%;height:auto;aspect-ratio:1 / 1;object-fit:contain;transition:transform .3s}.ux-compat-img a:hover img{transform:scale(1.02)}.ux-compat-img__zoom{position:absolute;right:12px;bottom:12px;width:36px;height:36px;border-radius:50%;background:#fffffff2;color:var(--ux-navy);display:flex;align-items:center;justify-content:center;box-shadow:var(--ux-shadow)}.ux-compat-img figcaption{font-size:.84rem;color:var(--ux-muted);margin-top:10px;text-align:center}.ux-fitg--img{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,.95fr);align-items:start}.ux-pfaq__aside .ux-compat-img{margin-top:28px;max-width:440px}@media(max-width:1100px){.ux-fitg--img{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.ux-fitg--img .ux-compat-img{grid-column:1 / -1;max-width:520px;justify-self:center;width:100%}}@media(max-width:960px){.ux-fitg--img{grid-template-columns:1fr}.ux-pfaq__aside .ux-compat-img{max-width:none}}.ux-compat{display:grid;grid-template-columns:1fr;gap:22px;align-items:start}.ux-compat--img{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.ux-compat__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;align-content:start}.ux-compat__list ul{list-style:none;margin:0;padding:18px 20px;background:#fff;border:1px solid var(--ux-line);border-radius:var(--ux-radius)}.ux-compat__list ul:before{display:block;font-family:var(--ux-serif);font-weight:600;color:var(--ux-navy);font-size:1.12rem;margin-bottom:8px}.ux-compat__list ul.ux-yes:before{content:"Great fit"}.ux-compat__list ul.ux-no:before{content:"Not a match"}.ux-compat__list li{position:relative;padding:6px 0 6px 26px;line-height:1.4}.ux-compat__list li:before{position:absolute;left:0;top:6px;font-weight:700}.ux-compat__list .ux-yes li:before{content:"\2713";color:var(--ux-good)}.ux-compat__list .ux-no li:before{content:"\2715";color:#b42318}.ux-compat__list p{grid-column:1 / -1;margin:0;color:var(--ux-muted);font-size:.92rem;line-height:1.5}.ux-compat .ux-compat-img{max-width:460px;justify-self:center;width:100%}@media(max-width:960px){.ux-compat--img{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/ux-pdp-content.css.map */