.jopos-product{background-color:#fff;border:2px solid var(--jopos-offwhite-border,#e6dfce);display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative}.jopos-product__head{align-items:center;display:flex;flex-wrap:wrap;gap:6px 16px;justify-content:space-between;padding:22px 24px 0}.jopos-product__name{color:var(--primary-color,#425b76);font-size:24px;line-height:1.15;margin:0}.jopos-product__badge{border-radius:0 0 10px 0;font-size:11px;font-weight:600;left:0;line-height:1.2;padding:3px 12px 4px;position:absolute;top:0;white-space:nowrap;z-index:2}.jopos-product__badge--new{background-color:#ebab04;color:#1a1a1a}.jopos-product__badge--eol{background-color:#c40f2e;color:#fff}.jopos-product--eol,.jopos-product--new{z-index:1}.jopos-product--new{border-color:#ebab04}.jopos-product--eol{border-color:#c40f2e}.jopos-product__meta{align-items:center;display:flex;gap:12px;margin-left:auto}.jopos-product__leadtime{align-items:center;background-color:var(--jopos-offwhite,#faf7f0);border:1px solid var(--jopos-offwhite-border,#e6dfce);border-radius:50px;color:#34425a;display:inline-flex;font-size:12px;font-weight:600;gap:6px;line-height:1.2;padding:5px 12px;position:relative;z-index:2}.jopos-product__leadtime i{color:#ebab04;font-size:11px}.jopos-product__leadtime--tip{cursor:help}.jopos-product__leadtime--tip:after{background-color:#34425a;border-radius:4px;color:#fff;content:attr(data-tip);font-weight:400;opacity:0;padding:5px 10px;pointer-events:none;position:absolute;right:0;top:calc(100% + 6px);transition:opacity .15s;white-space:nowrap}.jopos-product__leadtime--tip:focus-visible:after,.jopos-product__leadtime--tip:hover:after{opacity:1}.jopos-product__price{color:#34425a;font-size:15px;white-space:nowrap}.jopos-product__body{align-items:center;display:flex;flex:1 1 auto;gap:20px;min-height:0;padding:14px 24px 24px}.jopos-product__image{align-items:center;display:flex;flex:0 0 34%;height:170px;justify-content:center}.jopos-product__image img{height:100%;object-fit:contain;width:100%}.jopos-product__content{display:flex;flex:1 1 auto;flex-direction:column;gap:10px;min-width:0}.jopos-product__specs{display:grid;gap:8px 16px;grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;margin:0;padding:0}.jopos-product__specs li{align-items:center;color:var(--primary-color,#425b76);display:flex;font-size:14px;gap:8px;line-height:1.3}.jopos-product__specs i{color:#ebab04;flex:0 0 18px;text-align:center}.jopos-product__specs li.jopos-product__spec--wide{grid-column:1/-1}.jopos-product__description{display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;color:#34425a;font-size:12px;line-height:1.7;margin:0;overflow:hidden}.jopos-sr{height:1px;overflow:hidden;position:absolute;width:1px;clip:rect(0,0,0,0);white-space:nowrap}.jopos-product__link{color:inherit;text-decoration:none}.jopos-product__link:after{content:"";inset:0;position:absolute;z-index:1}.jopos-product:has(.jopos-product__link){transition:background-color .15s}.jopos-product:has(.jopos-product__link):hover{background-color:var(--jopos-offwhite,#faf7f0)}.jopos-product:hover .jopos-product__link,.jopos-product__link:focus-visible{color:var(--link-hover-color,#c40f2e);text-decoration:none}.jopos-product:has(.jopos-product__link:focus-visible){outline:3px solid var(--jopos-offwhite-border,#e6dfce);outline-offset:-3px}.jopos-product__link:focus-visible{outline:none}@media only screen and (min-width:769px){.jopos-product{height:300px}}@media only screen and (max-width:768px){.jopos-product__body{flex-direction:column}.jopos-product__image{flex-basis:auto;height:200px}}