/* Approved compact cards. All equipment categories; data and filters remain in Bitrix. */
#equipment-cards{container-name:equipment-cards;container-type:inline-size;--dp28-ink:#14213d;--dp28-muted:#626e7f;--dp28-border:#d9dfe7;--dp28-red:#c25c5b;--dp28-red-active:#a32e30;--dp28-hover:#f1f6fb;--dp28-hover-border:#7e9ab6;--dp28-shadow:rgba(25,57,88,.10);display:grid;gap:16px;min-width:0;font:14px/1.4 Arial,Helvetica,sans-serif}
#equipment-cards *,#equipment-cards *::before,#equipment-cards *::after{box-sizing:border-box}
#equipment-cards h3,#equipment-cards figure,#equipment-cards dl,#equipment-cards dd{margin:0}
#equipment-cards .dp28-row{min-width:0}
#equipment-cards .dp28-row[hidden]{display:none!important}
#equipment-cards .dp28-card:focus-visible{outline:3px solid #355b84;outline-offset:3px;background:var(--dp28-hover)}
#equipment-cards .dp28-card{--dp28-columns:repeat(2,minmax(0,1fr)) minmax(176px,1fr);display:grid;grid-template-columns:112px minmax(0,1fr);grid-template-areas:"image title" "image specs" "image price";column-gap:18px;row-gap:0;align-items:start;min-width:0;border:1px solid var(--dp28-border);border-radius:3px;padding:13px 16px;background:#fff;color:inherit;text-decoration:none;box-shadow:0 0 0 transparent;transition:background-color 200ms ease-out,border-color 200ms ease-out,box-shadow 200ms ease-out}
#equipment-cards .dp28-card[data-count="2"],#equipment-cards .dp28-card[data-count="4"]{--dp28-columns:repeat(2,minmax(0,1fr))}
#equipment-cards .dp28-media{grid-area:image;align-self:center;justify-self:center;width:112px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0}
#equipment-cards .dp28-image{display:block;width:112px;height:136px;object-fit:contain;object-position:center}
#equipment-cards .dp28-caption{width:100%;margin-top:5px;color:var(--dp28-muted);font-size:11px;line-height:1.3;text-align:center;font-weight:400}
#equipment-cards .dp28-title{grid-area:title;letter-spacing:0;color:#000;font-size:16px;line-height:1.35;font-weight:600;min-width:0;overflow-wrap:anywhere;padding-bottom:9px}
#equipment-cards .dp28-specs{grid-area:specs;display:grid;grid-template-columns:var(--dp28-columns);gap:10px 14px;min-width:0}
#equipment-cards .dp28-property{min-width:0;border-left:2px solid var(--dp28-red);padding-left:11px;transition:border-color 200ms ease-out}
#equipment-cards .dp28-property dt{min-width:0;color:var(--dp28-muted);font-size:12px;line-height:1.35;font-weight:400;margin-bottom:3px;overflow-wrap:anywhere;hyphens:auto}
#equipment-cards .dp28-property dd{color:var(--dp28-ink);font-size:19px;line-height:1.2;font-weight:500;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
#equipment-cards .dp28-property dd small{font:inherit}
#equipment-cards .dp28-property[data-kind="word"] dd{font-size:16px;line-height:1.3}
#equipment-cards .dp28-property[data-kind="long"] dd,#equipment-cards .dp28-property[data-kind="list"] dd{font-size:14px;line-height:1.4}
#equipment-cards .dp28-property[data-kind="list"] dd{display:block}
#equipment-cards .dp28-item{white-space:nowrap}
#equipment-cards .dp28-cost{grid-area:price;display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) minmax(176px,1fr);column-gap:14px;min-width:0;margin-top:10px;padding-top:10px}
#equipment-cards .dp28-price{grid-column:-2;justify-self:start;margin-left:13px;color:#000;font:400 27px/1.2 Roboto,Arial,sans-serif;letter-spacing:0;font-variant-numeric:tabular-nums;white-space:nowrap;display:block}
@supports(grid-template-rows:subgrid){
  #equipment-cards .dp28-property{display:grid;grid-template-rows:subgrid;grid-row:span 2;row-gap:3px}
  #equipment-cards .dp28-property dt{margin-bottom:0}
  #equipment-cards .dp28-property dd{align-self:start}
}
#equipment-cards:not([data-touch-input]) .dp28-card:active,#equipment-cards .dp28-card.is-touch-active{transition:none;background-color:var(--dp28-hover);border-color:var(--dp28-hover-border);box-shadow:0 4px 14px var(--dp28-shadow)}
#equipment-cards:not([data-touch-input]) .dp28-card:active .dp28-property,#equipment-cards .dp28-card.is-touch-active .dp28-property{transition:none;border-left-color:var(--dp28-red-active)}
@media(hover:hover){
  #equipment-cards:not([data-touch-input]) .dp28-card:hover{background-color:var(--dp28-hover);border-color:var(--dp28-hover-border);box-shadow:0 4px 14px var(--dp28-shadow)}
  #equipment-cards:not([data-touch-input]) .dp28-card:hover .dp28-property{border-left-color:var(--dp28-red-active)}
}
@container equipment-cards (max-width:650px){
  #equipment-cards .dp28-card{--dp28-columns:repeat(2,minmax(0,1fr));grid-template-columns:88px minmax(0,1fr);column-gap:14px;padding:13px 12px}
  #equipment-cards .dp28-media,#equipment-cards .dp28-image{width:88px}
  #equipment-cards .dp28-image{height:116px}
  #equipment-cards .dp28-title{font-size:15px;line-height:1.4;padding-bottom:11px}
  #equipment-cards .dp28-property[data-wide="true"],#equipment-cards .dp28-card[data-count="1"] .dp28-property{grid-column:1/-1}
  #equipment-cards .dp28-property{padding-left:8px}
  #equipment-cards .dp28-property dd{font-size:18px}
  #equipment-cards .dp28-property[data-kind="word"] dd{font-size:15px}
  #equipment-cards .dp28-cost{display:flex;justify-content:flex-end;align-items:center;margin-top:15px;padding:0 10px 0 0}
  #equipment-cards .dp28-price{margin-left:0;font-size:24px;letter-spacing:0;gap:6px}
}
@container equipment-cards (max-width:430px){
  #equipment-cards .dp28-card{grid-template-columns:72px minmax(0,1fr);column-gap:12px;padding:13px 12px}
  #equipment-cards .dp28-media,#equipment-cards .dp28-image{width:72px}
  #equipment-cards .dp28-image{height:100px}
  #equipment-cards .dp28-caption{margin-top:5px}
  #equipment-cards .dp28-title{font-size:14px;line-height:1.4}
  #equipment-cards .dp28-specs{gap:11px 12px}
  #equipment-cards .dp28-property dt{font-size:11px;line-height:1.35}
  #equipment-cards .dp28-property dd{font-size:17px;line-height:1.25}
  #equipment-cards .dp28-property[data-kind="word"] dd{font-size:14px;line-height:1.35}
  #equipment-cards .dp28-property[data-kind="long"] dd,#equipment-cards .dp28-property[data-kind="list"] dd{font-size:13px;line-height:1.4}
}
@container equipment-cards (max-width:360px){
  #equipment-cards .dp28-card{grid-template-columns:62px minmax(0,1fr);column-gap:10px;padding:12px 10px}
  #equipment-cards .dp28-media,#equipment-cards .dp28-image{width:62px}
  #equipment-cards .dp28-image{height:90px}
  #equipment-cards .dp28-specs{column-gap:10px}
  #equipment-cards .dp28-title{font-size:14px}
  #equipment-cards .dp28-property{padding-left:7px}
  #equipment-cards .dp28-price{font-size:23px}
}
@media(prefers-reduced-motion:reduce){#equipment-cards .dp28-card,#equipment-cards .dp28-property{transition:none}}

/* Phones/tablets use the approved comparison table from roller-conveyor cards.
   One DOM and one curated property list; only presentation changes by viewport. */
@media(max-width:900px){
  #equipment-cards .dp28-card{grid-template-columns:88px minmax(0,1fr);column-gap:14px;grid-template-areas:"image title" "image specs" "caption price";grid-template-rows:auto auto minmax(48px,1fr);padding:16px 16px 0;font-family:Roboto,Arial,sans-serif}
  #equipment-cards .dp28-media,#equipment-cards .dp28-image{width:88px}
  #equipment-cards .dp28-media{display:contents}
  #equipment-cards .dp28-image{grid-area:image;height:100%;max-height:116px;min-height:0;align-self:center;justify-self:center}
  #equipment-cards .dp28-caption{grid-area:caption;align-self:center;justify-self:center;margin:0}
  #equipment-cards .dp28-title{font-size:16px;line-height:1.35;font-weight:500;letter-spacing:-.015em;padding-bottom:10px;border-bottom:1px solid #dce2eb}
  #equipment-cards .dp28-specs{grid-template-columns:minmax(0,1fr);gap:0;align-content:start;align-self:stretch;border-bottom:1px solid #dce2eb}
  #equipment-cards .dp28-property{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto;grid-row:auto;align-items:baseline;gap:10px;min-height:36px;padding:8px 0;border:0}
  #equipment-cards .dp28-property+ .dp28-property{border-top:1px solid #dce2eb}
  #equipment-cards .dp28-property dt{margin:0;font-size:13px;line-height:1.5;font-weight:400;color:#69768a}
  #equipment-cards .dp28-specs .dp28-property dd{font-size:14px;line-height:1.4;font-weight:500;text-align:right}
  #equipment-cards .dp28-cost{display:flex;justify-content:flex-end;align-items:center;align-self:stretch;margin:0;padding:12px 0;border:0}
  #equipment-cards .dp28-price{margin:0;font-size:20px;font-weight:400;line-height:1.2}
}
@media(min-width:521px) and (max-width:900px){
  #equipment-cards .dp28-card{grid-template-columns:96px minmax(0,1fr);column-gap:18px}
  #equipment-cards .dp28-media,#equipment-cards .dp28-image{width:96px}
}
@media(max-width:400px){
  #equipment-cards .dp28-card{grid-template-columns:80px minmax(0,1fr);column-gap:12px;padding:14px 14px 0}
  #equipment-cards .dp28-media,#equipment-cards .dp28-image{width:80px}
}
@media(max-width:360px){
  #equipment-cards .dp28-card{grid-template-columns:72px minmax(0,1fr);padding:14px 12px 0}
  #equipment-cards .dp28-media,#equipment-cards .dp28-image{width:72px}
  #equipment-cards .dp28-title{font-size:15px}
  #equipment-cards .dp28-property{gap:8px}
  #equipment-cards .dp28-property dt{font-size:12px}
  #equipment-cards .dp28-specs .dp28-property dd{font-size:13px}
}
@media(max-width:340px){
  #equipment-cards .dp28-card{grid-template-columns:64px minmax(0,1fr)}
  #equipment-cards .dp28-media,#equipment-cards .dp28-image{width:64px}
}

/* Desktop typography: three deliberate levels, independent of value type and card width. */
@media(min-width:901px){
  #equipment-cards .dp28-card{font-family:Roboto,Arial,sans-serif}
  #equipment-cards .dp28-title{font-size:16px;line-height:1.4;font-weight:600;letter-spacing:0}
  #equipment-cards .dp28-property dt,#equipment-cards .dp28-caption{font-size:12px;line-height:1.4;font-weight:400}
  #equipment-cards .dp28-specs .dp28-property dd{font-size:16px;line-height:1.4;font-weight:500}
  #equipment-cards .dp28-specs .dp28-property dd small{font:inherit}
  #equipment-cards .dp28-caption{width:max-content;max-width:calc(100% + 16px)}
  #equipment-cards .dp28-price{font:400 22px/1.25 Roboto,Arial,sans-serif;letter-spacing:0}
}