/* Reference design: portrait photos, plain specification rows, dark buttons. */
.dpr-block{margin:40px 0;clear:both;font-family:inherit;color:inherit}
.dpr-block *{box-sizing:border-box}
.dpr-block .dpr-heading{margin:0 0 28px;font-size:clamp(26px,3vw,34px);font-weight:700;line-height:1.2;letter-spacing:-.5px}
.dpr-block .dpr-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none}
.dpr-block .dpr-card{display:flex;flex-direction:column;min-width:0;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:inherit}
.dpr-block .dpr-image{display:block;aspect-ratio:5/7;overflow:hidden;border-radius:10px;background:#f1f1ef}
.dpr-block .dpr-image img{display:block;width:100%;height:100%;object-fit:cover;margin:0;border-radius:0}
.dpr-block .dpr-body{display:flex;flex:1;flex-direction:column;padding:0}
.dpr-block .dpr-name{font-size:16px;font-weight:400;line-height:1.3;margin:5px 0 0;padding:0 5px 2px;border-bottom:1px solid #ededed}
.dpr-block .dpr-name a{color:inherit;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px;transition:color 180ms ease,text-decoration-color 180ms ease}
.dpr-block .dpr-name a:hover,.dpr-block .dpr-name a:focus-visible{text-decoration-color:currentColor;color:#424242}
.dpr-block .dpr-dimensions{margin:3px 0 8px;padding:0 5px 2px;border-bottom:1px solid #ededed;font-size:13px;line-height:1.65}
.dpr-block .dpr-dimensions div{display:flex;align-items:baseline;justify-content:flex-start;gap:4px;flex-wrap:wrap}
.dpr-block .dpr-dimensions dt{display:flex;align-items:baseline;gap:14px;font-weight:400;color:inherit;margin:0}
.dpr-block .dpr-dimensions dd{margin:0;font-weight:400}
.dpr-block .dpr-axis{display:inline-block;width:16px;flex-shrink:0;text-align:center;font-size:18px;line-height:1;font-family:Arial,sans-serif}
.dpr-block .dpr-price{margin-top:auto;padding:0 0 12px;font-size:16px;font-weight:400;line-height:1.4}
.dpr-block .dpr-price del{font-size:13px;color:#666;margin-right:4px}
.dpr-block .dpr-price ins{background:none;text-decoration:none}
.dpr-block .dpr-details{position:relative;display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;min-height:42px;width:144px;max-width:100%;padding:10px 20px;border:1px solid #282828;border-radius:2px;background:#282828;color:#fff;text-decoration:none;font-size:14px;font-weight:400;line-height:1.4}
.dpr-block .dpr-button-label{display:block;transition:transform 200ms ease}
.dpr-block .dpr-button-arrow{position:absolute;right:12px;top:50%;width:22px;height:22px;margin-top:-11px;pointer-events:none;opacity:0;transform:translateX(-5px);transition:transform 200ms ease,opacity 200ms ease}
.dpr-block .dpr-details:hover{background:#454545;border-color:#454545;color:#fff}
.dpr-block a:focus-visible{outline:3px solid #3477b5;outline-offset:3px}
.dpr-block .dpr-image{transition:box-shadow 240ms ease}
.dpr-block .dpr-image img{transition:transform 360ms cubic-bezier(.2,.65,.3,1);transform-origin:center}
.dpr-block .dpr-details{transition:background-color 180ms ease,border-color 180ms ease,box-shadow 180ms ease,transform 180ms ease}
/* Hover effects only where a real hover pointer exists; no sticky zoom on touch. */
@media(hover:hover) and (pointer:fine){
  .dpr-block .dpr-image:hover img{transform:scale(1.025)}
  .dpr-block .dpr-image:hover{box-shadow:0 5px 16px rgba(0,0,0,.12)}
  .dpr-block .dpr-details:hover .dpr-button-label{transform:translateX(-9px)}
  .dpr-block .dpr-details:hover .dpr-button-arrow{opacity:1;transform:translateX(0)}
}
.dpr-block .dpr-image:focus-visible img{transform:scale(1.025)}
.dpr-block .dpr-details:focus-visible{background:#454545;border-color:#454545}
.dpr-block .dpr-details:focus-visible .dpr-button-label{transform:translateX(-9px)}
.dpr-block .dpr-details:focus-visible .dpr-button-arrow{opacity:1;transform:translateX(0)}
.dpr-block .dpr-details:active{transform:translateY(0) scale(.98);box-shadow:none;transition-duration:80ms}
@media(prefers-reduced-motion:reduce){
  .dpr-block .dpr-image,.dpr-block .dpr-image img,.dpr-block .dpr-name a,.dpr-block .dpr-details,.dpr-block .dpr-button-label,.dpr-block .dpr-button-arrow{transition:none}
  .dpr-block .dpr-image:hover img,.dpr-block .dpr-image:focus-visible img,.dpr-block .dpr-details:hover,.dpr-block .dpr-details:focus-visible,.dpr-block .dpr-details:active{transform:none}
}
.dpr-block .screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}
@media(max-width:760px){.dpr-block .dpr-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.dpr-block .dpr-heading{font-size:27px;margin-bottom:22px}}
@media(max-width:420px){.dpr-block .dpr-grid{grid-template-columns:1fr;gap:26px}.dpr-block .dpr-image{aspect-ratio:5/7}}