.pi-cmp{scroll-margin-top:100px;color:#17191c}
.pi-cmp,.pi-cmp *{box-sizing:border-box}
.pi-cmp [hidden]{display:none!important}
.pi-cmp__eyebrow{font-size:12px;font-weight:600;letter-spacing:.09em}
.pi-cmp__controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:24px 0}
.pi-cmp__control{min-width:0}
.pi-cmp__control label{display:block;font-size:14px;font-weight:500;margin-bottom:7px}
.pi-cmp__control select{width:100%;min-height:48px;border:1px solid #d5d9df;border-radius:10px;background:#fff;padding:10px 36px 10px 14px;color:#17191c;font:inherit;font-size:16px;cursor:pointer}
.pi-cmp__cards{display:flex;gap:24px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:2px 2px 14px;scrollbar-color:#cfb633 #f1f2f4}
.pi-cmp__card{flex:0 0 calc((100% - 48px)/3);min-width:0;border:1px solid #e1e4e8;border-radius:16px;background:#fff;overflow:hidden;scroll-snap-align:start;display:flex;flex-direction:column;box-shadow:0 6px 22px #17191c05}
.pi-cmp__card-head{padding:18px 24px 16px}
.pi-cmp__card img{display:block;width:100%;height:180px;object-fit:contain;mix-blend-mode:multiply;margin-bottom:12px}
.pi-cmp__brand{color:#626a72;font-size:12px}
.pi-cmp .pi-cmp__card h3{margin:4px 0 0;font-size:24px;font-weight:500;line-height:1.25}
.pi-cmp__facts{margin:0;padding:0 24px;font-size:14px;line-height:1.5}
.pi-cmp__facts>div{padding:12px 0;border-top:1px solid #edf0f3;min-height:74px}
.pi-cmp__facts dt{font-size:12px;color:#626a72;margin:0 0 3px}
.pi-cmp__facts dd{margin:0;font-weight:500;overflow-wrap:anywhere}
.pi-cmp__price{background:#191b1f;color:#fff;padding:18px 24px;display:flex;flex-direction:column;gap:3px;margin-top:auto}
.pi-cmp__price span{font-size:12px;line-height:1.5}
.pi-cmp__price strong{font-size:28px;font-weight:600;line-height:1.3;color:#ffd000}
.pi-cmp__button{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:50px;margin:16px;background:#ffd000;color:#17191c;border-radius:9px;padding:12px 16px;text-decoration:none;font-size:14px;font-weight:600}
.pi-cmp__button:hover{background:#efc500}
.pi-cmp__note{font-size:12px;color:#626a72;line-height:1.65;margin-top:16px;max-width:1000px}
.pi-cmp__note p{margin:8px 0}
.pi-cmp__note a{color:#17191c;text-decoration:underline;text-underline-offset:3px}
.pi-cmp__mobile-hint{display:none;font-size:12px;color:#626a72}
.pi-cmp :is(select,a,[tabindex]):focus-visible{outline:3px solid #6b5600;outline-offset:4px}
.pi-stock-card__price-note{display:block;margin-top:8px;font-size:11px;color:#626a72;line-height:1.45}
@media(max-width:749px){.pi-cmp__controls{gap:10px;margin:20px 0}.pi-cmp__control label{font-size:12px}.pi-cmp__control select{padding-left:9px;font-size:16px}.pi-cmp__cards{gap:14px}.pi-cmp__card{flex-basis:calc(100% - 28px);max-width:360px}.pi-cmp__card-head{padding:16px 20px}.pi-cmp__facts{padding:0 20px}.pi-cmp__mobile-hint{display:block}.pi-cmp__price{padding:16px 20px}}
@media(prefers-reduced-motion:reduce){.pi-cmp__cards{scroll-behavior:auto}}