:root {
  --stroke: 1.35px;
  --stroke-color: #f39227;
  --cut-x: 15%;
  --cut-y: 15%;
}

.poly-card {
  position: relative;
  aspect-ratio: 5 / 3;
  width: 100%;
  height: 100%;
  overflow: hidden;
  clip-path: polygon( 0 0, calc(100% - var(--cut-x)) 0, 100% var(--cut-y), 100% 100%, 0 100% );
}

/* 4 πλευρές με 1px overlap προς τη διαγώνιο */

.poly-card::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(var(--stroke-color),var(--stroke-color)) left top / calc(100% - var(--cut-x) + var(--stroke)) var(--stroke) no-repeat, linear-gradient(var(--stroke-color),var(--stroke-color)) right calc(var(--cut-y) - var(--stroke)) / var(--stroke) calc(130% - var(--cut-y) + var(--stroke)) no-repeat, linear-gradient(var(--stroke-color),var(--stroke-color)) left bottom / 100% var(--stroke) no-repeat, linear-gradient(var(--stroke-color),var(--stroke-color)) left top / var(--stroke) 100% no-repeat;
}

/* Διαγώνια — κάνουμε το κουτί της +1px σε πλάτος/ύψος για overlap */

.poly-card::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  pointer-events: none;
  width: calc(var(--cut-x) + var(--stroke));
  height: calc(var(--cut-y) + var(--stroke));
  background: linear-gradient( to bottom left, transparent calc(50% - var(--stroke)/2), var(--stroke-color) calc(50% - var(--stroke)/2) calc(50% + var(--stroke)/2), transparent calc(50% + var(--stroke)/2) );
}

.poly-card > a {
  width: 100%;
  height: 100%;
}

.poly-card > a > img {
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

