.pdesc-vcards{
  --gap:16px;
  --radius:16px;
  --bg:#fff;
  --muted:#6b7280;
  --text:#111827;
  --line:#e5e7eb;
  --brand:#0ea5e9;
  --icon-bg:#f0f9ff;
  --icon-line:#bae6fd;
}

/* base */
.pdesc-vcards, .pdesc-vcards *{ box-sizing:border-box }
.pdesc-vcards{ color:var(--text) }
.pdesc-vcards h2,
.pdesc-vcards h3{ margin:0 0 8px }
.pdesc-vcards p{ margin:0 }
.pdesc-vcards .muted{ color:var(--muted); font-size:14px }

/* layout */
.pdesc-vcards .grid{ display:grid; gap:var(--gap) }
.pdesc-vcards .grid-cols{ grid-template-columns:1fr }

/* card */
.pdesc-vcards .card{
  background:var(--bg);
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:var(--gap);
}

/* list */
.pdesc-vcards ul{ margin:8px 0 0 18px; padding:0 }

/* table */
.pdesc-vcards table{
  width:100%;
  border-collapse:collapse;
  margin-top:8px;
}
.pdesc-vcards td{
  padding:8px;
  border-bottom:1px solid var(--line);
  vertical-align:top;
}
.pdesc-vcards td:first-child{ color:var(--muted); width:40% }
/* 
/* gallery */
/* .pdesc-vcards .gallery{ display:grid; gap:var(--gap) } */
.pdesc-vcards .shots{ display:grid; gap:var(--gap) } */

/* shot */
.pdesc-vcards .shot{
  position:relative;
  /* border:1px dashed var(--line); */
  border-radius:var(--radius);
  background:#fafafa;
  aspect-ratio:16/9;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--muted);
}
.pdesc-vcards .shot.big{ aspect-ratio:4/3 }
.pdesc-vcards .shot span{
  position:absolute;
  bottom:8px;
  right:12px;
  font-size:12px;
}
.pdesc-vcards .shot .add-btn{
  position:absolute;
  top:8px;
  left:8px;
  font-size:12px;
  border:1px solid var(--line);
  padding:4px 8px;
  border-radius:999px;
  background:#fff;
}

/* icon */
.pdesc-vcards .row{ display:flex; align-items:flex-start; gap:12px }
.pdesc-vcards .icon{
  width:28px; height:28px; flex:0 0 28px;
  display:flex; align-items:center; justify-content:center;
  border-radius:50%;
  background:var(--icon-bg);
  border:1px solid var(--icon-line);
}

/* responsive */
@media (min-width:720px){
  .pdesc-vcards .grid-cols{ grid-template-columns:1.1fr .9fr }
  .pdesc-vcards .shots{ grid-template-columns:repeat(3,1fr) }
}

/* optional helpers */
.pdesc-vcards img{ max-width:100%; height:auto; display:block }
/* блок примітки */
.pdesc-vcards .note{
  margin-top:24px;           /* відступ зверху */
  padding:16px;              /* внутрішні поля */
  border-top:1px solid var(--line);
  border-radius:var(--radius);
  background:#fafafa;
}

.pdesc-vcards .note h3{
  margin:0 0 8px;
  font-size:16px;
  font-weight:600;
  color:var(--text);
}

.pdesc-vcards .note p{
  margin:0;
  font-size:14px;
  color:var(--muted);
}